/*
 * SETU Home responsive system.
 * One public-home layer only. CMS/dashboard styles are intentionally out of scope.
 * The approved desktop composition lives in home-desktop.css; this file owns every
 * responsive adaptation used by the homepage.
 */

.home-v10-global {
  overflow-x: clip;
}

.home-v10-global :where(img, svg, video, iframe) {
  max-width: 100%;
}

.home-v10-global :where(.button, .inline-action, .header-signin, .header-activate) {
  min-width: 0;
}

.home-v10-global :where(h1, h2, h3, p, a, button, span, strong, small) {
  overflow-wrap: anywhere;
}

/* Header switches to the app-style compact shell only when the full navigation no longer fits. */
@media (max-width: 1120px) {
  :root {
    --public-header-height: 4.35rem;
    --header-height: var(--public-header-height);
  }

  .home-v10-global .site-header .header-inner {
    width: min(var(--public-shell), calc(100% - 2 * var(--public-page-gutter)));
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: clamp(.65rem, 2vw, 1.15rem);
  }

  .home-v10-global .desktop-nav,
  .home-v10-global .mega-layer,
  .home-v10-global .mega-backdrop {
    display: none !important;
  }

  .home-v10-global .menu-button {
    display: grid;
  }

  .home-v10-global .header-actions {
    justify-self: end;
    min-width: 0;
    gap: .5rem;
  }

  .home-v10-global .header-activate {
    display: none;
  }

  .home-v10-global .brand img {
    width: clamp(5rem, 9vw, var(--public-header-logo-width));
  }
}

