/* Portrait compositions keep the complete sculptures inside the phone canvas. */
@media(max-width:1100px){
 .cinematic-site .premium-header,.cinematic-site .premium-header.header-scrolled{background:#11131d;box-shadow:0 8px 28px #06071235}
 .cinematic-site .chapter{scroll-margin-top:82px}
 .cinematic-site .chapter-inner,.cinematic-site .align-right .chapter-inner,.cinematic-site .align-center .chapter-inner{padding:76px clamp(20px,6vw,40px) 0}
 .cinematic-site .copy,.cinematic-site .align-right .copy,.cinematic-site .align-center .copy{min-width:0}
 .cinematic-site .copy h2,.cinematic-site .signature h2{font-size:clamp(38px,10.6vw,62px);line-height:1.06;text-wrap:balance}
 .cinematic-site .body{font-size:15px;line-height:1.8;text-wrap:pretty}
 .cinematic-site .eyebrow{font-size:9px;line-height:1.8;letter-spacing:.17em}
 .cinematic-site .chapter-art,.cinematic-site.scene-ready .chapter-art{width:100%;max-width:680px;height:auto;margin:24px auto 0;aspect-ratio:1.1;mask-image:linear-gradient(transparent,#000 5%,#000 96%,transparent)}
 .cinematic-site #arrival .chapter-art{height:auto;aspect-ratio:1.05;margin-top:8px}
 .cinematic-site #markets .chapter-art{height:auto;aspect-ratio:1.776833;margin:24px auto 0}
 .cinematic-site #philosophy .chapter-art{height:auto;aspect-ratio:1.25}
 .cinematic-site #security .chapter-art,.cinematic-site #people .chapter-art{height:auto;aspect-ratio:1.1}
 .cinematic-site #signature .chapter-art{height:auto;aspect-ratio:1.35}
 .cinematic-site .chapter-art>img{animation:none;transform:none;object-fit:cover}
 /* CSS object-position is an offset, whereas native focusX is a source center. */
 .cinematic-site #arrival .chapter-art>img{object-position:96.447846% center}
 .cinematic-site #security .chapter-art>img{object-position:94.444444% center}
 .cinematic-site #people .chapter-art>img{object-position:2.666667% center}
 .cinematic-site #signature .chapter-art>img{object-position:50% center}
 .cinematic-site #assets .chapter-inner{overflow:visible;padding-bottom:36px}
 .cinematic-site #assets .copy{position:static}
 .cinematic-site #assets .assets-cta{max-width:100%;width:100%;justify-content:center;margin:26px auto 0;min-height:52px}
 .cinematic-site #signature{padding-bottom:38px}
 .cinematic-site #signature .chapter-inner{padding-top:16px}
 .cinematic-site .support-launcher,.cinematic-site .support-launcher:hover{width:44px;height:52px;right:0;bottom:4px}
 .cinematic-site .support-launcher img{width:36px;height:44px}
 .cinematic-site .support-launcher:before{left:8px;width:28px}
 .cinematic-site .support-status{right:5px;bottom:9px}
 .cinematic-site .support-prompt{right:55px;bottom:19px;max-width:calc(100vw - 75px)}
}
@media(min-width:700px) and (max-width:1100px){
 .cinematic-site #assets .asset-actions,.cinematic-site.scene-fallback #assets .asset-actions,.cinematic-site #assets .asset-actions.asset-showcase-ready{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* A complete sculpture and caption must also fit a short landscape display. */
@media(min-width:600px) and (max-width:1100px) and (max-height:500px){
 .cinematic-site #assets .asset-actions,.cinematic-site.scene-fallback #assets .asset-actions,.cinematic-site #assets .asset-actions.asset-showcase-ready{grid-template-columns:repeat(3,minmax(0,1fr))}
 .cinematic-site #assets .asset-actions .asset-art{max-width:124px;margin-inline:auto}
 .cinematic-site #assets .asset-actions .asset-caption{font-size:21px;min-height:80px;padding-bottom:12px}
 .cinematic-site #arrival .chapter-art{width:min(100%,calc((100svh - 100px)*1.05))}
 .cinematic-site #markets .chapter-art{width:min(100%,calc((100svh - 100px)*1.776833))}
 .cinematic-site #philosophy .chapter-art{width:min(100%,calc((100svh - 100px)*1.25))}
 .cinematic-site #security .chapter-art,.cinematic-site #people .chapter-art{width:min(100%,calc((100svh - 100px)*1.1))}
 .cinematic-site #signature .chapter-art{width:min(100%,calc((100svh - 100px)*1.35))}
}
@media(max-width:500px){
 .cinematic-site .premium-header,.cinematic-site .premium-header.header-scrolled{padding:11px 18px!important;min-height:68px}
 .cinematic-site .premium-header .brand{gap:8px}
 .cinematic-site .premium-header .brand span{font-size:10px;letter-spacing:3px}
 .cinematic-site .premium-header .header-actions{gap:7px}
 .cinematic-site .premium-header #locale{width:76px}
 .cinematic-site #arrival .chapter-inner{padding-top:108px}
 .cinematic-site #arrival .copy h1{font-size:clamp(39px,11vw,52px)}
 .cinematic-site .fine-note{font-size:11px;line-height:1.7}
}

/* One mobile landscape owns the complete seven-scene story. These styles are only
   enabled after native initialization; loading, reduced motion and fallback
   retain the complete, readable portrait compositions above. */
@media(max-width:1100px){
 body.cinematic-site.mobile-story-native #main{position:relative;z-index:1}
 body.cinematic-site.mobile-story-native[data-mobile-story-active='true']>.world{
  display:block;position:fixed;inset:0;width:100%;height:100svh;z-index:0;
  margin:0;overflow:hidden;background:none;mask-image:none;
  opacity:var(--mobile-story-opacity,1);transition:none;
 }
 body.cinematic-site.mobile-story-native .chapter{min-height:135svh;background:transparent;isolation:isolate}
 body.cinematic-site.mobile-story-native #arrival{min-height:150svh}
 body.cinematic-site.mobile-story-native #markets{min-height:145svh}
 body.cinematic-site.mobile-story-native .chapter>.chapter-art{display:none}
 body.cinematic-site.mobile-story-native[data-mobile-story-active='true']>.world::after{
  content:'';position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,rgb(13 15 25 / .92),rgb(13 15 25 / .67) 27%,rgb(13 15 25 / .10) 52%,transparent 67%);
 }
 body.cinematic-site.mobile-story-native #arrival>.chapter-inner,
 body.cinematic-site.mobile-story-native #markets>.chapter-inner{
  position:relative;z-index:1;min-height:0;height:auto;
  padding:104px clamp(22px,6vw,48px) 32px;
 }
 body.cinematic-site.mobile-story-native #arrival .copy h1{
  font-size:clamp(38px,10.4vw,56px);line-height:1.02;margin-bottom:18px;
 }
 body.cinematic-site.mobile-story-native #arrival .body,
 body.cinematic-site.mobile-story-native #markets .body{
  font-size:14px;line-height:1.75;max-width:38ch;
 }
 body.cinematic-site.mobile-story-native #arrival .copy,
 body.cinematic-site.mobile-story-native #markets .copy{
  text-shadow:0 2px 18px rgb(5 7 13 / .60);
 }
 body.cinematic-site.mobile-story-native #arrival .hero-bottom{
  position:absolute;inset:calc(100svh - 65px) 0 auto;
  padding:0 clamp(22px,6vw,48px);gap:18px;
 }
 body.cinematic-site.mobile-story-native #arrival .hero-bottom p{font-size:9px;line-height:1.55}
 body.cinematic-site.mobile-story-native #arrival .hero-bottom .scroll-cue{font-size:10px;gap:8px}
 body.cinematic-site.mobile-story-native #signature>.chapter-inner{padding-top:104px}
 body.cinematic-site.mobile-story-native .chapter::after{display:none}
}
@media(min-width:600px) and (max-width:1100px) and (max-height:500px){
 body.cinematic-site.mobile-story-native .chapter:not(#assets) .copy{width:33%;max-width:none;margin-left:0;margin-right:auto;text-align:left}
 body.cinematic-site.mobile-story-native #arrival>.chapter-inner,
 body.cinematic-site.mobile-story-native #markets>.chapter-inner{padding-top:92px}
 body.cinematic-site.mobile-story-native #arrival .copy h1{font-size:36px;max-width:12ch}
 body.cinematic-site.mobile-story-native #markets .copy h2{font-size:36px}
 body.cinematic-site.mobile-story-native #arrival .body,
 body.cinematic-site.mobile-story-native #markets .body{font-size:13px;max-width:35ch}
 body.cinematic-site.mobile-story-native #arrival .hero-bottom{top:calc(150svh - 65px)}
 body.cinematic-site.mobile-story-native .chapter:not(#assets)>.chapter-inner{padding:90px 5vw 24px}
 body.cinematic-site.mobile-story-native .chapter:not(#assets) .copy .eyebrow{margin-bottom:10px}
 body.cinematic-site.mobile-story-native .chapter:not(#assets) .copy h1,
 body.cinematic-site.mobile-story-native .chapter:not(#assets) .copy h2{font-size:32px;line-height:1.05;margin-bottom:14px}
 body.cinematic-site.mobile-story-native .chapter:not(#assets) .copy .body{font-size:12px;line-height:1.55;margin-bottom:14px}
 body.cinematic-site.mobile-story-native .chapter:not(#assets) .copy .button{min-height:40px;padding:8px 14px;font-size:12px}
 body.cinematic-site.mobile-story-native .chapter:not(#assets) .copy .fine-note{font-size:9px;line-height:1.5;margin-top:12px}
 body.cinematic-site.mobile-story-native .chapter:not(#assets) .text-links{margin-top:14px;padding-top:12px;gap:12px}
}