:root{
  --cyan:#00A7E8; --cyan-2:#2563EB; --cyan-light:#7FE0FF;
  --ink:#070A12; --ink-2:#0b1320; --ink-3:#101a2e;
  --paper:#F7FAFC; --paper-2:#eef5f9;
  --line-d:rgba(0,167,232,.16); --line-l:rgba(15,23,42,.1);
  --mut-d:rgba(224,244,252,.66); --mut-l:rgba(15,23,42,.6);
  --grad:linear-gradient(135deg,#00B8F0,#2563EB);
  --used:#64748B; --success:#16A34A; --rose:#E11D6B;
  --f-sans:var(--font-manrope),'Manrope',ui-sans-serif,system-ui,sans-serif;
  --f-disp:var(--font-instrument-serif),'Instrument Serif',Georgia,serif;
  --f-mono:var(--font-jetbrains-mono),'JetBrains Mono',ui-monospace,Menlo,monospace;
  --e:cubic-bezier(.22,1,.36,1);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scrollbar-width:none;-webkit-text-size-adjust:100%;background:var(--ink);}
html::-webkit-scrollbar{display:none;}
body{background:var(--ink);color:var(--paper);font-family:var(--f-sans);overflow-x:hidden;-webkit-font-smoothing:antialiased;}
.mono{font-family:var(--f-mono);}
img{display:block;max-width:100%;}
section{position:relative;}
.wrap{max-width:1200px;margin:0 auto;padding:0 clamp(20px,5vw,52px);}

/* ── fixed chrome ── */
.chrome{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;justify-content:space-between;align-items:center;
  padding:20px clamp(20px,5vw,52px);pointer-events:none;mix-blend-mode:difference;}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;letter-spacing:-.02em;color:#fff;}
.brand .dot{width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(0,167,232,.18),0 0 16px rgba(0,167,232,.6);}
.chrome .u{font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.7);}

/* progress rail */
.rail{position:fixed;top:0;left:0;height:2px;width:100%;z-index:65;background:transparent;}
.rail>i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--cyan-2));box-shadow:0 0 12px rgba(0,167,232,.8);}

/* section dots */
.dots{position:fixed;top:50%;right:clamp(14px,2.4vw,30px);transform:translateY(-50%);z-index:55;display:flex;flex-direction:column;
  gap:13px;align-items:flex-end;mix-blend-mode:difference;opacity:0;transition:opacity .6s var(--e);pointer-events:none;}
body.scrolled .dots{opacity:1;}
.dots a{display:flex;align-items:center;gap:9px;font-family:var(--f-mono);font-size:10px;letter-spacing:.16em;color:rgba(255,255,255,.4);text-decoration:none;pointer-events:auto;}
.dots a .b{width:16px;height:1px;background:rgba(255,255,255,.4);transition:width .4s var(--e),background .4s;}
.dots a.on{color:#fff;}
.dots a.on .b{width:38px;background:var(--cyan);}

/* ── reveal ── */
.rv{opacity:0;transform:translateY(22px);transition:opacity .6s var(--e),transform .6s var(--e);transition-delay:var(--d,0s);will-change:opacity,transform;}
.rv.in{opacity:1;transform:none;filter:none;}

/* shared type */
.eyebrow{display:inline-flex;align-items:center;gap:11px;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);font-weight:500;}
.eyebrow::before{content:'';width:30px;height:1px;background:var(--cyan);}
.h2{font-weight:800;letter-spacing:-.03em;line-height:1.02;font-size:clamp(2.1rem,5vw,3.6rem);text-wrap:balance;}
.h2 em{font-family:var(--f-disp);font-style:italic;font-weight:400;letter-spacing:-.01em;}
.lede{font-size:clamp(1rem,1.4vw,1.16rem);line-height:1.6;text-wrap:pretty;}
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-sans);font-weight:800;font-size:13px;letter-spacing:.05em;
  text-transform:uppercase;border:none;border-radius:13px;padding:15px 24px;cursor:pointer;position:relative;overflow:hidden;
  transition:transform .25s var(--e),box-shadow .25s var(--e);}
.btn .ar{display:grid;transition:transform .35s var(--e);}
.btn svg{width:17px;height:17px;}
.btn:hover .ar{transform:translateX(5px);}
.btn-p{background:var(--grad);color:#fff;box-shadow:0 16px 34px -10px rgba(0,167,232,.6);}
.btn-p:hover{transform:translateY(-2px);box-shadow:0 24px 46px -10px rgba(0,167,232,.75);}
.btn-p::after{content:'';position:absolute;top:0;left:-130%;width:55%;height:100%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-18deg);}
.btn-p:hover::after{animation:sheen .9s var(--e);}
@keyframes sheen{to{left:160%;}}
.btn-g{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28);}
.btn-g:hover{border-color:var(--cyan);color:var(--cyan-light);}
.mag{will-change:transform;}

