:root{
 --bg:#07060B;--bg2:#0E0B14;--surf:#141019;--line:rgba(237,234,242,.12);
 --pur:#5C1E5E;--pur2:#8E3A92;--gold:#C2A950;--gold2:#E2CD82;--grn:#266602;--grn2:#4FD06A;--red:#FF5A2A;
 --tx:#EDEAF2;--mut:#A79FB2;
 --fd:'Cabinet Grotesk',system-ui,sans-serif;--fb:'Satoshi','General Sans',system-ui,sans-serif;
 /* type ramp: 8 tokens */
 --t-cap:.75rem;--t-label:.875rem;--t-body:1.0625rem;--t-lede:clamp(1.2rem,1.05rem + .6vw,1.5rem);
 --t-h3:clamp(1.5rem,1.2rem + 1vw,2.1rem);--t-h2:clamp(2.4rem,1.5rem + 3.6vw,5rem);--t-hero:clamp(2.9rem,1.4rem + 6.2vw,8rem);--t-ghost:clamp(6rem,2rem + 18vw,22rem);
 --ls-wide:.18em;--ls-tight:-.03em;--ls-0:0;
 --lh-1:.95;--lh-2:1.1;--lh-3:1.6;
 --pad:clamp(1.25rem,4vw,3rem);--sec:clamp(5rem,10vw,9rem);
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg)}
body{background:var(--bg);color:var(--tx);font-family:var(--fb);font-size:var(--t-body);line-height:var(--lh-3);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.is-gated{overflow:hidden;height:100vh}
img,video,canvas{display:block;max-width:100%}
a{color:inherit}
.skip{position:absolute;left:-999px;z-index:200}.skip:focus{left:1rem;top:1rem;background:#fff;color:#000;padding:.5rem 1rem}
.wrap{max-width:1320px;margin:0 auto;padding:0 var(--pad)}
.mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}
.gold{color:var(--gold)}
.eyebrow{font-size:var(--t-cap);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:1.1rem}
h2{font-family:var(--fd);font-weight:800;font-size:var(--t-h2);line-height:var(--lh-2);letter-spacing:var(--ls-tight);text-wrap:balance}
h3{font-family:var(--fd);font-weight:800;font-size:var(--t-h3);line-height:var(--lh-2);letter-spacing:var(--ls-0)}
.lede{font-size:var(--t-lede);color:var(--mut);max-width:58ch;line-height:1.45}
.note{font-size:var(--t-cap);color:var(--mut);letter-spacing:var(--ls-0);margin-top:1.4rem}
.btn{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--fb);font-weight:700;font-size:var(--t-label);text-decoration:none;border-radius:999px;padding:1rem 1.6rem;border:1px solid transparent;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s,box-shadow .25s;cursor:pointer}
.btn-gold{background:var(--gold);color:#1a0b1b;box-shadow:0 0 0 0 rgba(194,169,80,.5)}
.btn-gold:hover{transform:translateY(-2px);background:var(--gold2);box-shadow:0 10px 40px -10px rgba(194,169,80,.7)}
.btn-line{border-color:rgba(237,234,242,.35);color:var(--tx)}
.btn-line:hover{transform:translateY(-2px);background:rgba(237,234,242,.08)}
.btn:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* ---------- GATE ---------- */
.gate{position:fixed;inset:0;z-index:100;background:radial-gradient(ellipse at 50% 55%,#1b0e1f 0%,#07060B 65%);display:grid;place-items:center;overflow:hidden}
.gate-field{position:absolute;inset:0;width:100%;height:100%}
.gate-inner{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;padding:2rem}
.gate-mark{width:min(260px,60vw);height:auto;opacity:0;animation:fadeUp 1s .2s forwards}
.gate-kicker{font-size:var(--t-cap);letter-spacing:.32em;color:var(--gold);margin-top:1rem;opacity:0;animation:fadeUp 1s .5s forwards}
.gate-title{font-family:var(--fd);font-weight:800;font-size:var(--t-h3);letter-spacing:var(--ls-0);margin-top:.4rem;opacity:0;animation:fadeUp 1s .7s forwards}
.boot{list-style:none;margin:1.6rem 0 1.4rem;font-size:var(--t-cap);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);min-height:6.4em}
.boot li{opacity:0;display:flex;gap:.8rem;justify-content:center;align-items:center;line-height:1.6}
.boot li::after{content:"OK";color:var(--grn2);font-weight:700}
.boot li.on{animation:fadeUp .4s forwards}
.launch{position:relative;width:176px;height:176px;border-radius:50%;border:0;background:radial-gradient(circle,rgba(92,30,94,.55),rgba(7,6,11,.2) 70%);color:var(--tx);cursor:pointer;display:grid;place-items:center;transition:transform .3s;opacity:0;animation:fadeUp .8s 1.9s forwards}
.launch span{font-family:var(--fd);font-weight:800;font-size:var(--t-label);letter-spacing:.42em;padding-left:.42em}
.launch svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ring{fill:none;stroke-width:1.5;transform-origin:100px 100px}
.r1{stroke:var(--gold);stroke-dasharray:40 18;animation:spin 14s linear infinite}
.r2{stroke:rgba(79,208,106,.7);stroke-dasharray:4 10;animation:spin 9s linear infinite reverse}
.r3{stroke:rgba(237,234,242,.25)}
.launch:hover{transform:scale(1.06)}
.launch:hover .r3{stroke:var(--gold)}
.launch::before{content:"";position:absolute;inset:-14px;border-radius:50%;border:1px solid rgba(194,169,80,.35);animation:pulse 2.4s ease-out infinite}
.gate-note{font-size:var(--t-cap);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-top:1.4rem;opacity:0;animation:fadeUp .8s 2.2s forwards}
.gate-silent{background:none;border:0;color:var(--mut);font:inherit;font-size:var(--t-cap);text-decoration:underline;text-underline-offset:4px;margin-top:.6rem;cursor:pointer;opacity:0;animation:fadeUp .8s 2.4s forwards}
.gate-silent:hover{color:var(--tx)}
.iris{position:absolute;inset:0;background:var(--bg);pointer-events:none;opacity:0}
.gate.opening .gate-inner{animation:gateOut 1.1s cubic-bezier(.7,0,.2,1) forwards}
.gate.opening{animation:irisOpen 1.6s .7s cubic-bezier(.7,0,.2,1) forwards}
@keyframes irisOpen{from{clip-path:circle(150% at 50% 50%)}to{clip-path:circle(0% at 50% 50%)}}
@keyframes gateOut{to{transform:scale(1.25);opacity:0;filter:blur(6px)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.35);opacity:0}}

/* ---------- BAR ---------- */
.bar{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem var(--pad);transition:background .4s,backdrop-filter .4s}
.bar.solid{background:rgba(7,6,11,.72);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.bar-brand{display:flex;align-items:center;gap:.7rem;text-decoration:none}
.bar-brand img{width:118px;height:auto}
.bar-brand span{font-family:var(--fd);font-weight:800;font-size:var(--t-label);letter-spacing:.14em;line-height:1.1;display:flex;flex-direction:column}
.bar-brand small{font-family:var(--fb);font-size:var(--t-cap);color:var(--gold);letter-spacing:.24em;font-weight:700}
.bar-nav{display:flex;gap:1.8rem;font-size:var(--t-label)}
.bar-nav a{text-decoration:none;color:var(--mut);position:relative;padding:.3rem 0;transition:color .2s}
.bar-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.bar-nav a:hover{color:var(--tx)}.bar-nav a:hover::after{transform:scaleX(1)}
.bar-act{display:flex;align-items:center;gap:.8rem}
.pill{font-size:var(--t-label);font-weight:700;text-decoration:none;background:var(--gold);color:#1a0b1b;border-radius:999px;padding:.6rem 1.1rem;transition:background .2s}
.pill:hover{background:var(--gold2)}
.snd{display:flex;align-items:center;gap:3px;height:36px;padding:0 .8rem;border:1px solid var(--line);border-radius:999px;background:rgba(7,6,11,.4);color:var(--mut);cursor:pointer;font:inherit;font-size:var(--t-cap);letter-spacing:.14em}
.snd i{width:2px;height:6px;background:currentColor;border-radius:2px;transition:height .2s}
.snd span{margin-left:.5rem}
.snd[aria-pressed=true]{color:var(--gold);border-color:rgba(194,169,80,.5)}
.snd[aria-pressed=true] i{animation:eq 1s ease-in-out infinite}
.snd i:nth-child(2){animation-delay:.2s}.snd i:nth-child(3){animation-delay:.4s}.snd i:nth-child(4){animation-delay:.1s}
@keyframes eq{0%,100%{height:4px}50%{height:14px}}
.menu{display:none;background:none;border:1px solid var(--line);color:var(--tx);border-radius:999px;padding:.5rem .9rem;font:inherit;font-size:var(--t-label);cursor:pointer}
@media(max-width:1080px){.bar-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:1rem;padding:1.4rem var(--pad);background:rgba(7,6,11,.96);border-bottom:1px solid var(--line)}.bar-nav.open{display:flex}.menu{display:block}}
@media(max-width:640px){.pill{display:none}.snd span{display:none}.bar-brand span{display:none}}

/* ---------- HERO ---------- */
.hero{position:relative;height:260vh}
.hero-stage{position:sticky;top:0;height:100vh;overflow:hidden}
.hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.04)}
.hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,6,11,.92) 0%,rgba(7,6,11,.6) 38%,rgba(7,6,11,0) 70%),linear-gradient(0deg,rgba(7,6,11,.9) 0%,rgba(7,6,11,0) 35%)}
.hero-copy{position:absolute;left:var(--pad);bottom:clamp(5rem,13vh,9rem);max-width:min(980px,92vw);z-index:3}
.hero-h{font-size:var(--t-hero);line-height:var(--lh-1);letter-spacing:var(--ls-tight);margin-bottom:1.6rem}
.hero-h .ln{display:block;overflow:hidden;padding-bottom:.08em}
.hero-h .ln>span{display:inline-block;transform:translateY(105%)}
.hero-sub{font-size:var(--t-lede);color:#CFC8D8;max-width:46ch;line-height:1.45;margin-bottom:2rem;opacity:0}
.hero-cta{display:flex;flex-wrap:wrap;gap:.9rem}
.hero .hero-cta{opacity:0}
.tagline-ai{position:absolute;right:var(--pad);bottom:1.4rem;font-size:var(--t-cap);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--mut);z-index:3}
.cue{position:absolute;left:50%;bottom:1.4rem;transform:translateX(-50%);display:flex;align-items:center;gap:.8rem;font-size:var(--t-cap);letter-spacing:var(--ls-wide);color:var(--mut);z-index:3}
.cue-bar{width:90px;height:2px;background:rgba(237,234,242,.18);position:relative;overflow:hidden;border-radius:2px}
.cue-bar i{position:absolute;inset:0;background:var(--gold);transform:scaleX(0);transform-origin:left}
.hud{position:absolute;inset:clamp(4.6rem,9vh,6rem) var(--pad) clamp(3.6rem,7vh,4.6rem);pointer-events:none;z-index:2}
.hud-c{position:absolute;width:26px;height:26px;border-color:rgba(194,169,80,.6);border-style:solid;border-width:0}
.hud-c.tl{top:0;left:0;border-top-width:1px;border-left-width:1px}.hud-c.tr{top:0;right:0;border-top-width:1px;border-right-width:1px}
.hud-c.bl{bottom:0;left:0;border-bottom-width:1px;border-left-width:1px}.hud-c.br{bottom:0;right:0;border-bottom-width:1px;border-right-width:1px}
.reticle{position:absolute;left:62%;top:46%;width:180px;height:180px;margin:-90px 0 0 -90px;border:1px solid rgba(79,208,106,.55);border-radius:50%;opacity:0}
.reticle::before,.reticle::after{content:"";position:absolute;background:rgba(79,208,106,.55)}
.reticle::before{left:50%;top:-14px;bottom:-14px;width:1px}
.reticle::after{top:50%;left:-14px;right:-14px;height:1px}
.reticle span{position:absolute;inset:22px;border:1px dashed rgba(194,169,80,.7);border-radius:50%;animation:spin 10s linear infinite}
.tele{position:absolute;top:1.4rem;font-size:var(--t-cap);letter-spacing:.08em;color:var(--mut);opacity:0}
.tele-l{left:auto;right:1.4rem;top:auto;bottom:1.4rem;background:rgba(7,6,11,.45);padding:.6rem .9rem;border:1px solid rgba(194,169,80,.18);border-radius:10px;backdrop-filter:blur(6px)}.tele-r{right:1.4rem;text-align:right;background:rgba(7,6,11,.45);padding:.6rem .9rem;border:1px solid rgba(194,169,80,.18);border-radius:10px;backdrop-filter:blur(6px)}
.tele p{display:flex;gap:.8rem;justify-content:space-between;line-height:1.9}
.tele-r p{justify-content:flex-end}
.tele b{font-weight:500;color:var(--mut);min-width:9.5em;text-align:left}
.tele span[data-tele]{color:var(--tx);font-variant-numeric:tabular-nums;min-width:4em;text-align:right}
.tele-h{color:var(--gold)!important;font-weight:700;letter-spacing:var(--ls-wide)}
.tele .ok{color:var(--grn2);align-items:center}
.dot{width:7px;height:7px;border-radius:50%;background:var(--grn2);box-shadow:0 0 10px var(--grn2);animation:blink 1.6s infinite}
@keyframes blink{50%{opacity:.3}}
@media(max-width:820px){.tele{display:none}.reticle{left:50%;top:34%;width:120px;height:120px;margin:-60px 0 0 -60px}.hero{height:200vh}.hero-scrim{background:linear-gradient(0deg,rgba(7,6,11,.95) 0%,rgba(7,6,11,.55) 55%,rgba(7,6,11,.2) 100%)}.cue{display:none}}

