/* Native scrolling, sticky scene, full video frame on every screen. */
.brand-with-logo{display:flex;align-items:center;gap:14px;padding:0;letter-spacing:0}
.brand-with-logo .brand-logo{display:block;width:78px;height:78px;object-fit:contain;background:#eee4fa;border-radius:17px;border:1px solid #fff8}
.brand-with-logo .brand-caption{margin:0;letter-spacing:3px;font-size:8px}
.site-header:has(.brand-with-logo){padding-block:14px}
.studio-logo-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}
.studio-logo-panel:before,.studio-logo-panel:after{display:none}
.studio-logo-panel img{width:min(80%,300px);height:auto;background:#eee4fa;border-radius:40px;box-shadow:0 0 70px #9946d31a}
@media(max-width:520px){.brand-with-logo .brand-logo{width:66px;height:66px;border-radius:14px}.brand-with-logo .brand-caption{font-size:6px;letter-spacing:2px}.brand-with-logo{gap:10px}.studio-logo-panel{padding-block:35px}}
.hero-story{position:relative;--scene-progress:0;--scene-exit:0;--scroll-span:1700px;isolation:isolate;background:#090610}
.hero-sticky{position:relative;min-height:680px;height:calc(100svh - 125px);max-height:1000px;overflow:clip;background:radial-gradient(ellipse at 72% 42%,#3a164b20,transparent 65%),#090610}
.video-scroll-enabled .hero-story{height:calc(100svh + var(--scroll-span))}
.video-scroll-enabled .hero-sticky{position:sticky;top:0;height:100svh;min-height:0;max-height:none}
.video-hero{height:100%;min-height:0!important;padding-top:36px;padding-bottom:78px;grid-template-columns:1.02fr 1.13fr;gap:18px;overflow:visible!important;align-items:center;max-height:none}
.video-hero .hero-copy{z-index:5;padding-bottom:10px}
.video-hero h1{font-size:clamp(50px,5.1vw,76px);margin-top:23px;margin-bottom:25px}
.video-hero .hero-bottom{bottom:25px;z-index:8}
.video-hero .cosmic-horizon{opacity:.55;top:-260px;pointer-events:none}
.video-hero .intro{max-width:390px}
.hero-video-visual{height:min(70svh,670px);width:100%;min-width:0;position:relative;display:grid;place-items:center;isolation:isolate;transform:translateY(calc(var(--scene-exit)*-12px));opacity:calc(1 - var(--scene-exit)*.18)}
.video-glow{position:absolute;inset:10% -2%;background:radial-gradient(ellipse,#8e35ba1d,transparent 68%);filter:blur(24px);z-index:-1}
.video-frame{width:100%;height:100%;position:relative;overflow:hidden;mask-image:linear-gradient(0deg,transparent,black 5%,black 96%,transparent);isolation:isolate}
.video-poster,#hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.video-poster{z-index:0}
#hero-video{z-index:1;opacity:0;transition:opacity .35s ease;mix-blend-mode:screen}
.video-frame{mix-blend-mode:screen}
.video-hero{isolation:auto}
.hero-video-visual{mix-blend-mode:screen}
.video-hero .scroll-cue .scroll-cue-text{width:auto;height:auto;border:0;border-radius:0;display:inline;font-size:inherit;animation:none;white-space:nowrap}
.video-ready #hero-video{opacity:1}
.video-ready .video-poster{visibility:hidden}
.video-failed .video-poster{visibility:visible}
.video-failed #hero-video{opacity:0}
.video-loading{position:absolute;bottom:7%;left:50%;transform:translateX(-50%);z-index:3;color:#c4aed9;background:#170b24d9;border:1px solid #b282d339;border-radius:30px;padding:7px 12px;font-size:9px;letter-spacing:.4px;white-space:nowrap}
.video-ready .video-loading,.video-failed .video-loading{display:none}
.video-caption{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:2px;color:#937ba8;z-index:4}
.scene-progress{position:absolute;left:0;right:0;bottom:0;height:1px;background:#9d70b51f;z-index:9;overflow:hidden}
.scene-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#7531bd,#e0b1ff);transform-origin:left;transform:scaleX(var(--scene-progress));box-shadow:0 0 12px #c393ff}
.hero-story+.promise-strip{position:relative;z-index:2;margin-top:-1px;background:linear-gradient(90deg,#130b1d,#251137,#130b1d)}
.video-hero .motion-toggle{color:#c6a9dc;background:#1b1128e6}
.video-hero .scroll-cue{color:#be9fd3}
.video-paused .scroll-cue>span:first-child{animation:none!important}
.video-scroll-enabled:has(.video-paused) .hero-story{--scene-exit:0}
.reveal-prepared{opacity:1;transform:none}
@media(min-width:1500px){.video-hero h1{font-size:78px}.hero-video-visual{height:min(75svh,750px)}}
@media(max-width:1100px){.video-hero{gap:4px;grid-template-columns:1fr 1fr}.video-hero h1{font-size:58px;letter-spacing:-3px}.video-hero .intro{font-size:14px}.video-hero .hero-actions{gap:18px}.video-hero .hero-actions .button{font-size:11px;padding:15px 18px;gap:15px}.video-hero .hero-actions .text-link{font-size:10px}.hero-video-visual{height:min(68svh,580px)}}
@media(max-width:800px){.hero-sticky{height:auto;min-height:0;max-height:none}.video-scroll-enabled .hero-sticky{height:100svh;min-height:0}.video-hero{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);align-items:stretch;gap:0;padding-top:30px;padding-bottom:65px}.video-hero .hero-copy{max-width:620px;padding:0}.video-hero h1{font-size:56px;margin:15px 0 14px;line-height:1.04}.video-hero h1 br:nth-of-type(2){display:none}.video-hero .intro{max-width:570px;font-size:13px;line-height:1.7}.video-hero .hero-actions{margin-top:18px}.video-hero .hero-foot{display:none}.hero-video-visual{height:100%;max-height:470px;min-height:270px;max-width:600px;margin:auto}.video-scroll-enabled .hero-video-visual{min-height:0}.video-frame{height:100%;min-height:inherit}.video-caption{bottom:0;font-size:6px}.video-hero .hero-bottom{bottom:22px}.video-hero .cosmic-horizon{top:-350px}.video-poster,#hero-video{object-position:center center}}
@media(max-width:520px){.video-hero{padding-top:25px;padding-bottom:62px}.video-hero h1{font-size:clamp(35px,9.9vw,49px);letter-spacing:-1.9px;line-height:1.05;margin:15px 0}.video-hero .eyebrow{font-size:7px;letter-spacing:1.5px}.video-hero .intro{font-size:12px;line-height:1.65;max-width:none}.video-hero .hero-actions{margin-top:16px;gap:15px;flex-wrap:nowrap}.video-hero .hero-actions .button{font-size:10px;padding:12px 16px;gap:16px;min-height:48px;flex-shrink:0}.video-hero .hero-actions .text-link{font-size:8px;gap:7px}.video-hero .button span{width:21px;height:21px;font-size:15px}.hero-video-visual{min-height:310px;max-height:430px;width:calc(100% + 12px);margin:3px -6px 0}.video-scroll-enabled .hero-video-visual{min-height:0}.video-hero .hero-bottom{gap:8px;bottom:20px;align-items:center}.video-hero .scroll-cue{font-size:6px;letter-spacing:.6px;gap:7px;max-width:155px}.video-hero .scroll-cue>span:first-child{width:23px;height:23px;flex-shrink:0}.video-hero .motion-toggle{font-size:7px;gap:5px;padding:9px 10px;max-width:165px}.video-caption{font-size:5px;letter-spacing:1.3px}.video-loading{font-size:8px;bottom:8%}}
@media(max-height:740px) and (max-width:800px){.video-hero{padding-top:18px;padding-bottom:52px}.video-hero h1{font-size:36px;margin:11px 0;line-height:1.02}.video-hero .intro{font-size:11px;line-height:1.55}.video-hero .hero-actions{margin-top:12px}.video-hero .hero-bottom{bottom:16px}.video-caption{display:none}}
@media(max-height:600px) and (min-width:801px){.hero-sticky{height:650px}.video-scroll-enabled .hero-sticky{height:100svh}.video-hero h1{font-size:43px;margin:16px 0}.video-hero .intro{font-size:12px;line-height:1.6}.video-hero .hero-foot{display:none}.hero-video-visual{height:100%}.video-hero .hero-actions{margin-top:18px}}
@media(prefers-reduced-motion:reduce){#hero-video{transition:none}.hero-video-visual{transform:none;opacity:1}.scroll-cue>span:first-child{animation:none!important}}