:root { --acid:#c8ff00; --pink:#e891bc; --black:#080808; --paper:#eeeae1; --line:#2d2d2d; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--black); color:var(--paper); font-family:"Courier New",monospace; overflow-x:clip; }
main { padding-top:76px; }
a { color:inherit; text-decoration:none; }
.nav { min-height:76px; padding:0 3vw; display:grid; grid-template-columns:minmax(150px,1fr) auto minmax(360px,1fr); column-gap:clamp(28px,4vw,72px); align-items:center; border-bottom:1px solid var(--line); position:fixed; top:0; left:0; right:0; z-index:1000; background:rgba(8,8,8,.96); backdrop-filter:blur(12px); }
.wordmark { font-family:Arial Black,sans-serif; font-size:24px; letter-spacing:-2px; }
.wordmark span { color:var(--acid); font-size:10px; vertical-align:top; margin-left:4px; }
.navlinks { display:flex; gap:34px; font-size:11px; text-transform:uppercase; letter-spacing:1px; }
.navlinks a:hover,.navlinks .current { color:var(--acid); }
.nav-x { justify-self:end; border:1px solid #555; padding:9px 14px; font-size:11px; }
.nav-actions { justify-self:end; display:flex; gap:8px; }
.nav-buy { border-color:var(--acid); color:var(--acid); }
.buy-link { border-color:var(--acid); color:var(--acid); }
.buy-link:hover { background:var(--acid); color:#000; }
.hero { min-height:calc(100vh - 76px); padding:8vh 6vw 5vh; display:flex; flex-direction:column; justify-content:space-between; position:relative; overflow:hidden; }
.hero-noise { position:absolute; inset:0; opacity:.16; background:repeating-linear-gradient(90deg,transparent 0 24px,#fff 25px,transparent 26px),repeating-linear-gradient(0deg,transparent 0 24px,#fff 25px,transparent 26px); mask-image:linear-gradient(to bottom,transparent,#000,transparent); }
.eyebrow,.kicker { font-size:11px; letter-spacing:2px; position:relative; z-index:1; }
.eyebrow i,.status i { display:inline-block; width:7px; height:7px; background:var(--acid); border-radius:50%; margin-right:9px; box-shadow:0 0 12px var(--acid); }
.hero h1,.reveal h2,.build h2,.engine h2,.gallery-hero h1,.gallery-cta h2 { font-family:Arial Black,Impact,sans-serif; margin:0; line-height:.78; letter-spacing:-.075em; position:relative; z-index:1; }
.hero h1 { font-size:clamp(74px,14.8vw,220px); max-width:1300px; }
em { color:var(--acid); font-style:normal; }
.hero-bottom { display:flex; justify-content:space-between; align-items:end; position:relative; z-index:2; }
.hero-bottom p { color:#aaa; font-size:13px; line-height:1.7; }
.round-link { width:56px; height:56px; border:1px solid #777; border-radius:50%; display:grid; place-items:center; font-size:24px; transition:.2s; }
.round-link:hover { background:var(--acid); color:#000; border-color:var(--acid); }
.corner-tag { position:absolute; right:4vw; top:20%; color:var(--pink); transform:rotate(5deg); border:2px solid var(--pink); padding:10px 14px; font-weight:bold; text-align:center; font-size:12px; }
.ticker { background:var(--acid); color:#050505; padding:13px 0; overflow:hidden; font-weight:bold; white-space:nowrap; font-size:13px; letter-spacing:1px; }
.ticker div { width:max-content; animation:move 16s linear infinite; }
.ticker b { padding:0 28px; }
@keyframes move { to{ transform:translateX(-28%); } }
.art-stream { overflow:hidden; padding:18px 0; border-bottom:1px solid var(--line); background:#050505; }
.art-rail { width:max-content; display:flex; gap:12px; margin-bottom:12px; will-change:transform; }
.art-rail:last-child { margin-bottom:0; }
.art-run { display:flex; gap:12px; padding-right:12px; }
.art-rail figure { width:clamp(150px,17vw,280px); aspect-ratio:1; margin:0; position:relative; overflow:hidden; flex:none; border:1px solid #292929; background:#111; }
.art-rail img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .35s,filter .35s; }
.art-rail span { position:absolute; right:9px; bottom:8px; padding:5px 7px; color:var(--acid); background:rgba(8,8,8,.86); font-size:9px; letter-spacing:1px; }
.art-rail figure:hover img { transform:scale(1.055); filter:saturate(1.12) contrast(1.05); }
.rail-left { animation:rail-left 64s linear infinite; }
.rail-right { animation:rail-right 70s linear infinite; transform:translateX(-50%); }
.art-stream:hover .art-rail { animation-play-state:paused; }
@keyframes rail-left { to { transform:translateX(-50%); } }
@keyframes rail-right { to { transform:translateX(0); } }
.section-index { font-size:10px; color:#888; letter-spacing:2px; }
.reveal { min-height:760px; display:grid; grid-template-columns:27% 73%; padding:90px 5vw; border-bottom:1px solid var(--line); }
.reveal-copy { max-width:840px; }
.kicker { color:var(--pink); margin:0 0 24px; }
.reveal h2,.engine h2 { font-size:clamp(110px,18vw,260px); }
.body-copy { max-width:600px; color:#aaa; font-family:Arial,sans-serif; line-height:1.65; font-size:16px; }
.actions { display:flex; gap:12px; margin-top:34px; flex-wrap:wrap; }
.button { display:inline-block; border:1px solid #555; padding:15px 20px; font-size:11px; font-weight:bold; letter-spacing:1px; }
.button:hover,.button.primary { background:var(--acid); color:#000; border-color:var(--acid); }
.languages { display:grid; grid-template-columns:repeat(4,1fr); }
.languages article { min-height:150px; padding:22px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); display:flex; flex-direction:column; justify-content:space-between; transition:.2s; }
.languages article:hover,.languages article.active { background:var(--acid); color:#000; }
.languages span { font-size:9px; color:#777; }
.languages strong { font-family:Arial Black,Arial,sans-serif; font-size:clamp(16px,2vw,28px); line-height:.95; }
.film { padding:100px 5vw; border-bottom:1px solid var(--line); background:#030303; }
.film-head { display:flex; justify-content:space-between; align-items:end; margin-bottom:30px; font-size:10px; color:#777; letter-spacing:1px; }
.film-head strong { color:var(--acid); font-size:12px; }
.film video { display:block; width:100%; max-height:76vh; object-fit:cover; border:1px solid #333; box-shadow:0 0 45px rgba(200,255,0,.08); }
.collection { padding:110px 5vw; border-bottom:1px solid var(--line); }
.collection-head { display:grid; grid-template-columns:20% 1fr 1fr; gap:4vw; align-items:end; margin-bottom:70px; }
.collection h2 { font-family:Arial Black,Impact,sans-serif; font-size:clamp(70px,10vw,150px); line-height:.8; letter-spacing:-.07em; margin:0; }
.collection-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.collection figure { margin:0; overflow:hidden; position:relative; background:#111; }
.collection figure:nth-child(8n+2),.collection figure:nth-child(8n+4),.collection figure:nth-child(8n+7) { transform:translateY(24px); }
.collection img { display:block; width:100%; aspect-ratio:1; object-fit:cover; transition:.35s; }
.collection figure:hover img { transform:scale(1.045) rotate(.35deg); }
.collection figcaption { position:absolute; left:12px; bottom:12px; padding:7px 9px; background:#080808; color:var(--acid); font-size:9px; letter-spacing:1px; }
.build { padding:100px 5vw; }
.build-grid { margin-top:90px; display:grid; grid-template-columns:1.25fr 1fr; gap:8vw; align-items:start; }
.build h2 { font-size:clamp(80px,12vw,180px); }
.build h2 span { color:var(--pink); }
dl { margin:70px 0 0; border-top:1px solid var(--line); }
dl div { display:grid; grid-template-columns:1fr 1fr; align-items:center; padding:20px 0; border-bottom:1px solid var(--line); }
dt { font-family:Arial Black,sans-serif; font-size:30px; } dd { margin:0; color:#888; font-size:10px; letter-spacing:1px; }
.engine { padding:100px 5vw; background:var(--paper); color:#080808; display:grid; grid-template-columns:1fr 1fr; gap:7vw; align-items:center; }
.engine .section-index,.engine .body-copy { color:#666; }
.engine h2 { font-size:clamp(90px,13vw,190px); }
.status { display:inline-block; margin-top:25px; border:1px solid #999; padding:9px 12px; font-size:10px; letter-spacing:1px; }
.status i { width:6px; height:6px; background:var(--pink); box-shadow:none; }
.generator-card { background:#0a0a0a; color:#fff; border:8px solid #111; box-shadow:16px 16px 0 var(--acid); transform:rotate(1deg); }
.generator-head,.generator-controls { padding:14px; display:flex; justify-content:space-between; font-size:9px; color:#999; border-bottom:1px solid #333; }
.generator-canvas { aspect-ratio:1; display:grid; place-items:center; position:relative; overflow:hidden; background:#161616; }
.generator-canvas img { width:100%; height:100%; object-fit:cover; filter:brightness(.68) contrast(1.08); }
.generator-canvas strong { position:absolute; bottom:8%; left:7%; font-family:"rixneonsign-pro",Impact,"Arial Black",sans-serif; font-weight:400; font-style:normal; font-size:clamp(24px,4vw,58px); line-height:.88; letter-spacing:.01em; color:var(--acid); text-shadow:0 0 5px #000,0 0 14px rgba(200,255,0,.58); }
.face { width:48%; aspect-ratio:1; border-radius:48%; background:#666; display:grid; place-items:center; text-align:center; font-size:28px; color:#111; font-weight:bold; z-index:2; box-shadow:inset 0 0 60px #333; }
.face b { font-size:40px; }
.ears { position:absolute; width:25%; aspect-ratio:1; background:#555; border-radius:50%; top:18%; }
.ears.left { left:18%; }.ears.right { right:18%; }
.generator-controls { border-top:1px solid #333; border-bottom:0; gap:15px; }
.tools { display:grid; grid-template-columns:repeat(3,1fr); }
.tools > * { min-height:270px; padding:35px 4vw; border-right:1px solid var(--line); display:flex; flex-direction:column; justify-content:space-between; transition:.2s; }
.tools a:hover { background:var(--acid); color:#000; }
.tools span { color:#777; font-size:9px; letter-spacing:1px; }
.tools strong { font-family:Arial Black,sans-serif; font-size:clamp(28px,3.7vw,58px); line-height:.9; }
.tools i { align-self:end; font-size:30px; }
footer { background:var(--acid); color:#000; padding:50px 5vw 26px; display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:start; }
.footer-mark { font-family:Arial Black,sans-serif; font-size:clamp(55px,10vw,150px); letter-spacing:-.08em; line-height:.7; }
footer p { font-weight:bold; line-height:1.5; }
footer div { grid-column:1/-1; border-top:1px solid #000; padding-top:20px; display:flex; flex-wrap:wrap; justify-content:space-between; gap:14px 24px; font-size:10px; }
.gallery-hero { padding:11vh 5vw 12vh; border-bottom:1px solid var(--line); }
.gallery-hero h1 { margin:45px 0; font-size:clamp(72px,13vw,190px); }
.gallery-hero > p:last-child { max-width:700px; color:#aaa; font-family:Arial,sans-serif; font-size:17px; line-height:1.7; }
.gallery-grid { display:grid; grid-template-columns:repeat(2,1fr); }
.asset { padding:32px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.asset-meta,.asset-links { display:flex; justify-content:space-between; font-size:9px; color:#888; letter-spacing:1px; }
.asset-image { aspect-ratio:16/11; margin:22px 0; background:#111; position:relative; overflow:hidden; display:grid; place-items:center; }
.asset-image img { width:100%; height:100%; object-fit:cover; filter:grayscale(1) contrast(1.1); transition:.3s; }
.asset:hover img { filter:none; transform:scale(1.015); }
.asset-image span { position:absolute; bottom:18px; left:20px; font-family:Arial Black,sans-serif; font-size:clamp(24px,4vw,55px); color:var(--acid); letter-spacing:-.05em; }
.asset-links a { color:var(--paper); border-bottom:1px solid #555; padding-bottom:5px; }
.asset-links a:hover { color:var(--acid); }
.gallery-cta { padding:120px 5vw; text-align:center; background:var(--pink); color:#000; }
.gallery-cta > span { font-size:10px; letter-spacing:2px; }
.gallery-cta h2 { font-size:clamp(60px,11vw,160px); margin:35px 0; }
.gallery-cta p { margin-bottom:35px; }
.gallery-cta .primary { background:#000; color:#fff; border-color:#000; }
@media (max-width:800px) {
  main { padding-top:64px; }
  .nav { grid-template-columns:1fr auto; min-height:64px; column-gap:12px; }.navlinks{display:none}.nav-x{font-size:8px;padding:8px}.nav-actions{gap:5px}
  .hero { min-height:720px; padding:8vh 20px 30px; }.hero h1{font-size:20vw;line-height:.83}.corner-tag{top:14%;right:18px}
  .hero-bottom p{font-size:11px}.round-link{width:45px;height:45px}
  .reveal { display:block; min-height:0; padding:70px 20px }.reveal .section-index{margin-bottom:70px}.reveal h2{font-size:30vw}
  .languages{grid-template-columns:repeat(2,1fr)}.languages article{min-height:125px;padding:15px}
  .film{padding:65px 20px}.film-head{align-items:start;gap:20px}
  .art-stream{padding:9px 0}.art-rail,.art-run{gap:7px}.art-run{padding-right:7px}.art-rail figure{width:42vw}
  .collection{padding:75px 20px}.collection-head{display:block}.collection-head .section-index{margin-bottom:50px}.collection h2{font-size:21vw;margin-bottom:35px}.collection-grid{grid-template-columns:repeat(2,1fr);gap:8px}.collection figure:nth-child(n){transform:none}
  .build{padding:70px 20px}.build-grid{display:block;margin-top:60px}.build h2{font-size:23vw;margin-bottom:60px}
  .engine{display:block;padding:70px 20px}.engine h2{font-size:26vw}.generator-card{margin-top:60px;box-shadow:8px 8px 0 var(--acid)}
  .tools,.gallery-grid{grid-template-columns:1fr}.tools>*{min-height:210px}.gallery-hero{padding:80px 20px}.gallery-hero h1{font-size:19vw}
  .asset{padding:20px}.asset-links{gap:10px}.gallery-cta{padding:90px 20px}
  footer{grid-template-columns:1fr;gap:25px;padding:50px 20px 25px}footer div{grid-column:auto}.footer-mark{font-size:24vw}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}.ticker div,.art-rail{animation:none}.art-stream{overflow-x:auto}.art-rail{transform:none}}