@font-face{font-family:Press;src:url('/fonts/PressStart2P.ttf')}@font-face{font-family:Silk;src:url('/fonts/Silkscreen.ttf')}@font-face{font-family:Silk;src:url('/fonts/Silkscreen-Bold.ttf');font-weight:700}@font-face{font-family:VT;src:url('/fonts/VT323.ttf')}
:root{--lime:#ccfe07;--ink:#0a0c08;--paper:#f4f3e9;--muted:#606457;--border:3px solid var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Silk,monospace;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:fixed;left:12px;top:-100px;z-index:99;background:#fff;padding:12px;border:2px solid}.skip:focus{top:12px}.site-header{height:82px;padding:0 clamp(18px,3vw,52px);display:flex;align-items:center;justify-content:space-between;border-bottom:var(--border);background:var(--paper);position:relative;z-index:10}.wordmark{font-family:Press;font-size:clamp(15px,2vw,23px);letter-spacing:-2px}.wordmark span{color:var(--lime);text-shadow:2px 2px 0 var(--ink),-1px -1px 0 var(--ink)}nav{display:flex;align-items:center;gap:clamp(14px,2.3vw,36px);font-size:13px;text-transform:uppercase}nav a{border-bottom:2px solid transparent;padding:10px 0}nav a:hover,nav a:focus-visible{border-color:var(--ink)}.status{background:var(--ink);color:var(--lime);padding:13px 16px;box-shadow:4px 4px 0 var(--lime);white-space:nowrap}
.hero{min-height:calc(100svh - 82px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);border-bottom:var(--border)}.hero-copy{padding:clamp(38px,6vw,96px) clamp(24px,5vw,80px);display:flex;flex-direction:column;justify-content:space-between}.eyebrow,.section-num{font:700 14px Silk;letter-spacing:2px}.eyebrow:before,.section-num:before{content:'//';margin-right:12px;color:#69705c}.hero h1,.section-head h2,.traits h2,.final-copy h2{font-family:Press;margin:25px 0;line-height:.96;letter-spacing:-.07em}.hero h1{font-size:clamp(62px,8.4vw,140px)}.hero h1 span,.final-copy h2 span{color:var(--lime);-webkit-text-stroke:3px var(--ink);text-shadow:7px 7px 0 var(--ink)}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.hero-bottom p{font:26px/1.05 VT;margin:0;max-width:380px}.arrow-link{display:flex;gap:24px;align-items:center;border-bottom:3px solid;padding:12px 0;text-transform:uppercase;font-weight:bold}.arrow-link span{font-size:27px}.hero-stage{position:relative;background:var(--lime);border-left:var(--border);overflow:hidden;min-width:0}.hero-stage:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(10,12,8,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(10,12,8,.08) 1px,transparent 1px);background-size:24px 24px;z-index:1;pointer-events:none}.hero-stage img{position:absolute;width:min(100%,780px);height:100%;object-fit:contain;image-rendering:pixelated;left:50%;transform:translateX(-50%);z-index:2;transition:opacity .18s steps(2)}.hero-stage img.switching{opacity:0}.stamp{position:absolute;z-index:4;right:24px;top:25px;border:3px solid;border-radius:50%;width:120px;height:120px;display:grid;place-content:center;text-align:center;font:19px/1 Press;transform:rotate(8deg);background:var(--lime)}.stamp span{font-size:11px}.stamp small{font:16px VT}.index{position:absolute;z-index:5;left:24px;top:28px;background:var(--ink);color:var(--lime);padding:12px 14px}.next{position:absolute;z-index:6;right:24px;bottom:25px;width:86px;height:86px;background:var(--paper);border:3px solid;box-shadow:6px 6px 0 var(--ink);cursor:pointer;text-align:left;padding:12px}.next:hover,.next:focus-visible{background:var(--ink);color:var(--lime);box-shadow:6px 6px 0 var(--paper)}.scanline{position:absolute;z-index:3;left:0;right:0;height:5px;background:rgba(10,12,8,.5);box-shadow:0 0 14px var(--ink);animation:scan 5s linear infinite}@keyframes scan{from{top:-4px}to{top:100%}}
.ticker{height:66px;background:var(--ink);color:var(--lime);display:flex;align-items:center;overflow:hidden;font-family:Press;font-size:16px;white-space:nowrap}.ticker div{min-width:max-content;animation:marquee 22s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}
.collection{padding:clamp(70px,9vw,140px) clamp(18px,4vw,64px)}.section-head{display:grid;grid-template-columns:1fr minmax(280px,480px);gap:40px;align-items:end;margin-bottom:60px}.section-head h2,.traits h2{font-size:clamp(46px,6vw,100px)}.section-intro{font:32px/1.05 VT;border-left:3px solid;padding-left:24px;margin:0 0 10px}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:var(--border);border-left:var(--border)}.card{position:relative;aspect-ratio:1/1;border-right:var(--border);border-bottom:var(--border);background:var(--lime);overflow:hidden;cursor:pointer}.card img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;transition:transform .18s steps(2)}.card:hover img,.card:focus-visible img{transform:scale(1.07)}.card:nth-child(3n){background:#b8ed00}.card .label{position:absolute;left:10px;bottom:10px;background:var(--ink);color:var(--lime);padding:8px 10px;font-size:12px;z-index:2}.card:focus-visible{outline:6px solid #fff;outline-offset:-9px}
.traits{background:var(--ink);color:var(--paper);padding:clamp(70px,8vw,120px) clamp(18px,4vw,64px);display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw}.inverse:before{color:var(--lime)}.traits h2{color:var(--lime);letter-spacing:-.09em}.trait-list{border-top:2px solid #4a4e42}.trait-list>div{display:grid;grid-template-columns:90px 1fr 1.25fr;align-items:center;gap:20px;padding:22px 0;border-bottom:2px solid #4a4e42}.trait-list b{font:44px Press;color:var(--lime)}.trait-list span{font:700 18px Silk}.trait-list small{font:25px VT;color:#c5c8b9}.trait-note{grid-column:2;background:var(--lime);color:var(--ink);padding:17px 20px;font-size:12px;text-align:center}
.finale{min-height:780px;display:grid;grid-template-columns:1fr 1fr;border-bottom:var(--border)}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);background:var(--lime);border-right:var(--border);overflow:hidden}.mini-grid img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;border-right:2px solid;border-bottom:2px solid}.final-copy{padding:clamp(55px,7vw,110px) clamp(30px,5vw,80px);display:flex;flex-direction:column;justify-content:center}.final-copy h2{font-size:clamp(52px,6.5vw,112px);line-height:1.03}.final-copy>p:not(.section-num){font:29px/1 VT;max-width:500px}.big-status{display:block;margin-top:26px;padding:19px;background:var(--ink);color:var(--lime);text-align:center;font-size:13px;box-shadow:7px 7px 0 var(--lime);border:2px solid var(--ink)}footer{min-height:120px;background:var(--lime);display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px clamp(18px,4vw,64px);font-size:11px}.footer-mark span{color:var(--paper)}
@media(max-width:850px){.site-header{height:68px}.site-header nav a{display:none}.site-header nav{gap:0}.status{font-size:10px;padding:11px}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{min-height:560px}.hero h1{font-size:clamp(58px,17vw,104px)}.hero-stage{height:min(100vw,680px);border-left:0;border-top:var(--border)}.section-head{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(3,1fr)}.traits{grid-template-columns:1fr}.trait-note{grid-column:1}.finale{grid-template-columns:1fr}.mini-grid{height:560px;border-right:0;border-bottom:var(--border)}footer{flex-direction:column;align-items:flex-start}}
@media(max-width:520px){.hero-copy{padding:32px 18px;min-height:430px}.hero h1{font-size:clamp(30px,11vw,44px);margin:30px 0}.hero-bottom{align-items:flex-start;flex-direction:column}.hero-bottom p{font-size:23px}.arrow-link{width:100%;justify-content:space-between}.stamp{width:94px;height:94px;font-size:11px;right:12px;top:14px}.stamp span{font-size:7px}.index{left:14px;top:15px;font-size:10px}.next{right:16px;bottom:16px}.gallery{grid-template-columns:repeat(2,1fr)}.collection{padding-left:12px;padding-right:12px}.section-head h2,.traits h2{font-size:44px}.section-intro{font-size:26px}.trait-list>div{grid-template-columns:65px 1fr}.trait-list b{font-size:27px}.trait-list small{grid-column:2;font-size:22px}.finale{min-height:0}.mini-grid{height:390px}.final-copy{padding:70px 20px}.final-copy h2{font-size:48px}.footer-mark{font-size:15px}footer p{margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div,.scanline{animation:none}.card img,.hero-stage img{transition:none}}