.hero.hero-debut { height:auto; background:#090b14; }
.hero-debut .hero-sticky { position:relative; height:auto; min-height:min(940px,100svh); display:grid; grid-template-columns:1fr 1.05fr; align-items:center; text-align:left; padding:140px max(32px,7vw) 100px; gap:0; background:radial-gradient(ellipse at 76% 54%,#3b3d582c,transparent 51%),linear-gradient(145deg,#090b14,#11141f 65%,#090c15); }
.hero-debut .hero-sticky::after {display:none;}
.debut-stars {position:absolute;inset:0;pointer-events:none;opacity:.45;background-image:radial-gradient(1px 1px at 18% 23%,#d3ccaa 100%,transparent),radial-gradient(1px 1px at 69% 62%,#b4c7d4 100%,transparent),radial-gradient(1px 1px at 38% 85%,#d3ccaa 100%,transparent);background-size:271px 239px,389px 313px,457px 373px;}
.hero-debut .debut-copy {z-index:3;max-width:640px;padding:0;}
.debut-eyebrow {font-size:9px;letter-spacing:.12em;color:#bfc6ba;display:flex;align-items:center;gap:10px;margin-bottom:28px;}
.debut-eyebrow>span{width:5px;height:5px;background:#d6ff00;border-radius:50%;box-shadow:0 0 12px #d6ff0060;}
.hero-debut .hero-title {font:400 clamp(54px,5.1vw,86px)/.99 var(--disp);letter-spacing:-.035em;text-shadow:none;margin:0;}
.hero-debut .hero-title em {font-style:italic;font-weight:400;color:#d6ff00;}
.hero-debut .hero-desc {font:400 15px/1.75 var(--ui);color:#b8bbc7;letter-spacing:0;margin:28px 0 30px;max-width:460px;}
.debut-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:19px 22px;background:#d6ff00;color:#172019;font:600 14px var(--ui);border:1px solid #e3ff59;border-radius:5px;text-decoration:none;box-shadow:0 5px 0 #687b12,0 12px 32px #0003;transition:transform .2s,background .2s;}
.debut-cta:hover{background:#e6ff62;transform:translateY(-2px);}.debut-cta>span{font-size:23px;font-weight:400;}
.debut-proof{display:flex;gap:9px;align-items:center;width:fit-content;margin-top:26px;color:#aeb6b7;font:12px/1.6 var(--ui);text-decoration:none;}
.debut-proof:hover{color:#f2f0dc;}.debut-proof-icon{color:#d6ff00;}
.debut-cta:focus-visible,.debut-proof:focus-visible,.debut-replay:focus-visible,.debut-bottom a:focus-visible {outline:2px solid #d6ff00;outline-offset:6px;}
.debut-visual{position:relative;width:calc(100% + 7vw);margin-left:-2vw;height:clamp(440px,43vw,680px);align-self:center;z-index:2;}
.debut-canvas,.debut-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;}
.debut-canvas canvas{display:block;width:100%;height:100%;}.debut-poster{transition:opacity .3s;}.debut-visual.is-live .debut-poster{opacity:0;pointer-events:none;}
.debut-scene-label{position:absolute;top:3%;left:14%;right:12%;display:flex;justify-content:space-between;gap:12px;color:#a0a99b;font-size:7px;letter-spacing:.1em;border-top:1px solid #9ba88d24;padding-top:11px;}.debut-scene-label i{font-style:normal;color:#757e81;}
.debut-replay{position:absolute;bottom:9%;right:14%;border:1px solid #acb2a635;background:#0a101aaa;color:#b7bdb5;border-radius:30px;padding:9px 13px;font:10px var(--ui);cursor:pointer;}.debut-replay span{margin-left:10px;}.debut-replay:hover{color:#d6ff00;border-color:#d6ff0080;}.debut-replay[hidden]{display:none;}
.debut-bottom{position:absolute;left:max(32px,7vw);right:max(32px,7vw);bottom:31px;display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.08em;color:#717b84;}.debut-bottom a{color:#abb5b5;text-decoration:none;}
.debut-legacy {display:none!important;}
@media(min-width:1500px){.hero-debut .hero-sticky{padding-inline:max(7vw,calc((100vw - 1500px)/2));}}
@media(max-width:1000px) and (min-width:761px){.hero-debut .hero-sticky{padding:125px 32px 80px;grid-template-columns:1.1fr 1fr;}.hero-debut .hero-title{font-size:56px;}.debut-visual{width:calc(100% + 60px);margin-left:-30px;height:480px;}.debut-scene-label{font-size:6px;}.debut-eyebrow{font-size:7px;}.debut-cta{font-size:12px;gap:15px;}}
@media(max-width:760px){
 .hero-debut .hero-sticky{display:flex;flex-direction:column;min-height:100svh;padding:112px 24px 58px;gap:0;overflow:hidden;}
 .hero-debut .debut-copy{width:100%;max-width:470px;}.debut-eyebrow{font-size:7px;letter-spacing:.08em;margin-bottom:20px;gap:8px;}
 .hero-debut .hero-title{font-size:clamp(40px,10.9vw,66px);line-height:1.01;}.hero-debut .hero-title > br:first-of-type{display:none;}
 .hero-debut .hero-desc{font-size:12px;line-height:1.65;margin:21px 0 23px;max-width:330px;}.hero-debut .hero-desc .brk-d{display:none;}
 .debut-cta{font-size:12px;padding:14px 16px;gap:25px;}.debut-cta>span{font-size:20px;}.debut-proof{font-size:10px;margin-top:19px;gap:6px;}
 .debut-visual{width:calc(100% + 48px);height:340px;margin:-3px -24px -16px;max-width:520px;flex-shrink:0;}.debut-scene-label{top:5%;left:13%;right:13%;font-size:6px;}.debut-replay{bottom:4%;right:10%;font-size:9px;padding:8px 11px;}
 .debut-bottom{left:24px;right:24px;bottom:20px;font-size:6px;}.debut-bottom>span{display:none;}.debut-bottom a{margin:auto;}
}
@media(prefers-reduced-motion:reduce){.hero-debut *{transition:none!important;}}

/* Lunar expedition: full-bleed artwork, with live HTML copy above it. */
.hero-debut .hero-sticky{min-height:100svh;grid-template-columns:1fr 1fr;background:#090d19;isolation:isolate;overflow:hidden;}
.hero-debut .debut-copy{max-width:660px;}
.hero-debut .debut-visual{position:absolute;inset:0;width:100%;height:100%;margin:0;max-width:none;z-index:0;}
.debut-panorama{display:block;width:100%;height:100%;object-fit:cover;object-position:65% center;}
.hero-debut .debut-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,20,.91) 0%,rgba(7,10,20,.75) 31%,rgba(7,10,20,.2) 53%,transparent 68%),linear-gradient(0deg,rgba(7,10,20,.78),transparent 18%);}
.hero-debut .debut-stars{display:none;}
.hero-debut .debut-bottom{z-index:3;color:#b6bdc4;}
.hero-debut .hero-desc,.hero-debut .debut-proof{color:#d0d3da;}
@media(max-width:1000px) and (min-width:761px){.hero-debut .hero-title{font-size:clamp(44px,5.6vw,56px);}.hero-debut .debut-visual{height:100%;width:100%;margin:0;}.debut-panorama{object-position:58% center;}}
@media(max-width:760px){
 .hero-debut .hero-sticky{padding:108px 24px 38px;min-height:100svh;display:flex;justify-content:flex-start;}
 .hero-debut .debut-copy{max-width:470px;}
 .hero-debut .hero-title{font-size:clamp(40px,10.9vw,60px);}
 .hero-debut .hero-desc{margin:18px 0 19px;}
 .hero-debut .debut-proof{margin-top:17px;}
 .hero-debut .debut-visual{position:relative;inset:auto;order:2;width:calc(100% + 48px);height:370px;min-height:300px;margin:-10px -24px -6px;flex:1 0 330px;}
 .debut-panorama{object-fit:cover;object-position:80% center;}
 .hero-debut .debut-visual::after{background:linear-gradient(180deg,#090d19 0%,rgba(9,13,25,.65) 8%,transparent 27%),linear-gradient(0deg,#090d19,transparent 18%);}
 .hero-debut .debut-bottom{bottom:16px;}
}

/* Match the cosmos entrance exactly, dissolving the lunar image before its edge. */
.hero-debut .hero-sticky::after{
 display:block;content:"";position:absolute;inset:auto 0 0;height:clamp(150px,24vh,260px);
 z-index:2;pointer-events:none;opacity:1;
 background:linear-gradient(180deg,rgba(2,3,10,0) 0%,rgba(2,3,10,.22) 24%,rgba(2,3,10,.64) 54%,rgba(2,3,10,.94) 80%,#02030a 100%);
}
@media(max-width:760px){.hero-debut .hero-sticky::after{height:145px;}}

/* The intro only gains a scroll interval once its video can render. */
.debut-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;opacity:0;pointer-events:none;}
.hero-debut.has-film{height:190svh;overflow:visible;}
.hero-debut.has-film .hero-sticky{position:sticky;top:0;height:100svh;min-height:100svh;}
.has-film .debut-film{opacity:1;}
@media(max-width:1000px) and (min-width:761px){.debut-film{object-position:58% center;}}
@media(max-width:760px){.debut-film{object-position:80% center;}.hero-debut.has-film{height:calc(100svh + 65svh);}.hero-debut.has-film .hero-sticky{height:100svh;min-height:740px;}.hero-debut.has-film .debut-visual{min-height:260px;flex-basis:260px;}}
@media(prefers-reduced-motion:reduce){.hero-debut.has-film{height:auto;}.hero-debut.has-film .hero-sticky{position:relative;height:auto;}.debut-film{display:none;}}

/* Recede the lunar set so the headline has its own breathing room. */
@media(min-width:1001px){
 .hero-debut .debut-visual{inset:0 0 0 auto;width:88%;height:100%;}
 .hero-debut .debut-panorama,.hero-debut .debut-film{object-fit:contain;object-position:right center;}
 .hero-debut .debut-visual{mask-image:linear-gradient(90deg,transparent 0%,#000 19%),linear-gradient(180deg,transparent 0%,#000 14%,#000 86%,transparent 100%);mask-composite:intersect;}
}
