/* page-only layout on top of v3.css (same tokens) */
.lobby--page .lobby__bg{background:linear-gradient(135deg,rgba(5,5,5,.92) 0%,rgba(5,5,5,.55) 35%,transparent 60%),url(/assets/n53.webp) center/cover}
.lobby__pagehead{position:absolute;left:6vw;right:6vw;bottom:70px;max-width:1100px}
.pagehead__t{margin:14px 0 18px;font:900 clamp(36px,5.6vw,92px)/1.08 var(--disp);transform:skewX(-9deg);letter-spacing:-.03em;text-shadow:0 8px 40px rgba(0,0,0,.6)}
.pagehead__t em{font-style:normal;color:var(--lime);-webkit-text-stroke:.03em var(--lime)}
.art__wrap{padding:60px 0 20px}
.art{display:grid;grid-template-columns:minmax(160px,1fr) 3fr;gap:40px;padding:90px 6vw;border-top:1px solid var(--line)}
.art__side{position:sticky;top:100px;align-self:start;display:flex;flex-direction:column;gap:6px}
.art__n{font:900 clamp(80px,9vw,150px)/1 var(--num);color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.25)}
.art__body{max-width:860px}.art__body h2{margin:0 0 26px}
.art__body>p{font-size:16.5px;color:#cfcfc8;margin:0 0 18px}
.art__q{margin:34px 0;font:900 clamp(26px,3.2vw,46px)/1.3 var(--disp);transform:skewX(-9deg);letter-spacing:-.02em}.art__q strong{color:var(--lime)}
.art__promise{border-radius:28px;padding:30px 34px;margin:30px 0}.art__promise b{display:block;margin-top:8px;font:900 clamp(24px,3vw,40px)/1.3 var(--disp);color:var(--lime);transform:skewX(-9deg)}
.art__tag{display:inline-block;margin:26px 0 14px;padding:6px 14px;border-radius:999px;background:var(--lime);color:#000;font-weight:900;font-size:12px}
.art__tag--exp{background:rgba(139,92,255,.2);color:#cdb9ff;border:1px solid rgba(139,92,255,.6)}
.art__list,.art__vs,.art__facts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 26px}
.art__list--5{grid-template-columns:repeat(5,1fr)}.art__list--3,.art__facts{grid-template-columns:repeat(3,1fr)}
.art .tile{padding:22px;border-radius:22px}.art .tile p{margin-top:8px}.art .tile h3{margin:10px 0 0;font-size:20px}
.art__num{display:block;margin-top:10px;font:900 clamp(34px,3.6vw,54px)/1 var(--num);color:var(--lime)}
.art__fig{margin:34px 0 0;border-radius:28px;overflow:hidden;border:1px solid var(--line)}.art__fig img{width:100%}.art__fig figcaption{padding:10px 16px}
.guide__grid{grid-template-columns:repeat(3,1fr)}
.guide__grid .tile--big{grid-column:span 1;grid-row:span 1}.guide__grid .tile--big h3{font-size:24px;margin-top:70px}.guide__grid .tile--big .ico{width:96px}
.guide__grid .tile--lime .mono{color:#000}
@media(max-width:820px){
 .lobby__pagehead{left:16px;right:16px;bottom:96px}.lobby__btns{flex-direction:column}
 .art{grid-template-columns:1fr;gap:6px;padding:64px 16px}.art__side{position:static;flex-direction:row;align-items:center;gap:14px}.art__n{font-size:64px}
 .art__body>p{font-size:15px}
 .art__list,.art__list--5,.art__list--3,.art__facts,.art__vs{grid-template-columns:1fr 1fr}.art__list--3 .tile:last-child,.art__list--5 .tile:last-child,.art__facts .tile:last-child{grid-column:span 2}
 .guide__grid{grid-template-columns:1fr 1fr}.guide__grid .tile--big{grid-column:span 2}
}
html,body{overflow-x:clip}
/* v3d: night-emote hero (supahero full-bleed + glass.samasante panel + scrolltide slow zoom) */
.nh{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:120px 6vw 64px;overflow:hidden;isolation:isolate}
.nh__media{position:absolute;inset:0;z-index:-1}
.nh__img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;animation:nhZoom 22s ease-in-out infinite alternate;transform-origin:60% 30%}
@keyframes nhZoom{from{transform:scale(1.02)}to{transform:scale(1.12)}}
.nh__glow{position:absolute;border-radius:50%;mix-blend-mode:screen;filter:blur(28px);animation:nhPulse 3.6s ease-in-out infinite}
.nh__glow--a{left:34%;top:2%;width:16vw;height:16vw;background:radial-gradient(circle,rgba(255,120,220,.55),transparent 65%)}
.nh__glow--b{left:54%;top:0;width:14vw;height:14vw;background:radial-gradient(circle,rgba(170,120,255,.5),transparent 65%);animation-delay:1.2s}
.nh__glow--c{right:10%;top:4%;width:15vw;height:15vw;background:radial-gradient(circle,rgba(255,200,120,.45),transparent 65%);animation-delay:2.2s}
@keyframes nhPulse{0%,100%{opacity:.35}50%{opacity:.95}}
.nh__fade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,5,.55) 0,rgba(5,5,5,0) 22%,rgba(5,5,5,0) 48%,rgba(5,5,5,.75) 78%,#050505 100%),linear-gradient(90deg,rgba(5,5,5,.6),transparent 55%)}
.nh__hud{position:absolute;top:110px;left:6vw;right:6vw;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.nh__panel{position:relative;max-width:720px;padding:34px 38px 32px;border-radius:28px;background:rgba(12,12,16,.42);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 30px 80px rgba(0,0,0,.55)}
.nh__panel::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(212,255,58,.7),transparent 40%,rgba(170,120,255,.5));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.nh .pagehead__t{font-size:clamp(30px,3.9vw,60px);margin:12px 0 14px}
.nh__lead{color:#dcdcd4;font-size:15.5px;margin:0 0 22px;max-width:560px}
.nh .btn-play{box-shadow:0 0 0 0 rgba(212,255,58,.6);animation:ctaPing 2.4s infinite}
@keyframes ctaPing{0%{box-shadow:0 0 0 0 rgba(212,255,58,.55)}70%{box-shadow:0 0 0 16px rgba(212,255,58,0)}100%{box-shadow:0 0 0 0 rgba(212,255,58,0)}}
.nh__cap{position:absolute;right:6vw;bottom:24px;opacity:.6;font-size:11px}
@media (prefers-reduced-motion:reduce){.nh__img,.nh__glow,.nh .btn-play{animation:none}}
/* v3d: consistent image rhythm */
.art__fig{max-width:760px;border-radius:28px;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px rgba(0,0,0,.45);background:#0b0b0e}
.art__fig img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:50% 50%}
.art__fig img.pos-r{object-position:50% 35%}
@media(max-width:820px){
 .nh{min-height:auto;display:block;padding:0 0 40px}
 .nh__media{position:relative;inset:auto;height:62vw;min-height:250px}
 .nh__img{object-position:50% 45%}
 .nh__fade{background:linear-gradient(180deg,rgba(5,5,5,.5) 0,transparent 30%,transparent 60%,#050505 100%)}
 .nh__hud{top:auto;bottom:auto;position:relative;left:auto;right:auto;padding:0 16px;margin:-8px 0 12px}
 .nh__hud .mono{display:none}
 .nh__panel{margin:0 12px;padding:24px 20px;background:rgba(18,18,24,.75)}
 .nh .pagehead__t{font-size:clamp(28px,8.2vw,38px)}
 .nh__cap{position:static;display:block;padding:12px 16px 0}
 .nh__glow{filter:blur(18px)}
 .art__fig{margin-top:26px;border-radius:20px}
}
.nh__panel{max-width:600px;padding:26px 30px 26px}
.nh .pagehead__t{font-size:clamp(28px,3.2vw,48px)}
.nh__img{object-position:50% 25%}
@media(max-width:820px){.nh__media{height:80vw}.nh .pagehead__t{font-size:clamp(24px,7vw,32px)}.nh__panel{margin-top:-28px}}
@media(max-width:820px){.nh__hud{display:none}.nh__panel{margin-top:-36px}}
/* v3e: panel always in first view */
@media(min-width:821px){
 .nh{min-height:100svh;height:100svh;max-height:1100px;padding:90px 5vw clamp(24px,5vh,64px);align-items:flex-end}
 .nh__panel{max-width:min(580px,40vw);padding:clamp(16px,2.4vh,26px) 28px}
 .nh .pagehead__t{font-size:clamp(26px,min(3vw,5.2vh),46px);margin:8px 0 10px}
 .nh__lead{font-size:14.5px;margin:0 0 clamp(10px,2vh,20px)}
 .nh__img{object-position:50% 18%}
 .nh__hud{top:96px}
}
@media(min-width:821px) and (max-height:700px){.nh__lead{display:none}.nh__panel .mono{display:none}}
@media(max-width:820px){.nh__media{height:min(80vw,44svh)!important}.nh__panel{padding:18px 18px}.nh .pagehead__t{font-size:clamp(24px,7vw,30px)}}
/* v3g: hero rotation + native image ratio */
.nh__slides{position:absolute;inset:0;overflow:hidden}
.nh__slide{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease}
.nh__slide.is-on{opacity:1}
.nh__slide .nh__img{animation:none;transform:scale(1.02);transition:transform 7s linear}
.nh__slide.is-on .nh__img{transform:scale(1.12)}
@media(prefers-reduced-motion:reduce){.nh__slide{transition:none}.nh__slide .nh__img{transform:none!important;transition:none}}
.art__fig img,.art__fig img.pos-r{aspect-ratio:auto;height:auto;object-fit:contain}
@media(max-width:820px){.nh__media{height:56.25vw!important;min-height:0}.nh__img{object-position:50% 50%}}
@media(max-width:820px){.nh__panel{margin-top:-14px!important}}
/* round3: sources */
.art__src{display:block;margin:14px 0 0;font-size:12px;line-height:1.7;color:var(--mut)}
.art__src a{text-decoration:underline;color:inherit;margin-left:.3em}
.art__facts sup{font-size:.7em;color:var(--mut)}
/* fix3: phone — header gets its own bar, hero image starts below it (no face covered) */
@media(max-width:820px){.nav{background:rgba(5,5,5,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.nh__media{margin-top:72px}.nh__fade{background:linear-gradient(180deg,transparent 0,transparent 60%,#050505 100%)!important}}