:root{ --ink:#0B0B0C; --paper:#EDEAE0; --hotpink:#FF2E9A; --line:rgba(237,234,224,0.14); }
  *{margin:0;padding:0;box-sizing:border-box;}
  html,body{background:var(--ink);color:var(--paper);font-family:'Space Grotesk',sans-serif;overflow-x:hidden;user-select:none;}
  #cursor{position:fixed;top:0;left:0;width:44px;height:44px;border:1.5px solid var(--paper);border-radius:50%;pointer-events:none;z-index:60;transform:translate(-50%,-50%);mix-blend-mode:exclusion;}
  #cursor::after{content:'';position:absolute;top:50%;left:50%;width:3px;height:3px;background:var(--paper);border-radius:50%;transform:translate(-50%,-50%);}
  @media (hover:none){#cursor{display:none;}}

  #scroll-spacer{position:relative;}

  /* ---- HERO ---- */
  #hero{position:fixed;inset:0;z-index:0;overflow:hidden;
    background:
      radial-gradient(circle at 80% 25%, rgba(255,46,154,0.22), transparent 45%),
      radial-gradient(circle at 10% 85%, rgba(255,46,154,0.10), transparent 40%),
      var(--ink);
  }
  .reg{position:fixed;width:24px;height:24px;z-index:20;mix-blend-mode:exclusion;pointer-events:none;}
  .reg svg{width:100%;height:100%;}
  .reg.tl{top:20px;left:20px;} .reg.tr{top:20px;right:20px;} .reg.bl{bottom:20px;left:20px;} .reg.br{bottom:20px;right:20px;}

  .hero-nav{position:fixed;top:32px;left:6vw;z-index:20;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.12em;mix-blend-mode:exclusion;}
  .hero-cart{position:fixed;top:32px;right:6vw;z-index:20;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.1em;mix-blend-mode:exclusion;text-transform:uppercase;}

  .hero-center{position:absolute;top:58vh;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;padding:0 6vw;}
  @media(max-width:900px){ .hero-center{top:44vh;} }
  .eyebrow{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.15em;color:var(--hotpink);text-transform:uppercase;margin-bottom:20px;display:flex;align-items:center;gap:10px;}
  .eyebrow .dot{width:6px;height:6px;background:var(--hotpink);border-radius:50%;animation:pulse 1.8s infinite;}
  @keyframes pulse{0%,100%{opacity:1;}50%{opacity:.2;}}
  h1.wordmark{font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(60px,13vw,175px);line-height:.85;letter-spacing:-.01em;text-transform:uppercase;}
  .hero-sub{max-width:460px;margin-top:22px;font-size:14px;line-height:1.6;color:rgba(237,234,224,.72);}

  /* product info bottom-right, huge price */
  #outro-info{display:none;}
  .circle-count{width:30px;height:30px;border:2px solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:13px;margin-left:auto;margin-bottom:14px;color:var(--ink);}
  .coll-label{font-family:'Anton',sans-serif;font-size:24px;text-transform:uppercase;line-height:1;margin-bottom:8px;color:var(--ink);}
  .price-big{font-family:'Anton',sans-serif;font-size:clamp(38px,5vw,58px);line-height:1;color:var(--ink);}
  .price-range{font-family:'JetBrains Mono',monospace;font-size:10px;color:rgba(11,11,12,.6);margin-top:6px;letter-spacing:.05em;}

  /* ---- hero avatar band (full width, top of page, cursor-tracking face) ---- */
  #model-corner{
    position:fixed; top:0; left:0; right:0; z-index:5;
    width:100%; height:58vh;
    overflow:hidden; display:block;
  }
  #model-corner canvas{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 12%; cursor:default;}
  #model-corner::after{content:'';position:absolute; inset:0; pointer-events:none;
    background: linear-gradient(180deg, rgba(11,11,12,0) 55%, rgba(11,11,12,.95) 100%);
  }
  #model-corner .corner-info{position:absolute; right:28px; bottom:24px; z-index:2; text-align:right;}
  #model-corner .corner-info .ltd-eyebrow{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(237,234,224,.55);margin-bottom:6px;}
  #model-corner .corner-info .ltd-big{font-family:'Anton',sans-serif;font-size:clamp(30px,3.6vw,46px);line-height:.88;text-transform:uppercase;color:var(--paper);}
  #model-corner .corner-info .ltd-sub{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--hotpink);margin-top:10px;}
  @media(max-width:900px){ #model-corner{height:44vh;} }

  #outro-buy{position:fixed;right:6vw;bottom:32px;z-index:20;width:220px;height:130px;background:var(--paper);border-radius:999px;display:flex;align-items:center;justify-content:center;transform:scale(0);transform-origin:right bottom;}
  #outro-buy span{font-family:'Anton',sans-serif;font-size:40px;color:var(--ink);text-transform:uppercase;}

  .scroll-cue{position:fixed;bottom:36px;left:6vw;z-index:20;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(237,234,224,.5);display:flex;align-items:center;gap:10px;mix-blend-mode:exclusion;}
  .scroll-cue .bar{width:1px;height:26px;background:linear-gradient(var(--paper),transparent);animation:drop 1.6s infinite;}
  @keyframes drop{0%{transform:scaleY(0);transform-origin:top;}50%{transform:scaleY(1);transform-origin:top;}51%{transform-origin:bottom;}100%{transform:scaleY(0);transform-origin:bottom;}}

  /* ---- PANEL / GALLERY ---- */
  #panel{position:fixed;inset:0;z-index:10;background:var(--ink);transform:translateY(100vh);border-top:1px solid var(--line);}
  .panel-inner{padding:min(130px,13vh) 6vw 200px;}
  .panel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding-bottom:36px;margin-bottom:36px;border-bottom:1px solid var(--line);flex-wrap:wrap;}
  .panel-head h2{font-family:'Anton',sans-serif;font-size:clamp(30px,5vw,54px);text-transform:uppercase;}
  .panel-head p{font-family:'JetBrains Mono',monospace;font-size:12px;color:rgba(237,234,224,.6);max-width:260px;}

  .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
  @media(min-width:640px){.grid{grid-template-columns:repeat(3,1fr);}}
  @media(min-width:1024px){.grid{grid-template-columns:repeat(4,1fr);gap:22px;}}

  .card{position:relative;aspect-ratio:3/4;border:1px solid var(--line);overflow:hidden;transform:scale(0);will-change:transform;background:#131313;}
  .card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
  .card .ink{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
  .card .ink svg{width:55%;height:55%;opacity:.85;}
  .card .tag{position:absolute;left:0;right:0;bottom:0;padding:10px 12px;background:linear-gradient(0deg, rgba(0,0,0,0.85), transparent);font-family:'JetBrains Mono',monospace;}
  .card .tag .name{font-size:11px;letter-spacing:.03em;color:var(--paper);display:block;}
  .card .tag .price{font-size:12px;color:var(--hotpink);margin-top:2px;display:block;}

  #outro-overlay{position:fixed;inset:0;background:var(--paper);opacity:0;pointer-events:none;z-index:25;}
  #outro-content{position:fixed;inset:0;z-index:26;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;pointer-events:none;}
  #outro-content h3{font-family:'Anton',sans-serif;color:var(--ink);font-size:clamp(28px,5vw,54px);text-transform:uppercase;margin-bottom:16px;}
  #outro-content p{color:rgba(11,11,12,.65);font-family:'JetBrains Mono',monospace;font-size:12px;margin-bottom:30px;letter-spacing:.04em;}
  .cta{background:var(--ink);color:var(--paper);border:none;padding:18px 42px;border-radius:999px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:15px;letter-spacing:.04em;cursor:pointer;text-transform:uppercase;}

  /* keyboard focus visibility */
  a:focus-visible, button:focus-visible, .cta:focus-visible{
    outline:2px solid var(--hotpink); outline-offset:3px; border-radius:2px;
  }

  /* always-reachable legal links (visible & keyboard-focusable regardless of scroll position) */
  #legal-bar{position:fixed;bottom:12px;left:6vw;z-index:21;display:flex;gap:12px;flex-wrap:wrap;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;mix-blend-mode:exclusion;}
  #legal-bar a{color:var(--paper);text-decoration:none;opacity:.85;}
  #legal-bar a:hover, #legal-bar a:focus-visible{opacity:1;}
  #legal-bar a:focus-visible{outline:2px solid var(--paper);outline-offset:2px;border-radius:2px;}

  /* footer legal links (reachable at the end of the scroll sequence) */
  #site-footer{position:relative;z-index:27;display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:center;margin-top:28px;}
  #site-footer a{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;color:rgba(11,11,12,.65);}
  #site-footer a:hover{color:var(--ink);text-decoration:underline;}

  @media (prefers-reduced-motion: reduce){
    .eyebrow .dot{animation:none;}
    .scroll-cue .bar{animation:none;}
  }