/* marquee */
.marq{border-block:1px solid var(--line);overflow:hidden;padding:1.1rem 0;background:var(--bg2)}
.marq-track{display:flex;gap:2.2rem;width:max-content;animation:marq 38s linear infinite;font-family:var(--fd);font-weight:800;font-size:var(--t-h3);letter-spacing:.06em;color:rgba(237,234,242,.85)}
.marq-track b{color:var(--gold);font-size:var(--t-label);align-self:center}
@keyframes marq{to{transform:translateX(-50%)}}

/* ---------- XRAY ---------- */
.xray{position:relative;height:240vh}
.xray-stage{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;padding:5.5rem var(--pad) 2rem;max-width:1320px;margin:0 auto}
.xray-head{margin-bottom:1.6rem}
.xray-media{position:relative;aspect-ratio:16/9;max-height:66vh;width:100%;margin:0 auto;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#000}
.xray-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.xray-b{clip-path:inset(0 100% 0 0)}
.xray-scan{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--grn2);box-shadow:0 0 24px 6px rgba(79,208,106,.55);opacity:0}
.callouts{list-style:none;position:absolute;right:0;top:0;bottom:0;width:min(330px,40%)}
.callouts li{position:absolute;top:var(--y);right:1rem;transform:translateY(-50%);display:flex;align-items:center;gap:.6rem;font-size:var(--t-label);background:rgba(7,6,11,.72);backdrop-filter:blur(8px);border:1px solid rgba(194,169,80,.35);border-radius:999px;padding:.4rem .9rem;opacity:0;white-space:nowrap}
.callouts b{color:var(--gold);font-variant-numeric:tabular-nums}
@media(max-width:820px){.xray{height:180vh}.callouts{position:static;width:auto;display:none}.xray-media{aspect-ratio:4/3}}

