:root{--accent:#c6ff00}
/* Immersive opener. The scene stays in the normal scroll flow. */
body:not(.packages-page) #site>.header{position:fixed;inset:0 4.4% auto;margin:0;height:92px;border-bottom:1px solid #ffffff12;z-index:20;background:#111210dc;box-shadow:0 0 0 24px #111210dc;backdrop-filter:blur(12px)}
html{scroll-padding-top:116px}
.hero{height:270svh;min-height:0;max-height:none;padding:0;overflow:visible;isolation:auto}
.hero-stage{height:100svh;min-height:620px;position:sticky;top:0;overflow:hidden;isolation:isolate;background:#111210;--form-opacity:1;--intro-opacity:1;--intro-offset:0px}
.hero-top{position:absolute;top:125px;left:4.4%;right:4.4%;z-index:3;opacity:var(--intro-opacity)}
.hero-copy,.admin-open .hero-copy{position:absolute;inset:50% 0 auto;width:100%;max-width:none;padding:45px 5%;transform:translateY(calc(-50% + var(--intro-offset)));text-align:center;opacity:var(--intro-opacity);z-index:3;pointer-events:none}
.hero h1{font-size:clamp(60px,8.6vw,140px);line-height:.99;letter-spacing:-.065em;margin:0 auto 25px;max-width:1450px;color:#fbfff2;text-shadow:0 0 32px #f1ffbf28,0 2px 28px #000c}
.hero h1 em{color:var(--accent);text-shadow:0 0 28px #c6ff0040,0 0 70px #c6ff001a,0 2px 24px #000c}
.hero-copy>p{margin:0 auto 30px;max-width:615px;color:#e2e7d8;font-size:18px;line-height:1.65;text-wrap:pretty;text-shadow:0 2px 16px #000}
.hero-actions{justify-content:center;align-items:center;gap:28px}
.hero-actions .quiet-link{background:none;border:0;border-bottom:1px solid #ffffff55;color:#eef4e3;font-size:14px;padding:12px 0}
.hero-actions .accent{box-shadow:0 0 28px #c6ff001a}
.hero .sculpture,.admin-open .hero .sculpture{inset:0;width:100%;height:100%;opacity:var(--form-opacity);z-index:0;pointer-events:auto}
.hero .sculpture canvas{filter:saturate(1.04);opacity:.78;transform:none}
.hero .sculpture canvas[data-pressed=true]{transform:none;filter:saturate(1.04)}
.hero-stage:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 45% 38% at 50% 48%,#11121058,transparent 90%),linear-gradient(180deg,#11121085,transparent 28%,transparent 70%,#111210)}
.sculpture-label{display:none}
.hero-bottom{bottom:30px;left:4.4%;right:4.4%;font-size:12px;letter-spacing:1.1px;opacity:var(--intro-opacity)}
.hero-bottom>a{color:var(--accent)}
.ticker{transform:none;margin:0;padding:15px 0}
.ticker>div{font-size:23px}
.ticker>.ticker-track{display:flex;width:max-content;animation:marquee 65s linear infinite}
.ticker .ticker-group{display:flex;flex:0 0 auto;align-items:center;justify-content:space-around;gap:40px;min-width:100vw;padding-right:40px}
.ticker .ticker-phrase{font:inherit;letter-spacing:inherit;white-space:nowrap;padding:0}
.ticker .ticker-group>b{font:400 32px var(--font);flex:none}
@media(prefers-reduced-motion:reduce){.ticker>.ticker-track{animation:none}}
.intro-grid h2,.foundation h2,.demo-heading h2{max-width:850px}
.admin-open .hero h1{font-size:clamp(52px,7vw,106px)}
.admin-open .hero-copy>p{max-width:550px}
@media(min-width:781px){body.admin-open:not(.packages-page) #site>.header{right:calc(430px + 4.4%)}}
@media(max-width:780px){
 body:not(.packages-page) #site>.header{height:80px;left:6%;right:6%}
 .hero{height:225svh;min-height:0;max-height:none;padding:0}
 .hero-stage{height:100svh;min-height:700px}
 .hero-top{top:106px;left:6%;right:6%;justify-content:center}
 .hero-top .eyebrow{font-size:12px}
 .hero-copy,.admin-open .hero-copy{padding:0 6%;top:49%}
 .hero h1,.admin-open .hero h1{font-size:clamp(47px,10.6vw,81px);line-height:1.03}
 .hero-copy>p{font-size:16px;max-width:390px;line-height:1.6;margin-bottom:25px}
 .hero-actions{flex-direction:column;gap:12px;align-items:center}
 .hero .sculpture,.admin-open .hero .sculpture{width:100%;height:100%;inset:0;z-index:0}
 .hero .sculpture canvas{opacity:.62}
 .hero-bottom{font-size:12px;bottom:24px;left:6%;right:6%;gap:15px}
 .hero-bottom>span{max-width:170px}
}
@media(prefers-reduced-motion:reduce){
 .hero{height:auto}
 .hero-stage{position:relative}
 .hero-copy{transform:translateY(-50%)}
}
/* Reset the previous side-composition masks and offset in every breakpoint. */
.hero .sculpture,.admin-open .hero .sculpture{mask-image:none;-webkit-mask-image:none;right:0;bottom:0;top:0;left:0}
.hero .sculpture canvas{position:static;mix-blend-mode:normal}
.hero .hero-copy{max-width:none}
.hero h1{max-width:1500px}
.hero-copy .pill{pointer-events:auto}
.hero .sculpture-label{display:none}
@media(max-width:780px){.admin-open .hero{height:225svh;min-height:0}.hero .hero-bottom{bottom:24px;font-size:12px}.hero-bottom>a{font-size:12px}.hero h1,.admin-open .hero h1{font-size:clamp(46px,10vw,78px)}}
@media(prefers-reduced-motion:reduce){.admin-open .hero{height:auto;min-height:0}}
@media(max-width:780px){
 body:not(.packages-page) #site>.header nav{display:flex;position:absolute;top:80px;left:0;right:0;gap:22px;overflow-x:auto;white-space:nowrap;background:#111210f5;padding:10px 0 13px;scrollbar-width:none;font-size:14px}
 body:not(.packages-page) #site>.header nav a{flex:none}
 .hero-top{top:153px}.hero-copy,.admin-open .hero-copy{top:53%}
 html{scroll-padding-top:145px}
}