/* ════════ INTRO (Interact Sf. Sava lockup) ════════ */
.intro{min-height:100svh;display:grid;place-items:center;overflow:hidden;position:sticky;top:0;color:var(--ink);
  background:radial-gradient(circle at 14% 18%,rgba(0,167,232,.1),transparent 34%),
             radial-gradient(circle at 86% 84%,rgba(37,99,235,.08),transparent 36%),
             linear-gradient(180deg,#ffffff,#F7FAFC);}
.intro .glow{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.5;z-index:1;}
.intro .glow.c{width:46vw;height:46vw;left:-14vw;top:-12vw;background:radial-gradient(closest-side,rgba(0,167,232,.16),transparent);animation:drift 11s var(--e) infinite alternate;}
.intro .glow.b{width:42vw;height:42vw;right:-12vw;bottom:-14vw;background:radial-gradient(closest-side,rgba(37,99,235,.12),transparent);animation:drift 11s var(--e) -4s infinite alternate;}
@keyframes drift{to{transform:translate(3vw,2vh) scale(1.08);}}
.intro .tele{position:absolute;z-index:4;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(15,23,42,.6);background:rgba(255,255,255,.46);border:1px solid rgba(15,23,42,.08);border-radius:2px;
  padding:9px 12px;backdrop-filter:blur(8px);line-height:1.6;}
.intro .tele b{color:var(--ink);font-weight:700;}
.intro .tl{top:90px;left:clamp(20px,5vw,52px);}
.intro .tr{top:90px;right:clamp(20px,5vw,52px);text-align:right;}
.intro .bl{bottom:58px;left:clamp(20px,5vw,52px);}
.intro .br{bottom:58px;right:clamp(20px,5vw,52px);text-align:right;}
/* engine stage — diagonal track, scan beam, floating ticket chips (ported from v2) */
.engine-stage{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;}
.engine-track{position:absolute;left:50%;top:50%;width:min(92vw,980px);height:min(62vh,450px);
  transform:translate(-50%,-50%) rotate(-7deg);border-top:1px solid rgba(0,159,227,.24);border-bottom:1px solid rgba(0,159,227,.16);opacity:.76;}
.engine-track::before,.engine-track::after{content:'';position:absolute;left:0;right:0;height:1px;
  background:repeating-linear-gradient(90deg,rgba(15,23,42,.28) 0 8px,transparent 8px 20px);opacity:.18;}
.engine-track::before{top:34%;}.engine-track::after{bottom:28%;}
.engine-scan{position:absolute;left:-20%;right:-20%;top:54%;height:92px;transform:translateY(-50%) skewY(-9deg);
  background:linear-gradient(90deg,transparent,rgba(0,167,232,.08),rgba(37,99,235,.16),rgba(0,167,232,.08),transparent);
  clip-path:polygon(0 35%,100% 0,100% 65%,0 100%);filter:blur(.15px);opacity:.58;}
.engine-tickets{position:absolute;inset:0;}
.engine-ticket{position:absolute;width:190px;height:72px;border:1px solid rgba(15,23,42,.14);
  background:rgba(255,255,255,.68);backdrop-filter:blur(12px);
  clip-path:polygon(0 0,100% 0,100% 35%,94% 50%,100% 65%,100% 100%,0 100%,0 65%,6% 50%,0 35%);
  box-shadow:0 16px 42px rgba(15,23,42,.08);opacity:.62;}
.engine-ticket::before{content:attr(data-label);position:absolute;left:18px;top:14px;font-family:var(--f-mono);
  font-size:10px;font-weight:600;letter-spacing:.16em;color:rgba(15,23,42,.42);}
.engine-ticket::after{content:'';position:absolute;right:16px;top:17px;width:32px;height:32px;
  background:linear-gradient(90deg,var(--cyan) 50%,transparent 0) 0 0/8px 8px,linear-gradient(var(--cyan) 50%,transparent 0) 0 0/8px 8px;opacity:.28;}
.engine-ticket.t1{left:8%;top:25%;transform:rotate(-9deg);}
.engine-ticket.t2{right:7%;top:32%;transform:rotate(6deg);}
.engine-ticket.t3{left:17%;bottom:20%;transform:rotate(5deg);}
.engine-ticket.t4{right:17%;bottom:22%;transform:rotate(-7deg);}
@media(max-width:760px){
  .engine-track{width:112vw;height:50vh;opacity:.5;}.engine-scan{height:70px;opacity:.32;}
  .engine-ticket{width:130px;height:48px;}.engine-ticket::before{font-size:8px;left:13px;top:11px;}
  .engine-ticket::after{width:22px;height:22px;right:12px;top:12px;}
  .engine-ticket.t1{left:-3%;top:24%;}.engine-ticket.t2{right:-8%;top:33%;}
  .engine-ticket.t3{left:5%;bottom:22%;}.engine-ticket.t4{right:4%;bottom:24%;}
  .intro .bl,.intro .tr{display:none;}
}
#logo-stage{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:clamp(20px,4vw,56px);width:min(90vw,880px);margin-top:-2vh;}
.ll-text{display:flex;flex-direction:column;align-items:flex-start;}
.ll-interact{display:flex;font-weight:800;letter-spacing:-.045em;line-height:.84;font-size:clamp(54px,11vw,104px);color:var(--ink);}
.ll-interact .ch{display:inline-block;opacity:1;animation:chrise .9s var(--e) both;animation-delay:calc(.12s + var(--i)*.05s);}
.ll-interact .ch:nth-child(n+6){color:var(--cyan);}
@keyframes chrise{from{opacity:0;transform:translateY(40px) rotateX(60deg);filter:blur(8px);}to{opacity:1;transform:none;filter:blur(0);}}
.ll-sub{position:relative;display:grid;gap:4px;margin-top:16px;padding-left:8px;}
.ll-sub::before{content:'';position:absolute;left:8px;top:-9px;width:108px;height:2px;background:linear-gradient(90deg,var(--cyan),transparent);transform-origin:left;animation:rule .8s var(--e) .5s both;}
@keyframes rule{from{transform:scaleX(0);}to{transform:scaleX(1);}}
.ll-sub .sl{font-weight:800;text-transform:uppercase;font-size:clamp(13px,1.7vw,23px);line-height:1;letter-spacing:.08em;color:var(--cyan);opacity:1;animation:slin .85s var(--e) both;animation-delay:calc(.6s + var(--j)*.12s);}
.ll-sub .sl:last-child{color:var(--ink);}
@keyframes slin{from{opacity:0;transform:translateY(16px);filter:blur(6px);}to{opacity:1;transform:none;filter:blur(0);}}
.ll-wheel{width:clamp(120px,18vw,232px);aspect-ratio:1;flex:none;opacity:1;filter:drop-shadow(0 20px 34px rgba(0,167,232,.22));animation:wheelin 1s var(--e) .1s both;}
.wheel-svg{display:block;width:100%;height:100%;overflow:visible;}
.gear{transform-box:fill-box;transform-origin:center;animation:gear-spin 24s linear infinite;}
@keyframes gear-spin{to{transform:rotate(360deg);}}
@keyframes wheelin{from{opacity:0;transform:scale(.6) rotate(-30deg);}to{opacity:1;transform:scale(1) rotate(0);}}
.intro .scrollhint{color:rgba(15,23,42,.5);}
/* faint full-bleed background video (ticket engine loop) — same treatment as v2 */
.intro-video{position:absolute;inset:-7%;z-index:0;width:114%;height:114%;object-fit:cover;
  opacity:.2;filter:saturate(.78) contrast(.95) blur(4px);mix-blend-mode:multiply;pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%);}
/* scrolling brand marquee — the clean intro → hero transition */
.strip{position:absolute;top:23px;left:0;right:0;z-index:4;overflow:hidden;background:transparent;}
.strip .lane{display:flex;width:max-content;align-items:center;padding:0;white-space:nowrap;
  will-change:transform;animation:strip-l 30s linear infinite;}
.strip .run{display:flex;flex:none;align-items:center;gap:clamp(18px,2.4vw,40px);padding-right:clamp(18px,2.4vw,40px);}
.strip .item{display:inline-flex;align-items:center;gap:14px;font-weight:800;font-size:clamp(18px,2.6vw,38px);
  letter-spacing:-.01em;color:#fff;text-transform:uppercase;}
.strip .item.out{color:rgba(255,255,255,.5);}
.strip .item .d{width:clamp(8px,.9vw,13px);height:clamp(8px,.9vw,13px);border-radius:50%;background:var(--cyan);
  box-shadow:0 0 16px rgba(0,167,232,.7);flex:none;}
@keyframes strip-l{to{transform:translateX(-33.333%);}}
@media(max-width:920px){#logo-stage{flex-direction:column;align-items:flex-start;gap:24px;}.intro .br{display:none;}}

/* ════════ HERO ════════ */
.hero{min-height:calc(100dvh + 72px);display:grid;align-items:center;overflow:hidden;
  box-shadow:0 0 0 2px var(--ink);
  background:radial-gradient(120% 90% at 80% -10%,rgba(0,167,232,.16),transparent 55%),
             radial-gradient(90% 70% at 0% 110%,rgba(37,99,235,.14),transparent 60%),
             linear-gradient(180deg,#070A12,#0a1120);}
.hero .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,5vw,70px);align-items:center;padding:51px 0 clamp(16px,2.5vh,30px);}
.hero .grid>div:first-child{transform:translateY(-10px);}
.hero h1{font-weight:800;letter-spacing:-.045em;line-height:.92;font-size:clamp(3rem,8.2vw,6.6rem);text-wrap:balance;}
.hero h1 .c{color:var(--cyan);}
.hero h1 em{font-family:var(--f-disp);font-style:italic;font-weight:400;letter-spacing:-.01em;color:var(--cyan-light);}
.hero .sub{margin-top:22px;max-width:46ch;color:var(--mut-d);}
.hero .cta{margin-top:28px;display:flex;gap:13px;flex-wrap:wrap;}
.hero .ln{margin-top:30px;display:flex;gap:clamp(20px,3vw,40px);flex-wrap:wrap;}
.hero .ln .it{display:flex;flex-direction:column;gap:4px;}
.hero .ln .k{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:rgba(151,226,255,.7);}
.hero .ln .v{font-weight:800;font-size:18px;letter-spacing:-.01em;}
.hline{display:block;overflow:hidden;padding:.08em 0 .2em;margin:-.08em 0 -.2em;}
.hline>span{display:block;transform:translateY(112%);will-change:transform;}

/* hero ticket — iPhone */
.tk-wrap{position:relative;justify-self:center;margin-top:clamp(-50px,-3.4vw,-8px);}
.tk-glow{position:absolute;inset:-18% -16%;border-radius:50%;z-index:0;pointer-events:none;
  background:radial-gradient(circle at 50% 46%,rgba(0,167,232,.42),transparent 62%);filter:blur(12px);animation:glowp 5s ease-in-out infinite;}
@keyframes glowp{0%,100%{opacity:.5;transform:scale(.97);}50%{opacity:1;transform:scale(1.05);}}
.phone{position:relative;z-index:1;width:clamp(232px,23vw,288px);aspect-ratio:9/17.2;border-radius:clamp(38px,3.6vw,50px);
  padding:11px;background:linear-gradient(155deg,#26334a,#0a0f1a 64%);border:1px solid rgba(150,185,225,.22);
  box-shadow:0 60px 110px -34px rgba(0,0,0,.82),0 0 0 2px rgba(0,0,0,.5),inset 0 1px 1px rgba(255,255,255,.09);will-change:transform;}
.phone::before{content:'';position:absolute;top:19px;left:50%;transform:translateX(-50%);width:33%;height:25px;border-radius:99px;background:#04070d;z-index:6;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);}
.phone-btn{position:absolute;border-radius:2px;background:linear-gradient(#2b3548,#141b29);z-index:0;}
.phone-btn.r{right:-3px;top:25%;width:3px;height:62px;}
.phone-btn.l1{left:-3px;top:21%;width:3px;height:28px;}
.phone-btn.l2{left:-3px;top:31%;width:3px;height:46px;}
.phone-screen{position:relative;height:100%;border-radius:clamp(32px,3.2vw,46px);overflow:hidden;display:flex;flex-direction:column;
  background:linear-gradient(180deg,#0b1320,#070b14);}
.phone-aurora{position:absolute;inset:0 0 auto 0;height:56%;z-index:0;pointer-events:none;opacity:.85;
  background:radial-gradient(60% 60% at 24% 8%,rgba(0,167,232,.5),transparent 60%),radial-gradient(55% 55% at 82% 18%,rgba(37,99,235,.46),transparent 60%),radial-gradient(50% 50% at 55% 0,rgba(127,224,255,.34),transparent 55%);
  filter:blur(9px);animation:aurora 8s ease-in-out infinite;}
@keyframes aurora{0%,100%{transform:translate(0,0) scale(1);}33%{transform:translate(-6%,3%) scale(1.1);}66%{transform:translate(5%,-2%) scale(1.06);}}
.phone-status{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:13px 24px 0;font-family:var(--f-mono);font-size:11px;color:#fff;font-weight:600;}
.phone-status .sig{display:inline-flex;gap:3px;align-items:flex-end;}
.phone-status .sig i{width:3px;background:#fff;border-radius:1px;display:block;}
.phone-status .sig i:nth-child(1){height:5px;}.phone-status .sig i:nth-child(2){height:7px;}.phone-status .sig i:nth-child(3){height:9px;opacity:.45;}
.ticket{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;}
.tk-top{padding:20px 22px 16px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px dashed rgba(0,167,232,.3);}
.tk-top .e{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:rgba(151,226,255,.7);}
.tk-top h3{margin-top:7px;font-weight:800;font-size:21px;letter-spacing:-.02em;line-height:1.05;}
.tk-stat{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--cyan-light);border:1px solid rgba(0,167,232,.4);border-radius:999px;padding:5px 9px;white-space:nowrap;}
.tk-live{width:6px;height:6px;border-radius:50%;background:var(--cyan);animation:lp 2.4s var(--e) infinite;}
@keyframes lp{0%{box-shadow:0 0 0 0 rgba(0,167,232,.6);}70%{box-shadow:0 0 0 8px rgba(0,167,232,0);}100%{box-shadow:0 0 0 0 rgba(0,167,232,0);}}
.tk-mid{padding:22px;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;}
.qr{position:relative;width:67%;aspect-ratio:1;border-radius:14px;padding:10px;overflow:hidden;background:#0a1018;border:1px solid rgba(0,167,232,.3);box-shadow:0 0 30px rgba(0,167,232,.28);}
.qr svg{width:100%;height:100%;}.qr rect.m{fill:var(--cyan-light);}
.qr-scan{position:absolute;left:8px;right:8px;height:16px;top:2px;border-radius:4px;opacity:0;z-index:2;
  background:linear-gradient(180deg,transparent,rgba(127,224,255,.65),transparent);box-shadow:0 0 16px rgba(127,224,255,.8);}
.tk-ok{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;font-weight:700;font-size:12.5px;color:#eafdff;
  background:linear-gradient(180deg,rgba(0,167,232,.32),rgba(0,167,232,.14));border:1px solid rgba(0,167,232,.5);}
.tk-ok .ck{width:16px;height:16px;border-radius:50%;background:var(--cyan);display:grid;place-items:center;color:#04121c;}
.tk-ok .ck svg{width:10px;height:10px;}
.tk-bot{padding:14px 22px;border-top:1px dashed rgba(0,167,232,.3);display:flex;justify-content:space-between;
  font-family:var(--f-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(224,244,252,.55);}
.tk-bot b{display:block;color:#fff;font-family:var(--f-sans);font-weight:800;font-size:13px;letter-spacing:-.01em;margin-top:3px;text-transform:none;}
.scrollhint{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-family:var(--f-mono);font-size:10px;
  letter-spacing:.4em;color:rgba(151,226,255,.6);animation:bob 1.9s ease-in-out infinite;}
@keyframes bob{0%,100%{transform:translateX(-50%) translateY(0);}50%{transform:translateX(-50%) translateY(6px);}}

.hero h1 .c{background:linear-gradient(100deg,#00A7E8,#7FE0FF 42%,#00A7E8 72%);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:220% 100%;animation:cshimmer 5s linear infinite;}
@keyframes cshimmer{to{background-position:-220% 0;}}
/* hero ambient particles */
.hero .wrap{position:relative;z-index:1;}
/* faint full-bleed Higgsfield ambient loop behind the hero */
.hero-video{position:absolute;inset:-6%;z-index:0;width:112%;height:112%;object-fit:cover;
  opacity:.32;filter:saturate(.9) contrast(1.02);mix-blend-mode:screen;pointer-events:none;
  -webkit-mask-image:radial-gradient(130% 100% at 50% 38%,#000 0,#000 42%,transparent 80%);
  mask-image:radial-gradient(130% 100% at 50% 38%,#000 0,#000 42%,transparent 80%);}
/* glowing orbit ring behind the phone */
.phone-orbit{position:absolute;left:50%;top:50%;width:132%;height:132%;transform:translate(-50%,-50%);z-index:0;pointer-events:none;border-radius:50%;border:1px dashed rgba(0,167,232,.22);animation:orbit 28s linear infinite;}
.phone-orbit::after{content:'';position:absolute;top:-5px;left:50%;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px rgba(0,167,232,.95);transform:translateX(-50%);}
@keyframes orbit{to{transform:translate(-50%,-50%) rotate(360deg);}}
/* glass shine sweep across the phone */
.phone-shine{position:absolute;inset:0;z-index:7;pointer-events:none;border-radius:inherit;overflow:hidden;}
.phone-shine::before{content:'';position:absolute;top:-60%;left:-46%;width:26%;height:220%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);animation:shine 7s linear infinite;}
@keyframes shine{0%{left:-46%;}16%{left:140%;}100%{left:140%;}}

/* ════════ STEPS ════════ */
.light{background:linear-gradient(180deg,var(--paper),var(--paper-2));color:var(--ink);}
.sec{padding:clamp(80px,12vw,150px) 0;}
.sec-head{max-width:760px;margin-bottom:clamp(40px,6vw,70px);}
.sec-head .h2{margin-top:16px;color:var(--ink);}
.sec-head .h2 em{color:var(--cyan);}
.sec-head .lede{margin-top:18px;color:var(--mut-l);max-width:56ch;}
#steps{background:radial-gradient(120% 80% at 82% -10%,rgba(0,167,232,.12),transparent 55%),linear-gradient(180deg,#070b14,#0b1320);color:#fff;overflow:hidden;}
#steps .eyebrow{color:var(--cyan);}
#steps .sec-head .h2{color:#fff;}
#steps .sec-head .h2 em{color:var(--cyan);}
#steps .sec-head .lede{color:rgba(224,244,252,.72);}
.steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.8vw,26px);perspective:1600px;}
/* glowing current bus + traveling pulse above the cards */
.steps::before{content:'';position:absolute;left:6%;right:6%;top:-30px;height:1px;z-index:0;background:linear-gradient(90deg,transparent,rgba(0,167,232,.45),transparent);}
.steps::after{content:'';position:absolute;top:-31px;left:0;width:90px;height:3px;border-radius:3px;z-index:0;background:linear-gradient(90deg,transparent,#7FE0FF,transparent);box-shadow:0 0 14px #7FE0FF;animation:flow 4.2s linear infinite;}
@keyframes flow{from{left:-90px;}to{left:100%;}}
/* native card — translucent so the section background shows through (connected, no photo) */
.step{position:relative;display:flex;flex-direction:column;min-height:clamp(430px,38vw,510px);
  border-radius:24px;overflow:hidden;padding:clamp(20px,1.7vw,26px);border:1px solid rgba(0,167,232,.16);
  background:radial-gradient(130% 80% at 50% -10%,rgba(0,167,232,.16),transparent 58%),linear-gradient(180deg,rgba(20,32,56,.5),rgba(9,15,27,.32));
  box-shadow:0 30px 70px -40px rgba(0,0,0,.82),inset 0 1px 0 rgba(255,255,255,.05);
  transform-style:preserve-3d;will-change:transform;transition:transform .5s var(--e),box-shadow .5s var(--e),border-color .4s;}
.step:hover{transform:translateY(-8px);border-color:rgba(0,167,232,.5);box-shadow:0 52px 100px -44px rgba(0,167,232,.5),inset 0 1px 0 rgba(255,255,255,.07);}
.step-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;}
.step .ic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(180deg,rgba(0,167,232,.18),rgba(0,167,232,.04));border:1px solid rgba(0,167,232,.4);
  box-shadow:0 0 24px rgba(0,167,232,.26);transition:transform .5s var(--e);}
.step:hover .ic{transform:translateY(-3px) rotate(-5deg) scale(1.06);}
.step .ic svg{width:24px;height:24px;stroke:var(--cyan);}
.step-no{font-family:var(--f-mono);font-size:12px;letter-spacing:.22em;color:rgba(151,226,255,.55);border:1px solid rgba(0,167,232,.22);border-radius:999px;padding:6px 12px;}
.step-stage{position:relative;z-index:2;flex:1;display:grid;place-items:center;padding:clamp(16px,2vw,28px) 0;}
.step .layer{position:relative;z-index:2;}
.step h3{font-size:clamp(20px,1.6vw,24px);font-weight:800;letter-spacing:-.02em;color:#fff;}
.step p{margin-top:8px;font-size:14px;line-height:1.55;color:rgba(224,244,252,.74);}
.step::after{content:'';position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s;
  background:linear-gradient(120deg,transparent 42%,rgba(127,224,255,.16) 50%,transparent 58%);background-size:250% 100%;}
.step:hover::after{opacity:1;animation:edge 1.1s var(--e);}
@keyframes edge{from{background-position:160% 0;}to{background-position:-70% 0;}}

/* ── shared mini-UI mockup chrome ── */
.ui-card{width:100%;max-width:300px;border-radius:16px;padding:14px;
  background:linear-gradient(180deg,rgba(9,15,26,.94),rgba(7,11,20,.94));border:1px solid rgba(0,167,232,.2);
  box-shadow:0 22px 46px -22px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.04);}
.ui-eb{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:rgba(151,226,255,.6);}
/* STAGE 1 · event picker */
.ui-events{display:flex;flex-direction:column;gap:9px;}
.ui-events .ui-eb{margin:2px 2px 4px;}
.ui-row{display:flex;align-items:center;gap:11px;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);transition:border-color .4s,background .4s;}
.ui-row.sel{border-color:rgba(0,167,232,.55);background:rgba(0,167,232,.08);animation:selpulse 2.8s ease-in-out infinite;}
@keyframes selpulse{0%,100%{box-shadow:0 0 0 1px rgba(0,167,232,.22),0 0 16px rgba(0,167,232,.1);}50%{box-shadow:0 0 0 1px rgba(0,167,232,.5),0 0 30px rgba(0,167,232,.3);}}
.ui-thumb{width:38px;height:38px;flex:none;border-radius:9px;display:grid;place-items:center;font-family:var(--f-mono);font-weight:600;font-size:12px;color:#04121c;background:var(--grad);}
.ui-thumb.alt{background:linear-gradient(180deg,#334155,#1e293b);color:#8aa0bb;}
.ui-meta{flex:1;min-width:0;}
.ui-meta b{display:block;font-size:13px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ui-meta span{font-size:11px;color:rgba(224,244,252,.55);}
.ui-pill{flex:none;font-family:var(--f-mono);font-size:9px;letter-spacing:.04em;color:var(--cyan-light);border:1px solid rgba(0,167,232,.4);border-radius:999px;padding:5px 8px;white-space:nowrap;}
.ui-pill.done{color:#64748b;border-color:rgba(100,116,139,.36);}
/* STAGE 2 · checkout */
.ui-pay{display:flex;flex-direction:column;gap:10px;}
.ui-pay-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:rgba(224,244,252,.72);}
.ui-pay-head .ui-lock svg{width:15px;height:15px;stroke:var(--cyan);}
.ui-field{display:flex;align-items:center;gap:9px;height:42px;padding:0 12px;border-radius:11px;border:1px solid rgba(0,167,232,.26);background:rgba(0,167,232,.04);overflow:hidden;}
.ui-field.focus{border-color:rgba(0,167,232,.6);box-shadow:0 0 0 3px rgba(0,167,232,.14);}
.ui-cardmark{width:26px;height:17px;flex:none;border-radius:3px;background:linear-gradient(135deg,#00B8F0,#2563EB);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);}
.ui-cardno{display:flex;align-items:center;min-width:0;}
.ui-typed{display:inline-block;white-space:nowrap;overflow:hidden;max-width:19ch;font-size:13px;letter-spacing:.06em;color:#eaf6ff;animation:type 3.4s steps(19) infinite;}
@keyframes type{0%{max-width:0;}42%{max-width:19ch;}92%{max-width:19ch;}100%{max-width:0;}}
.ui-caret{flex:none;width:1.5px;height:15px;background:var(--cyan);margin-left:2px;animation:caret 1s steps(1) infinite;}
@keyframes caret{50%{opacity:0;}}
.ui-row2{display:flex;gap:9px;}
.ui-field.sm{flex:1;justify-content:center;font-size:12px;letter-spacing:.1em;color:rgba(224,244,252,.66);}
.ui-pay-btn{margin-top:2px;height:42px;border:none;border-radius:11px;font-family:var(--f-sans);font-weight:800;font-size:13px;letter-spacing:.04em;color:#fff;background:var(--grad);box-shadow:0 12px 26px -10px rgba(0,167,232,.6);cursor:default;position:relative;overflow:hidden;animation:paypress 3.4s var(--e) infinite;}
@keyframes paypress{0%,80%,100%{transform:none;}86%{transform:scale(.955);}93%{transform:scale(1);}}
.ui-pay-btn::after{content:'';position:absolute;top:0;left:-130%;width:55%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-18deg);animation:paysheen 3.4s var(--e) infinite;}
@keyframes paysheen{0%,60%{left:-130%;}78%,100%{left:170%;}}
.ui-stripe{text-align:center;font-family:var(--f-mono);font-size:9px;letter-spacing:.12em;color:rgba(151,226,255,.42);}
/* STAGE 3 · QR pass */
.ui-pass{display:flex;flex-direction:column;align-items:center;gap:13px;}
.ui-pass-head{width:100%;display:flex;align-items:center;justify-content:space-between;}
.ui-valid{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan-light);border:1px solid rgba(0,167,232,.4);border-radius:999px;padding:5px 9px;}
.ui-valid i{width:6px;height:6px;border-radius:50%;background:var(--cyan);animation:lp 2.4s var(--e) infinite;}
.s-qr{position:relative;width:132px;height:132px;border-radius:14px;padding:10px;overflow:hidden;background:#0a1018;border:1px solid rgba(0,167,232,.34);box-shadow:0 0 30px rgba(0,167,232,.26);}
.s-qr svg{width:100%;height:100%;display:block;}.s-qr rect.m{fill:#7FE0FF;}
.s-scan{position:absolute;left:8px;right:8px;top:6px;height:14px;border-radius:4px;z-index:2;opacity:.9;background:linear-gradient(180deg,transparent,rgba(127,224,255,.7),transparent);box-shadow:0 0 14px #7FE0FF;animation:sqr 2.6s ease-in-out infinite;}
@keyframes sqr{0%,100%{top:6px;}50%{top:108px;}}
.ui-pass-ok{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(151,226,255,.66);}
@media(max-width:900px){.steps{grid-template-columns:1fr;}.steps::before,.steps::after{display:none;}.step{min-height:0;}}

/* ════════ FEATURE + MAP ════════ */
.feat{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(20px,3vw,48px);align-items:stretch;}
.feat-media{position:relative;border-radius:22px;overflow:hidden;min-height:clamp(360px,42vw,520px);background:var(--ink);
  border:1px solid var(--line-d);box-shadow:0 40px 90px -36px rgba(7,10,18,.5);}
.feat-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--e);}
.feat-media:hover img{transform:scale(1.05);}
.feat-media .grad{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,10,18,.1) 0 40%,rgba(7,10,18,.9) 100%);}
.feat-media .badge{position:absolute;top:18px;left:18px;display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono);
  font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#eafdff;background:rgba(7,10,18,.5);
  border:1px solid rgba(0,167,232,.42);backdrop-filter:blur(8px);padding:8px 13px;border-radius:999px;}
.feat-media .ov{position:absolute;left:24px;right:24px;bottom:24px;}
.feat-media .ov .ti{font-weight:800;font-size:clamp(1.8rem,3.6vw,2.8rem);letter-spacing:-.03em;line-height:.98;color:#fff;}
.feat-media .ov .ti em{font-family:var(--f-disp);font-style:italic;font-weight:400;color:var(--cyan-light);}
.feat-media .ov .de{margin-top:8px;font-size:14px;color:var(--mut-d);max-width:42ch;line-height:1.5;}
/* right column: map + details */
.feat-side{display:flex;flex-direction:column;gap:14px;}
.map{position:relative;flex:1;min-height:200px;border-radius:18px;overflow:hidden;border:1px solid var(--line-d);
  background:linear-gradient(135deg,#0c1830,#102a4d);}
.map::after{content:'';position:absolute;inset:0;opacity:.5;
  background:repeating-linear-gradient(0deg,transparent 0 21px,rgba(0,167,232,.13) 22px 23px),
            repeating-linear-gradient(90deg,transparent 0 21px,rgba(0,167,232,.13) 22px 23px);}
.map .route{position:absolute;left:14%;top:64%;width:62%;height:30%;border-left:2px dashed rgba(0,167,232,.5);border-top:2px dashed rgba(0,167,232,.5);border-top-left-radius:18px;opacity:.7;}
.map .pin{position:absolute;left:46%;top:42%;width:34px;height:34px;border-radius:50% 50% 50% 0;transform:translate(-50%,-50%) rotate(-45deg);
  background:var(--cyan);box-shadow:0 0 0 8px rgba(0,167,232,.22),0 10px 24px rgba(0,0,0,.4);z-index:2;animation:pinb 3s ease-in-out infinite;}
.map .pin::after{content:'';position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:#04121c;}
@keyframes pinb{0%,100%{transform:translate(-50%,-50%) rotate(-45deg);}50%{transform:translate(-50%,-62%) rotate(-45deg);}}
.map .lbl{position:absolute;left:16px;bottom:14px;z-index:2;}
.map .lbl .p{font-weight:800;font-size:17px;letter-spacing:-.01em;color:#fff;}
.map .lbl .c{font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;color:rgba(151,226,255,.78);margin-top:3px;}
.feat-card{background:var(--ink);border:1px solid var(--line-d);border-radius:18px;padding:22px 24px;color:#fff;}
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 14px;}
.feat-grid .k{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:rgba(151,226,255,.7);}
.feat-grid .v{font-weight:800;font-size:16px;letter-spacing:-.01em;margin-top:6px;}
.feat-buy{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding-top:18px;border-top:1px solid var(--line-d);}
.feat-price{display:flex;flex-direction:column;gap:3px;}
.feat-price .k{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:rgba(151,226,255,.7);}
.feat-price .am{font-weight:800;font-size:30px;letter-spacing:-.03em;line-height:1;}
.feat-price .am small{font-size:.4em;font-weight:700;color:var(--cyan);margin-left:5px;letter-spacing:.04em;}

/* ════════ STATS ════════ */
.stats{background:var(--ink);position:relative;overflow:hidden;
  padding:clamp(72px,12vh,150px) 0 clamp(80px,13vh,160px);min-height:100dvh;}
.stats .wrap{position:relative;z-index:1;width:100%;max-width:1080px;}
/* concert atmosphere: floating festival bokeh + a live equalizer (light + sound) */
.stats-fx{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;}
.bokeh{position:absolute;border-radius:50%;opacity:0;will-change:transform,opacity;
  animation:bokeh var(--d,14s) ease-in-out var(--dl,0s) infinite;}
@keyframes bokeh{
  0%{opacity:0;transform:translate3d(0,26px,0) scale(.6);}
  18%{opacity:var(--o,.4);}
  50%{transform:translate3d(var(--dx,8px),-36px,0) scale(1.1);}
  82%{opacity:var(--o,.4);}
  100%{opacity:0;transform:translate3d(0,-82px,0) scale(.7);}
}
.eq{position:absolute;left:0;right:0;bottom:0;height:clamp(56px,10vh,104px);z-index:0;pointer-events:none;
  display:flex;align-items:flex-end;justify-content:center;gap:5px;opacity:.5;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent);}
.eq span{width:5px;height:var(--h,46px);border-radius:3px 3px 0 0;flex:none;transform-origin:bottom;will-change:transform;
  background:linear-gradient(180deg,var(--cyan-light),var(--cyan) 70%,var(--cyan-2));box-shadow:0 0 9px rgba(0,167,232,.45);
  animation:eqbar var(--d,1.1s) var(--e) var(--dl,0s) infinite alternate;}
@keyframes eqbar{from{transform:scaleY(.16);opacity:.4;}to{transform:scaleY(1);opacity:1;}}
/* section header */
.st-head{max-width:640px;margin:0 auto clamp(24px,3.2vh,40px);text-align:center;}
.st-head .eyebrow{color:var(--cyan);}
.st-head .h2{color:#fff;margin-top:14px;}
.st-head .h2 em{font-family:var(--f-disp);font-style:italic;font-weight:400;color:var(--cyan-light);}
.st-lede{margin-top:16px;color:rgba(224,244,252,.66);font-size:clamp(14px,1.4vw,15.5px);line-height:1.6;}
/* ── trei generații: full-width alternating photo / story chapters ── */
.st-lede{max-width:54ch;margin:18px auto 0;text-align:center;color:rgba(224,244,252,.66);
  font-size:clamp(14px,1.4vw,15.5px);line-height:1.6;text-wrap:pretty;}
.gen{display:flex;flex-direction:column;gap:clamp(56px,10vh,120px);position:relative;}
.gen-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);
  gap:clamp(26px,4.5vw,76px);align-items:center;position:relative;}
.gen-row:nth-child(even){grid-template-columns:minmax(0,6fr) minmax(0,5fr);}
.gen-row:nth-child(even) .gen-media{order:2;}

/* photo (keeps class="stat" for the lightbox + count-up JS contract) */
.stat{position:relative;cursor:pointer;}
.gen-media{margin:0;aspect-ratio:4/5;max-height:600px;border-radius:22px;overflow:hidden;
  border:1px solid rgba(0,167,232,.18);box-shadow:0 40px 90px -54px rgba(0,0,0,.92);
  transition:transform .5s var(--e),border-color .5s,box-shadow .5s;}
.stat-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02);
  transition:transform .8s var(--e),filter .5s;filter:saturate(1.03) contrast(1.02);}
.stat:hover{transform:translateY(-8px);border-color:rgba(0,167,232,.5);box-shadow:0 52px 100px -46px rgba(0,167,232,.4);}
.stat:hover .stat-img{transform:scale(1.08);}
.gen-media::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(7,11,20,0) 54%,rgba(7,11,20,.4) 100%);}
.gen-now .gen-media{border-color:rgba(0,167,232,.5);
  box-shadow:0 40px 90px -54px rgba(0,0,0,.92),0 0 0 1px rgba(0,167,232,.3),0 26px 70px -44px rgba(0,167,232,.5);}
.gen-tag{position:absolute;top:14px;left:14px;z-index:3;display:inline-flex;align-items:center;gap:7px;
  font-family:var(--f-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#eafdff;
  background:rgba(7,11,20,.5);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 12px;
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}
.gen-now .gen-tag{color:var(--ink);background:var(--cyan);border-color:transparent;box-shadow:0 0 20px rgba(0,167,232,.55);}

/* story side */
.gen-body{position:relative;min-width:0;padding-left:clamp(26px,2.8vw,48px);}
.gen-ghost{position:absolute;top:-.42em;left:-.04em;z-index:0;pointer-events:none;user-select:none;
  font-weight:800;font-size:clamp(118px,15vw,228px);line-height:.8;letter-spacing:-.05em;color:rgba(127,224,255,.045);}
.gen-body>*{position:relative;z-index:1;}
/* time thread: a vertical cyan marker-line in the body's left gutter, a node per generation */
.gen-thread{position:absolute;left:7px;top:6px;bottom:6px;width:12px;z-index:1;pointer-events:none;}
.gen-thread i{position:absolute;left:6px;top:0;bottom:0;width:1px;transform-origin:top;
  background:linear-gradient(180deg,transparent,rgba(0,167,232,.45) 12%,rgba(0,167,232,.45) 88%,transparent);}
.gen-thread b{position:absolute;left:6px;top:16px;width:11px;height:11px;border-radius:50%;transform:translate(-50%,-50%);
  background:var(--cyan);box-shadow:0 0 0 5px rgba(0,167,232,.12),0 0 14px rgba(0,167,232,.85);}
.gen-now .gen-thread i{background:linear-gradient(180deg,transparent,rgba(0,167,232,.7) 12%,rgba(0,167,232,.7) 88%,transparent);}
.gen-now .gen-thread b{animation:genpulse 2.6s var(--e) infinite;}
@keyframes genpulse{0%,100%{box-shadow:0 0 0 5px rgba(0,167,232,.12),0 0 14px rgba(0,167,232,.6);}50%{box-shadow:0 0 0 8px rgba(0,167,232,.06),0 0 24px rgba(0,167,232,1);}}
.gen-kicker{display:inline-flex;align-items:center;gap:11px;font-family:var(--f-mono);font-size:11px;
  letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);}
.gen-kicker .gen-idx{color:rgba(151,226,255,.55);}
.gen-kicker::after{content:'';width:38px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent);}
.gen-figure{display:flex;align-items:flex-end;gap:16px;margin-top:18px;}
.gen-num{font-weight:800;font-size:clamp(3.4rem,8vw,6rem);letter-spacing:-.035em;line-height:.84;color:#fff;}
.gen-now .gen-num{color:var(--cyan-light);}
.gen-unit{padding-bottom:.55em;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(224,244,252,.66);line-height:1.5;}
.gen-unit b{display:block;color:var(--cyan-light);font-weight:500;}
/* growth bar — width encodes the value, so it climbs 30 → 68 → 100% across the years */
.gen-bar{margin-top:22px;height:5px;max-width:340px;border-radius:5px;background:rgba(0,167,232,.12);overflow:hidden;}
.gen-bar i{display:block;height:100%;width:var(--w,100%);transform-origin:left;border-radius:5px;
  background:linear-gradient(90deg,var(--cyan-light),var(--cyan) 55%,var(--cyan-2));box-shadow:0 0 14px rgba(0,167,232,.55);}
.gen-story{margin-top:22px;max-width:46ch;color:rgba(224,244,252,.78);font-size:clamp(14.5px,1.4vw,16px);line-height:1.62;text-wrap:pretty;}
.gen-meta{display:inline-flex;align-items:center;gap:9px;margin-top:20px;
  font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;color:var(--cyan-light);
  background:rgba(0,167,232,.09);border:1px solid rgba(0,167,232,.24);border-radius:999px;padding:7px 13px;}
.gen-meta .mk{display:inline-grid;place-items:center;width:14px;color:var(--cyan);}
.gen-meta .mk svg{width:14px;height:14px;}
/* closing summary */
.gen-foot{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;text-align:center;
  margin-top:clamp(48px,8vh,96px);font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:rgba(151,226,255,.55);}
.gen-foot b{color:#fff;font-weight:700;}
.gen-foot .dot{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);flex:none;}
@media(max-width:820px){
  .gen{gap:62px;}
  .gen-row,.gen-row:nth-child(even){grid-template-columns:1fr;gap:24px;}
  .gen-row:nth-child(even) .gen-media{order:0;}
  .gen-media{max-height:none;max-width:460px;width:100%;}
  .gen-ghost{font-size:118px;top:-.32em;}
  .gen-figure{margin-top:14px;}
}

/* clickable cards */
.stat{cursor:pointer;}
.stat:active{transform:scale(.985);}
.stat:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;}
.stat-zoom{position:absolute;top:12px;right:12px;z-index:3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  color:#fff;background:rgba(7,11,20,.5);border:1px solid rgba(255,255,255,.22);opacity:0;transform:scale(.78);
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .4s var(--e),transform .4s var(--e),background .3s;}
.stat-zoom svg{width:16px;height:16px;}
.stat:hover .stat-zoom,.stat:focus-visible .stat-zoom,.jt:hover .stat-zoom,.jt:focus-visible .stat-zoom{opacity:1;transform:scale(1);}
/* lightbox */
.lbx{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:6vh 5vw;
  background:rgba(5,8,14,.86);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  opacity:0;visibility:hidden;transition:opacity .4s var(--e),visibility .4s;}
.lbx.open{opacity:1;visibility:visible;}
.lbx-fig{margin:0;position:relative;max-width:min(540px,92vw);transform:scale(.9) translateY(10px);opacity:0;
  transition:transform .5s var(--e),opacity .5s var(--e);}
.lbx.open .lbx-fig{transform:scale(1) translateY(0);opacity:1;}
.lbx-img{display:block;width:100%;height:auto;max-height:84vh;object-fit:contain;border-radius:18px;
  border:1px solid rgba(0,167,232,.32);box-shadow:0 50px 130px -40px rgba(0,0,0,.92);}
.lbx-cap{margin-top:15px;text-align:center;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan-light);}
.lbx-x{position:fixed;top:clamp(16px,3vw,30px);right:clamp(16px,3vw,30px);width:46px;height:46px;border-radius:50%;
  display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.22);
  cursor:pointer;transition:background .3s,transform .3s;}
.lbx-x svg{width:20px;height:20px;}
.lbx-x:hover{background:rgba(0,167,232,.24);}
.lbx-x:active{transform:scale(.92);}

/* ════════ JOIN / TEAM ════════ */
.join{color:var(--ink);padding-top:clamp(80px,12vw,150px);
  background:linear-gradient(180deg,var(--paper-2),var(--paper));}
.join .grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(32px,5vw,70px);align-items:center;}
.join .h2{color:var(--ink);}.join .h2 em{color:var(--cyan);}
.join .lede{margin-top:20px;color:var(--mut-l);max-width:46ch;}
.join .cta{margin-top:30px;display:flex;gap:13px;flex-wrap:wrap;}
.join .btn-g{color:var(--ink);border-color:rgba(15,23,42,.2);}
.join .btn-g:hover{border-color:var(--cyan);color:var(--cyan);}
.pipe{display:flex;flex-direction:column;gap:11px;}
.prow{position:relative;display:flex;align-items:center;gap:16px;background:#fff;border:1px solid rgba(15,23,42,.1);border-radius:15px;
  padding:17px 20px;overflow:hidden;transition:transform .42s var(--e),box-shadow .42s var(--e),border-color .35s;}
.prow::before{content:'';position:absolute;left:0;top:0;height:100%;width:3px;background:var(--cyan);transform:scaleY(0);transition:transform .45s var(--e);}
.prow:hover{transform:translateX(7px);border-color:rgba(0,167,232,.45);box-shadow:0 18px 38px -22px rgba(0,167,232,.5);}
.prow:hover::before{transform:scaleY(1);}
.prow .pn{font-family:var(--f-mono);font-size:12px;font-weight:600;color:var(--cyan);width:24px;flex:none;}
.prow .pic{width:40px;height:40px;border-radius:11px;background:rgba(0,167,232,.1);display:grid;place-items:center;flex:none;transition:transform .45s var(--e),background .4s;}
.prow:hover .pic{transform:scale(1.1) rotate(-7deg);background:rgba(0,167,232,.18);}
.prow .pic svg{width:19px;height:19px;stroke:var(--cyan);}
.prow .pt{flex:1;min-width:0;}
.prow .pt b{display:block;font-size:15px;font-weight:800;letter-spacing:-.01em;color:var(--ink);}
.prow .pt span{font-size:13px;color:var(--mut-l);}
.prow .when{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(15,23,42,.45);white-space:nowrap;}
/* team photo band — the people you'd be joining (clickable → lightbox) */
.jt{position:relative;margin:clamp(40px,6vw,72px) 0 0;border-radius:22px;overflow:hidden;cursor:pointer;
  aspect-ratio:16/7;border:1px solid rgba(15,23,42,.1);box-shadow:0 40px 90px -55px rgba(15,23,42,.5);
  transition:transform .5s var(--e),box-shadow .5s var(--e),border-color .4s;}
.jt:active{transform:scale(.99);}
.jt:hover{box-shadow:0 56px 110px -50px rgba(0,167,232,.42);border-color:rgba(0,167,232,.4);}
.jt:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;}
.jt-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 36%;transform:scale(1.02);transition:transform .9s var(--e);}
.jt:hover .jt-img{transform:scale(1.07);}
.jt::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(6,10,18,.85) 0%,rgba(6,10,18,.52) 38%,rgba(6,10,18,.04) 72%);}
.jt-cap{position:absolute;left:0;bottom:0;z-index:2;max-width:min(560px,82%);margin:0;padding:clamp(22px,3.4vw,46px);}
.jt-line{font-weight:800;letter-spacing:-.02em;line-height:1.14;color:#fff;font-size:clamp(1.5rem,3vw,2.4rem);}
.jt-line em{font-family:var(--f-disp);font-style:italic;font-weight:400;color:var(--cyan-light);}
.jt-sub{margin-top:13px;font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(224,244,252,.72);}
@media(max-width:760px){.jt{aspect-ratio:4/5;}.jt-cap{max-width:100%;}
  .jt::after{background:linear-gradient(0deg,rgba(6,10,18,.92) 0%,rgba(6,10,18,.34) 52%,rgba(6,10,18,.08) 100%);}}

/* ════════ FOOTER ════════ */
.foot{background:linear-gradient(90deg,rgba(0,167,232,.1),transparent 30%,transparent 70%,rgba(37,99,235,.12)),var(--ink);
  border-top:1px solid var(--line-d);padding:clamp(72px,11vw,140px) 0 48px;overflow:hidden;position:relative;
  min-height:100dvh;display:flex;flex-direction:column;justify-content:center;}
.foot .big{font-weight:800;letter-spacing:-.04em;line-height:.96;font-size:clamp(2.6rem,8vw,6rem);}
.foot .big em{font-family:var(--f-disp);font-style:italic;font-weight:400;color:var(--cyan);}
.foot .row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:28px;margin-top:38px;}
.foot .nx{max-width:440px;font-size:15px;line-height:1.6;color:var(--mut-d);}
.foot .nx b{color:#fff;}
.foot .legal{margin-top:50px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-family:var(--f-mono);
  font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(224,244,252,.4);border-top:1px solid var(--line-d);padding-top:24px;}
.foot .wrap{position:relative;z-index:1;}
/* social — Instagram focus (keeps Instagram's real brand gradient on the IG bits only) */
.social{--ig:linear-gradient(45deg,#f9ce34 0%,#ee2a7b 50%,#6228d7 100%);
  --ig-soft:linear-gradient(135deg,rgba(249,206,52,.18),rgba(238,42,123,.15) 52%,rgba(98,40,215,.15));
  margin-top:clamp(44px,6vw,72px);display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(26px,4vw,56px);align-items:center;}
.soc-l{min-width:0;}
.ig-cta{position:relative;display:flex;align-items:center;gap:17px;padding:17px 20px;border-radius:18px;text-decoration:none;overflow:hidden;
  border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);
  transition:border-color .4s,box-shadow .4s,transform .4s var(--e);will-change:transform;}
.ig-cta::before{content:'';position:absolute;inset:0;background:var(--ig-soft);opacity:0;transition:opacity .45s;pointer-events:none;}
.ig-cta:hover{border-color:rgba(238,42,123,.5);box-shadow:0 26px 64px -30px rgba(238,42,123,.6);}
.ig-cta:hover::before{opacity:1;}
.ig-mark{position:relative;z-index:1;flex:none;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff;
  background:var(--ig);box-shadow:0 0 26px rgba(238,42,123,.5);}
.ig-mark svg{width:27px;height:27px;}
.ig-txt{position:relative;z-index:1;display:flex;flex-direction:column;gap:3px;min-width:0;}
.ig-txt b{font-size:clamp(1.15rem,2vw,1.5rem);font-weight:800;letter-spacing:-.02em;color:#fff;}
.ig-meta{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--mut-d);}
.ig-meta i{font-style:normal;display:inline-flex;align-items:center;gap:5px;}
.ig-dot{width:4px;height:4px;border-radius:50%;background:rgba(151,226,255,.4);}
.ig-go{position:relative;z-index:1;margin-left:auto;color:#fff;flex:none;display:grid;place-items:center;transition:transform .4s var(--e);}
.ig-go svg{width:22px;height:22px;}
.ig-cta:hover .ig-go{transform:translateX(5px);}
.soc-more{margin-top:16px;display:flex;align-items:center;gap:12px;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(151,226,255,.5);}
.soc-more a{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#fff;border:1px solid rgba(255,255,255,.16);transition:color .3s,border-color .3s,transform .3s,background .3s;}
.soc-more a svg{width:17px;height:17px;}
.soc-more a:hover{color:var(--cyan);border-color:rgba(0,167,232,.6);background:rgba(0,167,232,.08);transform:translateY(-2px);}
/* feed */
.soc-r{min-width:0;}
.ig-feed-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
.ig-feed-lab{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(151,226,255,.55);}
.ig-feed-all{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;
  text-decoration:none;color:#fff;transition:color .3s,gap .3s;}
.ig-feed-all svg{width:13px;height:13px;}
.ig-feed-all:hover{color:var(--cyan);gap:9px;}
.ig-feed{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.ig-ph{position:relative;aspect-ratio:1;border-radius:13px;overflow:hidden;border:1px solid rgba(255,255,255,.08);display:block;}
.ig-ph img{width:100%;height:100%;object-fit:cover;filter:saturate(.95);transition:transform .55s var(--e),filter .4s;}
.ig-ph::after{content:'';position:absolute;inset:0;background:var(--ig);opacity:0;mix-blend-mode:soft-light;transition:opacity .35s;pointer-events:none;}
.ig-cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:16px 9px 7px;font-family:var(--f-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#fff;
  background:linear-gradient(0deg,rgba(6,10,18,.82),transparent);opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s var(--e);}
.ig-ph:hover img{transform:scale(1.1);filter:saturate(1.12);}
.ig-ph:hover::after{opacity:.55;}
.ig-ph:hover .ig-cap{opacity:1;transform:translateY(0);}
/* footer quick-nav */
.foot-nav{margin-top:clamp(40px,5vw,64px);display:flex;flex-wrap:wrap;gap:10px 30px;}
.foot-nav a{position:relative;font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(224,244,252,.55);text-decoration:none;transition:color .3s;}
.foot-nav a::after{content:'';position:absolute;left:0;bottom:-4px;width:0;height:1px;background:var(--cyan);transition:width .35s var(--e);}
.foot-nav a:hover{color:#fff;}
.foot-nav a:hover::after{width:100%;}
@media(max-width:760px){.social{grid-template-columns:1fr;gap:24px;}}

/* ════════ responsive ════════ */
@media(max-width:920px){
  .hero .grid{grid-template-columns:1fr;text-align:left;padding-top:48px;}
  .tk-wrap{margin-top:10px;justify-self:center;}
  .feat{grid-template-columns:1fr;}
  .join .grid{grid-template-columns:1fr;}
  .steps{grid-template-columns:1fr;}
}
@media(max-width:560px){
  .feat-buy{flex-direction:column;align-items:stretch;}
  .feat-grid{grid-template-columns:repeat(2,1fr);}
}
/* ══════════ EVENTS (light section, embedded in the dark page) ══════════ */
#event{color:var(--ink);overflow:hidden;
  background:linear-gradient(180deg,#ffffff,#EEF4F9);}
#event .eyebrow{color:var(--cyan);}
#event .sec-head{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:22px;flex-wrap:wrap;margin-bottom:clamp(28px,4vw,46px);}
.ev-sub{font-family:var(--f-mono);font-size:12px;letter-spacing:.03em;color:var(--mut-l);margin-top:14px;}
.ev-all{display:inline-flex;align-items:center;gap:9px;font-family:var(--f-sans);font-weight:700;font-size:13px;color:var(--ink);background:#fff;border:1px solid var(--line-l);border-radius:999px;padding:12px 18px;cursor:pointer;transition:border-color .3s,color .3s,transform .3s var(--e),box-shadow .3s;}
.ev-all:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-2px);box-shadow:0 14px 30px -16px rgba(0,167,232,.5);}
.ev-all .ar{display:grid;transition:transform .35s var(--e);}.ev-all .ar svg{width:16px;height:16px;}.ev-all:hover .ar{transform:translateX(4px);}
/* featured event */
.ev-feat{display:grid;grid-template-columns:1.02fr 1.12fr;border-radius:26px;overflow:hidden;background:#fff;border:1px solid var(--line-l);box-shadow:0 44px 100px -56px rgba(15,23,42,.5);}
.ev-poster{position:relative;min-height:clamp(300px,40vw,470px);overflow:hidden;background:#0b1320;}
.ev-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform;}
.ev-feat:hover .ev-poster img{transform:scale(1.04);transition:transform 1.1s var(--e);}
.ev-poster .pbadge{position:absolute;top:18px;left:18px;display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#04121c;background:rgba(255,255,255,.92);border-radius:999px;padding:8px 13px;backdrop-filter:blur(6px);box-shadow:0 8px 22px rgba(15,23,42,.22);}
.ev-poster .pbadge i{width:6px;height:6px;border-radius:50%;background:var(--cyan);animation:lp 2.4s var(--e) infinite;}
.ev-detail{padding:clamp(24px,2.6vw,42px);display:flex;flex-direction:column;}
.ev-when{font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);font-weight:500;}
.ev-title{font-weight:800;letter-spacing:-.03em;line-height:1;font-size:clamp(2rem,3.6vw,3rem);color:var(--ink);margin-top:12px;text-wrap:balance;}
.ev-tag{font-family:var(--f-disp);font-style:italic;font-size:clamp(1.05rem,1.7vw,1.4rem);color:#64748b;margin-top:8px;}
.ev-desc{margin-top:16px;font-size:14.5px;line-height:1.6;color:#475569;max-width:54ch;text-wrap:pretty;}
.ev-facts{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:22px;}
.ev-fact{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:var(--ink);}
.ev-fact .fi{display:inline-grid;place-items:center;}.ev-fact .fi svg{width:17px;height:17px;stroke:var(--cyan);}
.ev-fact small{font-weight:500;color:#64748b;}
.ev-prog{margin-top:22px;}
.ev-prog-bar{height:8px;border-radius:99px;background:#E2E8F0;overflow:hidden;}
.ev-prog-bar i{display:block;height:100%;width:70%;border-radius:99px;background:var(--grad);box-shadow:0 0 12px rgba(0,167,232,.45);transform-origin:left;}
.ev-prog-meta{display:flex;justify-content:space-between;margin-top:9px;font-size:12px;}
.ev-prog-meta .l{color:#64748b;font-family:var(--f-mono);}
.ev-prog-meta .r{color:var(--cyan);font-weight:700;}
.ev-cta{margin-top:auto;padding-top:24px;display:flex;gap:11px;flex-wrap:wrap;}
.ev-cta .btn{flex:1;min-width:210px;justify-content:center;text-transform:none;letter-spacing:.01em;font-size:14px;}
.ev-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--f-sans);font-weight:800;font-size:13px;letter-spacing:.02em;color:var(--ink);background:#fff;border:1px solid var(--line-l);border-radius:13px;padding:15px 22px;cursor:pointer;transition:border-color .3s,color .3s,transform .25s var(--e);}
.ev-ghost:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-2px);}
.ev-ghost .ar{display:grid;}.ev-ghost .ar svg{width:16px;height:16px;}
/* animated location map */
.ev-map{position:relative;margin-top:clamp(16px,2.2vw,24px);border-radius:24px;overflow:hidden;border:1px solid var(--line-l);box-shadow:0 40px 90px -58px rgba(15,23,42,.45);display:grid;grid-template-columns:1.5fr .85fr;min-height:clamp(230px,26vw,320px);background:#fff;}
.ev-map-canvas{position:relative;overflow:hidden;background:linear-gradient(135deg,#e8f2fb,#d8e7f3);}
.ev-map-canvas .grid{position:absolute;inset:0;opacity:.6;background:repeating-linear-gradient(0deg,transparent 0 26px,rgba(15,23,42,.05) 26px 27px),repeating-linear-gradient(90deg,transparent 0 26px,rgba(15,23,42,.05) 26px 27px);}
.ev-map-canvas .road{position:absolute;background:#fff;box-shadow:0 0 0 1px rgba(15,23,42,.04);}
.ev-map-canvas .road.r1{left:-12%;right:-12%;top:44%;height:18px;transform:rotate(-7deg);}
.ev-map-canvas .road.r2{top:-12%;bottom:-12%;left:60%;width:14px;transform:rotate(6deg);}
.ev-map-canvas .road.r3{left:-12%;right:34%;top:72%;height:11px;transform:rotate(4deg);}
.ev-route{position:absolute;left:17%;top:80%;width:46%;height:30%;border-left:2px dashed rgba(0,167,232,.6);border-top:2px dashed rgba(0,167,232,.6);border-top-left-radius:16px;opacity:.8;}
.ev-map-sweep{position:absolute;left:50%;top:46%;width:340px;height:340px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;background:conic-gradient(from 0deg,rgba(0,167,232,.2),transparent 32%);animation:sweep 5s linear infinite;mix-blend-mode:multiply;opacity:.55;}
@keyframes sweep{to{transform:translate(-50%,-50%) rotate(360deg);}}
.ev-map-pulse{position:absolute;left:50%;top:46%;width:30px;height:30px;border-radius:50%;transform:translate(-50%,-50%);z-index:1;border:2px solid var(--cyan);animation:mappulse 2.8s var(--e) infinite;}
@keyframes mappulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.7;}100%{transform:translate(-50%,-50%) scale(4.4);opacity:0;}}
.ev-map-pin{position:absolute;left:50%;top:46%;width:30px;height:30px;border-radius:50% 50% 50% 0;transform:translate(-50%,-100%) rotate(-45deg);background:var(--cyan);box-shadow:0 0 0 8px rgba(0,167,232,.16),0 14px 26px rgba(15,23,42,.3);z-index:2;}
.ev-map-pin::after{content:'';position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:11px;height:11px;border-radius:50%;background:#fff;}
.ev-map-info{padding:clamp(20px,2.1vw,30px);display:flex;flex-direction:column;justify-content:center;gap:5px;border-left:1px solid var(--line-l);background:#fff;}
.ev-map-info .eb{font-family:var(--f-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);}
.ev-map-info .place{font-weight:800;font-size:clamp(1.2rem,1.8vw,1.55rem);letter-spacing:-.02em;color:var(--ink);margin-top:4px;}
.ev-map-info .addr{font-size:13.5px;color:#475569;line-height:1.5;}
.ev-map-info .coords{font-family:var(--f-mono);font-size:11px;color:#64748b;margin-top:2px;}
.ev-map-info .transit{margin-top:9px;display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--ink);}
.ev-map-info .transit .fi{display:inline-grid;}.ev-map-info .transit svg{width:15px;height:15px;stroke:var(--cyan);}
.ev-map-info .maps{margin-top:15px;align-self:flex-start;}
/* archive */
.ev-arch-head{margin-top:clamp(40px,5vw,66px);display:flex;align-items:center;gap:16px;}
.ev-arch-head .t{font-family:var(--f-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#64748b;white-space:nowrap;}
.ev-arch-head .line{flex:1;height:1px;background:var(--line-l);}
.ev-arch{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,22px);}
.ev-past{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:16px;border-radius:20px;background:#fff;border:1px solid var(--line-l);transition:transform .42s var(--e),box-shadow .42s var(--e),border-color .35s;}
.ev-past:hover{transform:translateY(-5px);border-color:rgba(0,167,232,.4);box-shadow:0 34px 64px -44px rgba(15,23,42,.5);}
.ev-past-poster{width:clamp(118px,12vw,158px);aspect-ratio:4/5;border-radius:14px;overflow:hidden;position:relative;background:#0b1320;}
.ev-past-poster img{width:100%;height:100%;object-fit:cover;will-change:transform;}
.ev-past:hover .ev-past-poster img{transform:scale(1.06);transition:transform .8s var(--e);}
.ev-past-body{display:flex;flex-direction:column;min-width:0;}
.ev-past-tags{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.ev-cat{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);font-weight:500;}
.ev-cat.rose{color:var(--rose);}
.ev-sold{font-family:var(--f-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--used);border:1px solid var(--line-l);border-radius:999px;padding:4px 8px;}
.ev-past-title{font-weight:800;font-size:clamp(1.1rem,1.5vw,1.35rem);letter-spacing:-.02em;color:var(--ink);margin-top:9px;}
.ev-past-desc{font-size:13px;line-height:1.5;color:#64748b;margin-top:7px;text-wrap:pretty;}
.ev-past-stats{margin-top:auto;padding-top:14px;display:flex;gap:20px;}
.ev-past-stat{display:flex;flex-direction:column;gap:2px;}
.ev-past-stat b{font-weight:800;font-size:15px;letter-spacing:-.01em;color:var(--ink);}
.ev-past-stat span{font-family:var(--f-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#64748b;}
.ev-past-stat.ok b{color:var(--success);}
@media(max-width:900px){
  .ev-feat{grid-template-columns:1fr;}
  .ev-map{grid-template-columns:1fr;}.ev-map-info{border-left:none;border-top:1px solid var(--line-l);}
  .ev-arch{grid-template-columns:1fr;}
}
@media(max-width:520px){
  .ev-past{grid-template-columns:1fr;}.ev-past-poster{width:100%;aspect-ratio:16/9;}
  .ev-cta .btn,.ev-ghost{flex:1 1 100%;}.cta{flex-direction:column;}
}

/* ══════════ CONTINUITY · SIDE RAILS · SCROLL FX ══════════ */
/* left scroll-progress spine — fills the empty left margin + threads the whole page */
.lrail{position:fixed;top:0;bottom:0;left:clamp(13px,2.1vw,28px);width:2px;z-index:54;border-radius:2px;
  background:linear-gradient(180deg,rgba(0,167,232,.04),rgba(0,167,232,.16) 30%,rgba(0,167,232,.16) 70%,rgba(0,167,232,.04));
  opacity:0;transition:opacity .7s var(--e);pointer-events:none;}
body.scrolled .lrail{opacity:1;}
.lrail .fill{position:absolute;top:0;left:-1px;width:4px;border-radius:4px;height:0;
  background:linear-gradient(180deg,var(--cyan-light),var(--cyan) 42%,var(--cyan-2));box-shadow:0 0 14px rgba(0,167,232,.7);transition:height .1s linear;}
.lrail .fill::after{content:'';position:absolute;left:50%;bottom:-3px;transform:translateX(-50%);width:9px;height:9px;border-radius:50%;
  background:var(--cyan);box-shadow:0 0 0 4px rgba(0,167,232,.18),0 0 16px rgba(0,167,232,.95);}
.lrail .tag{position:absolute;left:9px;bottom:22px;writing-mode:vertical-rl;transform:rotate(180deg);
  font-family:var(--f-mono);font-size:9.5px;letter-spacing:.32em;text-transform:uppercase;color:rgba(151,226,255,.5);white-space:nowrap;}
@media(max-width:760px){.lrail{display:none;}.dots{display:none;}.strip{display:none;}.tele{display:none;}}
/* right dots → read as one measured axis, not floating numbers */
.dots::after{content:'';position:absolute;top:-2px;bottom:-2px;right:4px;width:1px;z-index:-1;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.16),transparent);}
/* section seam — draws a glowing thread from the previous section into this one */
.seam{position:absolute;top:0;left:50%;transform:translateX(-50%);width:10px;height:clamp(64px,9vw,128px);z-index:1;pointer-events:none;}
.seam i{position:absolute;top:0;left:50%;transform:translateX(-50%) scaleY(0);transform-origin:top;width:1px;height:100%;
  background:linear-gradient(180deg,transparent,rgba(0,167,232,.55));}
.seam b{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%) scale(0);width:9px;height:9px;border-radius:50%;
  background:var(--cyan);box-shadow:0 0 0 5px rgba(0,167,232,.12),0 0 18px rgba(0,167,232,.85);}
.seam b::before{content:'';position:absolute;inset:0;border-radius:50%;border:1px solid rgba(0,167,232,.5);animation:seamring 2.6s var(--e) infinite;}
@keyframes seamring{0%{transform:scale(1);opacity:.8;}100%{transform:scale(2.8);opacity:0;}}
.join .seam i{background:linear-gradient(180deg,transparent,rgba(0,159,227,.6));}
.join .seam b{box-shadow:0 0 0 5px rgba(0,159,227,.14),0 0 18px rgba(0,159,227,.7);}
/* punchier reveal — bigger rise + scale pop, deeper unblur (overrides the base .rv) */
.rv{transform:translateY(22px);}

@media (prefers-reduced-motion:reduce){
  
  
  
  
  .lbx,.lbx-fig,.stat-zoom{transition:none!important;}
  /* the brand marquee always scrolls — deliberate brand-over-strict-a11y call (as in v2) */
  .strip .lane{animation:strip-l 30s linear infinite!important;}
}

/* ═══ baked tuning overrides (from live overlay) — vertical positions kept, horizontal drift zeroed so centred things stay centred ═══ */
#event .sec-head>div:first-child{translate:0 -33px;}
.ev-feat{translate:0 -42px;}
.ev-detail{translate:0 -18px;}
#join{translate:0 -31px;}
#foot{margin-top:-36px;}
@media(max-width:760px){#event .sec-head>div:first-child{translate:none;}.ev-feat{translate:none;}.ev-detail{translate:none;}#join{translate:none;}}@media(max-width:760px){#logo-stage{align-items:center;text-align:center;}.ll-text{align-items:center;}.ll-sub{padding-left:0;}.ll-sub::before{left:50%;margin-left:-54px;transform-origin:center;}}
.mhi-ambient,.mhi-row,.mhi-features,.mhi-church{display:none;}
@keyframes mhi-in{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}
@media(max-width:760px){.intro{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;padding:68px 15px 0;min-height:100svh;overflow:hidden;}.engine-stage{display:none;}.scrollhint{display:none;}.mhi-ambient{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5;z-index:0;pointer-events:none;mix-blend-mode:multiply;}#logo-stage{margin:0;z-index:2;}.ll-wheel{width:clamp(112px,36vw,156px);}.mhi-row{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;width:100%;max-width:362px;position:relative;z-index:2;}.mhi-b{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.82);border:1px solid rgba(15,23,42,.08);border-radius:12px;padding:7px 11px;box-shadow:0 8px 22px rgba(15,23,42,.06);}.mhi-bi{width:17px;height:17px;color:var(--cyan);flex:none;}.mhi-bt{display:flex;flex-direction:column;align-items:flex-start;line-height:1.12;}.mhi-b b{font-family:var(--f-mono);font-size:9px;letter-spacing:.07em;color:var(--ink);font-weight:700;text-transform:uppercase;}.mhi-b i{font-family:var(--f-mono);font-size:7.5px;letter-spacing:.09em;color:var(--cyan);font-style:normal;text-transform:uppercase;}.mhi-features{display:flex;justify-content:center;gap:8px;width:100%;max-width:384px;margin-top:4px;position:relative;z-index:2;}.mhi-f{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;}.mhi-fi{width:33px;height:33px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(0,167,232,.1);color:var(--cyan);}.mhi-fi svg{width:17px;height:17px;}.mhi-f b{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.05em;color:var(--ink);text-transform:uppercase;}.mhi-f i{font-style:normal;font-size:9.5px;line-height:1.25;color:var(--mut-l);}.mhi-church{display:block;width:100vw;margin-top:auto;position:relative;z-index:1;}.mhi-church img{width:100%;height:auto;-webkit-mask-image:linear-gradient(180deg,transparent,#000 44%);mask-image:linear-gradient(180deg,transparent,#000 44%);opacity:.9;}.mhi-b,.mhi-f{animation:mhi-in .7s var(--e) both;}.mhi-top .mhi-b:nth-child(2){animation-delay:.08s;}.mhi-stat .mhi-b:nth-child(1){animation-delay:.16s;}.mhi-stat .mhi-b:nth-child(2){animation-delay:.22s;}.mhi-stat .mhi-b:nth-child(3){animation-delay:.28s;}.mhi-mid .mhi-b:nth-child(1){animation-delay:.34s;}.mhi-mid .mhi-b:nth-child(2){animation-delay:.4s;}.mhi-f:nth-child(1){animation-delay:.46s;}.mhi-f:nth-child(2){animation-delay:.52s;}.mhi-f:nth-child(3){animation-delay:.58s;}}

/* Quiet refinement layer: preserve the immersive composition while removing the
   repeated typography, icon-tile, over-rounding, and cyan-halo treatments that
   make otherwise intentional art direction feel generated. */
.sp-immersive-root .recruitment-locked{opacity:.68;cursor:not-allowed;pointer-events:none}
.sp-immersive-root #join .grid { align-items: start; gap: clamp(32px, 6vw, 88px); }
.sp-immersive-root #join .lede { max-width: 38ch; font-size: clamp(16px, 1.45vw, 19px); line-height: 1.65; color: #536171; }
.sp-immersive-root #join .h2 { max-width: 11ch; }
.sp-immersive-root #join .cta { margin-top: 28px; }
.sp-immersive-root .join-timeline { list-style: none; margin: 0; padding: 0; border-top: 1px solid #d7dfe6; }
.sp-immersive-root .join-timeline li { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 16px; padding: 20px 0; border-bottom: 1px solid #d7dfe6; }
.sp-immersive-root .join-step-number { padding-top: 2px; color: #007ba5; font-family: var(--f-mono), monospace; font-size: 11px; }
.sp-immersive-root .join-step-date { color: #007ba5; font-size: 12px; font-weight: 650; }
.sp-immersive-root .join-timeline h3 { margin: 5px 0 6px; color: #101823; font-size: 18px; line-height: 1.3; letter-spacing: -.02em; }
.sp-immersive-root .join-timeline p { margin: 0; max-width: 47ch; color: #536171; font-size: 14px; line-height: 1.55; }
@media (max-width: 760px) {
  .sp-immersive-root #join .grid { gap: 32px; }
  .sp-immersive-root .join-timeline li { padding: 18px 0; gap: 12px; }
  .sp-immersive-root .join-timeline h3 { font-size: 17px; }
}
.sp-immersive-root .ev-past--managed{color:inherit;text-decoration:none}
.sp-immersive-root .ev-past--managed:hover{transform:none;border-color:var(--line-l);box-shadow:none}
.sp-immersive-root .ev-past--managed:hover .ev-past-poster img{transform:none}
.sp-immersive-root .ev-past--active .ev-sold--active{color:var(--cyan)}
.sp-immersive-root .h2 em,
.sp-immersive-root .feat-media .ov .ti em,
.sp-immersive-root .jt-line em,
.sp-immersive-root .foot .big em {
  font-family: inherit;
  font-style: normal;
  font-weight: inherit;
  letter-spacing: inherit;
  color: inherit;
}
.sp-immersive-root .h2,
.sp-immersive-root .ev-title,
.sp-immersive-root .ev-past-title,
.sp-immersive-root .ev-map-info .place,
.sp-immersive-root .foot .big {
  font-family: var(--font-brand);
  font-variation-settings: "FLAR" 34, "VOLM" 12;
  font-weight: 720;
  letter-spacing: -.03em;
}
.sp-immersive-root .eyebrow {
  font-family: var(--f-sans);
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .01em;
  text-transform: none;
}
.sp-immersive-root .hero .eyebrow { color: rgba(224,244,252,.68); }
.sp-immersive-root .sec .eyebrow { color: #475569; }
.sp-immersive-root .eyebrow::before { display: none; }
.sp-immersive-root .eyebrow { gap: 0; }
.sp-immersive-root .hero .eyebrow {
  gap: 11px;
  margin-bottom: 22px;
  color: var(--cyan);
  font-family: var(--f-mono);
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.sp-immersive-root .hero .eyebrow::before { display: block; }
.sp-immersive-root .hero { box-shadow: none; }
.sp-immersive-root .hero .wrap { width: 100%; top: -12px; }
.sp-immersive-root .hero .grid > div:first-child { container-type: inline-size; min-width: 0; }
.sp-immersive-root .hero h1 {
  max-width: none;
  margin-top: 0 !important;
  font-size: clamp(20px, 14cqi, 88px);
  line-height: 1.06;
}
.sp-immersive-root .hero .hline { white-space: nowrap; }
.sp-immersive-root .hero .sub { margin-top: 30px; }
.sp-immersive-root .hero .cta { margin-top: 36px; gap: 18px; }
@media (min-width: 1024px) {
  .sp-immersive-root .hero .wrap { max-width: 1280px; }
  .sp-immersive-root .hero .grid { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); }
  .sp-immersive-root .hero .sub { font-size: 18px; }
  .sp-immersive-root .hero .cta .btn { font-size: 15px; }
}
.sp-immersive-root .ev-when,
.sp-immersive-root .ev-cat,
.sp-immersive-root .ev-arch-head .t,
.sp-immersive-root .gen-kicker,
.sp-immersive-root .jt-sub,
.sp-immersive-root .foot-nav a,
.sp-immersive-root .ig-feed-lab,
.sp-immersive-root .ig-feed-all,
.sp-immersive-root .ev-sub,
.sp-immersive-root .ev-sold,
.sp-immersive-root .ev-past-stat span,
.sp-immersive-root .gen-tag,
.sp-immersive-root .gen-unit b,
.sp-immersive-root .gen-meta,
.sp-immersive-root .gen-foot,
.sp-immersive-root .when,
.sp-immersive-root .soc-more,
.sp-immersive-root .ig-cap,
.sp-immersive-root .ev-poster .pbadge,
.sp-immersive-root .hero .ln .k,
.sp-immersive-root .ev-prog-meta .l,
.sp-immersive-root .ev-map-info .eb {
  font-family: var(--f-sans);
  letter-spacing: 0;
  text-transform: none;
  font-weight: 700;
}
.sp-immersive-root .gen-kicker { font-size: 13px; }
.sp-immersive-root .gen-kicker .gen-idx { display: none; }
.sp-immersive-root .jt-sub { font-size: 12px; font-weight: 600; }
.sp-immersive-root .foot-nav a { font-size: 12px; font-weight: 600; }
.sp-immersive-root .foot .legal {
  font-family: var(--f-sans);
  font-size: 12px;
  letter-spacing: 0;
  text-transform: none;
}
.sp-immersive-root .btn {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}
.sp-immersive-root .btn-p {
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.18);
  background: var(--cyan);
  color: #03111a;
  box-shadow: none;
}
.sp-immersive-root .btn-p::after { display: none; }
.sp-immersive-root .btn-p:hover {
  transform: translateY(-1px);
  box-shadow: none;
}
.sp-immersive-root .btn-g,
.sp-immersive-root .ev-all,
.sp-immersive-root .ev-ghost { border-radius: 10px; }
.sp-immersive-root .ev-all {
  font-family: var(--f-sans);
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}
.sp-immersive-root .ev-tag {
  font-family: var(--f-sans);
  font-size: 16px;
  font-style: normal;
  line-height: 1.55;
}
.sp-immersive-root .ev-sold {
  border: 0;
  border-radius: 0;
  padding: 0;
}
.sp-immersive-root [data-i] svg { stroke-width: 1.75; }

/* Keep the hero navigation instruments; only the intro corner telemetry is quieted. */
.sp-immersive-root .intro .bl,
.sp-immersive-root .intro .br { display: none; }
@media (prefers-reduced-motion: reduce) {
  .sp-immersive-root .hero .strip .lane {
    animation: none !important;
    transform: none;
  }
}
.sp-immersive-root .intro .tele {
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
  backdrop-filter: none;
  color: rgba(15,23,42,.58);
  font-family: var(--f-sans);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.45;
  text-transform: none;
}
@media (max-width: 760px) {
  .sp-immersive-root .mhi-row,
  .sp-immersive-root .mhi-features { display: none; }
  .sp-immersive-root .hero .grid {
    padding-top: max(92px, calc(72px + env(safe-area-inset-top)));
  }
  .sp-immersive-root section[id],
  .cl-teasers { scroll-margin-top: 72px; }
}

/* The year photography is useful; provisional figures in the source are not. */
.sp-immersive-root .stats .gen-figure,
.sp-immersive-root .stats .gen-bar,
.sp-immersive-root .stats .gen-meta,
.sp-immersive-root .stats .gen-foot,
.sp-immersive-root .stats .gen-ghost,
.sp-immersive-root .ev-past-stats { display: none; }
.sp-immersive-root .stats .gen-body { justify-content: center; }
.sp-immersive-root .stats .gen-story { margin-top: 18px; max-width: 48ch; }

/* The four membership steps remain a real sequence. Phosphor's duotone icons
   add optical weight without returning to repeated icon tiles. */
.sp-immersive-root .sec.join {
  background: var(--paper);
  padding-top: clamp(40px, 6vw, 72px);
}
.sp-immersive-root .prow::before { display: none; }
.sp-immersive-root .prow .pic {
  width: 28px;
  height: 28px;
  border-radius: 0;
  background: transparent;
  color: var(--cyan);
  display: grid;
  place-items: center;
}
.sp-immersive-root .prow .pic svg {
  width: 24px;
  height: 24px;
  transition: transform .35s var(--e), color .35s var(--e);
}
.sp-immersive-root .pipe {
  gap: 0;
  border-top: 1px solid rgba(15,23,42,.12);
}
.sp-immersive-root .prow {
  border: 0;
  border-bottom: 1px solid rgba(15,23,42,.12);
  border-radius: 0;
  padding: 18px 0;
  background: transparent;
}
.sp-immersive-root .prow .pn {
  font-family: var(--f-sans);
  font-weight: 750;
}
.sp-immersive-root .prow:hover {
  transform: none;
  border-color: rgba(15,23,42,.12);
  box-shadow: none;
}
.sp-immersive-root .prow:hover .pic { transform: none; background: transparent; color: var(--cyan-2); }
.sp-immersive-root .prow:hover .pic svg { transform: translateY(-2px); }

@media(prefers-reduced-motion:reduce) {
  .sp-immersive-root .prow .pic svg { transition: none; }
}

/* Reduce the soft-card signature without changing the section geometry. */
.sp-immersive-root .ev-feat { border-radius: 18px; }
.sp-immersive-root .ev-map { border-radius: 18px; }
.sp-immersive-root .ev-past { border-radius: 15px; }
.sp-immersive-root .jt { border-radius: 16px; }
.cl-teasers__join { border-radius: 0; }

/* Cyan is still the action/state color. These values keep that identity while
   removing the neon halo from decorative surfaces and progress chrome. */
.sp-immersive-root .ev-prog-bar i,
.sp-immersive-root .gen-bar i { box-shadow: none; }
.sp-immersive-root .intro .glow { opacity: .28; filter: blur(72px); }
.sp-immersive-root .tk-glow {
  background: radial-gradient(circle at 50% 46%, rgba(0,167,232,.18), transparent 64%);
  filter: blur(8px);
}
.sp-immersive-root .phone-aurora {
  background: radial-gradient(72% 50% at 50% 0, rgba(0,167,232,.22), transparent 70%);
  filter: blur(7px);
  opacity: .52;
}
.sp-immersive-root .qr {
  border-color: rgba(0,167,232,.24);
  box-shadow: 0 0 12px rgba(0,167,232,.14);
}
.sp-immersive-root .qr-scan {
  background: linear-gradient(180deg, transparent, rgba(127,224,255,.38), transparent);
  box-shadow: 0 0 7px rgba(127,224,255,.28);
}
.sp-immersive-root .phone-orbit { opacity: .55; }
.sp-immersive-root .phone-orbit::before { box-shadow: 0 0 8px rgba(0,167,232,.32); }
.sp-immersive-root .strip .dot { box-shadow: 0 0 7px rgba(0,167,232,.36); }
.sp-immersive-root .ev-map-sweep { opacity: .2; }
.sp-immersive-root .ev-map-pin {
  box-shadow: 0 0 0 5px rgba(0,167,232,.1), 0 8px 16px rgba(15,23,42,.2);
}
.sp-immersive-root .seam b,
.sp-immersive-root .gen-thread b {
  box-shadow: 0 0 0 3px rgba(0,167,232,.12), 0 0 8px rgba(0,167,232,.34);
}
.sp-immersive-root .gen-foot .dot { box-shadow: none; }
.sp-immersive-root .gen-now .gen-tag { box-shadow: 0 4px 10px rgba(7,10,18,.18); }
.sp-immersive-root .gen-now .gen-media {
  box-shadow: 0 30px 64px -48px rgba(0,0,0,.82), 0 0 0 1px rgba(0,167,232,.16);
}
.sp-immersive-root .ev-all:hover { box-shadow: none; }
.sp-immersive-root .jt:hover { box-shadow: 0 24px 48px -36px rgba(15,23,42,.45); }
.sp-immersive-root .ig-mark { box-shadow: 0 4px 10px rgba(7,10,18,.2); }
.sp-immersive-root .ig-cta:hover { box-shadow: 0 8px 18px -12px rgba(7,10,18,.36); }

/* React-rendered teaser band follows the same restrained cadence. */
.cl-teasers .cl-label {
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .01em;
  text-transform: none;
}
.cl-teasers .cl-hero__accent {
  font-family: inherit;
  font-style: normal;
  font-weight: inherit;
  color: inherit;
}
.cl-teasers .cl-btn { box-shadow: none; }

/* Mobile and tablet translation of the desktop immersive composition. */
@media (max-width: 820px) {
  .sp-immersive-root { --im-gutter: clamp(16px, 5vw, 32px); }
  .sp-immersive-root .wrap {
    width: 100%;
    max-width: none;
    padding-right: var(--im-gutter);
    padding-left: var(--im-gutter);
  }
  .sp-immersive-root .btn { min-height: 48px; justify-content: center; padding: 13px 18px; }
  .sp-immersive-root .eyebrow { font-size: 11px; letter-spacing: .12em; }
  .sp-immersive-root .h2 { font-size: clamp(34px, 10.5vw, 48px); line-height: .98; }

  .sp-immersive-root .intro {
    position: relative;
    top: auto;
    min-height: 100svh;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    place-items: center;
    padding: max(96px, calc(72px + env(safe-area-inset-top))) var(--im-gutter) max(40px, env(safe-area-inset-bottom));
  }
  .sp-immersive-root .mhi-church { display: none !important; }
  .sp-immersive-root .engine-stage { display: block !important; }
  .sp-immersive-root .mhi-ambient { display: none !important; }
  .sp-immersive-root .intro-video {
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center 52%;
    transform: none;
  }
  .sp-immersive-root #logo-stage {
    width: 100%;
    height: auto;
    min-height: 150px;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    justify-self: stretch;
    gap: clamp(14px, 5vw, 28px);
  }
  .sp-immersive-root #logo-stage .ll-text { width: auto; min-width: 0; flex: 0 1 180px; }
  .sp-immersive-root #logo-stage .ll-interact { font-size: clamp(38px, 12vw, 58px); }
  .sp-immersive-root #logo-stage .ll-sub { margin-top: 16px; }
  .sp-immersive-root #logo-stage .ll-wheel {
    width: clamp(88px, 26vw, 132px);
    height: auto;
    flex: none;
    aspect-ratio: 1;
  }
  .sp-immersive-root .intro .tele.tr {
    display: none;
  }
  .sp-immersive-root #logo-stage,
  .sp-immersive-root #logo-stage * {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  }
  .sp-immersive-root #logo-stage .ch,
  .sp-immersive-root #logo-stage .sl,
  .sp-immersive-root #logo-stage .ll-wheel {
    opacity: 1;
    transform: none;
    filter: none;
    animation: none;
  }
  .sp-immersive-root > .intro ~ section,
  .sp-immersive-root > .intro ~ footer {
    content-visibility: auto;
    contain-intrinsic-size: auto 1100px;
  }
  .sp-immersive-root .intro .scrollhint {
    display: none;
  }

  .sp-immersive-root .hero {
    min-height: auto;
    display: block;
    padding: 0;
  }
  .sp-immersive-root .hero .grid {
    min-height: 0;
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(42px, 12vw, 64px);
    padding: max(68px, calc(48px + env(safe-area-inset-top))) 0 clamp(72px, 18vw, 104px);
  }
  /* Adapt the desktop marquee for portrait instead of hiding it: the hero
     grid already reserves >=112px of top padding, so the band clears the
     eyebrow line and reads as the top border of the section. */
  .sp-immersive-root .hero .strip {
    display: block;
    top: 12px;
  }
  .sp-immersive-root .hero .strip .run {
    gap: clamp(12px, 3vw, 22px);
    padding-right: clamp(12px, 3vw, 22px);
  }
  .sp-immersive-root .hero .strip .item {
    gap: clamp(8px, 1.8vw, 12px);
    font-size: clamp(26px, 5.4vw, 34px);
    line-height: 1.1;
    letter-spacing: 0;
  }
  .sp-immersive-root .hero .strip .item .d {
    width: clamp(6px, 1.5vw, 8px);
    height: clamp(6px, 1.5vw, 8px);
    box-shadow: 0 0 10px rgba(0, 167, 232, .55);
  }
  .sp-immersive-root .hero .hline > span {
    transform: none !important;
    will-change: auto;
  }
  .sp-immersive-root .hero .sub { max-width: 38ch; margin-top: 26px; font-size: clamp(15px, 4.2vw, 17px); line-height: 1.58; }
  .sp-immersive-root .hero .cta { display: grid; grid-template-columns: 1fr; gap: 12px; margin-top: 32px; }
  .sp-immersive-root .hero .cta .btn { width: 100%; }
  .sp-immersive-root .hero .tk-wrap { min-height: clamp(440px, 138vw, 540px); display: grid; place-items: center; }
  .sp-immersive-root .hero .phone {
    width: clamp(220px, 70vw, 292px);
    height: auto;
    aspect-ratio: 9 / 19;
    transform: none !important;
  }
  .sp-immersive-root .hero .scrollhint { display: none; }

  .sp-immersive-root .sec { padding: clamp(72px, 18vw, 104px) 0; }
  .sp-immersive-root .sec-head { align-items: flex-start; flex-direction: column; gap: 18px; margin-bottom: 30px; }
  .sp-immersive-root .sec-head > :last-child { align-self: flex-start; }
  .sp-immersive-root .ev-feat { grid-template-columns: minmax(0, 1fr); border-radius: 14px; }
  .sp-immersive-root .ev-poster { min-height: 0; aspect-ratio: 4 / 3; }
  .sp-immersive-root .ev-poster img { width: 100%; height: 100%; object-fit: cover; object-position: center 48%; }
  .sp-immersive-root .ev-detail { min-width: 0; padding: clamp(22px, 7vw, 34px); }
  .sp-immersive-root .ev-title { max-width: 15ch; font-size: clamp(30px, 9vw, 42px); line-height: .98; }
  .sp-immersive-root .ev-desc { font-size: 15px; line-height: 1.62; }
  .sp-immersive-root .ev-cta .btn { width: 100%; }
  .sp-immersive-root .ev-map {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: clamp(190px, 58vw, 224px) auto;
    min-height: 0;
    border-radius: 12px;
  }
  .sp-immersive-root .ev-map-canvas { min-height: 0; }
  .sp-immersive-root .ev-map-info {
    min-width: 0;
    padding: clamp(22px, 7vw, 30px);
    border-top: 1px solid var(--line-l);
    border-left: 0;
  }
  .sp-immersive-root .ev-map-info .maps {
    width: 100%;
    min-height: 48px;
    justify-content: space-between;
  }
  .sp-immersive-root .ev-arch-head { align-items: flex-start; margin-top: 54px; }
  .sp-immersive-root .ev-arch { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .sp-immersive-root .ev-past {
    min-width: 0;
    grid-template-columns: minmax(96px, .4fr) minmax(0, 1fr);
    border-radius: 12px;
  }
  .sp-immersive-root .ev-past-poster { min-height: 100%; }
  .sp-immersive-root .ev-past-poster img { width: 100%; height: 100%; object-fit: cover; }
  .sp-immersive-root .ev-past-body { min-width: 0; padding: 16px; }
  .sp-immersive-root .ev-past-tags { align-items: flex-start; flex-direction: column; gap: 4px; }
  .sp-immersive-root .ev-past-title { font-size: clamp(18px, 5.5vw, 22px); }
  .sp-immersive-root .ev-past-desc { font-size: 13px; line-height: 1.5; }

  .sp-immersive-root .stats { padding: clamp(78px, 18vw, 110px) 0; }
  .sp-immersive-root .stats .wrap { width: 100%; max-width: none; margin: 0; }
  .sp-immersive-root .stats .st-head { max-width: 38ch; margin: 0 0 44px; text-align: left; }
  .sp-immersive-root .stats .gen { gap: clamp(68px, 18vw, 94px); }
  .sp-immersive-root .stats .gen-row {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
  }
  .sp-immersive-root .stats .gen-media {
    width: min(84%, 340px);
    max-width: none;
    justify-self: start;
    aspect-ratio: 4 / 5;
  }
  .sp-immersive-root .stats .gen-row:nth-child(even) .gen-media { justify-self: end; }
  .sp-immersive-root .stats .gen-body { width: min(92%, 390px); min-width: 0; justify-self: start; padding: 0; }
  .sp-immersive-root .stats .gen-row:nth-child(even) .gen-body { justify-self: end; }
  .sp-immersive-root .stats .gen-story { margin-top: 12px; font-size: 15px; line-height: 1.62; }
  .sp-immersive-root .stats .gen-thread { display: none; }
  .sp-immersive-root .stats .eq { height: 64px; }

  .sp-immersive-root .join .grid { grid-template-columns: minmax(0, 1fr); gap: 44px; }
  .sp-immersive-root .join .lede { max-width: 38ch; margin-top: 18px; font-size: 16px; }
  .sp-immersive-root .join .cta { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 24px; }
  .sp-immersive-root .join .cta .btn { width: 100%; }
  .sp-immersive-root .join .pipe { width: 100%; }
  .sp-immersive-root .join .prow {
    min-height: 88px;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    gap: 5px 12px;
    padding: 16px 0;
  }
  .sp-immersive-root .join .prow .pn { grid-column: 1; grid-row: 1; }
  .sp-immersive-root .join .prow .pic { grid-column: 1; grid-row: 2; align-self: end; }
  .sp-immersive-root .join .prow .pt { min-width: 0; grid-column: 2; grid-row: 1 / 3; align-self: center; }
  .sp-immersive-root .join .prow .when { grid-column: 3; grid-row: 1 / 3; align-self: center; white-space: nowrap; }
  .sp-immersive-root .join .jt { margin-top: 52px; border-radius: 12px; aspect-ratio: 4 / 3; }
  .sp-immersive-root .join .jt img { object-position: center 36%; }

  .sp-immersive-root .foot {
    min-height: auto;
    margin: 0;
    padding: clamp(82px, 20vw, 118px) 0 calc(34px + env(safe-area-inset-bottom));
  }
  .sp-immersive-root .foot > .wrap { width: 100%; max-width: none; margin: 0; }
  .sp-immersive-root .foot .big { max-width: 12ch; font-size: clamp(42px, 13vw, 60px); line-height: .96; }
  .sp-immersive-root .foot .row { align-items: flex-start; flex-direction: column; gap: 22px; margin-top: 28px; }
  .sp-immersive-root .foot .row .btn { width: 100%; }
  .sp-immersive-root .foot .social { grid-template-columns: minmax(0, 1fr); gap: 38px; margin-top: 54px; }
  .sp-immersive-root .foot .ig-cta { min-height: 64px; }
  .sp-immersive-root .foot .soc-more a { min-width: 44px; min-height: 44px; display: inline-grid; place-items: center; }
  .sp-immersive-root .foot .ig-feed { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
  .sp-immersive-root .foot .ig-ph { min-width: 0; aspect-ratio: 1; }
  .sp-immersive-root .foot .ig-ph picture { display: contents; }
  .sp-immersive-root .foot .ig-ph img { width: 100%; height: 100%; object-fit: cover; }
  .sp-immersive-root .foot .foot-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; margin-top: 48px; }
  .sp-immersive-root .foot .foot-nav a { min-height: 44px; display: flex; align-items: center; }
  .sp-immersive-root .foot .legal { align-items: flex-start; flex-direction: column; gap: 7px; margin-top: 34px; padding-top: 20px; }

  .sp-immersive-root .lbx { padding: max(64px, env(safe-area-inset-top)) var(--im-gutter) max(24px, env(safe-area-inset-bottom)); }
  .sp-immersive-root .lbx-x { top: max(12px, env(safe-area-inset-top)); right: var(--im-gutter); width: 46px; height: 46px; }
  .sp-immersive-root .lbx-fig { max-width: 100%; max-height: calc(100dvh - 112px); }
  .sp-immersive-root .lbx-img { max-height: calc(100dvh - 150px); object-fit: contain; }
}

@media (max-width: 760px) {
  .sp-immersive-root .engine-track {
    width: 112vw;
    height: min(55svh, 520px);
    opacity: .68;
  }
  .sp-immersive-root .engine-scan {
    height: clamp(70px, 10vw, 92px);
    opacity: .48;
  }
  .sp-immersive-root .engine-ticket {
    width: clamp(130px, 28vw, 190px);
    height: clamp(48px, 10.5vw, 72px);
    opacity: .66;
  }
  .sp-immersive-root .engine-ticket::before {
    top: clamp(11px, 2vw, 14px);
    left: clamp(13px, 2.6vw, 18px);
    font-size: clamp(9px, 1.4vw, 10px);
  }
  .sp-immersive-root .engine-ticket::after {
    top: clamp(12px, 2.4vw, 17px);
    right: clamp(12px, 2.4vw, 16px);
    width: clamp(22px, 5vw, 32px);
    height: clamp(22px, 5vw, 32px);
  }
  .sp-immersive-root .engine-ticket.t1 { top: 22%; left: clamp(8px, 3vw, 22px); }
  .sp-immersive-root .engine-ticket.t2 { top: 30%; right: clamp(8px, 3vw, 22px); }
  .sp-immersive-root .engine-ticket.t3 { bottom: 20%; left: clamp(12px, 5vw, 36px); }
  .sp-immersive-root .engine-ticket.t4 { right: clamp(12px, 5vw, 36px); bottom: 21%; }
}

@media (min-width: 640px) and (max-width: 820px) {
  .sp-immersive-root #logo-stage .ll-text { flex-basis: 260px; }
  .sp-immersive-root .hero .grid { grid-template-columns: minmax(0, 1fr) minmax(250px, .78fr); align-items: center; gap: 34px; }
  .sp-immersive-root .hero .tk-wrap { min-height: 540px; }
  .sp-immersive-root .hero .phone { width: min(35vw, 280px); }
  .sp-immersive-root .ev-feat { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
  .sp-immersive-root .ev-poster { aspect-ratio: auto; }
  .sp-immersive-root .ev-arch { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sp-immersive-root .ev-past { grid-template-columns: minmax(104px, .42fr) minmax(0, 1fr); }
  .sp-immersive-root .stats .gen-row { grid-template-columns: minmax(250px, .84fr) minmax(0, 1fr); align-items: center; gap: 36px; }
  .sp-immersive-root .stats .gen-media { width: 100%; justify-self: stretch; }
  .sp-immersive-root .stats .gen-body { width: 100%; justify-self: stretch; }
  .sp-immersive-root .stats .gen-row:nth-child(even) .gen-media { grid-column: 2; grid-row: 1; justify-self: stretch; }
  .sp-immersive-root .stats .gen-row:nth-child(even) .gen-body { grid-column: 1; grid-row: 1; justify-self: stretch; }
  .sp-immersive-root .join .grid { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 40px; }
  .sp-immersive-root .join .jt { aspect-ratio: 16 / 7; }
  .sp-immersive-root .foot .social { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}

/* The three admin-selected events form one editorial showcase, not a small archive row. */
.sp-immersive-root #event {
  padding-top: clamp(80px, 7vw, 96px);
  border-top: 1px solid var(--paper-2);
}
.sp-immersive-root .ev-showcase-head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  margin-top: 0;
}
.sp-immersive-root .ev-showcase-copy { max-width: 680px; }
.sp-immersive-root .ev-showcase-title {
  color: var(--ink);
  font-size: clamp(2rem, 4vw, 3.35rem);
  font-weight: 800;
  letter-spacing: -.04em;
  line-height: .98;
  text-wrap: balance;
}
.sp-immersive-root .ev-showcase-copy p {
  max-width: 52ch;
  margin-top: 24px;
  color: var(--mut-l);
  font-size: clamp(.94rem, 1.2vw, 1.05rem);
  line-height: 1.65;
}
.sp-immersive-root .ev-arch.ev-showcase-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(250px, auto));
  gap: clamp(14px, 1.7vw, 22px);
  margin-top: 30px;
}
.sp-immersive-root .ev-showcase-grid .ev-past--managed {
  min-width: 0;
  padding: 0;
  overflow: hidden;
  color: var(--ink);
  background: #fff;
  border: 1px solid var(--line-l);
  border-radius: 18px;
  transition: transform .28s var(--e), border-color .28s var(--e);
}
.sp-immersive-root .ev-showcase-grid .ev-past--lead {
  grid-column: 1 / span 7;
  grid-row: 1 / span 2;
  grid-template-columns: minmax(300px, 1.08fr) minmax(250px, .92fr);
  grid-template-rows: minmax(0, 1fr);
  min-height: 562px;
}
.sp-immersive-root .ev-showcase-grid .ev-past--support {
  grid-column: 8 / -1;
  grid-template-columns: minmax(150px, .82fr) minmax(0, 1.18fr);
  min-height: 250px;
}
.sp-immersive-root .ev-showcase-grid .ev-past--support:nth-child(2) { grid-row: 1; }
.sp-immersive-root .ev-showcase-grid .ev-past--support:nth-child(3) { grid-row: 2; }
.sp-immersive-root .ev-showcase-grid .ev-past-poster {
  width: 100%;
  height: 100%;
  min-height: 0;
  aspect-ratio: auto;
  border-radius: 0;
}
.sp-immersive-root .ev-showcase-grid .ev-past-poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .45s var(--e);
}
.sp-immersive-root .ev-showcase-grid .ev-past-body {
  min-width: 0;
  padding: clamp(22px, 2.5vw, 34px);
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.sp-immersive-root .ev-showcase-grid .ev-past--support .ev-past-body { padding: clamp(18px, 2vw, 26px); }
.sp-immersive-root .ev-showcase-grid .ev-past-tags {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.sp-immersive-root .ev-showcase-grid .ev-cat,
.sp-immersive-root .ev-showcase-grid .ev-sold {
  font-size: 10px;
  line-height: 1.35;
}
.sp-immersive-root .ev-showcase-grid .ev-sold { color: var(--used); }
.sp-immersive-root .ev-active-location {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-top: 12px;
  font-family: var(--f-mono);
  font-size: 10px;
  line-height: 1.4;
}
.sp-immersive-root .ev-active-location span {
  color: var(--cyan);
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.sp-immersive-root .ev-active-location strong { color: var(--ink); font-weight: 700; }
.sp-immersive-root .ev-showcase-grid .ev-past-title {
  margin-top: clamp(16px, 2vw, 24px);
  font-size: clamp(1.55rem, 2.8vw, 2.7rem);
  line-height: 1;
  letter-spacing: -.045em;
}
.sp-immersive-root .ev-showcase-grid .ev-past--support .ev-past-title {
  margin-top: 16px;
  font-size: clamp(1.25rem, 1.7vw, 1.65rem);
}
.sp-immersive-root .ev-showcase-grid .ev-past-desc {
  display: -webkit-box;
  margin: 14px 0 0;
  overflow: hidden;
  color: var(--mut-l);
  line-height: 1.55;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.sp-immersive-root .ev-showcase-grid .ev-past--support .ev-past-desc {
  font-size: 12.5px;
  -webkit-line-clamp: 4;
}
.sp-immersive-root .ev-past-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: auto;
  padding-top: 22px;
}
.sp-immersive-root .ev-past-price { color: var(--ink); font-size: 13px; font-weight: 800; }
.sp-immersive-root .ev-past-action {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  color: var(--cyan);
  font-size: 12px;
  font-weight: 800;
}
.sp-immersive-root .ev-past-action .ar { display: inline-grid; transition: transform .28s var(--e); }
.sp-immersive-root .ev-past-action svg { width: 15px; height: 15px; }
.sp-immersive-root .ev-showcase-grid .ev-past--managed:focus-visible {
  outline: 3px solid var(--cyan);
  outline-offset: 4px;
}
@media (hover: hover) {
  .sp-immersive-root .ev-showcase-grid .ev-past--managed:hover {
    transform: translateY(-3px);
    border-color: rgba(0, 167, 232, .42);
    box-shadow: none;
  }
  .sp-immersive-root .ev-showcase-grid .ev-past--managed:hover .ev-past-poster img { transform: scale(1.025); }
  .sp-immersive-root .ev-showcase-grid .ev-past--managed:hover .ev-past-action .ar { transform: translateX(4px); }
}
@media (max-width: 980px) {
  .sp-immersive-root .ev-arch.ev-showcase-grid { grid-template-rows: none; }
  .sp-immersive-root .ev-showcase-grid .ev-past--lead {
    grid-column: 1 / -1;
    grid-row: auto;
    grid-template-columns: minmax(280px, .9fr) minmax(0, 1.1fr);
    grid-template-rows: minmax(330px, auto);
    min-height: 430px;
  }
  .sp-immersive-root .ev-showcase-grid .ev-past--support {
    grid-column: span 6;
    grid-row: auto !important;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
  }
  .sp-immersive-root .ev-showcase-grid .ev-past--support .ev-past-poster { aspect-ratio: 16 / 10; }
}
@media (max-width: 720px) {
  .sp-immersive-root .ev-showcase-head { align-items: flex-start; flex-direction: column; margin-top: 0; }
  .sp-immersive-root .ev-showcase-head .ev-all { width: 100%; min-height: 48px; justify-content: space-between; }
  .sp-immersive-root .ev-arch.ev-showcase-grid { grid-template-columns: minmax(0, 1fr); margin-top: 22px; }
  .sp-immersive-root .ev-showcase-grid .ev-past--lead,
  .sp-immersive-root .ev-showcase-grid .ev-past--support {
    grid-column: 1;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    min-height: 0;
  }
  .sp-immersive-root .ev-showcase-grid .ev-past-poster { min-height: 0; aspect-ratio: 16 / 10; }
  .sp-immersive-root .ev-showcase-grid .ev-past-body,
  .sp-immersive-root .ev-showcase-grid .ev-past--support .ev-past-body { padding: 22px; }
  .sp-immersive-root .ev-showcase-grid .ev-past--support .ev-past-title { font-size: 1.5rem; }
  .sp-immersive-root .ev-showcase-grid .ev-past--support .ev-past-desc { font-size: 13px; -webkit-line-clamp: 3; }
}

@media (prefers-reduced-motion: reduce) {
  .sp-immersive-root .rv,
  .sp-immersive-root .hline > span,
  .sp-immersive-root #logo-stage .ch,
  .sp-immersive-root #logo-stage .sl,
  .sp-immersive-root #logo-stage .ll-wheel {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }
  .sp-immersive-root .ev-showcase-grid .ev-past--managed,
  .sp-immersive-root .ev-showcase-grid .ev-past-poster img,
  .sp-immersive-root .ev-past-action .ar { transition: none !important; }
}


/* Shared club typography, compact proportions, and the original inset page grid. */
.sp-immersive-root .board-editorial {
  --bdr-backdrop: #020e1b;
  --bdr-paper: #f5f5f3;
  --bdr-muted: #b9cce6;
  --bdr-cyan: #00c4e8;
  --bdr-line: #365976;
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  min-height: 100svh;
  padding: 0;
  border-block: 1px solid var(--bdr-line);
  background: var(--bdr-backdrop);
  color: var(--bdr-paper);
  font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif;
  scroll-margin-top: 72px;
  overflow-anchor: none;
}
.board-editorial *, .board-editorial *::before, .board-editorial *::after { box-sizing: border-box; }
.board-editorial .bdr-inset { width: calc(100% - 120px); max-width: 1080px; margin-inline: auto; }
.board-editorial h2, .board-editorial h3 { margin: 0; font-family: var(--font-brand), var(--font-sans); font-variation-settings: "FLAR" 34, "VOLM" 12; font-weight: 720; letter-spacing: -.03em; line-height: 1.08; text-wrap: balance; }
.board-editorial p, .board-editorial figure { margin: 0; }
.board-editorial a { color: inherit; text-decoration: none; touch-action: manipulation; }
.board-editorial button { font: inherit; color: inherit; cursor: pointer; touch-action: manipulation; }
.board-editorial :is(button, a, [tabindex]):focus-visible { outline: 2px solid var(--bdr-cyan); outline-offset: 5px; }
.board-editorial [hidden] { display: none !important; }
/* The original landing scene moved Join up by 31px, covering gallery captions. */
.sp-immersive-root #board + #join { translate: none; }
/* A continuous blue canvas, with the existing subtle ticket-hero footage. */
.board-editorial .bdr-ambient { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none;
  background: radial-gradient(ellipse at 15% -8%,#072644 0,transparent 39%),
              radial-gradient(ellipse at 86% 34%,rgba(0,70,115,.14),transparent 44%),
              radial-gradient(ellipse at 46% 115%,#041e36 0,transparent 56%),
              linear-gradient(135deg,#020e1b,#00101d 65%,#021322); }
.board-editorial .bdr-ambient::after { content: ""; position: absolute; top: 0; right: 0; width: 340px; height: 390px;
  background-image: linear-gradient(rgba(0,165,227,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,165,227,.1) 1px,transparent 1px);
  background-size: 56px 56px; mask-image: radial-gradient(ellipse at top right,#000,transparent 74%); }
.board-editorial .bdr-orbits { position: absolute; inset: 0; width: 100%; height: 100%; stroke: rgba(0,156,226,.1); stroke-width: 1; }
.board-editorial .bdr-orbits circle { fill: #00bcec; stroke: none; }
.board-editorial .bdr-ambient video { position: absolute; inset: -6%; width: 112%; max-width: none; height: 112%; object-fit: cover;
  opacity: .16; filter: saturate(.9) contrast(1.02); mix-blend-mode: screen; pointer-events: none;
  -webkit-mask-image: radial-gradient(130% 100% at 50% 38%,#000 0,#000 42%,transparent 80%);
  mask-image: radial-gradient(130% 100% at 50% 38%,#000 0,#000 42%,transparent 80%); }
.board-editorial .bdr-ambient-toggle { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 0 8px 12px; border: 0; background: none; color: var(--bdr-muted); font-size: 11px; font-weight: 500; letter-spacing: 0; text-transform: none; white-space: nowrap; }
.board-editorial .bdr-ambient-toggle:hover { color: var(--bdr-cyan); }
.board-editorial .bdr-ambient-toggle svg { width: 14px; height: 14px; }
.board-editorial .bdr-ambient-toggle[aria-pressed="true"] .bdr-play-icon, .board-editorial .bdr-ambient-toggle[aria-pressed="false"] .bdr-pause-icon { display: none; }
.board-editorial .bdr-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.board-editorial .bdr-team {
  padding-block: clamp(36px, 4vw, 56px) 16px;
  overflow: clip;
  background: transparent;
}
.board-editorial .bdr-layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto 1fr; column-gap: clamp(32px, 4vw, 48px); align-items: start; }
.board-editorial .bdr-heading { grid-column: 1; grid-row: 1; container-type: inline-size; }
.board-editorial .bdr-eyebrow { display: flex; align-items: center; gap: 24px; font-size: 10px; line-height: 1.5; font-weight: 550; letter-spacing: .28em; text-transform: uppercase; color: var(--bdr-muted); }
.board-editorial .bdr-eyebrow::after { content: ""; width: 52px; height: 1px; background: var(--bdr-cyan); }
.board-editorial .bdr-brand-eyebrow { margin-bottom: 16px; }
.board-editorial .bdr-brand-eyebrow::after { width: 70px; }
.board-editorial #board-title { font-size: clamp(2rem, 12cqi, 4rem); color: var(--bdr-paper); white-space: nowrap; }
.board-editorial #board-title > span { color: var(--cyan, var(--bdr-cyan)); }
.board-editorial .bdr-team-intro { max-width: 52ch; margin-top: 16px; font-size: clamp(16px, 1.4vw, 18px); line-height: 1.5; color: var(--bdr-muted); }
.board-editorial .bdr-member-copy { grid-column: 1; grid-row: 2; min-width: 0; width: 100%; max-width: 480px; padding: 48px 0 0; }
.board-editorial .bdr-profiles { position: relative; container-type: inline-size; }
.board-editorial .bdr-profile { min-height: 0; }
.board-editorial .bdr-member-name { font-size: clamp(2rem, 11cqi, 3.375rem); font-weight: 650; line-height: 1.08; white-space: nowrap; }
.board-editorial .bdr-member-name span { display: inline; }
.board-editorial .bdr-member-name.bdr-long-name { font-size: clamp(1.25rem, 5.7cqi, 1.85rem); line-height: 1.25; padding-block: 7px; }
.board-editorial .bdr-member-summary { max-width: 38ch; margin-top: 12px; font-family: var(--font-board-handwriting), cursive; font-size: 24px; font-weight: 700; font-style: italic; line-height: 1.3; color: var(--bdr-muted); text-wrap: pretty; }
.board-editorial .bdr-showcase { position: relative; grid-column: 2; grid-row: 1 / 3; min-width: 0; width: 100%; max-width: 456px; justify-self: start; translate: 24px 0; }
.board-editorial .bdr-showcase-meta { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; min-height: 20px; margin-bottom: 16px; }
.board-editorial .bdr-team-label { font-size: 11px; line-height: 1.5; font-weight: 600; color: var(--bdr-muted); }
.board-editorial .bdr-team-label span { font-weight: 400; }
.board-editorial .bdr-year { font-size: 11px; line-height: 1.5; letter-spacing: .08em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.board-editorial .bdr-portrait-stack { position: relative; height: clamp(300px, 27vw, 360px); perspective: 1600px; touch-action: pan-y pinch-zoom; }
.board-editorial [data-board-portrait-mount] { position: absolute; inset: 0; }
.board-editorial .bdr-portrait-stack:has([data-image-stack]) > .bdr-portrait-card { display: none; }
/* Match the enhanced stack before React mounts, including its rightward inset. */
.board-editorial .bdr-portrait-card { position: absolute; top: 24px; left: 0; right: 0; width: auto; height: calc(100% - 24px); aspect-ratio: 5 / 7; margin-inline: auto; translate: var(--bdr-portrait-offset, 24px) 0; overflow: hidden; border: 1px solid var(--bdr-line); border-radius: 14px; background: #14212a; transform-origin: 50% 100%; transition: transform .45s cubic-bezier(.22,.61,.36,1), opacity .45s ease; }
.board-editorial .bdr-portrait-card img { display: block; width: 100%; height: 100%; object-fit: cover; }
.board-editorial .bdr-portrait-card[data-portrait-rotate="left"] img { position: absolute; top: 50%; left: 50%; width: 140%; height: calc(100% / 1.4); max-width: none; transform: translate(-50%, -50%) rotate(-90deg); }
.board-editorial .bdr-empty-portrait { display: block; width: 100%; height: 100%; }
.board-editorial .bdr-portrait-card[data-slot="0"] { z-index: 4; }
.board-editorial .bdr-portrait-card[data-slot="1"] { z-index: 3; transform: translate(-12px,-8px) rotate(-5deg); }
.board-editorial .bdr-portrait-card[data-slot="2"] { z-index: 2; transform: translate(-24px,-16px) rotate(-8deg); }
.board-editorial .bdr-portrait-card[data-slot="3"] { z-index: 1; transform: translate(-36px,-24px) rotate(-11deg); }
.board-editorial .bdr-portrait-card[data-slot="4"] { z-index: 0; transform: translate(-36px,-24px) rotate(-11deg); opacity: 0; visibility: hidden; }
.board-editorial .bdr-carousel-controls { display: grid; grid-template-columns: 48px minmax(0, 1fr) 48px; align-items: center; gap: 12px; width: 100%; max-width: 360px; margin: 32px auto 0; }
.board-editorial .bdr-carousel-details { display: grid; align-content: center; gap: 4px; min-width: 0; min-height: 4.5rem; text-align: center; }
.board-editorial .bdr-current-role { min-width: 0; color: var(--bdr-paper); font-family: var(--font-brand), var(--font-sans); font-variation-settings: "FLAR" 34, "VOLM" 12; text-align: center; font-size: clamp(1.125rem, 1.4vw, 1.25rem); font-weight: 650; line-height: 1.2; letter-spacing: -.015em; text-wrap: balance; }
.board-editorial .bdr-member-position { color: var(--bdr-muted); font-size: .8125rem; font-weight: 500; line-height: 1.4; letter-spacing: .04em; font-variant-numeric: tabular-nums; }
.board-editorial .bdr-carousel-controls .bdr-arrow { flex: none; width: 48px; height: 48px; border-radius: 50%; }
.board-editorial .bdr-carousel-controls .bdr-arrow svg { width: 22px; height: 22px; }
.board-editorial .bdr-gallery { display: flex; flex: 1; flex-direction: column; padding-top: 8px; background: transparent; }
.board-editorial .bdr-gallery-ending { display: flex; flex: 1; align-items: flex-start; justify-content: center; min-height: clamp(112px, 16svh, 176px); padding: 20px 0 24px; }
.board-editorial .bdr-scroll-cue { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-width: 44px; min-height: 44px; color: var(--bdr-muted); font-family: var(--f-mono), ui-monospace, monospace; font-size: 10px; font-weight: 500; line-height: 1.2; letter-spacing: .24em; text-transform: uppercase; }
.board-editorial .bdr-scroll-cue svg { flex: none; width: 20px; height: 24px; color: var(--bdr-cyan); transition: transform .2s ease; }
.board-editorial .bdr-scroll-cue:hover, .board-editorial .bdr-scroll-cue:focus-visible { color: var(--bdr-paper); }
.board-editorial .bdr-scroll-cue:hover svg { transform: translateY(3px); }
.board-editorial .bdr-gallery-heading { margin-bottom: 20px; }
.board-editorial #board-gallery-title { font-size: clamp(1.875rem, 3.2vw, 2.625rem); }
.board-editorial #board-gallery-title > span { color: var(--bdr-cyan); }
.board-editorial .bdr-intro { max-width: 440px; margin: 0; color: var(--bdr-muted); font-size: 15px; line-height: 1.5; text-wrap: pretty; }
.board-editorial .bdr-text-action { display: inline-flex; justify-content: center; align-items: center; flex: none; gap: 16px; width: fit-content; min-height: 44px; padding: 7px 0; border: 0; border-bottom: 1px solid var(--bdr-line); border-radius: 0; background: none; font-size: 14px; font-weight: 600; line-height: 1.5; }
.board-editorial .bdr-text-action:hover { color: var(--bdr-cyan); }
.board-editorial .bdr-text-action svg { width: 28px; height: 22px; color: var(--bdr-cyan); transition: transform .2s ease; }
.board-editorial .bdr-text-action:hover svg { transform: translateX(4px); }
.board-editorial .bdr-gallery-heading > .bdr-text-action { position: relative; margin-bottom: 6px; }
.board-editorial .bdr-gallery-heading > .bdr-text-action::after { content: ""; position: absolute; bottom: -1px; left: 0; width: 44px; height: 2px; background: var(--bdr-cyan); }
.board-editorial .bdr-filmstrip { position: relative; width: calc(100% - 120px); max-width: 1080px; margin-inline: auto; container-type: inline-size; }
.board-editorial .bdr-filmstrip:has([data-image-auto-slider]) .bdr-gallery-fallback { display: none; }
.board-editorial .bdr-preview { display: flex; gap: 12px; height: calc((100cqi - 48px) / 4); overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; }
.board-editorial .bdr-preview::-webkit-scrollbar { display: none; }
.board-editorial .bdr-preview-photo { display: block; position: relative; flex: 0 0 18%; min-width: 0; overflow: hidden; border: 1px solid var(--bdr-line); border-radius: 10px; background: #0e1b27; cursor: zoom-in; scroll-snap-align: start; }
.board-editorial .bdr-preview-lead { flex-basis: 39%; }
.board-editorial .bdr-preview-photo:nth-child(3) { flex-basis: 14%; }
.board-editorial .bdr-preview-photo img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .45s cubic-bezier(.22,.61,.36,1); }
.board-editorial .bdr-preview-caption { position: absolute; inset: auto 0 0; padding: 32px 12px 12px; background: linear-gradient(transparent, rgba(2,15,25,.88)); color: #fff; font-size: 11px; font-weight: 600; line-height: 1.4; pointer-events: none; }
.board-editorial .bdr-preview-photo:hover img { transform: scale(1.035); }
.board-editorial .bdr-preview-photo:focus-visible { outline-offset: -4px; }
.board-editorial .bdr-strip-next.bdr-arrow { position: absolute; right: 25px; top: calc(50% - 22px); width: 44px; height: 44px; border: 1px solid #c4cfd6; border-radius: 50%; background: rgba(2,15,25,.65); }
.board-editorial .bdr-strip-next.bdr-arrow svg { width: 24px; }
.board-editorial .bdr-signoff { display: flex; align-items: center; gap: 24px; padding-block: 8px 16px; color: #9aaebc; font-size: 9px; letter-spacing: .16em; text-transform: uppercase; }
.board-editorial .bdr-signoff i { flex: 1; height: 1px; background: var(--bdr-line); }
.board-editorial .bdr-lightbox { position: fixed; inset: 0; width: 100%; max-width: none; height: 100dvh; max-height: none; margin: 0; padding: max(16px,env(safe-area-inset-top)) max(32px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(32px,env(safe-area-inset-left)); border: 0; background: transparent; color: var(--bdr-paper); overflow: hidden; }
.board-editorial .bdr-lightbox[open] { display: grid; grid-template-rows: auto minmax(0,1fr); gap: 20px; }
.board-editorial .bdr-lightbox::backdrop { background: transparent; }
.board-editorial .bdr-lightbox-scrim { position: fixed; inset: 0; z-index: -1; background: var(--bdr-backdrop); transition: opacity .38s ease; }
.board-editorial .bdr-lightbox.is-closing .bdr-lightbox-scrim { opacity: 0; }
.board-editorial .bdr-lightbox-bar { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 48px; }
.board-editorial .bdr-lightbox-bar h2 { font-size: 24px; }
.board-editorial .bdr-lightbox-actions { display: flex; align-items: center; gap: 32px; }
.board-editorial .bdr-close { display: inline-flex; gap: 16px; align-items: center; justify-content: center; min-width: 44px; min-height: 48px; padding: 0; border: 0; background: none; font-size: 15px; }
.board-editorial .bdr-close > :last-child { font-size: 32px; font-weight: 300; line-height: 1; }
.board-editorial .bdr-close:hover, .board-editorial .bdr-arrow:hover { color: var(--bdr-cyan); }
.board-editorial .bdr-collection { grid-area: 2 / 1; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); align-content: start; align-items: start; gap: 28px 20px; overflow-y: auto; overscroll-behavior: contain; padding: 8px 6px 32px; scrollbar-width: thin; scrollbar-color: var(--bdr-muted) transparent; }
.board-editorial .bdr-collection-photo { min-width: 0; cursor: zoom-in; }
.board-editorial .bdr-collection-photo img { display: block; width: 100%; height: auto; background: #0e1b27; }
.board-editorial .bdr-collection-photo figcaption { margin-top: 10px; color: var(--bdr-muted); font-size: 14px; line-height: 1.4; }
.board-editorial .bdr-viewer { grid-area: 2 / 1; display: grid; grid-template-rows: minmax(0,1fr) auto; gap: 12px; min-height: 0; }
.board-editorial .bdr-viewer.is-returning { visibility: hidden; pointer-events: none; }
.board-editorial .bdr-lightbox-stage { min-height: 0; min-width: 0; position: relative; touch-action: pan-y pinch-zoom; }
.board-editorial .bdr-lightbox-image { display: block; width: 100%; height: 100%; object-fit: contain; }
.board-editorial .bdr-lightbox-footer { display: grid; grid-template-columns: 48px minmax(0,1fr) 48px; align-items: start; gap: 20px; }
.board-editorial .bdr-photo-caption { min-width: 0; text-align: center; font-size: 16px; line-height: 1.4; }
.board-editorial .bdr-lightbox-count { display: block; color: var(--bdr-muted); font-size: 13px; font-variant-numeric: tabular-nums; padding-top: 3px; }
.board-editorial .bdr-photo-feedback { min-height: 38px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px 16px; }
.board-editorial .bdr-photo-status { color: var(--bdr-muted); font-size: 13px; }
.board-editorial .bdr-photo-feedback button { min-height: 38px; font-size: 13px; }
.board-editorial .bdr-arrow { display: grid; place-items: center; width: 48px; height: 48px; padding: 0; border: 1px solid var(--bdr-line); border-radius: 0; background: none; }
.board-editorial .bdr-arrow svg { width: 28px; height: 22px; }
.board-editorial .bdr-arrow-prev svg { transform: rotate(180deg); }
.board-editorial .bdr-photo-flight { position: fixed; inset: 0; z-index: 3; pointer-events: none; }
.board-editorial .bdr-photo-flight img { position: absolute; top: 0; left: 0; max-width: none; object-fit: fill; transform-origin: 0 0; }
@media (max-width: 1100px) {
  .board-editorial .bdr-inset, .board-editorial .bdr-filmstrip { width: calc(100% - 64px); }
  .board-editorial .bdr-collection { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 820px) {
  .board-editorial .bdr-inset, .board-editorial .bdr-filmstrip { width: calc(100% - 40px); max-width: 520px; }
  .sp-immersive-root .board-editorial { scroll-margin-top: 88px; }
  .board-editorial .bdr-team { padding-top: 28px; padding-bottom: 24px; }
  .board-editorial .bdr-layout { grid-template-columns: minmax(0,1fr); gap: 0; }
  .board-editorial .bdr-heading { grid-column: 1; grid-row: 1; }
  .board-editorial .bdr-eyebrow { font-size: 10px; }
  .board-editorial .bdr-brand-eyebrow { margin-bottom: 16px; }
  .board-editorial #board-title { font-size: clamp(1.875rem, 11cqi, 3.25rem); }
  .board-editorial .bdr-team-intro { margin-top: 12px; font-size: 16px; }
  /* Keep portrait, member details, and thumb controls in one visual sequence. */
  .board-editorial .bdr-showcase { display: contents; }
  .board-editorial .bdr-showcase-meta { gap: 12px; margin-bottom: 12px; }
  .board-editorial .bdr-year { font-size: 10px; }
  .board-editorial .bdr-portrait-stack { --bdr-portrait-offset: 16px; grid-column: 1; grid-row: 2; width: 100%; max-width: 360px; justify-self: center; margin-top: 20px; height: clamp(292px, 86vw, 344px); }
  .board-editorial .bdr-portrait-card { border-radius: 12px; }
  .board-editorial .bdr-carousel-controls { grid-column: 1; grid-row: 4; grid-template-columns: 48px minmax(0, 1fr) 48px; max-width: 340px; margin-top: 12px; gap: 12px; }
  .board-editorial .bdr-carousel-details { min-height: 4rem; }
  .board-editorial .bdr-current-role { font-size: 1rem; }
  .board-editorial .bdr-carousel-controls .bdr-arrow { width: 48px; height: 48px; -webkit-tap-highlight-color: transparent; }
  .board-editorial .bdr-carousel-controls .bdr-arrow:active { background: rgba(0,196,232,.14); border-color: var(--bdr-cyan); }
  .board-editorial .bdr-member-copy { grid-column: 1; grid-row: 3; padding: 20px 0 0; max-width: none; text-align: center; }
  .board-editorial .bdr-profiles { min-height: 112px; padding-top: 0; border-top: 0; }
  .board-editorial .bdr-member-name { font-size: clamp(1.625rem, 8.5cqi, 2rem); line-height: 1.15; white-space: normal; }
  .board-editorial .bdr-member-name span { display: inline; }
  .board-editorial .bdr-member-name.bdr-long-name { font-size: clamp(1.25rem, 6cqi, 1.5rem); padding-block: 0; }
  .board-editorial .bdr-member-summary { max-width: 32ch; margin: 10px auto 0; font-size: 22px; line-height: 1.35; }
  .board-editorial .bdr-gallery { padding-top: 8px; }
  .board-editorial .bdr-gallery-ending { min-height: 88px; padding-block: 20px max(20px, env(safe-area-inset-bottom)); }
  .board-editorial .bdr-scroll-cue { font-size: 11px; letter-spacing: .18em; }
  .board-editorial #board-gallery-title { font-size: 28px; }
  .board-editorial .bdr-gallery-heading { margin-bottom: 16px; }
  .board-editorial .bdr-gallery-heading > .bdr-text-action { margin-top: 14px; }
  .board-editorial .bdr-intro { margin-top: 12px; font-size: 14px; }
  .board-editorial .bdr-preview { gap: 12px; height: 220px; }
  .board-editorial .bdr-preview-photo { flex-basis: 42%; }
  .board-editorial .bdr-preview-lead { flex-basis: 78%; }
  .board-editorial .bdr-preview-photo:nth-child(3) { flex-basis: 38%; }
  .board-editorial .bdr-signoff { padding-block: 24px; gap: 16px; font-size: 8px; letter-spacing: .12em; }
  .board-editorial .bdr-lightbox { padding: max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left)); }
  .board-editorial .bdr-lightbox[open] { gap: 12px; }
  .board-editorial .bdr-lightbox-bar { flex-wrap: wrap; gap: 8px; }
  .board-editorial .bdr-lightbox-bar h2 { font-size: 25px; }
  .board-editorial .bdr-lightbox-actions { gap: 20px; }
  .board-editorial .bdr-lightbox[data-view="photo"] .bdr-lightbox-bar h2 { display: none; }
  .board-editorial .bdr-lightbox[data-view="photo"] .bdr-lightbox-actions { width: 100%; justify-content: space-between; }
  .board-editorial .bdr-close { gap: 8px; }
  .board-editorial .bdr-collection { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 16px; padding: 5px 4px 24px; }
  .board-editorial .bdr-collection-photo figcaption { font-size: 13px; }
  .board-editorial .bdr-lightbox-footer { gap: 8px; }
  .board-editorial .bdr-photo-feedback { min-height: 44px; }
}
@media (max-width: 820px) and (max-height: 500px) and (orientation: landscape) {
  .board-editorial .bdr-portrait-stack { height: 260px; }
}
@media (max-width: 380px) {
  .board-editorial .bdr-profiles { min-height: 132px; }
}
@media (max-width: 480px) {
  .board-editorial .bdr-preview-photo { flex-basis: 60%; }
  .board-editorial .bdr-preview-lead { flex-basis: 88%; }
  .board-editorial .bdr-preview-photo:nth-child(3) { flex-basis: 52%; }
  .board-editorial .bdr-signoff { flex-wrap: wrap; justify-content: space-between; }
  .board-editorial .bdr-signoff i { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .board-editorial .bdr-ambient-toggle { display: none; }
  .board-editorial *, .board-editorial *::before, .board-editorial *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}