/* The original Moonshot type system stays intact; the imagery fills the stage. */
.experience-destination{max-width:none;min-height:100svh;display:flex;flex-direction:column;justify-content:center}
.experience-world{padding:0}
.experience-picture{height:76svh;aspect-ratio:auto}
.experience-caption{padding:30px 5% 12px;grid-template-columns:1.35fr 1fr}
.experience-pause{margin:0 5% 30px auto}
.experience-connection{padding:70px 5%}
.experience-connection .sub-title-text{text-align:center}
.student-product .product-stage{padding:0}
.student-product .product-layout{display:block;position:relative;width:100%;height:100%}
.student-product .product-view{position:absolute;inset:0;width:100%;height:100%;margin:0}
.student-product .product-editorial{position:absolute;left:5%;bottom:8%;width:31%;max-width:470px;padding:0;z-index:4;pointer-events:none}
.student-product .product-copy .title-text{margin:0 0 20px;line-height:1.08}
.student-product .product-copy .sub-title-text{max-width:390px}
.student-product .product-controls{pointer-events:auto}
.student-product .product-caption{left:auto;right:5%;bottom:25px}
.student-product .product-view iframe{mix-blend-mode:normal}
.product-mode-label{position:absolute;left:5%;top:35px;z-index:4;color:#8fffd0;pointer-events:none}
.ai-demonstration{background:#131313;position:relative;padding:90px 5%}
.ai-demonstration video{display:block;width:100%;height:72svh;object-fit:contain;background:#131313}
.ai-demonstration .flow-intro{margin-top:35px}
.ai-demonstration .title-text{margin:0;padding:0}
.ai-demonstration .sub-title-text{position:static;margin:0;padding:0}
.ai-demonstration .nav-text{color:#8fffd0;margin-bottom:16px}
@media(max-width:767px){.experience-destination{min-height:0;padding-bottom:40px}.experience-picture{height:auto;aspect-ratio:16/9}.experience-caption{display:block;padding-top:25px}.experience-description{margin-top:22px}.experience-pause{margin-top:12px}.student-product .product-editorial{left:5%;bottom:7%;width:90%;max-width:none}.student-product .product-copy .title-text{margin-bottom:12px}.student-product .product-copy .sub-title-text{max-width:80%}.product-mode-label{top:20px}.ai-demonstration{padding:65px 5%}.ai-demonstration video{height:auto;aspect-ratio:16/9}}

/* A shared full-viewport film stage for Students and Industry. */
:is(.student-page,.industry-page) .banner{overflow:visible;z-index:20}
:is(.student-page,.industry-page) .navbar.no-cart{background:transparent}
:is(.student-page,.industry-page) .cinema-story.is-enhanced{height:300svh}
:is(.student-page,.industry-page) .is-enhanced .cinema-chapter{padding:0;display:block}
:is(.student-page,.industry-page) .is-enhanced .cinema-picture{position:absolute;inset:0;padding:0;width:100%;height:100%}
:is(.student-page,.industry-page) .is-enhanced .cinema-picture video{object-fit:cover;object-position:center}
:is(.student-page,.industry-page) .is-enhanced .cinema-chapter::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#000c,transparent 58%)}
:is(.student-page,.industry-page) .is-enhanced .cinema-caption{position:absolute;z-index:2;left:5%;right:5%;bottom:85px;display:block;min-height:0;padding:0;max-width:760px}
:is(.student-page,.industry-page) .cinema-caption .sub-title-text{margin:20px 0 0;max-width:580px;color:#eee}
:is(.student-page,.industry-page) .cinema-controls{bottom:25px}
.student-product .product-stage{height:100svh;min-height:0}
.student-product .product-editorial{bottom:10%;width:34%;max-width:520px}
@media(max-width:767px){
 :is(.student-page,.industry-page) .is-enhanced .cinema-caption{bottom:80px;max-width:90%}
 :is(.student-page,.industry-page) .cinema-caption .sub-title-text{max-width:90%;margin-top:14px}
 .student-product .product-editorial{width:90%;bottom:8%}
 .student-product .product-view{height:100%;min-height:0}
}
@media(prefers-reduced-motion:reduce){
 :is(.student-page,.industry-page) .cinema-story.is-enhanced{height:auto}
 :is(.student-page,.industry-page) .is-enhanced .cinema-chapter{position:relative;height:100svh}
 .student-product .product-stage{height:100svh}
}
/* Match the published Moonshot opening: navigation overlays the reel and leaves with it. */
.banner{position:relative}
.banner .navbar.no-cart{position:absolute;top:0;left:0;right:0;background:transparent}
.banner .nav-line{opacity:0;transition:opacity .2s}
.banner .navlink:hover .nav-line,.banner .navlink:focus-visible .nav-line{opacity:1}
/* Begin inside the experience; the shared menu floats over the first scene. */
.experience-first .banner{height:0;min-height:0;padding:0;margin:0;overflow:visible}
.experience-first .banner>.container{height:0;min-height:0;padding:0}
.experience-first .flow-story .flow-stage{height:100svh;min-height:0}
.experience-first .flow-scene{display:block;padding:0}
.experience-first .flow-scene>img,.experience-first .flow-scene>.perception-media{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover}
.experience-first .perception-media img{width:100%;height:100%;object-fit:cover}
.experience-first .flow-scene:after{display:block;background:linear-gradient(0deg,#000d,transparent 72%)}
.experience-first .flow-scene-copy{position:absolute;left:5%;right:5%;top:auto;bottom:135px;transform:none;width:auto;max-width:700px}
.experience-first .flow-scene .title-text{margin:14px 0 20px}
.experience-first .flow-story-nav{left:5%;right:5%;bottom:25px}
@media(max-width:767px){.experience-first .flow-scene-copy{bottom:150px}.experience-first .flow-scene>img{max-height:none}.experience-first .flow-stage{height:100svh}.experience-first .flow-scene .flow-label{display:block}}
.experience-first .banner{z-index:20}
.experience-first .flow-scene:not(.active){visibility:hidden}
.experience-first .flow-scene.active{visibility:visible}
/* Scroll supplies the film transport; the page has no player chrome. */
.cinema-controls [data-cinema-pause],.experience-pause{display:none!important}
body{overflow-x:hidden}
.experience-first .flow-scene>.landing-live{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* Stable mobile stages: browser chrome must not change the scroll timeline. */
.experience-first .flow-story{height:300svh}
.experience-first .flow-story .flow-stage{position:sticky;top:0;height:100svh}
.experience-first .cinema-story,.experience-first .flow-story,.product-journey{overflow-anchor:none}
.experience-first .flow-scene>.landing-live{object-position:50% 45%}
.experience-first .flow-scene:nth-of-type(2)>.landing-live{object-fit:contain;background:#08080c}
@media(max-width:767px){
 .experience-first .flow-scene-copy{bottom:120px;left:6%;right:6%;max-width:90%}
 .experience-first .flow-scene .title-text{font-size:clamp(30px,8vw,40px);line-height:1.08;margin:12px 0 16px}
 .experience-first .flow-scene .sub-title-text{font-size:17px;line-height:1.4;max-width:32ch}
 .experience-first .flow-story-nav{bottom:max(16px,env(safe-area-inset-bottom));gap:12px;left:6%;right:6%}
 .experience-first .flow-story-nav button{min-height:48px;font-size:11px;line-height:1.35;padding:12px 0}
 .experience-first .cinema-caption .title-text{font-size:clamp(30px,8vw,40px);line-height:1.08}
 .experience-first .cinema-caption .sub-title-text{font-size:17px;line-height:1.4}
 .experience-first .cinema-controls{bottom:max(20px,env(safe-area-inset-bottom))!important}
 .experience-first .is-enhanced .cinema-caption{bottom:75px}
 .experience-first .experience-picture{height:65svh;aspect-ratio:auto}
 .experience-first .experience-picture video{object-fit:cover}
 .student-product .product-copy .title-text{font-size:32px;line-height:1.1}
 .student-product .product-copy .sub-title-text{font-size:16px;line-height:1.4;max-width:32ch}
 .student-product .product-editorial{bottom:9%;pointer-events:none}
 .student-product .product-view iframe{pointer-events:none!important}
 .student-product .product-controls{pointer-events:auto}
 .nav-menu.evo-open{display:flex!important;position:absolute;left:0;right:0;top:80px;flex-direction:column;align-items:stretch;background:#131313;padding:20px 6%;gap:15px}
 .nav-menu.evo-open .navlink{padding:12px 0;min-height:44px}
}
@media(prefers-reduced-motion:reduce){
 .experience-first .flow-story{height:auto}
 .experience-first .flow-story .flow-stage{position:relative;height:auto;overflow:visible}
 .experience-first .flow-scene,.experience-first .flow-scene:not(.active){position:relative;min-height:100svh;opacity:1;visibility:visible;pointer-events:auto;transition:none}
 .experience-first .flow-story-nav{display:none}
 .experience-first .flow-scene-copy{pointer-events:none}
 .experience-first video[data-motion]{z-index:1}
 .experience-first .flow-scene-copy,.experience-first .cinema-caption{z-index:2;pointer-events:none}
}
@media(min-width:768px) and (max-width:991px){.nav-menu.evo-open{display:flex!important;position:absolute;left:0;right:0;top:80px;flex-direction:column;align-items:stretch;background:#131313;padding:20px 6%;gap:15px}.nav-menu.evo-open .navlink{padding:12px 0;min-height:44px}}
@media(max-width:767px){.student-product .product-hint{display:none}}