/* ---------- HORIZON ---------- */
.horizon{position:relative;height:420vh;background:linear-gradient(180deg,var(--bg) 0%,var(--bg2) 12%,var(--bg2) 88%,var(--bg) 100%)}
.hz-stage{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;padding:5.5rem var(--pad) 1.6rem;max-width:1320px;margin:0 auto}
.hz-top{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:1.6rem}
.hz-top h2{font-size:clamp(2rem,1.2rem + 2.8vw,4rem)}
.hz-toggle{display:flex;border:1px solid var(--line);border-radius:999px;padding:4px;flex-shrink:0;background:rgba(7,6,11,.5)}
.hz-toggle button{background:none;border:0;color:var(--mut);font:inherit;font-size:var(--t-label);font-weight:700;padding:.6rem 1.1rem;border-radius:999px;cursor:pointer;transition:background .25s,color .25s}
.hz-toggle button.on{background:var(--gold);color:#1a0b1b}
.hz-toggle button[data-mode=without].on{background:var(--red);color:#1a0b1b}
.hz-grid{display:grid;grid-template-columns:1fr 330px;gap:1.6rem;min-height:0;flex:0 1 auto}
.hz-canvas-wrap{position:relative;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#160f1c,#09070d);aspect-ratio:16/9;max-height:60vh}
#hzCanvas{width:100%;height:100%}
.hz-flag{position:absolute;left:1rem;top:1rem;font-size:var(--t-cap);letter-spacing:var(--ls-wide);text-transform:uppercase;font-weight:700;padding:.45rem .8rem;border-radius:999px;opacity:0;transition:opacity .3s,background .3s}
.hz-flag.warn{opacity:1;background:rgba(194,169,80,.18);color:var(--gold2);border:1px solid rgba(194,169,80,.5)}
.hz-flag.safe{opacity:1;background:rgba(79,208,106,.14);color:var(--grn2);border:1px solid rgba(79,208,106,.5)}
.hz-flag.bad{opacity:1;background:rgba(255,90,42,.16);color:#FF9A7A;border:1px solid rgba(255,90,42,.55)}
.hz-side{display:flex;flex-direction:column;gap:.7rem}
.hz-clock{font-family:var(--fd);font-weight:800;font-size:var(--t-h3);color:var(--tx)}
.chan{border:1px solid var(--line);border-radius:12px;padding:.55rem .8rem .4rem;background:rgba(7,6,11,.4)}
.chan p{font-size:var(--t-cap);letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.chan canvas{width:100%;height:38px}
.hz-steps{list-style:none;display:flex;flex-direction:column;gap:.35rem;margin-top:.3rem;font-size:var(--t-label);color:var(--mut)}
.hz-steps li{padding-left:1.1rem;position:relative;transition:color .3s}
.hz-steps li::before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;border-radius:50%;background:rgba(237,234,242,.25);transition:background .3s,box-shadow .3s}
.hz-steps li.on{color:var(--tx)}
.hz-steps li.on::before{background:var(--grn2);box-shadow:0 0 10px var(--grn2)}
@media(max-width:980px){.horizon{height:300vh}.hz-grid{grid-template-columns:1fr}.hz-side{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.hz-clock,.hz-steps{grid-column:1/-1}.hz-top{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1rem}.chan canvas{height:26px}.hz-steps{display:none}.hz-stage{padding-top:5rem}}

/* ---------- RECORD ---------- */
.record{position:relative;padding:var(--sec) 0 0}
.rec-stage{overflow:hidden}
.rec-head{padding:0 var(--pad);max-width:1320px;margin:0 auto 2.6rem}
.rec-head .lede{margin-top:1.2rem}
.rec-track{display:flex;gap:1.4rem;padding:0 var(--pad);width:max-content}
.rc{width:min(440px,82vw);flex-shrink:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surf);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s}
.rc:hover{transform:translateY(-6px);border-color:rgba(194,169,80,.5)}
.rc video,.rc img{width:100%;aspect-ratio:16/9;object-fit:cover}
.rc-b{padding:1.3rem 1.4rem 1.5rem}
.rc-k{font-size:var(--t-cap);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:.5rem}
.rc h3{font-size:clamp(1.25rem,1.1rem + .5vw,1.5rem);margin-bottom:.8rem}
.rc ul{list-style:none;display:flex;flex-direction:column;gap:.3rem;font-size:var(--t-label);color:#D4CDDC}
.rc ul b{color:var(--tx);font-family:var(--fd);font-weight:800}
.rc-s{font-size:var(--t-cap);color:var(--mut);margin-top:1rem}
.rc-s a{text-underline-offset:3px}
.rc-s a:hover{color:var(--gold)}
.record .note{padding:0 var(--pad);max-width:1320px;margin:1.4rem auto 0}
@media(max-width:820px){.rec-stage{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:1rem}.rc{scroll-snap-align:start}}

/* ---------- SECTORS ---------- */
.sectors{padding:var(--sec) 0}
.convoy{height:180px;margin:2.6rem 0;border-block:1px solid var(--line);background:linear-gradient(180deg,rgba(92,30,94,.12),rgba(7,6,11,0))}
#convoy{width:100%;height:100%}
.sx{display:grid;grid-template-columns:repeat(6,1fr);gap:1.2rem}
.sx-card{position:relative;grid-column:span 2;border-radius:18px;overflow:hidden;border:1px solid var(--line);aspect-ratio:4/3;transform-style:preserve-3d;transition:transform .2s ease-out,border-color .3s;background:#000}
.sx-card.big{grid-column:span 4;grid-row:span 2;aspect-ratio:auto}
.sx-card:nth-child(2){grid-column:span 2}
.sx-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.sx-card img.pos-l{object-position:30% 60%}
.sx-card:hover{border-color:rgba(194,169,80,.5)}
.sx-card:hover img{transform:scale(1.05)}
.sx-hud{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}
.sx-card figcaption{position:absolute;left:0;right:0;bottom:0;padding:1.6rem 1.2rem 1.1rem;background:linear-gradient(0deg,rgba(7,6,11,.92),rgba(7,6,11,0));display:flex;flex-direction:column;gap:.2rem}
.sx-card figcaption b{font-family:var(--fd);font-weight:800;font-size:clamp(1.15rem,1rem + .4vw,1.4rem)}
.sx-card figcaption span{font-size:var(--t-label);color:#CFC8D8}
@media(max-width:900px){.sx{grid-template-columns:1fr 1fr}.sx-card,.sx-card:nth-child(2){grid-column:span 1}.sx-card.big{grid-column:span 2;grid-row:auto;aspect-ratio:16/10}}
@media(max-width:560px){.sx{grid-template-columns:1fr}.sx-card,.sx-card.big,.sx-card:nth-child(2){grid-column:span 1;aspect-ratio:4/3}.convoy{height:130px}}

/* ---------- STAT ---------- */
.stat{padding:var(--sec) 0;background:radial-gradient(ellipse at 80% 50%,rgba(38,102,2,.18),transparent 60%)}
.stat-in{display:grid;grid-template-columns:1.3fr 1fr;gap:3rem;align-items:center}
.stat .big{font-family:var(--fd);font-weight:800;font-size:var(--t-ghost);line-height:.9;color:var(--grn2);letter-spacing:var(--ls-tight);display:block}
.stat .lede{margin-top:1.4rem}
.src{font-size:var(--t-cap);color:var(--mut);margin-top:1rem}
.src a{text-underline-offset:3px}.src a:hover{color:var(--gold)}
.bars{display:flex;gap:2.4rem;align-items:flex-end;height:min(420px,55vh);padding:0 1rem;border-bottom:1px solid rgba(237,234,242,.3)}
.bar-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.6rem;position:relative}
.bar-col i{display:block;width:100%;height:var(--h);min-height:6px;background:linear-gradient(180deg,#9b93a8,#5a5266);border-radius:8px 8px 0 0;transform:scaleY(0);transform-origin:bottom;transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.bar-col.g i{background:var(--grn2);transition-delay:.6s}
.bar-col span{position:absolute;bottom:-2rem;font-size:var(--t-label);font-weight:700;color:var(--mut)}
.stat.in .bar-col i{transform:scaleY(1)}
@media(max-width:820px){.stat-in{grid-template-columns:1fr}.bars{height:240px}}

/* ---------- FILMS ---------- */
.films{padding:var(--sec) 0}
.film-row{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-top:2.6rem;align-items:start}
.film-row figure{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surf)}
.film-row video{width:100%;aspect-ratio:16/9;background:#000}
.film-row figcaption{padding:1rem 1.2rem;font-size:var(--t-label);color:var(--mut)}
.film-row figcaption b{color:var(--tx)}
.film-row .fnum{display:block;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold,#C2A950);font-size:.72rem;margin-bottom:.3rem}
@media(max-width:820px){.film-row{grid-template-columns:1fr}}

/* ---------- CLOSE ---------- */
.close{position:relative;padding:var(--sec) 0 0;overflow:hidden;text-align:center;border-top:1px solid var(--line);background:radial-gradient(ellipse at 50% 100%,rgba(92,30,94,.45),transparent 65%)}
.close-in{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}
.close h2{margin-bottom:2.2rem}
.close .hero-cta{justify-content:center}
.giant{font-family:var(--fd);font-weight:800;font-size:var(--t-ghost);line-height:.82;letter-spacing:var(--ls-tight);color:rgba(194,169,80,.09);margin-top:2rem;white-space:nowrap;user-select:none}

/* ---------- FOOT ---------- */
.foot{background:#040306;border-top:1px solid var(--line);padding:3.4rem 0 2rem;font-size:var(--t-label);color:var(--mut)}
.foot-in{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;margin-bottom:2rem}
.foot-brand{display:flex;gap:1.4rem;align-items:flex-start;flex-wrap:wrap}
.foot-brand b{color:var(--tx)}
.logo-chip{background:#F8F5F0;border-radius:12px;padding:.7rem 1rem;display:inline-block}
.logo-chip img{width:180px;height:auto}
.foot nav{display:grid;grid-template-columns:repeat(3,auto);gap:.5rem 1.8rem;align-content:start}
.foot nav a{text-decoration:none}.foot nav a:hover{color:var(--gold)}
.foot a{text-underline-offset:3px}
.disc{font-size:var(--t-cap);line-height:1.7;max-width:110ch;border-top:1px solid var(--line);padding-top:1.4rem}
.legal{font-size:var(--t-cap);margin-top:.8rem}
@media(max-width:640px){.foot nav{grid-template-columns:1fr 1fr}}

@media(prefers-reduced-motion:reduce){
 .hero,.xray,.horizon{height:auto}
 .hero-stage,.xray-stage,.hz-stage{position:relative;height:auto;min-height:100vh}
 .hero-h .ln>span,.hero-sub,.hero .hero-cta,.tele,.reticle,.callouts li{transform:none!important;opacity:1!important}
 .xray-b{clip-path:none}
 .marq-track,.r1,.r2,.launch::before,.dot{animation:none}
 .bar-col i{transform:scaleY(1);transition:none}
}

/* Mission statement (from the DELTTA logo) */
.motto{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:600;color:#8fd16f;letter-spacing:.01em}
.gate-motto{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:600;color:#8fd16f;font-size:clamp(1rem,2.4vw,1.35rem);margin:.35rem 0 .2rem;opacity:0;animation:fadeUp 1s .45s forwards}
.bar-mark{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.bar-mark .motto{font-size:.62rem;white-space:nowrap;letter-spacing:.02em}
.foot-brand .motto{font-size:1rem}
@media(max-width:640px){.bar-mark .motto{font-size:.56rem}}

/* mission statement under logo in top bar */
.bar-mark{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;flex-direction:column!important;font-family:inherit!important;letter-spacing:0!important}
.bar-brand .bar-mark .motto{font-family:Georgia,"Times New Roman",serif;font-size:.62rem;font-weight:600;letter-spacing:.02em;color:#8fd16f;line-height:1}
/* founder's principles */
.creed{position:relative;padding:clamp(5rem,12vw,9rem) 0;background:radial-gradient(ellipse at 50% 0%,rgba(92,30,94,.35),transparent 70%)}
.creed-in{max-width:58rem;text-align:center}
.creed-q{margin:0 auto 2.4rem}
.creed-q p{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:clamp(1.35rem,3.2vw,2.2rem);line-height:1.35;color:var(--tx);text-wrap:balance}
.creed-q:first-of-type p{color:var(--gold2)}
.creed-by{font-size:var(--t-cap);letter-spacing:.18em;text-transform:uppercase;color:var(--mut);margin-top:.5rem}
.creed-by::before{content:"";display:block;width:3rem;height:1px;background:var(--gold);margin:0 auto 1.2rem}
.foot .social{display:flex;gap:.6rem;margin-top:1rem}.foot .social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.35);color:#fff}.foot .social a:hover{border-color:#C2A950;color:#C2A950}

.gate-title span{display:block}.gate-title .gt-1{font-size:.62em;letter-spacing:.22em;color:#fff;opacity:.92}.gate-title .gt-2{margin-top:.15em}.gate-title .gt-3{font-size:.6em;font-weight:600;letter-spacing:.08em;color:var(--gold);margin-top:.35em}.gate-title .gt-4{font-size:.55em;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.85;margin-top:.25em}