.cinematic-home{background:#0b1018}.cinematic-home header{position:fixed;top:0;left:0;right:0;z-index:10;height:80px;background:linear-gradient(#0b1018e8,#0b101855);border:0;max-width:none}.cinematic-home main,.cinematic-home footer{max-width:none}.cinematic-home .brand img{height:49px;width:49px}.cinematic-home nav a{color:#f5ecdf}.scroll-story{height:650svh;position:relative}.story-stage{height:100svh;position:sticky;top:0;overflow:hidden;background:#030507;isolation:isolate}.story-stage video,.story-still{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.story-still{background:url('assets/video/studio-poster.jpg') center/contain no-repeat;opacity:1}.story-stage video{opacity:0}.story-stage[data-ready=true]:not([data-static=true]) video{opacity:1}.film-shade{position:absolute;inset:0;background:linear-gradient(0deg,#050810ed 0%,#070d1755 29%,transparent 61%),linear-gradient(90deg,#07101b88,transparent 50%,#07101b44);pointer-events:none}.story-stage[data-scene=studio] .film-shade{background:linear-gradient(0deg,#050810ee,transparent 36%)}.film-frame{position:absolute;inset:100px 3% 106px;border:1px solid #e5c18c29;border-radius:3px;pointer-events:none}.story-topline{position:absolute;top:104px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;color:#e7d8c0;font-size:9px;letter-spacing:2.2px}.story-panel{position:absolute;left:6%;bottom:122px;width:min(530px,44vw);text-shadow:0 2px 24px #000;animation:panel-arrive .45s ease-out}.story-panel[hidden]{display:none}.story-panel.panel-right{left:auto;right:6%;text-align:right}.story-panel .eyebrow{font-size:9px;margin-bottom:15px}.story-panel h1,.story-panel h2{font:normal clamp(35px,4.25vw,66px)/1.04 Georgia,serif;letter-spacing:-1.8px;margin:0 0 16px}.story-panel h2 em,.story-panel h1 em{font-weight:400;color:#f0cc94}.story-panel p:not(.eyebrow){font-size:13px;line-height:1.8;color:#e2dce7;margin:0 0 19px}.story-panel .primary{font-size:11px;padding:11px 18px;border:0;gap:26px}.scene-detail{display:block;color:#edc486;font-size:11px;margin-top:13px}.intro-panel{bottom:123px;width:480px}.intro-panel h1{font-size:clamp(30px,3vw,46px)}.intro-panel .eyebrow{margin-bottom:10px}.intro-panel p:not(.eyebrow){margin-bottom:9px}.intro-panel .text-link{font-size:11px}.story-controls{position:absolute;bottom:41px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;gap:24px}.scroll-cue{display:flex;align-items:center;gap:13px;font-size:8px;letter-spacing:1.7px;color:#d1c5d8}.scroll-arrow{font-size:23px;color:#edc486}.scene-nav{display:flex;gap:7px}.scene-nav button{border:1px solid #eadbd030;width:34px;height:34px;border-radius:50%;color:#c6b9ca;background:#13121e80;font-size:9px;transition:background .2s,color .2s}.scene-nav button[aria-current=step]{background:#edc486;color:#1e1921;border-color:#edc486}.motion-toggle{background:#0c101899;border:1px solid #eadbd030;padding:8px 13px;border-radius:20px;font-size:10px;color:#ded1e4}.story-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff16}.story-progress span{display:block;height:100%;width:100%;background:#edc486;transform:scaleX(0);transform-origin:left}.no-script{position:absolute;bottom:90px;right:6%;width:320px;font-size:12px}.cinematic-home .arcade{position:relative;background:#171125;padding-top:78px}.cinematic-home .world{background:#20192b}.cinematic-home .how,.cinematic-home footer{background:#171125}.cinematic-home .card{background:#211b2d}.cinematic-home .card-image{height:230px}.cinematic-home .section-top>p{max-width:330px}@keyframes panel-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1800px){.story-panel{bottom:15%;}.film-frame{inset:108px 5% 116px}.cinematic-home .arcade,.cinematic-home .world,.cinematic-home .how{padding-left:max(6%,calc((100vw - 1584px)/2));padding-right:max(6%,calc((100vw - 1584px)/2))}}
@media(max-width:950px){.story-panel{width:50vw}.story-panel h2{font-size:45px}.scroll-cue{max-width:190px}.scene-nav{gap:4px}.scene-nav button{width:29px;height:29px}.film-frame{inset:96px 3% 103px}.story-topline{top:100px}}
@media(max-width:650px){.cinematic-home header{height:72px;padding:0 5%;background:#060a10bb;backdrop-filter:blur(12px)}.cinematic-home nav{gap:14px}.cinematic-home nav .nav-play{display:none}.cinematic-home nav>a:nth-child(2){display:inline}.cinematic-home nav>a{font-size:10px}.cinematic-home .brand img{width:39px;height:39px}.cinematic-home .brand{font-size:8px}.cinematic-home .studio{font-size:7px;letter-spacing:2px}.scroll-story{height:580svh}.story-stage video{object-fit:contain;inset:115px 0 auto;height:calc(100vw * .5625);width:100%}.story-still{inset:115px 0 auto;height:calc(100vw * .5625);background-size:contain}.film-shade,.story-stage[data-scene=studio] .film-shade{background:linear-gradient(0deg,#07101c 2%,#07101c00 55%);z-index:-1}.film-frame{inset:90px 4% 96px;border-color:#e5c18c22}.story-topline{top:93px;left:7%;right:7%;font-size:7px;letter-spacing:1.3px}.story-panel,.story-panel.panel-right,.intro-panel{left:7%;right:auto;bottom:112px;width:86%;text-align:left}.story-panel h1,.story-panel h2,.intro-panel h1{font-size:clamp(31px,8.5vw,43px);letter-spacing:-1px;margin-bottom:12px}.story-panel .eyebrow{font-size:8px;margin-bottom:11px}.story-panel p:not(.eyebrow){font-size:12px;margin-bottom:14px}.story-panel .primary{padding:10px 16px;gap:25px}.scene-detail{font-size:10px;margin-top:10px}.story-controls{bottom:33px;left:7%;right:7%;gap:8px;flex-wrap:wrap}.scroll-cue{width:100%;max-width:none;font-size:7px;gap:8px;margin-bottom:4px}.scroll-arrow{font-size:15px}.scene-nav{gap:5px}.scene-nav button{width:27px;height:27px;font-size:8px}.motion-toggle{font-size:9px;padding:6px 11px}.cinematic-home .arcade{padding-top:45px}}
@media(max-width:650px) and (max-height:720px){.story-stage video,.story-still{top:104px}.story-panel,.story-panel.panel-right,.intro-panel{bottom:102px}.story-panel h1,.story-panel h2,.intro-panel h1{font-size:31px}.story-panel p:not(.eyebrow){font-size:11px;line-height:1.6;margin-bottom:10px}.story-panel .eyebrow{margin-bottom:8px}.scene-detail{margin-top:8px}.story-controls{bottom:23px}}
@media(max-height:540px) and (min-width:651px){.cinematic-home header{height:60px}.film-frame{inset:75px 3% 62px}.story-topline{top:78px}.story-panel,.intro-panel{bottom:82px}.story-panel h1,.story-panel h2{font-size:31px}.story-panel p:not(.eyebrow){font-size:11px;margin-bottom:9px}.story-panel .eyebrow{margin-bottom:9px}.story-controls{bottom:17px}.story-panel .primary{padding:8px 13px}.scene-detail{margin-top:7px}}
@media(prefers-reduced-motion:reduce){.story-panel{animation:none}.scene-nav button{transition:none}}
@media(max-width:380px){.cinematic-home nav a{white-space:nowrap;font-size:9px}.cinematic-home nav{gap:10px}.cinematic-home .brand{font-size:7px;letter-spacing:1px}.cinematic-home .brand img{width:32px;height:32px}.scene-nav{gap:4px}.scene-nav button{width:23px;height:23px;font-size:7px}.motion-toggle{font-size:8px;padding:5px 9px}.story-controls{gap:6px}.scroll-cue{margin-bottom:2px}}