:root {
      --lime: #ccff00;
      --ink: #060706;
      --panel: #10140c;
      --line: rgba(204,255,0,.22);
      --muted: #9aa08a;
      --paper: #f3f6e8;
      --heat: #ff6a00;
    }
    * { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body {
      font-family: "IBM Plex Sans", system-ui, sans-serif;
      color: var(--paper);
      background-color: #12180e;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280' viewBox='0 0 280 280'%3E%3Crect width='280' height='280' fill='%23131810'/%3E%3Cpath fill='%23233a1c' d='M20 30h70v40H20zM110 10h90v50H110zM210 40h50v70H210zM10 90h50v80H10zM80 80h100v45H80zM190 120h80v40H190zM40 180h90v50H40zM150 170h70v60H150zM230 200h40v50H230zM0 240h60v40H0zM90 250h80v30H90z'/%3E%3Cpath fill='%230c140a' d='M50 20h40v30H50zM160 50h40v35H160zM0 140h40v40H0zM120 140h55v50H120zM200 80h35v30H200zM70 210h50v35H70zM180 230h60v25H180z'/%3E%3Cpath fill='%233d5a22' d='M30 60h25v20H30zM140 100h30v18H140zM220 160h28v22H220zM100 190h22v16H100zM15 210h20v18H15z'/%3E%3Cpath fill='%234a3a18' d='M90 40h18v14H90zM200 20h22v16H200zM60 150h16v12H60zM250 90h18v14H250z'/%3E%3Cpath fill='%236a7a28' opacity='.35' d='M0 0h8v8H0zM40 120h10v8H40zM170 200h12v8H170zM90 90h8v8H90z'/%3E%3C/svg%3E");
      background-size: 280px 280px;
    }
    body::before {
      content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 0;
      background: radial-gradient(ellipse at 50% 0%, rgba(204,255,0,.08), transparent 50%),
                  linear-gradient(180deg, rgba(6,8,5,.35), rgba(6,8,5,.72));
    }
    .wrap { position: relative; z-index: 1; }
    .wrap { max-width: 1180px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 1; }
    header { display: flex; align-items: center; justify-content: space-between; padding: 16px 0; position: sticky; top: 0; z-index: 20; background: rgba(6,7,6,.86); backdrop-filter: blur(10px); border-bottom: 1px solid var(--line); }
    .brand { display: flex; align-items: center; gap: 12px; text-decoration: none; color: inherit; }
    .mark { width: 40px; height: 40px; background: var(--lime); color: #111; display: grid; place-items: center; font-family: "Bebas Neue", sans-serif; font-size: 20px; }
    .brand-name { font-family: "Bebas Neue", sans-serif; font-size: 28px; letter-spacing: 1.5px; line-height: 1; }
    .brand-sub { font-family: "IBM Plex Mono", monospace; font-size: 10px; color: var(--muted); letter-spacing: .18em; }
    nav { display: flex; gap: 20px; }
    nav a { color: var(--paper); text-decoration: none; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; opacity: .8; }
    nav a:hover { color: var(--lime); opacity: 1; }
    .btn { display: inline-flex; align-items: center; justify-content: center; background: var(--lime); color: #111; text-decoration: none; font-weight: 700; padding: 12px 18px; letter-spacing: .06em; text-transform: uppercase; font-size: 13px; border: 0; cursor: pointer; }
    .btn.ghost { background: transparent; color: var(--lime); border: 1px solid var(--lime); }
    .btn.heat { background: var(--heat); color: #fff; }
    .hero-art { position: relative; margin-top: 12px; overflow: hidden; border: 1px solid var(--line); }
    .hero-art img { width: 100%; height: 560px; object-fit: cover; object-position: center 30%; display: block; }
    .hero-art .veil { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(6,7,6,.15) 20%, rgba(6,7,6,.92) 100%); }
    .hero-art .caption { position: absolute; left: 28px; right: 28px; bottom: 24px; }
    .stencil { font-family: "IBM Plex Mono", monospace; font-size: 11px; letter-spacing: .28em; color: var(--lime); text-transform: uppercase; margin-bottom: 8px; }
    h1 { font-family: "Bebas Neue", sans-serif; font-size: clamp(48px, 9vw, 96px); line-height: .86; }
    h1 em { font-style: normal; color: var(--lime); }
    .hero { display: grid; grid-template-columns: 1.2fr .8fr; gap: 32px; padding: 40px 0 24px; }
    .manifesto p { font-size: 19px; line-height: 1.5; margin-bottom: 14px; }
    .manifesto p.punch { color: var(--lime); font-weight: 600; }
    .cta-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
    .dossier { background: var(--panel); border: 1px solid var(--line); padding: 20px; }
    .dossier h3 { font-family: "IBM Plex Mono", monospace; font-size: 11px; letter-spacing: .2em; color: var(--lime); text-transform: uppercase; margin-bottom: 12px; }
    .stat { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid rgba(255,255,255,.06); font-size: 14px; }
    .stat span:first-child { color: var(--muted); font-family: "IBM Plex Mono", monospace; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
    .ca { margin-top: 12px; font-family: "IBM Plex Mono", monospace; font-size: 11px; word-break: break-all; background: #080a06; padding: 12px; border: 1px dashed var(--line); display: flex; justify-content: space-between; gap: 10px; align-items: center; }
    .copy { color: var(--lime); cursor: pointer; border: 0; background: none; font-family: inherit; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }
    .two { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; padding: 10px 0 30px; }
    .frame { border: 1px solid var(--line); background: #0b0e09; overflow: hidden; }
    .frame img { width: 100%; height: 420px; object-fit: contain; object-position: center; display: block; background: rgba(8,12,6,.85); }
    .frame figcaption { padding: 12px 14px; font-family: "IBM Plex Mono", monospace; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
    section { padding: 72px 0; border-top: 1px solid var(--line); }
    h2 { font-family: "Bebas Neue", sans-serif; font-size: 48px; letter-spacing: 1px; margin-bottom: 8px; }
    .sec-lead { color: #c5cbb6; max-width: 680px; margin-bottom: 28px; line-height: 1.55; }
    .burn-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 18px; align-items: stretch; }
    .burn-photo { position: relative; border: 1px solid var(--heat); overflow: hidden; min-height: 420px; }
    .burn-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
    .burn-photo .stamp { position: absolute; left: 16px; bottom: 16px; background: rgba(0,0,0,.7); border: 1px solid var(--heat); color: #ffd0b0; padding: 10px 12px; font-family: "IBM Plex Mono", monospace; font-size: 12px; letter-spacing: .08em; }
    table { width: 100%; border-collapse: collapse; font-size: 14px; }
    th, td { text-align: left; padding: 12px 10px; border-bottom: 1px solid rgba(255,255,255,.08); }
    th { font-family: "IBM Plex Mono", monospace; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
    td.num { font-variant-numeric: tabular-nums; color: var(--heat); font-weight: 600; }
    .burn-total { margin-top: 16px; padding: 14px; border: 1px solid var(--heat); background: #160c06; display: flex; justify-content: space-between; }
    .burn-total b { color: var(--heat); font-size: 22px; font-family: "Bebas Neue", sans-serif; letter-spacing: 1px; }
    .rail { position: relative; }
    .rail::before { content: ""; position: absolute; left: 27px; top: 0; bottom: 0; width: 2px; background: linear-gradient(var(--lime), rgba(204,255,0,.05)); }
    .op { position: relative; padding: 0 0 56px 88px; opacity: .28; transform: translateY(28px); transition: opacity .6s ease, transform .6s ease; }
    .op.in { opacity: 1; transform: none; }
    .op .badge { position: absolute; left: 0; top: 0; width: 56px; height: 56px; border: 2px solid var(--lime); background: #0a0d08; color: var(--lime); font-family: "Bebas Neue", sans-serif; font-size: 22px; display: grid; place-items: center; }
    .op.active-phase .badge { background: var(--lime); color: #111; }
    .op h3 { font-family: "Bebas Neue", sans-serif; font-size: 36px; letter-spacing: 1px; }
    .mc { display: inline-block; margin: 6px 0 12px; font-family: "IBM Plex Mono", monospace; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--lime); border: 1px solid var(--line); padding: 4px 8px; }
    .op p { color: #d4d8c6; line-height: 1.6; margin-bottom: 10px; max-width: 720px; }
    .bars { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 16px; }
    .bar { height: 8px; background: #222; }
    .bar span { display: block; height: 100%; background: var(--lime); width: 0; transition: width 1s ease; }
    .op-wrap.in .bar span, .bars.in span { width: var(--w); }
    .links { display: flex; flex-wrap: wrap; gap: 10px; }
    footer { padding: 28px 0 56px; color: var(--muted); font-size: 12px; line-height: 1.65; border-top: 1px solid var(--line); }
    footer a { color: var(--lime); }
    @media (max-width: 900px) {
      .hero, .two, .burn-grid { grid-template-columns: 1fr; }
      nav { display: none; }
      .hero-art img { height: 380px; }
    }

    .comms {
      display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
      margin: 14px 0 0; padding: 10px 12px; border: 1px solid var(--line);
      background: rgba(10,14,8,.82);
      font-family: "IBM Plex Mono", monospace; font-size: 11px; letter-spacing: .12em; text-transform: uppercase;
    }
    .comms audio { width: min(420px, 100%); height: 28px; }
    .op-art {
      margin: 14px 0 16px; border: 1px solid var(--line); background: rgba(8,12,6,.75);
      overflow: hidden; max-width: 720px;
    }
    .op-art svg { width: 100%; height: 180px; display: block; }