/* Compact scene mode. Motion becomes content-first and touch-native. */
@media (max-width: 860px) {
  :root {
    --public-page-gutter: clamp(1rem, 4.8vw, 2rem);
    --public-section-y: clamp(3.75rem, 8vw, 5.5rem);
    --public-section-y-large: clamp(4rem, 9vw, 6rem);
    --public-title-hero: clamp(2.35rem, 8vw, 3.1rem);
    --public-title-page: clamp(2.2rem, 7.4vw, 2.9rem);
    --public-title-section: clamp(2rem, 6.8vw, 2.65rem);
    --public-title-scene: clamp(2rem, 6.8vw, 2.65rem);
    --public-title-card: clamp(1.55rem, 5.4vw, 2.1rem);
  }

  .home-v10-global .header-shop {
    min-height: 2.5rem;
    padding-inline: .85rem;
  }

  .home-v10-global .home-hero {
    height: auto !important;
    min-height: 0 !important;
    padding-top: var(--public-header-height);
    overflow: visible;
  }

  .home-v10-global .hero-grid {
    height: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .home-v10-global .hero-copy {
    order: 1;
    padding: clamp(3.25rem, 9vw, 5.25rem) 0 clamp(2.5rem, 7vw, 4rem);
  }

  .home-v10-global .hero-copy h1,
  .home-v10-global .hero-copy > p {
    max-width: 42rem;
  }

  .home-v10-global .hero-media {
    order: 2;
    height: clamp(19rem, 68vw, 34rem);
    min-height: 0;
  }

  .home-v10-global .hero-media::before {
    inset: 0 0 auto;
    width: auto;
    height: 3.5rem;
    background: linear-gradient(180deg, var(--setu-canvas), transparent);
  }

  .home-v10-global .hero-media-note {
    right: var(--public-page-gutter);
    bottom: var(--public-page-gutter);
    max-width: min(18rem, calc(100% - 2 * var(--public-page-gutter)));
  }

  /* All scroll-story sections become ordinary document flow below this threshold. */
  .home-v10-global :is(.split-story, .contained-story, .product-shelf) {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .home-v10-global :is(.split-story-stage, .contained-story-stage, .product-shelf-stage) {
    position: relative !important;
    top: auto !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  

  

  

  

  .home-v10-global .foundation-stage {
    order: 2;
    width: 100%;
    height: clamp(22rem, 72vw, 34rem);
    min-height: 0;
  }

  .home-v10-global .foundation-profile-stack {
    left: 4%;
    top: 17%;
    width: 69%;
    height: 68%;
    transform: translate3d(-4%,0,0) scale(.84) !important;
  }

  .home-v10-global .foundation-link-cloud {
    right: 1%;
    top: 29%;
    width: 37%;
    opacity: .72 !important;
    transform: scale(.8) !important;
    transform-origin: right center;
  }

  .home-v10-global .foundation-qr {
    width: min(8.5rem, 28%);
    right: 5%;
    top: 58%;
    opacity: .9 !important;
    transform: scale(.78) rotate(-2deg) !important;
  }

  .home-v10-global .foundation-products {
    opacity: 0 !important;
  }

  .home-v10-global .foundation-anchor {
    left: auto;
    right: 3%;
    top: 3%;
    max-width: 62%;
  }

  .home-v10-global .identity-mosaic {
    order: 2;
    height: clamp(23rem, 76vw, 36rem);
    min-height: 0;
  }

  .home-v10-global .identity-mosaic[data-state] .snap-extra {
    display: none;
  }

  .home-v10-global .identity-mosaic[data-state] .snap-identity { left:2%; top:2%; width:60%; height:34%; }
  .home-v10-global .identity-mosaic[data-state] .snap-contact { left:58%; top:7%; width:40%; height:17%; }
  .home-v10-global .identity-mosaic[data-state] .snap-about { left:41%; top:29%; width:56%; height:28%; }
  .home-v10-global .identity-mosaic[data-state] .snap-focus { left:2%; top:45%; width:40%; height:43%; }
  .home-v10-global .identity-mosaic[data-state] .snap-links { left:45%; top:62%; width:52%; height:24%; }

  .home-v10-global .gesture-sticky {
    display: grid;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .home-v10-global .gesture-copy {
    order: 1 !important;
    height: auto !important;
    min-height: 0;
    padding: var(--public-section-y) var(--public-page-gutter) clamp(2.25rem, 6vw, 3.5rem);
    overflow: visible;
  }

  .home-v10-global .gesture-copy > p {
    max-width: 42rem;
  }

  .home-v10-global .gesture-media {
    order: 2 !important;
    height: clamp(20rem, 70vw, 32rem) !important;
    min-height: 0;
  }

  .home-v10-global .gesture-media > img {
    height: 100%;
  }

  /* Scene progress is now owned by the scene and naturally lands after the visual. */
  .home-v10-global :is(.split-story-stage, .contained-story-stage) > .scene-progress--owned {
    position: static !important;
    width: min(var(--public-shell), calc(100% - 2 * var(--public-page-gutter)));
    margin: clamp(1.35rem, 4vw, 2rem) auto 0 !important;
    padding: 0 !important;
  }

  .home-v10-global .product-shelf-stage {
    display: block;
    padding-block: var(--public-section-y);
    border: 0;
  }

  .home-v10-global .shelf-header {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.25rem;
  }

  .home-v10-global .carousel-viewport {
    margin-top: clamp(1.4rem, 4vw, 2rem);
    padding: 0 var(--public-page-gutter) .5rem;
    margin-inline: calc(-1 * var(--public-page-gutter));
    overflow-x: auto !important;
    overflow-y: hidden;
    touch-action: pan-x;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--public-page-gutter);
    scrollbar-width: none;
  }

  .home-v10-global .carousel-viewport::-webkit-scrollbar {
    display: none;
  }

  .home-v10-global .shelf-track {
    width: max-content;
    gap: clamp(.75rem, 2vw, 1rem);
    transform: none !important;
  }

  .home-v10-global .product-tile {
    flex: 0 0 min(76vw, 22rem) !important;
    scroll-snap-align: start;
  }

  .home-v10-global .shelf-status {
    grid-template-columns: auto minmax(4rem, 1fr) auto;
    gap: .75rem;
  }

  .home-v10-global .moments-header {
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
  }

  .home-v10-global .moments-header p {
    max-width: 44rem;
  }

  .home-v10-global .moments-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: clamp(15rem, 42vw, 20rem);
  }

  .home-v10-global .moment,
  .home-v10-global .moment:nth-child(4),
  .home-v10-global .moment:nth-child(5) {
    grid-column: auto;
  }

  .home-v10-global .optional-growth {
    padding-block: var(--public-section-y);
  }

  .home-v10-global .optional-growth-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(2rem, 6vw, 3.5rem);
  }

  .home-v10-global .optional-growth-copy p {
    max-width: 44rem;
  }

  .home-v10-global .upgrade-row {
    min-height: 0;
  }

  .home-v10-global .final-video {
    height: auto !important;
    min-height: clamp(34rem, 80vw, 44rem) !important;
    padding-block: clamp(5rem, 12vw, 8rem);
  }

  .home-v10-global .final-video-content {
    width: min(54rem, calc(100% - 2 * var(--public-page-gutter)));
  }

  .home-v10-global .video-sound {
    top: calc(var(--public-page-gutter) + .25rem);
    right: var(--public-page-gutter);
  }

  .home-v10-global .footer-signal {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.25rem;
    padding-block: clamp(2.6rem, 7vw, 4rem);
  }

  .home-v10-global .footer-signal-mark {
    display: none;
  }

  .home-v10-global .footer-signal-actions {
    grid-column: auto;
  }

  .home-v10-global .footer-free-rail .container-wide {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-v10-global .footer-free-rail span {
    border-bottom: 1px solid rgba(255,255,255,.08);
  }

  .home-v10-global .footer-core-v47 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem;
  }

  .home-v10-global .footer-brand-v47,
  .home-v10-global .footer-nav-cluster {
    grid-column: 1 / -1;
  }

  .home-v10-global .footer-nav-cluster {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Phone composition. */
@media (max-width: 600px) {
  :root {
    --public-page-gutter: clamp(.85rem, 4.5vw, 1.35rem);
    --public-section-y: clamp(3.25rem, 10vw, 4.5rem);
    --public-title-hero: clamp(2rem, 10vw, 2.55rem);
    --public-title-section: clamp(1.8rem, 8.5vw, 2.25rem);
    --public-title-scene: clamp(1.8rem, 8.5vw, 2.25rem);
    --public-title-card: clamp(1.45rem, 7vw, 1.85rem);
    --public-progress-line-width: 1.55rem;
    --public-progress-line-active-width: 2.4rem;
  }

  .home-v10-global .header-shop {
    display: none;
  }

  .home-v10-global .header-actions {
    gap: .4rem;
  }

  .home-v10-global .hero-actions {
    gap: .85rem;
  }

  .home-v10-global .hero-actions .button {
    width: 100%;
  }

  .home-v10-global .hero-actions .inline-action {
    justify-content: flex-start;
  }

  .home-v10-global .hero-media {
    height: clamp(16rem, 78vw, 26rem);
  }

  .home-v10-global .foundation-stage {
    height: clamp(19rem, 92vw, 28rem);
  }

  .home-v10-global .foundation-snapshot,
  .home-v10-global .identity-snap {
    border-width: 3px;
  }

  .home-v10-global .foundation-link-cloud {
    gap: .4rem;
  }

  .home-v10-global .foundation-link-cloud span {
    padding: .5rem .65rem;
  }

  .home-v10-global .identity-mosaic {
    height: clamp(20rem, 96vw, 30rem);
  }

  .home-v10-global .gesture-media {
    height: clamp(17rem, 82vw, 26rem) !important;
  }

  .home-v10-global .shelf-header {
    grid-template-columns: minmax(0, 1fr);
  }

  .home-v10-global .shelf-controls {
    justify-content: space-between;
  }

  .home-v10-global .product-tile {
    flex-basis: min(84vw, 20rem) !important;
  }

  .home-v10-global .shelf-status {
    grid-template-columns: auto 1fr;
  }

  .home-v10-global .shelf-status > :last-child {
    grid-column: 1 / -1;
  }

  .home-v10-global .moments-grid {
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: clamp(15rem, 78vw, 22rem);
  }

  .home-v10-global .upgrade-row {
    grid-template-columns: 2.75rem minmax(0, 1fr) auto;
    gap: .8rem;
    padding-block: 1.1rem;
  }

  .home-v10-global .upgrade-icon {
    width: 2.55rem;
    height: 2.55rem;
  }

  .home-v10-global .upgrade-mini {
    display: none;
  }

  .home-v10-global .final-video-actions {
    width: min(24rem, 100%);
    flex-direction: column;
    align-items: stretch;
  }

  .home-v10-global .final-video-actions .button,
  .home-v10-global .final-video-actions .inline-action {
    width: 100%;
  }

  .home-v10-global .footer-free-rail .container-wide,
  .home-v10-global .footer-core-v47,
  .home-v10-global .footer-nav-cluster {
    grid-template-columns: minmax(0, 1fr);
  }

  .home-v10-global .footer-free-rail span,
  .home-v10-global .footer-nav-cluster .footer-lab {
    grid-column: 1;
  }

  .home-v10-global .footer-bottom-v47 {
    align-items: flex-start;
    flex-direction: column;
    gap: .7rem;
  }
}

/* Narrow phones: remove decorative pressure before reducing readability. */
@media (max-width: 380px) {
  :root {
    --public-page-gutter: .75rem;
    --public-header-logo-width: 5rem;
    --public-title-hero: clamp(1.7rem, 10.5vw, 2.05rem);
    --public-title-page: clamp(1.65rem, 10vw, 2rem);
    --public-title-section: clamp(1.55rem, 9vw, 1.85rem);
    --public-title-scene: clamp(1.55rem, 9vw, 1.85rem);
    --public-title-card: clamp(1.3rem, 7.5vw, 1.55rem);
    --public-text-lead: .9rem;
    --public-control-height-sm: 2.35rem;
    --public-control-height-md: 2.7rem;
  }

  .home-v10-global .header-signin {
    display: none;
  }

  .home-v10-global .menu-button {
    width: 2.4rem;
    height: 2.4rem;
  }

  .home-v10-global .mobile-drawer {
    width: min(100%, 22rem);
    padding: .9rem;
  }

  .home-v10-global .drawer-top .brand img {
    width: 4.8rem;
  }

  .home-v10-global .drawer-nav {
    margin-top: 1.5rem;
  }

  .home-v10-global .hero-copy {
    padding-top: 2.8rem;
  }

  .home-v10-global .hero-free-proof {
    align-items: flex-start;
    flex-direction: column;
    gap: .45rem;
  }

  .home-v10-global .button {
    min-height: 2.75rem;
    padding-inline: .8rem;
    white-space: normal;
    text-align: center;
  }

  .home-v10-global main .inline-action {
    width: 100%;
    justify-content: flex-start;
    white-space: normal;
  }

  .home-v10-global .foundation-stage {
    height: clamp(17rem, 105vw, 23rem);
  }

  .home-v10-global .foundation-anchor {
    max-width: 76%;
    padding: .5rem .6rem;
  }

  .home-v10-global .foundation-link-cloud span:nth-child(2),
  .home-v10-global .foundation-link-cloud span:nth-child(4) {
    margin-left: 0;
  }

  .home-v10-global .identity-mosaic {
    height: clamp(18rem, 108vw, 25rem);
  }

  .home-v10-global .gesture-copy {
    padding-inline: var(--public-page-gutter);
  }

  .home-v10-global .product-tile {
    flex-basis: min(88vw, 18rem) !important;
  }

  .home-v10-global .product-tile-meta {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .6rem;
  }

  .home-v10-global .moment-caption {
    left: .85rem;
    right: .85rem;
    bottom: .8rem;
  }

  .home-v10-global .upgrade-row {
    grid-template-columns: 2.45rem minmax(0, 1fr);
  }

  .home-v10-global .upgrade-arrow {
    display: none;
  }

  .home-v10-global .footer-lab {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Extreme narrow fallback. 200px remains functional by prioritizing content and controls. */
@media (max-width: 260px) {
  :root {
    --public-page-gutter: .5rem;
    --public-header-height: 3.75rem;
    --header-height: var(--public-header-height);
    --public-header-logo-width: 4.25rem;
    --public-title-hero: 1.45rem;
    --public-title-page: 1.4rem;
    --public-title-section: 1.3rem;
    --public-title-scene: 1.3rem;
    --public-title-card: 1.18rem;
    --public-text-base: .78rem;
    --public-text-small: .75rem;
    --public-text-label: .68rem;
    --public-text-lead: .82rem;
    --public-action-text: .78rem;
  }

  .home-v10-global .site-header .header-inner {
    gap: .25rem;
  }

  .home-v10-global .brand img {
    width: var(--public-header-logo-width);
  }

  .home-v10-global .menu-button {
    width: 2.15rem;
    height: 2.15rem;
  }

  .home-v10-global .header-actions {
    gap: .25rem;
  }


  .home-v10-global .mobile-drawer {
    width: 100%;
    padding: .65rem;
  }

  .home-v10-global .drawer-nav > a,
  .home-v10-global .drawer-group > button {
    padding-block: .8rem;
    font-size: .95rem;
  }

  .home-v10-global .drawer-subnav a {
    padding-left: .35rem;
  }

  .home-v10-global .section-kicker,
  .home-v10-global .eyebrow {
    gap: .4rem;
    letter-spacing: .08em;
  }

  .home-v10-global .hero-copy {
    padding-block: 2.2rem;
  }

  .home-v10-global .hero-actions {
    width: 100%;
  }

  .home-v10-global .hero-media {
    height: 12.5rem;
  }

  .home-v10-global .hero-media-note {
    right: .5rem;
    bottom: .5rem;
    max-width: calc(100% - 1rem);
    padding: .65rem;
  }

  

  .home-v10-global .foundation-stage,
  .home-v10-global .identity-mosaic,
  .home-v10-global .gesture-media {
    height: 13.5rem !important;
  }

  .home-v10-global .foundation-link-cloud,
  .home-v10-global .foundation-qr,
  .home-v10-global .identity-mosaic .snap-contact,
  .home-v10-global .identity-mosaic .snap-extra {
    display: none !important;
  }

  .home-v10-global .foundation-profile-stack {
    left: 5%;
    top: 18%;
    width: 90%;
    height: 72%;
    transform: none !important;
  }

  .home-v10-global .identity-mosaic[data-state] .snap-identity { left:3%; top:4%; width:72%; height:38%; }
  .home-v10-global .identity-mosaic[data-state] .snap-about { left:28%; top:36%; width:69%; height:30%; }
  .home-v10-global .identity-mosaic[data-state] .snap-focus { left:3%; top:58%; width:50%; height:36%; }
  .home-v10-global .identity-mosaic[data-state] .snap-links { left:56%; top:70%; width:41%; height:24%; }

  .home-v10-global .gesture-copy {
    padding-block: 2.75rem 1.75rem;
  }

  .home-v10-global .scene-progress--owned {
    gap: .3rem !important;
  }

  .home-v10-global .scene-progress--owned i {
    width: 1rem;
  }

  .home-v10-global .scene-progress--owned i.active {
    width: 1.55rem;
  }

  .home-v10-global .product-shelf-stage {
    padding-block: 2.75rem;
  }

  .home-v10-global .product-tile {
    flex-basis: calc(100vw - 2 * var(--public-page-gutter)) !important;
  }

  .home-v10-global .shelf-status {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .home-v10-global .shelf-line {
    width: 100%;
  }

  .home-v10-global .moments-grid {
    grid-auto-rows: 12rem;
  }

  .home-v10-global .upgrade-row {
    display: block;
  }

  .home-v10-global .upgrade-icon {
    margin-bottom: .65rem;
  }

  .home-v10-global .final-video {
    min-height: 28rem !important;
    padding-block: 4rem;
  }

  .home-v10-global .video-sound {
    width: 2.25rem;
    height: 2.25rem;
  }

  .home-v10-global .footer-signal,
  .home-v10-global .footer-core-v47 {
    padding-block: 2.25rem;
  }
}

/* Short landscape/laptop windows keep the desktop composition without pinned-scroll dead space. */
@media (min-width: 861px) and (max-height: 639px) {
  .home-v10-global :is(.split-story, .contained-story, .product-shelf) {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .home-v10-global :is(.split-story-stage, .contained-story-stage, .product-shelf-stage) {
    position: relative !important;
    top: auto !important;
    height: auto !important;
    min-height: 34rem !important;
  }

  .home-v10-global .product-shelf-stage {
    padding-block: 2.5rem;
  }

  .home-v10-global .carousel-viewport {
    overflow-x: auto !important;
    touch-action: pan-x;
    scrollbar-width: none;
  }

  .home-v10-global .shelf-track {
    transform: none !important;
  }

  .home-v10-global :is(.split-story-stage, .contained-story-stage) > .scene-progress--owned {
    bottom: 1rem;
  }
}

/* Accessibility mode uses the same non-pinned reading order regardless of viewport width. */
@media (prefers-reduced-motion: reduce) {
  .home-v10-global *,
  .home-v10-global *::before,
  .home-v10-global *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }

  .home-v10-global :is(.split-story, .contained-story, .product-shelf) {
    height: auto !important;
    min-height: 0 !important;
  }

  .home-v10-global :is(.split-story-stage, .contained-story-stage, .product-shelf-stage) {
    position: relative !important;
    top: auto !important;
    height: auto !important;
  }

  .home-v10-global .carousel-viewport {
    overflow-x: auto !important;
  }

  .home-v10-global .shelf-track {
    transform: none !important;
  }
}

/* ===== canonical public scene responsive continuation ===== */
@media (max-width: 860px) {
  /* Full-bleed mirrored scenes stack copy then media. */
  .home-v10-global .split-story {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }
  .home-v10-global .split-story-stage {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 0 !important;
    position: relative !important;
    top: auto !important;
  }
  .home-v10-global .split-story-copy,
  .home-v10-global .split-story-media {
    grid-column: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  .home-v10-global .split-story-copy {
    order: 1 !important;
    width: var(--public-container-width) !important;
    height: auto !important;
    margin-inline: auto !important;
    padding: clamp(4rem,10vw,6.25rem) 0 clamp(2.5rem,7vw,4rem) !important;
  }
  .home-v10-global .split-story-media {
    order: 2 !important;
    height: clamp(20rem,70vw,32rem) !important;
    min-height: 0 !important;
    margin: 0 !important;
  }
  .home-v10-global .split-story-stage::before {
    inset: 0 auto auto 0 !important;
    width: 100% !important;
    height: 55% !important;
    opacity: .32 !important;
    transform: none !important;
  }
  .home-v10-global .split-story-stage::after {
    left: max(-12rem,-8vw) !important;
    right: auto !important;
    top: -10rem !important;
    opacity: .22 !important;
  }

  /* Container-bound interactive scenes remain inside the canonical rails. */
  .home-v10-global .contained-story {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }
  .home-v10-global .contained-story-stage {
    position: relative !important;
    top: auto !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
  .home-v10-global .contained-story-grid {
    width: var(--public-container-width) !important;
    height: auto !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: clamp(2rem,5vw,3.25rem) !important;
    padding: clamp(4rem,10vw,6.25rem) 0 clamp(3.5rem,9vw,5.5rem) !important;
  }
  .home-v10-global .contained-story-copy,
  .home-v10-global .contained-story-media {
    grid-column: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  .home-v10-global .contained-story-copy {
    order: 1 !important;
    max-width: 38rem !important;
    padding: 0 !important;
  }
  .home-v10-global .contained-story-media {
    order: 2 !important;
    height: clamp(25rem,82vw,37rem) !important;
    min-height: 0 !important;
  }
  .home-v10-global .contained-story-stage::before {
    width: 100% !important;
    height: 55% !important;
    left: 0 !important;
    right: auto !important;
    top: 0 !important;
    bottom: auto !important;
    opacity: .28 !important;
    transform: none !important;
  }
  .home-v10-global .contained-story-stage::after {
    left: max(-12rem,-8vw) !important;
    right: auto !important;
    top: -10rem !important;
    bottom: auto !important;
    opacity: .18 !important;
  }
  .home-v10-global .foundation-profile-stack {
    left: 3% !important;
    top: 10% !important;
    width: 94% !important;
    height: 79% !important;
  }
  .home-v10-global .foundation-snapshot { border-width: 2px !important; box-shadow: 0 14px 36px rgba(31,67,113,.11) !important; }
  .home-v10-global .foundation-link-cloud,
  .home-v10-global .foundation-qr,
  .home-v10-global .foundation-products { display: none !important; }
  .home-v10-global .identity-mosaic.contained-story-media { padding: 1rem !important; }
}

@media (max-width: 420px) {
  .home-v10-global .split-story-stage::before { opacity: .22 !important; }
  .home-v10-global .split-story-stage::after { display: none !important; }
  .home-v10-global .scene-support { font-size: .68rem; }
  .home-v10-global .setu-home-loader-logo { width: 7rem !important; }
}

@media (max-width: 260px) {
  .home-v10-global .setu-home-loader { padding: 0 !important; }
  .home-v10-global .setu-home-loader-core { width: calc(100vw - 1rem); }
  .home-v10-global .setu-home-loader-logo { width: 5rem !important; }
}

@media (prefers-reduced-motion: reduce) {
  .home-v10-global .setu-home-loader-logo { opacity: 1; transform: none; animation: none; }
  .home-v10-global .split-story-media > img[data-step-image] { transition: none !important; transform: none !important; }
}



/* v68: story atmosphere stays off on stacked/constrained layouts. */
@media (max-width: 860px) {
  .home-v10-global .split-story-copy::before,
  .home-v10-global .split-story-copy::after,
  .home-v10-global .contained-story-copy::before,
  .home-v10-global .contained-story-copy::after {
    display: none !important;
  }
}

/* ===== v70 responsive continuation ===== */
@media (max-width: 860px) {
  .home-v10-global .story-identity-chip {
    margin-top: 1rem;
    padding: .68rem .82rem .64rem;
  }
  .home-v10-global .story-identity-chip strong { font-size: .92rem; }
  .home-v10-global .story-identity-state { font-size: .74rem; }
  .home-v10-global .story-identity-chip + h2 { margin-top: 1.2rem !important; }
  .home-v10-global .split-story-copy {
    background: linear-gradient(180deg, rgba(249,252,255,.98), rgba(244,249,255,.98)) !important;
  }
  .home-v10-global .split-story-stage::after,
  .home-v10-global .contained-story-stage::after { display: none !important; }
}

/* v71 visual atmosphere only: simplify decoration on constrained widths. */
@media (max-width: 860px) {
  .home-v10-global .home-hero::before,
  .home-v10-global .home-hero::after,
  .home-v10-global .contained-story-stage::before,
  .home-v10-global .split-story-copy::before,
  .home-v10-global .split-story-copy::after,
  .home-v10-global .product-shelf-stage::before,
  .home-v10-global .product-shelf-stage::after,
  .home-v10-global .moments::before,
  .home-v10-global .optional-growth::before {
    opacity: .34 !important;
  }
}

@media (max-width: 640px) {
  .home-v10-global .home-hero::before,
  .home-v10-global .home-hero::after,
  .home-v10-global .contained-story-stage::before,
  .home-v10-global .split-story-copy::before,
  .home-v10-global .split-story-copy::after,
  .home-v10-global .product-shelf-stage::before,
  .home-v10-global .product-shelf-stage::after,
  .home-v10-global .moments::before,
  .home-v10-global .optional-growth::before {
    display: none !important;
  }
}