/* Responsive composition and rendering budget for The Guest Side. */
.chapter:not(.hero){content-visibility:auto;contain-intrinsic-size:auto 980px}
.chapter-dormant *,
.chapter-dormant *::before,
.chapter-dormant *::after{animation-play-state:paused!important}

@media (min-width:761px){
  .unseen,.standard,.improve,.awards,.partners{padding-top:clamp(68px,6vw,92px);padding-bottom:clamp(68px,6vw,92px)}
  .unseen-heading,.standard-heading,.atelier-heading{margin-top:clamp(34px,3.5vw,52px);margin-bottom:clamp(34px,3.5vw,52px)}
  .mystery{min-height:920px}
  .mystery-sticky{min-height:min(780px,calc(100vh - 120px))}
  .award-stage{min-height:min(780px,calc(100vh - 120px))}
}

@media (max-width:760px){
  html{scroll-padding-top:70px;scroll-behavior:auto!important}
  body{overscroll-behavior-y:none}
  .chapter:not(.hero){contain-intrinsic-size:auto 820px}
  .chapter::after,.award-film,body.motion-ready::before{display:none!important}
  .parallax-layer,.awards-bg{transform:none!important}

  .guest-header{height:70px;padding:0 5%;grid-template-columns:minmax(0,1fr) auto;gap:10px}
  .guest-brand{min-width:0;gap:10px}
  .guest-brand .brand-mark{width:30px;height:40px;flex:0 0 30px}
  .guest-brand .brand-name{min-width:0}
  .guest-brand .brand-name b{font-size:11px;letter-spacing:.12em;white-space:nowrap}
  .guest-brand .brand-name small{display:none}
  .guest-back{min-width:112px;font-size:8px;letter-spacing:.12em}

  .hero.legacy-hero{min-height:calc(100svh - 70px);height:auto;padding:30px 6% 34px;display:flex;align-items:center;background:#071426}
  .legacy-hero .hero-copy{max-width:none;padding:0;position:relative;z-index:5}
  .legacy-hero .eyebrow{font-size:7px;letter-spacing:.14em;gap:8px;white-space:nowrap}
  .legacy-hero .eyebrow span{width:6px;height:6px}
  .legacy-hero h1{width:96%;max-width:360px;font-size:clamp(49px,13.5vw,58px);line-height:.82;letter-spacing:-.045em;margin:28px 0 19px;text-wrap:balance}
  .legacy-hero .hero-lede{max-width:78%;font-size:20px;line-height:1.08;margin-bottom:11px}
  .legacy-hero .hero-body{max-width:72%;font-size:11px;line-height:1.55;margin-bottom:0}
  .legacy-hero .hero-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}
  .legacy-hero .action{width:auto;min-width:0;min-height:48px;padding:12px 13px;gap:8px;font-size:8px;line-height:1.2}
  .legacy-hero .action span{font-size:15px}
  .legacy-hero .hero-proof,.legacy-hero .hero-manifesto,.legacy-hero .scroll-cue{display:none!important}
  .legacy-hero .hero-trolley-stage{width:54vw;right:-20%;top:38%;opacity:.14;pointer-events:none;transform:none!important}
  .legacy-hero .hero-trolley{left:18%;top:8%;width:52%;filter:none}
  .legacy-hero .hero-stage-wordmark{opacity:.055}

  .mobile-chapter-toggle{right:10px;bottom:10px;min-width:104px;height:40px;padding:0 12px;gap:8px;font-size:6px;box-shadow:0 10px 26px rgba(0,0,0,.28)}
  .mobile-chapter-toggle b{font-size:7px}
  .mobile-chapter-menu{right:10px;bottom:56px;width:min(276px,calc(100vw - 20px))}

  .unseen,.standard,.mystery,.improve,.awards,.partners{padding:54px 5%}
  .section-index{padding-bottom:12px!important;font-size:7px;letter-spacing:.12em}
  .unseen-heading,.standard-heading,.atelier-heading{margin:20px 0 22px;gap:14px}
  .unseen-copy h2,.standard-heading h2,.atelier-heading h2,.awards-copy h2,.partners-heading h2,.mystery-copy h2{font-size:clamp(40px,10.5vw,48px);line-height:.88}
  .unseen-intro,.standard-heading>p:last-child,.atelier-heading>p{padding:2px 0 2px 12px;font-size:11px;line-height:1.52}
  .unseen-signals{display:none!important}

  .unseen-cinema,.standard-cinema{min-height:470px;margin-left:0;margin-right:0}
  .unseen-camera,.standard-camera{inset:-2% -34%;transform:none!important}
  .cinema-top,.standard-cinema-top{left:14px;right:14px;top:14px}
  .moment-story,.standard-story{left:12px;right:12px;bottom:12px;width:auto;padding:17px 16px}
  .moment-story h3,.standard-story h3{font-size:31px;margin:11px 0 8px}
  .moment-story p,.standard-story p{font-size:11px;line-height:1.55}
  .moment-tabs,.standard-timeline,.atelier-ledger{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}
  .moment-tabs::-webkit-scrollbar,.standard-timeline::-webkit-scrollbar,.atelier-ledger::-webkit-scrollbar{display:none}
  .moment-tabs button,.standard-timeline button,.atelier-ledger button{flex:0 0 42%;min-height:76px;padding:11px;scroll-snap-align:start;border-bottom:0!important}
  .unseen-statement,.standard-promise{margin-top:22px;gap:10px}
  .unseen-statement p,.standard-promise p{font-size:clamp(25px,7.5vw,32px)!important}
  .unseen-statement>span,.standard-promise>span{font-size:6px}

  .standard-theatre,.service-atelier{margin-right:0}
  .standard-cinema{min-height:500px}
  .venue-strip{margin-top:28px;padding:15px 0}

  .mystery{min-height:0}
  .mystery-sticky{position:relative;top:auto;min-height:0;display:block}
  .mystery-copy h2{margin:30px 0 21px}
  .mystery-copy>p{font-size:12px;line-height:1.65}
  .journey-device{margin-top:28px;padding:13px;border-radius:18px;transform:none;box-shadow:0 24px 48px #0011282e,8px 9px 0 #d7d2c8}
  .device-map{margin:18px 0}
  .device-result{padding:15px}
  .device-result strong{font-size:20px}
  .mystery-receives{display:flex;overflow-x:auto;gap:8px;margin-top:28px;scroll-snap-type:x mandatory}
  .mystery-receives>strong{flex:0 0 100%}
  .mystery-receives>span{flex:0 0 76%;min-height:112px;scroll-snap-align:start}

  .service-atelier{min-height:650px}
  .atelier-scene{inset:-1% -34%;transform:none!important}
  .atelier-note{left:14px;right:14px;top:82px;width:auto;min-height:350px;padding:28px 22px}
  .atelier-note h3{font-size:37px}
  .atelier-assurance{grid-template-columns:1fr;gap:9px;text-align:center}
  .atelier-assurance i{display:none}

  .awards-copy{margin:30px auto 18px}
  .awards-copy p{margin:18px auto;font-size:12px;line-height:1.6}
  .award-stage{min-height:625px;margin:0}
  .award-trophy{top:64px;width:210px}
  .award-spotlight{width:270px;height:470px}
  .award-stage:before{bottom:174px;height:72px}
  .award-stage:after{bottom:180px}
  .award-carousel{left:8px;right:8px;bottom:12px;padding-top:12px}
  .award-carousel article,.award-carousel article:nth-child(3){flex-basis:74vw;min-height:148px;padding:18px}
  .award-carousel h3{margin-top:26px;font-size:22px}
  .award-proof{margin-top:20px;font-size:17px}

  .partners-heading{gap:18px;margin:28px 0 26px}
  .partners-heading p{font-size:12px;line-height:1.6}
  .perspective-stage{display:block}
  .perspective-visual{min-height:430px}
  .perspective-copy{padding:24px 18px}
  .perspective-copy h3{font-size:37px}
  .perspective-deck{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}
  .perspective-deck button{flex:0 0 72%;min-height:100px;scroll-snap-align:start;border-right:1px solid #bbb6ad!important}

  .finale-v2{min-height:0;padding:58px 5% 88px;display:block}
  .finale-v2 .finale-copy{max-width:100%}
  .finale-v2 .finale-copy h2{font-size:clamp(48px,13vw,60px);line-height:.85}
  .finale-v2 .finale-copy>p{font-size:12px;line-height:1.65}
  .finale-v2 .finale-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .finale-v2 .finale-stage{position:relative;right:auto;top:auto;width:100%;height:330px;margin-top:24px}
  .finale-v2 .finale-four{position:relative;left:auto;right:auto;bottom:auto;margin-top:20px}

  .guest-footer{min-height:105px;padding:20px 5%;gap:10px}
  .guest-footer>span{font-size:7px}

  .tilt,.unseen-camera,.standard-camera,.atelier-scene,.award-trophy,.perspective-table{transform:none!important;will-change:auto!important}
  [style*="--surface-x"],[style*="--surface-y"]{--surface-x:0!important;--surface-y:0!important}
}

@media (max-width:390px){
  .legacy-hero h1{font-size:12.9vw}
  .legacy-hero .hero-lede{font-size:18px}
  .legacy-hero .hero-body{font-size:10.5px}
  .legacy-hero .hero-trolley-stage{right:-22%;top:39%;width:57vw}
}

@media (prefers-reduced-motion:reduce){
  .chapter:not(.hero){content-visibility:visible}
}

@media (max-width:760px){
  body.experience-upgraded .unseen-heading,
  body.experience-upgraded .standard-heading,
  body.experience-upgraded .atelier-heading{margin:20px 0 22px;gap:14px}
  body.experience-upgraded .unseen-copy h2,
  body.experience-upgraded .standard-heading h2,
  body.experience-upgraded .atelier-heading h2{font-size:clamp(40px,10.5vw,48px);line-height:.88}
  .unseen-observatory .moment-tabs,
  .standard-theatre .standard-timeline{display:flex;flex-direction:row;min-height:0;overflow-x:auto;scroll-snap-type:x mandatory}
  .unseen-observatory .moment-tabs button,
  .standard-theatre .standard-timeline button{flex:0 0 42%;min-height:76px;padding:11px;border-bottom:0!important;scroll-snap-align:start}
}