/* ============================================================
       1. DESIGN TOKENS
       ============================================================ */
    :root {
      --black: #050505;
      --char: #111111;
      --char-2: #181614;
      --char-3: #221f1b;
      --gold: #E7C06A;
      --cream: #F2E8D5;
      --bronze: #B98735;
      --green: #80FF1F;

      --cream-70: rgba(242, 232, 213, .72);
      --cream-50: rgba(242, 232, 213, .55);
      --cream-20: rgba(242, 232, 213, .2);
      --cream-10: rgba(242, 232, 213, .1);
      --gold-30: rgba(231, 192, 106, .3);
      --gold-15: rgba(231, 192, 106, .15);

      --f-display: "Bebas Neue", "Impact", "Arial Narrow", sans-serif;
      --f-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
      --f-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
      --f-marker: "Permanent Marker", "Bebas Neue", cursive;

      --pad: clamp(1.25rem, 5vw, 5rem);
      --max: 1320px;
      --nav-h: 68px;
      --ease: cubic-bezier(.2, .7, .2, 1);

      /* Reusable noise texture (inline SVG pattern, not an image asset) */
      --noise: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
    }

    /* ============================================================
       2. BASE / RESET
       ============================================================ */
    *, *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; scroll-padding-top: calc(var(--nav-h) + 12px); -webkit-text-size-adjust: 100%; }
    body {
      margin: 0;
      background: var(--black);
      color: var(--cream);
      font-family: var(--f-body);
      font-size: 1.0625rem;
      line-height: 1.65;
      overflow-x: hidden;
      overflow-x: clip;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }
    img { max-width: 100%; display: block; }
    a { color: inherit; }
    p { margin: 0 0 1em; }
    h1, h2, h3, h4 { margin: 0; font-weight: 400; }
    ul, ol { margin: 0; padding: 0; list-style: none; }
    ::selection { background: var(--gold); color: var(--black); }

    /* Global film grain overlay */
    body::after {
      content: "";
      position: fixed;
      inset: 0;
      background-image: var(--noise);
      opacity: .06;
      pointer-events: none;
      z-index: 999;
      mix-blend-mode: overlay;
    }

    /* Accessibility helpers */
    .sr-only {
      position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
      overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
    }
    .skip-link {
      position: absolute; left: 1rem; top: -100px; z-index: 1001;
      background: var(--gold); color: var(--black); padding: .7rem 1rem;
      font-family: var(--f-mono); font-size: .85rem; text-decoration: none;
    }
    .skip-link:focus { top: 1rem; }
    :focus-visible { outline: 2px solid var(--green); outline-offset: 3px; }

    /* ============================================================
       3. SHARED UTILITIES
       ============================================================ */
    .wrap { width: 100%; max-width: var(--max); margin: 0 auto; padding: 0 var(--pad); }
    .section { position: relative; padding: clamp(5rem, 12vw, 10rem) 0; }

    .eyebrow {
      display: inline-flex; align-items: center; gap: .75rem;
      font-family: var(--f-mono); font-size: .75rem; letter-spacing: .18em;
      text-transform: uppercase; color: var(--gold);
    }
    .eyebrow::before { content: ""; width: 34px; height: 1px; background: currentColor; }

    .h-section {
      font-family: var(--f-display);
      font-size: clamp(3.2rem, 9vw, 8rem);
      line-height: .88;
      letter-spacing: .01em;
      color: var(--cream);
      margin-top: 1.25rem;
    }

    .gold { color: var(--gold); }
    .green { color: var(--green); }

    /* Buttons */
    .btn {
      --bg: transparent; --fg: var(--cream); --bd: var(--cream-50);
      display: inline-flex; align-items: center; justify-content: center; gap: .6rem;
      min-height: 52px; padding: .85rem 1.6rem;
      font-family: var(--f-display); font-size: 1.25rem; letter-spacing: .08em; line-height: 1;
      text-decoration: none; text-transform: uppercase;
      color: var(--fg); background: var(--bg); border: 1.5px solid var(--bd);
      cursor: pointer; transition: transform .25s var(--ease), box-shadow .25s var(--ease), background .25s, color .25s, border-color .25s;
      position: relative;
    }
    .btn:hover { transform: translateY(-2px); }
    .btn--gold { --bg: var(--gold); --fg: var(--black); --bd: var(--gold); }
    .btn--gold:hover { box-shadow: 0 10px 40px -10px rgba(231, 192, 106, .7); }
    .btn--ghost:hover { --bd: var(--gold); --fg: var(--gold); }
    .btn[disabled], .btn[aria-disabled="true"] {
      cursor: not-allowed; transform: none; box-shadow: none;
      --fg: var(--cream-50); --bd: var(--cream-20);
      background: repeating-linear-gradient(-45deg, transparent 0 8px, rgba(242,232,213,.04) 8px 16px);
    }
    .btn .arrow { font-family: var(--f-mono); font-size: 1rem; transition: transform .25s var(--ease); }
    .btn:hover .arrow { transform: translateX(4px); }

    /* Archive / status tags */
    .tag {
      display: inline-flex; align-items: center; gap: .4rem;
      font-family: var(--f-mono); font-size: .66rem; font-weight: 500; letter-spacing: .12em;
      text-transform: uppercase; line-height: 1; padding: .42rem .6rem;
      border: 1px solid currentColor; white-space: nowrap;
    }
    .tag::before { content: ""; width: 6px; height: 6px; background: currentColor; }
    .tag--record { color: var(--cream); }
    .tag--chain { color: var(--green); }
    .tag--community { color: var(--gold); }
    .tag--unverified { color: var(--bronze); border-style: dashed; }
    .tag--unverified::before { background: transparent; border: 1px solid currentColor; }
    .tag--missing { color: var(--cream-50); border-style: dotted; }
    .tag--missing::before { content: "×"; width: auto; height: auto; background: none; font-size: .8rem; }
    .tag--opinion { color: var(--cream-70); border-style: dashed; }

    /* Content stays visible even if scripting fails. */
    .reveal { opacity: 1; }

    /* Image fallback wrapper: if an image fails, JS adds .is-missing and CSS draws a placeholder */
    .media { position: relative; }
    .media.is-missing img { display: none; }
    .media.is-missing::after {
      content: attr(data-fallback);
      position: absolute; inset: 0; display: grid; place-items: center; text-align: center;
      font-family: var(--f-mono); font-size: .72rem; letter-spacing: .2em; text-transform: uppercase;
      color: var(--gold); padding: 1rem;
    }

    /* ============================================================
       5. NAVIGATION
       ============================================================ */
    .nav {
      position: fixed; top: 0; left: 0; right: 0; z-index: 100; height: var(--nav-h);
      display: flex; align-items: center;
      transition: background .35s, border-color .35s;
      border-bottom: 1px solid transparent;
    }
    .nav.is-scrolled {
      background: rgba(5, 5, 5, .82);
      -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
      border-bottom-color: var(--gold-15);
    }
    .nav__inner { display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: var(--max); margin: 0 auto; padding: 0 var(--pad); }
    .nav__brand {
      font-family: var(--f-display); font-size: 1.7rem; letter-spacing: .06em; line-height: 1;
      text-decoration: none; color: var(--cream); display: inline-flex; align-items: center; gap: .45rem;
    }
    .nav__brand:hover { color: var(--gold); }
    .nav__links { display: flex; gap: clamp(1rem, 2.4vw, 2.2rem); align-items: center; }
    .nav__links a {
      font-family: var(--f-mono); font-size: .78rem; letter-spacing: .16em; text-transform: uppercase;
      text-decoration: none; color: var(--cream-70); padding: .5rem 0; position: relative; display: block;
    }
    .nav__links a::after {
      content: ""; position: absolute; left: 0; bottom: 0; height: 1px; width: 100%;
      background: var(--gold); transform: scaleX(0); transform-origin: left; transition: transform .3s var(--ease);
    }
    .nav__links a:hover, .nav__links a.is-active { color: var(--gold); }
    .nav__links a:hover::after, .nav__links a.is-active::after { transform: scaleX(1); }
    .nav__links a.nav__join { color: var(--black); background: var(--gold); padding: .55rem .9rem; }
    .nav__links a.nav__join::after { display: none; }
    .nav__links a.nav__join:hover { background: var(--cream); color: var(--black); }

    .nav__toggle {
      display: none; width: 48px; height: 48px; margin-right: -10px;
      background: transparent; border: 0; cursor: pointer; position: relative; color: var(--cream);
    }
    .nav__toggle span { position: absolute; left: 12px; right: 12px; height: 2px; background: currentColor; transition: transform .3s var(--ease), opacity .3s; }
    .nav__toggle span:nth-child(1) { top: 16px; }
    .nav__toggle span:nth-child(2) { top: 23px; right: 18px; }
    .nav__toggle span:nth-child(3) { top: 30px; }
    .nav__toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    .nav__toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
    .nav__toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

    /* ============================================================
       6. HERO
       ============================================================ */
    .hero {
      position: relative; min-height: 100vh; min-height: 100svh;
      display: flex; flex-direction: column; justify-content: flex-end;
      padding-top: calc(var(--nav-h) + 2rem); overflow: hidden; isolation: isolate;
    }
    .hero__bg { position: absolute; inset: -6% 0 0 0; z-index: -2; will-change: transform; }
    /* banner.png is a 3:1 X header with the cat on the left and text on the right.
       Anchor to the left so the city + cat fill the viewport and the baked-in text is cropped out. */
    .hero__bg img { width: 100%; height: 100%; object-fit: cover; object-position: 18% center; opacity: .5; filter: saturate(.85) contrast(1.08); }
    .hero__bg.is-missing {
      background:
        radial-gradient(60% 50% at 75% 40%, rgba(231,192,106,.18), transparent 70%),
        radial-gradient(40% 40% at 15% 80%, rgba(128,255,31,.05), transparent 70%),
        repeating-linear-gradient(90deg, rgba(242,232,213,.03) 0 1px, transparent 1px 90px),
        var(--char);
    }
    .hero__bg.is-missing::after { display: none; }
    .hero::before {
      content: ""; position: absolute; inset: 0; z-index: -1;
      background:
        linear-gradient(90deg, rgba(5,5,5,.92) 0%, rgba(5,5,5,.6) 50%, rgba(5,5,5,.35) 100%),
        linear-gradient(180deg, rgba(5,5,5,.6) 0%, transparent 30%, transparent 60%, var(--black) 100%);
    }
    /* scratched lines */
    .hero::after {
      content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .35;
      background: repeating-linear-gradient(97deg, transparent 0 140px, rgba(242,232,213,.05) 140px 141px, transparent 141px 380px);
    }

    .hero__inner {
      width: 100%; max-width: var(--max); margin: 0 auto; padding: 0 var(--pad) clamp(3rem, 7vh, 5.5rem);
      display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, .65fr); gap: clamp(2rem, 5vw, 5rem); align-items: end;
    }
    .hero__meta { display: flex; flex-wrap: wrap; gap: .6rem 1.4rem; font-family: var(--f-mono); font-size: .72rem; letter-spacing: .2em; text-transform: uppercase; color: var(--cream-50); margin-bottom: 1.5rem; }
    .hero__meta b { color: var(--gold); font-weight: 500; }

    .hero__title {
      font-family: var(--f-display); line-height: .8; letter-spacing: -.005em;
      font-size: clamp(4.6rem, min(16vw, 18vh), 13rem); color: var(--cream);
      /* worn / scratched print effect */
      -webkit-mask-image: repeating-linear-gradient(-14deg, #000 0 9px, rgba(0,0,0,.72) 9px 10px, #000 10px 23px, rgba(0,0,0,.85) 23px 24px);
              mask-image: repeating-linear-gradient(-14deg, #000 0 9px, rgba(0,0,0,.72) 9px 10px, #000 10px 23px, rgba(0,0,0,.85) 23px 24px);
    }
    .hero__title .line { display: block; }
    .hero__title .line--gold { color: var(--gold); text-shadow: 0 0 60px rgba(231,192,106,.25); }

    .hero__slogan {
      margin-top: clamp(1.5rem, 3vw, 2.2rem);
      font-family: var(--f-display); font-size: clamp(1.7rem, 3.6vw, 2.9rem); line-height: 1.02; letter-spacing: .01em;
      color: var(--cream); max-width: 22ch;
    }
    .hero__slogan em { font-style: normal; color: var(--gold); }
    .hero__support { margin-top: .8rem; margin-bottom: 0; color: var(--cream-70); font-size: clamp(1rem, 1.4vw, 1.15rem); max-width: 44ch; }
    .hero__ctas { display: flex; flex-wrap: wrap; gap: .9rem; margin-top: 1.6rem; }

    /* Poor Cat torn-poster frame */
    .hero__cat { position: relative; justify-self: end; width: min(100%, 400px); margin: 0; transform: rotate(2deg); }
    .hero__cat-frame {
      position: relative; aspect-ratio: 1; background: var(--black); overflow: hidden;
      border: 1px solid var(--gold-30);
      clip-path: polygon(0 2%, 7% 0, 18% 1.5%, 33% 0, 52% 1.2%, 66% 0, 84% 1.6%, 100% 0, 99% 22%, 100% 47%, 98.6% 70%, 100% 100%, 82% 98.4%, 61% 100%, 43% 98.6%, 24% 100%, 6% 98.7%, 0 100%, 1.4% 74%, 0 50%, 1.2% 27%);
      box-shadow: 0 40px 80px -30px #000;
    }
    .hero__cat-frame img { width: 100%; height: 100%; object-fit: cover; filter: contrast(1.05); }
    .hero__cat-frame::before {
      content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
      background: var(--noise); opacity: .12; mix-blend-mode: overlay;
    }
    .hero__cat-frame.is-missing { background: radial-gradient(circle at 50% 40%, rgba(231,192,106,.2), transparent 60%), var(--char-2); }
    .hero__cat-caption {
      display: flex; justify-content: space-between; gap: 1rem; margin-top: .8rem;
      font-family: var(--f-mono); font-size: .66rem; letter-spacing: .16em; text-transform: uppercase; color: var(--cream-50);
    }
    .sticker {
      position: absolute; z-index: 2; font-family: var(--f-marker); line-height: 1;
      padding: .35rem .7rem .45rem; background: var(--black); border: 1.5px solid currentColor;
      box-shadow: 4px 4px 0 rgba(0,0,0,.6);
    }
    .sticker--again { top: -16px; left: -22px; color: var(--green); font-size: 1.35rem; transform: rotate(-9deg); text-shadow: 0 0 14px rgba(128,255,31,.45); }
    .sticker--certified { bottom: 56px; right: -18px; color: var(--gold); font-size: 1rem; transform: rotate(6deg); }

    .hero__scroll {
      position: absolute; right: var(--pad); bottom: 1.6rem; z-index: 2;
      font-family: var(--f-mono); font-size: .66rem; letter-spacing: .25em; color: var(--cream-50); text-transform: uppercase;
      writing-mode: vertical-rl; display: flex; align-items: center; gap: .8rem;
    }
    .hero__scroll::after { content: ""; width: 1px; height: 54px; background: linear-gradient(var(--gold), transparent); animation: drip 2.4s var(--ease) infinite; transform-origin: top; }
    @keyframes drip { 0% { transform: scaleY(0); } 50% { transform: scaleY(1); } 100% { transform: scaleY(1); opacity: 0; } }

    /* Ticker strip */
    .ticker { position: relative; border-block: 1px solid var(--gold-30); background: var(--black); overflow: hidden; padding: .9rem 0; }
    .ticker__track { display: flex; width: max-content; animation: ticker 70s linear infinite; }
    .ticker__group { display: flex; flex-shrink: 0; align-items: center; }
    .ticker__item { font-family: var(--f-display); font-size: 1.35rem; letter-spacing: .1em; white-space: nowrap; color: var(--cream-70); padding: 0 1.4rem; }
    .ticker__item--gold { color: var(--gold); }
    .ticker__sep { color: var(--bronze); font-size: .9rem; }
    @keyframes ticker { to { transform: translateX(-50%); } }

    /* ============================================================
       7. POSTER BAND — "They called us poor. So we built a club."
       ============================================================ */
    .poster {
      position: relative; background: var(--cream); color: var(--black);
      padding: clamp(4.5rem, 10vw, 8rem) 0; overflow: hidden;
      clip-path: polygon(0 3%, 6% 1%, 14% 3.5%, 27% .8%, 39% 3%, 52% .5%, 63% 2.6%, 77% .4%, 88% 3%, 100% 1%, 100% 97%, 91% 99.4%, 78% 97.2%, 64% 99.6%, 50% 97.4%, 36% 99.5%, 22% 97%, 10% 99.3%, 0 97.5%);
      margin: -1px 0;
    }
    .poster::before {
      content: ""; position: absolute; inset: 0; pointer-events: none;
      background:
        radial-gradient(70% 90% at 20% 30%, rgba(185,135,53,.18), transparent 60%),
        radial-gradient(50% 60% at 85% 80%, rgba(5,5,5,.1), transparent 70%),
        var(--noise);
      mix-blend-mode: multiply; opacity: .9;
    }
    .poster__inner { position: relative; display: grid; grid-template-columns: auto 1fr; gap: clamp(1.5rem, 4vw, 4rem); align-items: end; }
    .poster__label { font-family: var(--f-mono); font-size: .72rem; letter-spacing: .2em; text-transform: uppercase; color: rgba(5,5,5,.65); writing-mode: vertical-rl; transform: rotate(180deg); }
    .poster__text { font-family: var(--f-display); font-size: clamp(3.4rem, 11vw, 10rem); line-height: .86; margin: 0; }
    .poster__text .strike { position: relative; display: inline-block; }
    .poster__text .strike::after {
      content: ""; position: absolute; left: -2%; right: -2%; top: 52%; height: .09em;
      background: var(--black); transform: rotate(-2.5deg);
    }
    .poster__text .club { color: #8a5f1f; display: block; }
    .poster__scrawl { position: absolute; right: var(--pad); top: clamp(1.5rem, 5vw, 3rem); font-family: var(--f-marker); font-size: clamp(1rem, 2vw, 1.4rem); color: var(--black); transform: rotate(-6deg); opacity: .75; }

    /* ============================================================
       8. WHO ARE THE POORS
       ============================================================ */
    .who { background: var(--black); }
    .who__grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(3rem, 7vw, 7rem); align-items: start; margin-top: 3rem; }
    .who__lead { font-family: var(--f-display); font-size: clamp(2.2rem, 4.5vw, 3.8rem); line-height: .98; color: var(--gold); margin-bottom: 2rem; }
    .who__list li {
      font-size: clamp(1.1rem, 1.8vw, 1.35rem); color: var(--cream); padding: .8rem 0;
      border-bottom: 1px solid var(--cream-10); display: flex; gap: 1.2rem; align-items: baseline;
    }
    .who__list li::before { content: attr(data-n); font-family: var(--f-mono); font-size: .7rem; color: var(--bronze); letter-spacing: .12em; min-width: 2ch; }
    .who__end { margin-top: 2.2rem; font-size: 1.2rem; color: var(--cream-70); }
    .who__end strong { display: block; font-family: var(--f-display); font-weight: 400; font-size: clamp(2.6rem, 5vw, 4.2rem); line-height: .95; color: var(--cream); margin-top: .3rem; }

    /* stamped words */
    .stamps { display: flex; flex-wrap: wrap; gap: 1rem 1.2rem; align-content: flex-start; padding-top: .5rem; }
    .stamp {
      font-family: var(--f-display); font-size: clamp(2.4rem, 5.4vw, 4.6rem); line-height: .9; letter-spacing: .03em;
      padding: .15em .35em .05em; border: 3px solid currentColor; color: var(--cream-50);
      transform: rotate(var(--r, 0deg)); transition: transform .45s var(--ease), color .35s, text-shadow .35s, opacity 1s var(--ease);
      user-select: none;
    }
    .js .stamp.reveal { transform: rotate(var(--r, 0deg)) translateY(28px); }
    .js .stamp.reveal.is-visible { transform: rotate(var(--r, 0deg)); }
    .stamp:hover, .js .stamp.reveal.is-visible:hover { transform: rotate(0deg) scale(1.04); color: var(--cream); }
    .stamp--rugged { --r: -3deg; }
    .stamp--diluted { --r: 2deg; color: var(--bronze); }
    .stamp--migrated { --r: -1.5deg; }
    .stamp--forgotten { --r: 3deg; color: rgba(242,232,213,.38); text-decoration: line-through; text-decoration-thickness: 3px; }
    .stamp--still { --r: -2deg; color: var(--green); text-shadow: 0 0 22px rgba(128,255,31,.35); width: 100%; text-align: center; font-size: clamp(3.2rem, 8vw, 6.6rem); }
    .stamp--still:hover, .js .stamp--still.reveal.is-visible:hover { color: var(--green); text-shadow: 0 0 34px rgba(128,255,31,.55); }

    /* Poor Cat translator */
    .cat-say { margin-top: clamp(5rem, 9vw, 8rem); display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; }
    .cat-say__portrait { position: relative; aspect-ratio: 1; max-width: 380px; width: 100%; background: var(--black); border: 1px solid var(--gold-30); overflow: hidden; transform: rotate(-2deg); }
    .cat-say__portrait img { width: 100%; height: 100%; object-fit: cover; }
    .cat-say__portrait.is-missing { background: radial-gradient(circle at 50% 45%, rgba(231,192,106,.15), transparent 60%), var(--char-2); }
    .cat-say__title { font-family: var(--f-display); font-size: clamp(2.4rem, 5vw, 4rem); line-height: .92; margin-top: 1rem; }
    .cat-say__bio { color: var(--cream-70); max-width: 52ch; margin-top: 1rem; }
    .translate { margin-top: 2rem; border-top: 1px solid var(--gold-30); }
    .translate__row { display: grid; grid-template-columns: 1fr auto 1fr; gap: 1rem; align-items: center; padding: 1.1rem 0; border-bottom: 1px solid var(--cream-10); }
    .translate__them { font-family: var(--f-mono); font-size: .9rem; color: var(--cream-70); }
    .translate__them small { display: block; font-size: .62rem; letter-spacing: .2em; color: var(--cream-50); text-transform: uppercase; margin-bottom: .2rem; }
    .translate__arrow { font-family: var(--f-mono); color: var(--bronze); }
    .translate__cat { font-family: var(--f-marker); font-size: 1.3rem; color: var(--gold); line-height: 1.15; }

    /* ============================================================
       9. MANIFESTO (editorial)
       ============================================================ */
    .manifesto {
      background:
        radial-gradient(50% 40% at 85% 10%, rgba(231,192,106,.07), transparent 70%),
        radial-gradient(40% 30% at 5% 60%, rgba(185,135,53,.06), transparent 70%),
        var(--char);
      border-top: 1px solid var(--gold-15);
    }
    .manifesto__open {
      font-family: var(--f-display); font-size: clamp(4rem, 14vw, 13rem); line-height: .82; color: var(--gold);
      margin-top: clamp(3rem, 7vw, 6rem); text-shadow: 0 0 80px rgba(231,192,106,.18);
    }
    .m-block { margin-top: clamp(4rem, 9vw, 8rem); }
    .m-num { font-family: var(--f-mono); font-size: .72rem; letter-spacing: .2em; color: var(--bronze); text-transform: uppercase; display: block; margin-bottom: 1.4rem; }
    .m-lede { color: var(--cream-70); font-size: clamp(1.1rem, 1.8vw, 1.35rem); max-width: 56ch; margin-bottom: 2rem; }

    .m-intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(2rem, 6vw, 6rem); }
    .m-intro__big { font-family: var(--f-display); font-size: clamp(2.4rem, 5vw, 4.4rem); line-height: .95; }
    .m-intro__big em { font-style: normal; color: var(--gold); }
    .m-intro__side { font-size: clamp(1.1rem, 1.7vw, 1.35rem); color: var(--cream-70); align-self: end; max-width: 36ch; }

    .m-litany { columns: 2; column-gap: clamp(2rem, 6vw, 6rem); }
    .m-litany p { break-inside: avoid; font-size: clamp(1.15rem, 2vw, 1.55rem); line-height: 1.35; margin: 0; padding: .55rem 0; border-bottom: 1px solid var(--cream-10); }
    .m-litany p span { color: var(--gold); }
    .m-because { margin-top: 2.5rem; font-family: var(--f-display); font-size: clamp(2rem, 4vw, 3.4rem); line-height: 1; max-width: 26ch; }
    .m-because span { color: var(--gold); }

    .m-full { font-family: var(--f-display); font-size: clamp(2.6rem, 6.4vw, 6rem); line-height: .92; max-width: 18ch; }
    .m-full .dim { color: var(--cream-50); }

    .m-changes { display: flex; flex-wrap: wrap; gap: .4rem 1.2rem; margin-top: 2.2rem; font-family: var(--f-display); font-size: clamp(1.7rem, 3.4vw, 2.8rem); line-height: 1; color: var(--cream-70); }
    .m-changes span::after { content: " /"; color: var(--bronze); }
    .m-changes span:last-child::after { content: ""; }
    .m-changes-note { margin-top: 1.6rem; font-size: clamp(1.1rem, 1.7vw, 1.3rem); color: var(--cream-70); max-width: 52ch; }

    .m-name { text-align: center; padding: clamp(3rem, 7vw, 6rem) 0; border-block: 1px solid var(--gold-30); }
    .m-name p { color: var(--cream-70); font-size: clamp(1.1rem, 1.8vw, 1.4rem); max-width: 40ch; margin: 0 auto; }
    .m-name strong { display: block; font-family: var(--f-display); font-weight: 400; font-size: clamp(5rem, 18vw, 15rem); line-height: .8; color: var(--cream); margin-top: 1.5rem; letter-spacing: .02em; }
    .m-name strong::after { content: "."; color: var(--gold); }

    .m-two { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(2rem, 6vw, 6rem); }
    .m-two p { font-size: clamp(1.05rem, 1.6vw, 1.25rem); color: var(--cream-70); }
    .m-two .m-pull { font-family: var(--f-display); font-size: clamp(2.4rem, 5vw, 4.4rem); line-height: .95; color: var(--gold); }
    .m-accept li { font-size: clamp(1.1rem, 1.8vw, 1.4rem); padding: .55rem 0; border-bottom: 1px solid var(--cream-10); display: flex; justify-content: space-between; gap: 1rem; }
    .m-accept li span:last-child { font-family: var(--f-mono); font-size: .72rem; letter-spacing: .16em; color: var(--green); text-transform: uppercase; align-self: center; white-space: nowrap; }
    .m-cannot { margin-top: 2.2rem; padding-left: 1.4rem; border-left: 3px solid var(--gold); }
    .m-cannot p { font-size: clamp(1.15rem, 1.9vw, 1.5rem); color: var(--cream); margin: 0 0 .4rem; }
    .m-cannot .label { font-family: var(--f-mono); font-size: .72rem; letter-spacing: .2em; text-transform: uppercase; color: var(--gold); display: block; margin-bottom: .8rem; }

    .m-said { border-top: 1px solid var(--gold-30); }
    .m-said__row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.5rem clamp(2rem, 5vw, 5rem); align-items: center; padding: clamp(1.4rem, 3vw, 2.2rem) 0; border-bottom: 1px solid var(--cream-10); }
    .m-said__row p { margin: 0; }
    .m-said__claim { font-family: var(--f-display); font-size: clamp(2.4rem, 5.6vw, 5rem); line-height: .9; color: var(--cream); position: relative; justify-self: start; }
    .m-said__claim small { display: block; font-family: var(--f-mono); font-size: .66rem; letter-spacing: .2em; color: var(--cream-50); margin-bottom: .4rem; }
    .m-said__claim .q { position: relative; }
    .m-said__claim .q::after {
      content: ""; position: absolute; left: -3%; right: -3%; top: 50%; height: 4px; background: var(--gold);
      transform: scaleX(0) rotate(-2deg); transform-origin: left; transition: transform .9s var(--ease) .35s;
    }
    .m-said__row.is-visible .m-said__claim .q::after, html:not(.js) .m-said__claim .q::after { transform: scaleX(1) rotate(-2deg); }
    .m-said__then { font-size: clamp(1.1rem, 1.9vw, 1.45rem); color: var(--cream-70); }
    .m-said__then b { font-weight: 600; color: var(--cream); }
    .m-left { margin-top: 3rem; font-family: var(--f-display); font-size: clamp(2.6rem, 6vw, 5.4rem); line-height: .92; }
    .m-left .gold { display: block; }

    .m-who { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(2rem, 6vw, 6rem); align-items: start; }
    .m-who__list li { font-family: var(--f-display); font-size: clamp(1.8rem, 3.4vw, 2.8rem); line-height: 1.05; padding: .3rem 0; color: var(--cream); }
    .m-who__list li:nth-child(even) { color: var(--cream-70); padding-left: clamp(1rem, 4vw, 3rem); }

    .m-values__lines { font-family: var(--f-display); font-size: clamp(2.2rem, 5vw, 4.4rem); line-height: .98; }
    .m-values__lines span { display: block; }
    .m-values__lines span:nth-child(2) { padding-left: clamp(1rem, 6vw, 6rem); }
    .m-values__lines span:nth-child(3) { padding-left: clamp(2rem, 12vw, 12rem); color: var(--gold); }
    .m-problem { margin-top: clamp(2.5rem, 5vw, 4rem); max-width: 60ch; margin-left: auto; font-size: clamp(1.15rem, 1.9vw, 1.5rem); color: var(--cream); padding: 1.6rem 0 0; border-top: 1px solid var(--gold-30); }
    .m-problem .label { display: block; font-family: var(--f-mono); font-size: .72rem; letter-spacing: .2em; color: var(--gold); text-transform: uppercase; margin-bottom: .8rem; }

    .m-keep__not { display: flex; flex-direction: column; gap: .2rem; margin-top: 1.8rem; }
    .m-keep__not span { font-family: var(--f-display); font-size: clamp(1.8rem, 3.6vw, 3rem); line-height: 1; color: var(--cream-50); text-decoration: line-through; text-decoration-color: var(--bronze); text-decoration-thickness: 3px; }
    .m-keep__because { margin-top: 2rem; font-family: var(--f-display); font-size: clamp(2.4rem, 5.6vw, 5rem); line-height: .92; max-width: 20ch; }

    .m-token { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(2rem, 6vw, 6rem); align-items: center; padding: clamp(2.5rem, 5vw, 4rem); border: 1px solid var(--gold-30); background: linear-gradient(135deg, rgba(231,192,106,.05), transparent 60%); position: relative; }
    .m-token::before { content: "THE POORS"; position: absolute; top: -.7em; left: 1.5rem; padding: 0 .6rem; background: var(--char); font-family: var(--f-mono); font-size: .75rem; letter-spacing: .2em; color: var(--gold); }
    .m-token__no li { font-size: clamp(1.1rem, 1.8vw, 1.35rem); padding: .45rem 0; color: var(--cream-70); }
    .m-token__no li::before { content: "✕ "; color: var(--bronze); font-family: var(--f-mono); }
    .m-token__here { font-family: var(--f-display); font-size: clamp(4rem, 10vw, 8.5rem); line-height: .82; color: var(--gold); margin: 0; }
    .m-token__ledger { margin-top: 1.4rem; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .3rem 1.4rem; font-family: var(--f-mono); font-size: .85rem; letter-spacing: .08em; text-transform: uppercase; color: var(--cream); }
    .m-token__ledger span::before { content: "› "; color: var(--gold); }
    .m-token__ledger .final { grid-column: 1 / -1; color: var(--green); margin-top: .4rem; }
    .m-token__ledger .final::before { color: var(--green); }

    .m-finale { text-align: center; padding-top: clamp(2rem, 5vw, 4rem); }
    .m-finale__slogan { font-family: var(--f-display); font-size: clamp(2.6rem, 7vw, 6.4rem); line-height: .9; }
    .m-finale__slogan span { display: block; }
    .m-finale__slogan span + span { color: var(--gold); }
    .m-finale__can { display: flex; flex-wrap: wrap; justify-content: center; gap: .3rem 1.6rem; margin-top: 2.6rem; font-family: var(--f-mono); font-size: clamp(.8rem, 1.3vw, .95rem); letter-spacing: .14em; text-transform: uppercase; color: var(--cream-50); }
    .m-finale__cannot { margin-top: 1.4rem; font-size: clamp(1.2rem, 2.2vw, 1.7rem); color: var(--cream); }
    .m-finale__cannot b { color: var(--gold); font-weight: 600; }
    .m-sign { margin-top: clamp(3rem, 6vw, 5rem); font-family: var(--f-display); font-size: clamp(3rem, 8vw, 7rem); line-height: .86; }
    .m-sign small { display: block; font-size: .42em; color: var(--cream-70); letter-spacing: .04em; margin-bottom: .4em; }
    .m-sign .crown-emoji { display: block; font-size: .6em; margin-top: .3em; filter: drop-shadow(0 0 20px rgba(231,192,106,.5)); }

    /* ============================================================
       10. BRIDGE — one community, everyone's story
       ============================================================ */
    .bridge { padding: clamp(5rem, 10vw, 8rem) 0; background: var(--black); text-align: center; border-top: 1px solid var(--gold-15); }
    .bridge p { margin: 0 auto; max-width: 24ch; font-family: var(--f-display); font-size: clamp(2.2rem, 5.4vw, 4.6rem); line-height: .98; color: var(--cream-70); }
    .bridge p strong { font-weight: 400; color: var(--cream); display: block; margin-top: .3em; }
    .bridge p strong span { color: var(--gold); }

    /* ============================================================
       11. STORY / TIMELINE
       ============================================================ */
    .story { background: linear-gradient(180deg, var(--black), var(--char) 30%, var(--char) 70%, var(--black)); }
    .story__head { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: clamp(2rem, 5vw, 5rem); align-items: end; }
    .story__sub { font-family: var(--f-display); font-size: clamp(1.8rem, 3.4vw, 2.8rem); line-height: 1; color: var(--cream-70); margin: 0; }
    .story__sub span { display: block; }
    .story__sub span:last-child { color: var(--gold); }

    .notice {
      margin-top: clamp(3rem, 6vw, 4.5rem); display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 1.4rem;
      padding: clamp(1.4rem, 3vw, 2rem); border: 1px solid var(--cream-20); border-left: 3px solid var(--gold);
      background: rgba(242,232,213,.03);
    }
    .notice__icon { font-family: var(--f-mono); font-size: .7rem; letter-spacing: .2em; color: var(--gold); text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(180deg); }
    .notice h3 { font-family: var(--f-mono); font-size: .8rem; letter-spacing: .16em; text-transform: uppercase; color: var(--gold); margin-bottom: .9rem; }
    .notice p { color: var(--cream-70); font-size: .98rem; margin-bottom: .6rem; max-width: 80ch; }
    .notice p:last-child { margin-bottom: 0; color: var(--cream); }

    .legend { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1.6rem; align-items: center; }
    .legend__label { font-family: var(--f-mono); font-size: .68rem; letter-spacing: .18em; color: var(--cream-50); text-transform: uppercase; margin-right: .4rem; }

    .tl { position: relative; margin-top: clamp(4rem, 8vw, 6rem); }
    .tl::before {
      content: ""; position: absolute; top: 0; bottom: 0; left: 220px; width: 2px;
      background: repeating-linear-gradient(180deg, var(--gold) 0 26px, transparent 26px 34px, var(--bronze) 34px 44px, transparent 44px 56px);
      opacity: .5;
    }
    .tl__item { position: relative; display: grid; grid-template-columns: 220px minmax(0, 1fr); padding-bottom: clamp(4rem, 8vw, 6.5rem); }
    .tl__item:last-child { padding-bottom: 0; }
    .tl__item::before {
      content: ""; position: absolute; left: 214px; top: .9rem; width: 14px; height: 14px;
      background: var(--black); border: 2px solid var(--gold); transform: rotate(45deg);
      box-shadow: 0 0 0 6px var(--char), 0 0 18px rgba(231,192,106,.4);
    }
    .tl__date { padding-right: 2.2rem; text-align: right; position: sticky; top: calc(var(--nav-h) + 2rem); align-self: start; }
    .tl__step { font-family: var(--f-mono); font-size: .68rem; letter-spacing: .2em; color: var(--bronze); display: block; }
    .tl__year { font-family: var(--f-display); font-size: clamp(2.6rem, 4vw, 3.6rem); line-height: .95; color: var(--cream); display: block; }
    .tl__era { font-family: var(--f-mono); font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var(--gold); display: block; margin-top: .3rem; }
    .tl__body { padding-left: clamp(2rem, 4vw, 3.5rem); max-width: 760px; }
    .tl__tags { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1.1rem; }
    .tl__body h3 { font-family: var(--f-display); font-size: clamp(2.1rem, 4vw, 3.2rem); line-height: .95; color: var(--cream); margin-bottom: 1.2rem; }
    .tl__body p { color: var(--cream-70); }
    .tl__body p strong { color: var(--cream); font-weight: 600; }
    .tl__list { margin: .4rem 0 1.4rem; border-top: 1px solid var(--cream-10); }
    .tl__list li { padding: .55rem 0 .55rem 1.6rem; border-bottom: 1px solid var(--cream-10); color: var(--cream); position: relative; font-size: .98rem; }
    .tl__list li::before { content: "—"; position: absolute; left: 0; color: var(--bronze); }
    .tl__figure { display: flex; flex-wrap: wrap; gap: 1.6rem 2.6rem; margin: 1.4rem 0 1.6rem; padding: 1.2rem 0; border-block: 1px dashed var(--gold-30); }
    .tl__figure div { display: flex; flex-direction: column; }
    .tl__figure b { font-family: var(--f-display); font-weight: 400; font-size: clamp(2rem, 3.4vw, 2.8rem); line-height: 1; color: var(--gold); }
    .tl__figure span { font-family: var(--f-mono); font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; color: var(--cream-50); margin-top: .3rem; }
    .tl__split { margin: 1.4rem 0 1.6rem; }
    .tl__split-bar { display: flex; height: 14px; border: 1px solid var(--cream-20); }
    .tl__split-bar i { display: block; height: 100%; }
    .tl__split-legend { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem 1.2rem; margin-top: .9rem; font-family: var(--f-mono); font-size: .75rem; color: var(--cream-70); }
    .tl__split-legend span { display: flex; gap: .5rem; align-items: center; }
    .tl__split-legend span::before { content: ""; width: 10px; height: 10px; background: var(--c); flex-shrink: 0; }
    .tl__split-note { font-family: var(--f-mono); font-size: .7rem; color: var(--cream-50) !important; margin-top: .8rem; letter-spacing: .04em; }

    .tl__note {
      margin: 1.4rem 0 1.6rem; padding: 1.2rem 1.3rem; position: relative;
      background: repeating-linear-gradient(-45deg, rgba(185,135,53,.05) 0 10px, transparent 10px 20px);
      border: 1px dashed rgba(185,135,53,.6);
    }
    .tl__note-label { display: block; font-family: var(--f-mono); font-size: .68rem; letter-spacing: .2em; text-transform: uppercase; color: var(--bronze); margin-bottom: .6rem; }
    .tl__note p { color: var(--cream-70); font-size: .97rem; margin-bottom: .5rem; }
    .tl__note p:last-child { margin-bottom: 0; }
    .tl__quote { margin: 1.8rem 0; font-family: var(--f-display); font-size: clamp(2rem, 4vw, 3.2rem); line-height: 1; color: var(--cream) !important; }
    .tl__quote em { font-style: normal; color: var(--gold); }
    .tl__loop { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .9rem; margin: 1.4rem 0; font-family: var(--f-display); font-size: clamp(1.5rem, 2.8vw, 2.1rem); color: var(--cream); }
    .tl__loop span:not(.sep) { white-space: nowrap; }
    .tl__loop .sep { font-family: var(--f-mono); font-size: .9rem; color: var(--bronze); }
    .tl__loop .old { color: var(--cream-50); text-decoration: line-through; text-decoration-color: var(--bronze); }

    /* Two readings */
    .readings { margin-top: clamp(5rem, 10vw, 8rem); }
    .readings__title { font-family: var(--f-display); font-size: clamp(2.6rem, 6vw, 5rem); line-height: .9; }
    .readings__intro { color: var(--cream-70); margin-top: 1rem; max-width: 60ch; }
    .readings__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); margin-top: 2.5rem; border-block: 1px solid var(--gold-30); }
    .reading { padding: clamp(1.6rem, 3vw, 2.6rem) clamp(1.2rem, 3vw, 2.6rem) clamp(1.6rem, 3vw, 2.6rem) 0; }
    .reading + .reading { border-left: 1px solid var(--gold-30); padding-left: clamp(1.2rem, 3vw, 2.6rem); padding-right: 0; }
    .reading__n { font-family: var(--f-mono); font-size: .7rem; letter-spacing: .2em; color: var(--bronze); text-transform: uppercase; }
    .reading h3 { font-family: var(--f-display); font-size: clamp(1.8rem, 3vw, 2.4rem); line-height: 1; margin: .7rem 0 .9rem; color: var(--cream); }
    .reading p { color: var(--cream-70); margin: 0; }
    .readings__verdict { margin-top: 2.5rem; display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(1.5rem, 5vw, 5rem); align-items: start; }
    .readings__verdict .mind { font-family: var(--f-display); font-size: clamp(2rem, 4vw, 3.2rem); line-height: 1; color: var(--gold); margin: 0; }
    .readings__verdict p { color: var(--cream); font-size: clamp(1.1rem, 1.8vw, 1.35rem); }

    /* ============================================================
       12. ARCHIVE
       ============================================================ */
    .archive { background: var(--black); border-top: 1px solid var(--gold-15); overflow: hidden; }
    .archive::before {
      content: "ARCHIVE"; position: absolute; right: -2vw; top: 2rem; z-index: 0;
      font-family: var(--f-display); font-size: clamp(8rem, 26vw, 24rem); line-height: .8; color: transparent;
      -webkit-text-stroke: 1px rgba(231,192,106,.08); pointer-events: none;
    }
    .archive .wrap { position: relative; z-index: 1; }
    .archive__head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(2rem, 6vw, 6rem); align-items: end; }
    .archive__main { font-family: var(--f-display); font-size: clamp(2.2rem, 4.6vw, 3.8rem); line-height: .96; margin-top: 1.4rem; }
    .archive__main span { color: var(--gold); display: block; }
    .survived li { font-family: var(--f-display); font-size: clamp(1.7rem, 3vw, 2.4rem); line-height: 1.1; color: var(--cream); }
    .survived li:first-child { color: var(--cream-50); text-decoration: line-through; text-decoration-color: var(--bronze); text-decoration-thickness: 2px; margin-bottom: .3rem; }
    .survived li:not(:first-child)::before { content: "✓ "; font-family: var(--f-mono); font-size: .55em; color: var(--green); vertical-align: middle; }

    .files { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 1.6rem); margin-top: clamp(3.5rem, 7vw, 5.5rem); }
    .file {
      position: relative; padding: 1.6rem 1.4rem 1.4rem; margin-top: 18px;
      background: linear-gradient(180deg, var(--char-2), var(--char));
      border: 1px solid var(--cream-10); transition: transform .4s var(--ease), border-color .3s, opacity 1s var(--ease);
    }
    .file::before {
      content: attr(data-tab); position: absolute; top: -19px; left: -1px; height: 19px; padding: 0 1.4rem 0 .9rem;
      display: flex; align-items: center; font-family: var(--f-mono); font-size: .62rem; letter-spacing: .18em;
      color: var(--black); background: var(--bronze);
      clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 0 100%);
    }
    .file:hover { transform: translateY(-4px) rotate(-.4deg); border-color: var(--gold-30); }
    .file:hover::before { background: var(--gold); }
    .file__name { font-family: var(--f-display); font-size: clamp(2rem, 3.4vw, 2.8rem); line-height: .95; color: var(--cream); }
    .file__desc { font-size: .9rem; color: var(--cream-50); margin: .4rem 0 1.4rem; min-height: 2.9em; }
    .file__meta { font-family: var(--f-mono); font-size: .7rem; letter-spacing: .08em; color: var(--cream-50); display: grid; gap: .25rem; border-top: 1px dashed var(--cream-20); padding-top: .9rem; }
    .file__meta b { color: var(--cream-70); font-weight: 500; }
    .file__status { margin-top: 1.1rem; display: inline-flex; align-items: center; gap: .5rem; font-family: var(--f-mono); font-size: .68rem; letter-spacing: .16em; color: var(--gold); text-transform: uppercase; }
    .file__status::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--gold); animation: pulse 2.4s ease-in-out infinite; }
    @keyframes pulse { 50% { opacity: .25; } }

    .archive__foot { margin-top: clamp(3rem, 6vw, 4.5rem); display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: 2rem; align-items: center; padding-top: 2rem; border-top: 1px solid var(--cream-10); }
    .archive__foot p { color: var(--cream-70); margin: .8rem 0 0; font-size: .95rem; max-width: 60ch; }
    .archive__foot .btn { justify-self: end; }

    /* ============================================================
       13. $POOR TOKEN
       ============================================================ */
    .token {
      background:
        radial-gradient(45% 50% at 25% 40%, rgba(231,192,106,.12), transparent 70%),
        var(--char);
      border-top: 1px solid var(--gold-15);
    }
    .token__grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(3rem, 7vw, 7rem); align-items: center; margin-top: 2rem; }
    .crown { position: relative; max-width: 460px; width: 100%; aspect-ratio: 1; justify-self: center; margin: 0; }
    .crown__halo { position: absolute; inset: 8%; border-radius: 50%; background: radial-gradient(circle, rgba(231,192,106,.35), transparent 65%); filter: blur(20px); animation: breathe 6s ease-in-out infinite; }
    .crown__ring { position: absolute; inset: 0; border-radius: 50%; border: 1px dashed var(--gold-30); }
    .crown__ring::after { content: ""; position: absolute; inset: 7%; border-radius: 50%; border: 1px solid rgba(231,192,106,.12); }
    .crown__img { position: absolute; inset: 10%; animation: float 7s ease-in-out infinite; }
    /* poor-token.png has a black square background: clip to the coin's circle */
    .crown__img img { width: 100%; height: 100%; object-fit: contain; border-radius: 50%; box-shadow: 0 30px 60px -20px #000, 0 0 60px -10px rgba(231,192,106,.35); }
    .crown__img.is-missing { border-radius: 50%; background: radial-gradient(circle at 35% 30%, #f5d891, var(--gold) 40%, var(--bronze) 75%, #6b4a1a); box-shadow: inset 0 -12px 30px rgba(0,0,0,.35), 0 30px 60px -20px #000; }
    .crown__img.is-missing::after { color: var(--black); font-family: var(--f-display); font-size: clamp(2.4rem, 6vw, 4rem); letter-spacing: .04em; }
    .crown__label { position: absolute; bottom: -.5rem; left: 50%; transform: translateX(-50%); white-space: nowrap; font-family: var(--f-mono); font-size: .68rem; letter-spacing: .25em; text-transform: uppercase; color: var(--gold); background: var(--char); padding: .3rem .8rem; border: 1px solid var(--gold-30); }
    @keyframes float { 50% { transform: translateY(-12px) rotate(-1.5deg); } }
    @keyframes breathe { 50% { opacity: .55; transform: scale(.94); } }

    .token__big { font-family: var(--f-display); font-size: clamp(3.4rem, 8vw, 7.4rem); line-height: .86; margin: 0; }
    .token__big span { color: var(--gold); display: block; }
    .token__nots { margin-top: 1.8rem; }
    .token__nots p { font-size: clamp(1.1rem, 1.8vw, 1.35rem); margin: 0; padding: .45rem 0; color: var(--cream-70); border-bottom: 1px solid var(--cream-10); }
    .token__is { margin-top: 1.8rem; font-family: var(--f-display); font-size: clamp(1.8rem, 3.4vw, 2.7rem); line-height: 1.05; }
    .token__is .proof { display: block; color: var(--gold); margin-top: .2rem; }
    .crown-caption { margin-top: 1.4rem; font-size: .95rem; color: var(--cream-50); font-style: italic; }

    .acro { display: flex; flex-wrap: wrap; gap: .4rem 1.4rem; margin-top: 2.2rem; padding: 1.1rem 0; border-block: 1px dashed var(--gold-30); align-items: baseline; }
    .acro__word { font-family: var(--f-display); font-size: clamp(1.4rem, 2.6vw, 2rem); color: var(--cream-70); }
    .acro__word b { color: var(--gold); font-weight: 400; }
    .acro__note { width: 100%; font-family: var(--f-mono); font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; color: var(--cream-50); }

    .spec { margin-top: clamp(4rem, 8vw, 6rem); display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: clamp(2rem, 5vw, 5rem); align-items: start; }
    .spec__sheet { border: 1px solid var(--gold-30); background: rgba(5,5,5,.5); }
    .spec__bar { display: flex; justify-content: space-between; gap: 1rem; padding: .8rem 1.2rem; border-bottom: 1px solid var(--gold-30); font-family: var(--f-mono); font-size: .68rem; letter-spacing: .2em; text-transform: uppercase; color: var(--gold); }
    .spec__bar span:last-child { color: var(--cream-50); }
    .spec dl { margin: 0; }
    .spec__row { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 1rem; padding: 1rem 1.2rem; border-bottom: 1px solid var(--cream-10); font-family: var(--f-mono); font-size: .88rem; }
    .spec__row:last-child { border-bottom: 0; }
    .spec dt { color: var(--cream-50); letter-spacing: .14em; text-transform: uppercase; font-size: .72rem; align-self: center; }
    .spec dd { margin: 0; color: var(--cream); letter-spacing: .06em; }
    .spec dd.pending { color: var(--gold); }
    .spec__cta { padding: 1.2rem; border-top: 1px solid var(--gold-30); display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; justify-content: space-between; }
    .spec__cta small { font-family: var(--f-mono); font-size: .7rem; color: var(--cream-50); letter-spacing: .06em; max-width: 34ch; }

    .transparency h3 { font-family: var(--f-display); font-size: clamp(2.2rem, 4vw, 3.2rem); line-height: .92; }
    .transparency h3 span { color: var(--gold); display: block; }
    .transparency p { color: var(--cream-70); margin-top: 1rem; }
    .transparency ul { margin-top: 1.2rem; }
    .transparency li { padding: .55rem 0 .55rem 1.8rem; position: relative; border-bottom: 1px solid var(--cream-10); color: var(--cream); font-size: .98rem; }
    .transparency li::before { content: "◆"; position: absolute; left: 0; top: .6rem; font-size: .7rem; color: var(--gold); }

    .roadmap { margin-top: clamp(4.5rem, 9vw, 7rem); position: relative; }
    .roadmap__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 1rem; }
    .roadmap__title { font-family: var(--f-display); font-size: clamp(3rem, 7vw, 6rem); line-height: .85; }
    .roadmap__aside { font-family: var(--f-marker); color: var(--gold); font-size: clamp(1rem, 1.8vw, 1.25rem); transform: rotate(-3deg); max-width: 26ch; margin: 0; }
    .roadmap__steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 2rem; border-top: 2px solid var(--gold); }
    .roadmap__step { padding: 1.6rem 1.4rem 1.6rem 0; position: relative; }
    .roadmap__step + .roadmap__step { padding-left: 1.4rem; border-left: 1px solid var(--cream-10); }
    .roadmap__step span { font-family: var(--f-mono); font-size: .8rem; color: var(--bronze); letter-spacing: .14em; }
    .roadmap__step p { font-family: var(--f-display); font-size: clamp(1.9rem, 3.4vw, 2.8rem); line-height: .95; margin: .5rem 0 0; color: var(--cream); }
    .roadmap__step:last-child p { color: var(--gold); }
    .roadmap__crossed { margin-top: 1.4rem; font-family: var(--f-mono); font-size: .72rem; letter-spacing: .12em; color: var(--cream-50); text-transform: uppercase; }
    .roadmap__crossed s { text-decoration-color: var(--bronze); margin-right: .9rem; display: inline-block; }

    .risk {
      margin-top: clamp(3.5rem, 7vw, 5rem); padding: 1.2rem 1.4rem; display: flex; gap: 1rem; align-items: flex-start;
      border: 1px solid var(--cream-20); background: rgba(242,232,213,.03);
    }
    .risk__label { flex-shrink: 0; font-family: var(--f-mono); font-size: .68rem; letter-spacing: .2em; color: var(--black); background: var(--cream); padding: .3rem .5rem; text-transform: uppercase; }
    .risk p { margin: 0; color: var(--cream-70); font-size: .92rem; }

    /* ============================================================
       14. JOIN
       ============================================================ */
    .join { background: var(--black); text-align: center; overflow: hidden; border-top: 1px solid var(--gold-15); }
    .join::before {
      content: ""; position: absolute; inset: 0; pointer-events: none;
      background: radial-gradient(50% 50% at 50% 60%, rgba(231,192,106,.1), transparent 70%);
    }
    .join .wrap { position: relative; }
    .join__title { font-family: var(--f-display); font-size: clamp(4rem, 13vw, 12rem); line-height: .82; margin-top: 1.4rem; }
    .join__title span { color: var(--gold); display: block; }
    .join__copy { font-size: clamp(1.2rem, 2.2vw, 1.6rem); color: var(--cream-70); margin-top: 1.4rem; }

    /* Banner showcase: the X header shown in full, like a pasted street poster */
    .showcase { margin: clamp(2.5rem, 5vw, 4rem) auto 0; max-width: 1100px; transform: rotate(-.6deg); }
    .showcase__frame { position: relative; aspect-ratio: 3 / 1; background: var(--char-2); border: 1px solid var(--gold-30); overflow: hidden; box-shadow: 0 40px 80px -40px #000; }
    .showcase__frame img { width: 100%; height: 100%; object-fit: cover; }
    .showcase__frame::before, .showcase__frame::after { content: ""; position: absolute; z-index: 2; width: 90px; height: 24px; background: rgba(242,232,213,.75); mix-blend-mode: normal; }
    .showcase__frame::before { top: -6px; left: 6%; transform: rotate(-6deg); }
    .showcase__frame::after { bottom: -6px; right: 6%; transform: rotate(-4deg); }
    .showcase__frame.is-missing::after { position: absolute; inset: 0; width: auto; height: auto; background: none; transform: none; display: grid; place-items: center; }
    .showcase figcaption { margin-top: .8rem; font-family: var(--f-mono); font-size: .66rem; letter-spacing: .18em; text-transform: uppercase; color: var(--cream-50); }

    .join__links { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; margin-top: 2.6rem; }
    .join__links .btn { min-width: 200px; }
    .join__warn { margin: 1.4rem auto 0; font-family: var(--f-mono); font-size: .72rem; letter-spacing: .06em; color: var(--cream-50); max-width: 60ch; }
    .join__domain { margin-top: clamp(3rem, 6vw, 4.5rem); font-family: var(--f-mono); font-size: clamp(1rem, 2vw, 1.3rem); letter-spacing: .3em; color: var(--gold); }

    .wallet { margin: clamp(3rem, 6vw, 4.5rem) auto 0; max-width: 520px; border: 1px dashed var(--cream-20); padding: 1.4rem; }
    .wallet__label { font-family: var(--f-mono); font-size: .68rem; letter-spacing: .2em; color: var(--cream-50); text-transform: uppercase; margin: 0; }
    .wallet .btn { margin-top: 1rem; }
    .wallet__out { min-height: 4.5rem; margin-top: 1rem; display: grid; place-items: center; }
    .wallet__out .r404 { font-family: var(--f-display); font-size: 3rem; line-height: .9; color: var(--cream); display: block; }
    .wallet__out .rmsg { font-family: var(--f-mono); font-size: .8rem; color: var(--cream-70); letter-spacing: .08em; display: block; margin-top: .3rem; }
    .wallet__out .rcert { display: inline-block; margin-top: .7rem; font-family: var(--f-marker); color: var(--green); font-size: 1.3rem; transform: rotate(-4deg); text-shadow: 0 0 14px rgba(128,255,31,.4); }

    .join__closing { margin-top: clamp(4rem, 8vw, 6rem); font-family: var(--f-display); font-size: clamp(2.6rem, 7vw, 6rem); line-height: .88; }
    .join__closing span { display: block; color: var(--gold); }

    /* ============================================================
       15. FOOTER
       ============================================================ */
    .footer { background: var(--char); border-top: 1px solid var(--gold-30); padding: clamp(3.5rem, 7vw, 5rem) 0 2rem; }
    .footer__grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, .7fr) minmax(0, 1fr); gap: 2.5rem; }
    .footer__brand { font-family: var(--f-display); font-size: clamp(2.6rem, 5vw, 3.6rem); line-height: .9; margin: 0; display: flex; align-items: center; gap: .8rem; }
    .footer__brand img { width: 56px; height: 56px; border-radius: 50%; }
    .footer__tag { font-family: var(--f-mono); font-size: .75rem; letter-spacing: .18em; color: var(--gold); margin-top: .8rem; text-transform: uppercase; }
    .footer__still { margin-top: 1.4rem; font-family: var(--f-display); font-size: 1.6rem; line-height: 1; color: var(--cream-70); }
    .footer h2 { font-family: var(--f-mono); font-size: .7rem; letter-spacing: .2em; color: var(--cream-50); text-transform: uppercase; margin-bottom: 1rem; }
    .footer__nav a { display: inline-block; padding: .3rem 0; text-decoration: none; color: var(--cream-70); font-size: .95rem; }
    .footer__nav a:hover { color: var(--gold); }
    .footer__legal p { font-size: .85rem; color: var(--cream-50); }
    .footer__legal .no { font-family: var(--f-mono); font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; color: var(--cream-70); display: flex; flex-wrap: wrap; gap: .4rem 1rem; margin-bottom: 1rem; }
    .footer__bottom { margin-top: 3rem; padding-top: 1.4rem; border-top: 1px solid var(--cream-10); display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; font-family: var(--f-mono); font-size: .7rem; letter-spacing: .12em; color: var(--cream-50); text-transform: uppercase; }
    .footer__bottom a { color: var(--gold); text-decoration: none; }

    /* ============================================================
       16. RESPONSIVE
       ============================================================ */
    @media (max-width: 1080px) {
      .files { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .tl::before { left: 150px; }
      .tl__item { grid-template-columns: 150px minmax(0, 1fr); }
      .tl__item::before { left: 144px; }
    }

    @media (max-width: 900px) {
      :root { --nav-h: 62px; }
      .nav__toggle { display: block; }
      .nav__links {
        position: fixed; top: var(--nav-h); left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 0;
        background: rgba(5,5,5,.97); border-bottom: 1px solid var(--gold-30);
        padding: .6rem var(--pad) 1.6rem; transform: translateY(-12px); opacity: 0; visibility: hidden;
        transition: opacity .3s var(--ease), transform .3s var(--ease), visibility .3s;
        max-height: calc(100vh - var(--nav-h)); overflow-y: auto;
      }
      .nav.is-open { background: rgba(5,5,5,.97); }
      .nav.is-open .nav__links { opacity: 1; transform: none; visibility: visible; }
      .nav__links a { font-family: var(--f-display); font-size: 2rem; letter-spacing: .05em; padding: .9rem 0; border-bottom: 1px solid var(--cream-10); }
      .nav__links a::after { display: none; }
      .nav__links a.nav__join { margin-top: 1rem; text-align: center; border: 0; }

      .hero__inner { grid-template-columns: 1fr; }
      .hero__cat { width: min(40vw, 200px); order: -1; transform: rotate(-2deg); margin: 0 .5rem 0 auto; justify-self: end; }
      .hero__cat-caption { display: none; }
      .hero__inner { gap: 1.2rem; }
      .hero__meta { margin-bottom: 1rem; }
      .hero__scroll { display: none; }

      .who__grid, .cat-say, .m-intro, .m-two, .m-who, .m-token, .story__head, .archive__head, .token__grid, .spec, .readings__verdict, .archive__foot { grid-template-columns: 1fr; }
      .cat-say__portrait { max-width: 280px; }
      .m-litany { columns: 1; }
      .m-said__row { grid-template-columns: 1fr; gap: .8rem; }
      .crown { max-width: 340px; }
      .archive__foot .btn { justify-self: start; }
      .footer__grid { grid-template-columns: 1fr 1fr; }
      .footer__grid > :first-child { grid-column: 1 / -1; }
    }

    @media (max-width: 680px) {
      body { font-size: 1rem; }
      .poster__inner { grid-template-columns: 1fr; }
      .poster__label { writing-mode: horizontal-tb; transform: none; }
      .poster__scrawl { display: none; }

      /* timeline collapses to one column with the line on the left */
      .tl::before { left: 6px; }
      .tl__item { grid-template-columns: 1fr; padding-left: 2.2rem; padding-bottom: 4rem; }
      .tl__item::before { left: 0; top: .5rem; }
      .tl__date { position: static; text-align: left; padding: 0 0 1.2rem; }
      .tl__body { padding-left: 0; }
      .tl__split-legend { grid-template-columns: 1fr; }

      .readings__grid { grid-template-columns: 1fr; }
      .reading, .reading + .reading { padding: 1.6rem 0; border-left: 0; }
      .reading + .reading { border-top: 1px solid var(--gold-30); }

      .files { grid-template-columns: 1fr; }
      .roadmap__steps { grid-template-columns: 1fr; }
      .roadmap__step, .roadmap__step + .roadmap__step { padding: 1.2rem 0; border-left: 0; border-bottom: 1px solid var(--cream-10); }
      .spec__row { grid-template-columns: 1fr; gap: .3rem; }
      .translate__row { grid-template-columns: 1fr; gap: .3rem; }
      .translate__arrow { display: none; }
      .m-token__ledger { grid-template-columns: 1fr; }
      .notice { grid-template-columns: 1fr; }
      .notice__icon { writing-mode: horizontal-tb; transform: none; }
      .risk { flex-direction: column; }
      .footer__grid { grid-template-columns: 1fr; }
      .hero__ctas .btn, .join__links .btn { flex: 1 1 100%; }
      .sticker--again { left: -8px; font-size: 1.1rem; }
      .sticker--certified { right: -6px; bottom: -14px; font-size: .85rem; }
      .stamps { gap: .8rem; }
      .showcase { transform: none; }
    }

    /* ============================================================
       17. REDUCED MOTION
       ============================================================ */
    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; transition-delay: 0s !important; }
      .ticker__track { animation: none; }
      .hero__bg { transform: none !important; }
    }

    /* V2: readable by default, short first screen, native disclosure panels. */
    [hidden] { display: none !important; }
    .skip-link { position: fixed; top: 0; transform: translateY(calc(-100% - 1rem)); max-width: calc(100% - 2rem); }
    .skip-link:focus { top: 1rem; transform: none; }
    .section { padding: clamp(3.5rem, 7vw, 6rem) 0; }
    .hero__slogan { max-width: 28ch; margin-bottom: 0; }
    .hero__support { max-width: 42ch; }
    .hero__title { font-size: clamp(4.6rem, min(14vw, 17vh), 11rem); }
    .hero { justify-content: center; }
    .hero__inner { align-items: center; }
    .hero__cat { transform: rotate(2deg); }
    .section-intro { max-width: 62ch; color: var(--cream-70); margin: 1.8rem 0 0; font-size: 1.1rem; }
    .principles { margin: 2.4rem 0; }
    .principles li { display: grid; grid-template-columns: 2rem 1fr; gap: 1rem; align-items: baseline; border-bottom: 1px solid var(--cream-20); padding: 1rem 0; }
    .principles li > span { color: var(--gold); font: .75rem var(--f-mono); }
    .principles p { font-family: var(--f-display); font-size: clamp(1.7rem, 3vw, 2.6rem); line-height: 1.15; margin: 0; }
    .expand { margin-top: 1.5rem; border-block: 1px solid var(--cream-20); }
    .expand summary { cursor: pointer; color: var(--gold); padding: 1rem .2rem; font-size: 1rem; font-weight: 600; }
    .expand[open] summary { border-bottom: 1px solid var(--cream-10); margin-bottom: 1.2rem; }
    .expand > p, .expand > .prose { padding-inline: .2rem; }
    .expand .prose { padding-bottom: 1.2rem; }
    .prose { max-width: 72ch; }
    .prose h3 { color: var(--gold); font-family: var(--f-display); font-size: 2rem; margin-bottom: 1rem; }
    .prose p { color: var(--cream-70); }
    .prose .manifesto-sign { color: var(--gold); font: 2.4rem/1 var(--f-display); margin-top: 1.8rem; }
    .source-line { font-size: .85rem; line-height: 1.8; }
    .source-line .tag { margin-right: .5rem; white-space: normal; }
    .source-line a, .source-list a, .prose a, .tl__body a, .archive__foot a:not(.btn) { text-decoration-color: var(--gold); text-underline-offset: .2em; }
    .source-line a:hover, .source-list a:hover, .prose a:hover, .tl__body a:hover { color: var(--gold); }
    .memory .tag { display: table; margin-bottom: .7rem; }
    .evidence-note { font-size: .9rem; border-left: 2px solid var(--bronze); padding-left: 1rem !important; }
    .story-close { border-top: 1px solid var(--gold-30); margin-top: 3rem; padding-top: 2rem; max-width: 70ch; }
    .story-close h3 { font: clamp(2rem, 4vw, 3rem)/1 var(--f-display); margin: 1rem 0; }
    .story-close p { color: var(--cream-70); }
    .tl { margin-top: 3rem; }
    .tl__item { padding-bottom: 3rem; }
    .files { margin-top: 2.5rem; }
    .source-list { display: grid; gap: .8rem; margin-bottom: 1.2rem; font-size: .9rem; }
    .file__meta { line-height: 1.7; }
    .launch-status { border-left: 2px solid var(--gold); padding-left: 1.2rem; margin-top: 1.5rem; }
    .launch-status p { margin: .9rem 0 0; color: var(--cream-70); }
    .launch-status strong { color: var(--cream); }
    .token__grid { margin-top: 2.5rem; }
    .token__big { font-size: clamp(2.6rem, 5vw, 4.5rem); }
    .crown { max-width: 300px; }
    .channel-pending { display: flex; align-items: center; justify-content: center; min-height: 52px; color: var(--cream-70); font: .85rem var(--f-mono); border: 1px dashed var(--cream-20); padding: 1rem; }
    .join__warn a { text-underline-offset: .2em; }
    .certificate-note { font-size: .85rem; color: var(--cream-70); margin-top: 1rem; }
    .join__closing { margin-top: 2.5rem; }
    .wallet { margin-top: 2rem; }
    .bridge { padding: 3.5rem 0; }
    .poster { padding: 3.5rem 0; }
    .cat-say { margin-top: 3rem; }
    .nav__toggle { display: none; }
    a, p, li, h1, h2, h3, h4, summary { overflow-wrap: anywhere; }
    .wrap > *, .hero__inner > *, .who__grid > *, .cat-say > *, .tl__item > *, .token__grid > *, .footer__grid > * { min-width: 0; }
    .memory .tag { display: inline-flex; max-width: 100%; white-space: normal; line-height: 1.5; }
    .tag::before { flex-shrink: 0; }
    :target { scroll-margin-top: 0; }
    @media (max-width: 1080px) and (min-width: 681px) {
      .hero__inner { grid-template-columns: minmax(0, 1.4fr) minmax(0, .6fr); gap: 1.5rem; }
      .hero__cat { width: 100%; order: 0; margin: 0; max-width: 270px; }
      .hero__ctas .btn { padding-inline: 1.1rem; }
    }
    @media (max-width: 900px) {
      html:not(.nav-ready) .nav { position: relative; height: auto; background: var(--black); padding-block: .8rem; }
      html:not(.nav-ready) .nav__inner { flex-wrap: wrap; gap: .8rem; }
      html:not(.nav-ready) .nav__inner > nav { width: 100%; }
      html:not(.nav-ready) .nav__links { position: static; flex-direction: row; flex-wrap: wrap; transform: none; opacity: 1; visibility: visible; max-height: none; padding: 0; gap: .5rem 1rem; border: 0; }
      html:not(.nav-ready) .nav__links a { font: .85rem var(--f-mono); padding: .6rem 0; }
      html:not(.nav-ready) .nav__links a.nav__join { margin: 0; padding: .6rem; }
      html.nav-ready .nav__toggle { display: block; }
      .nav__links { max-height: calc(100dvh - var(--nav-h)); }
    }
    @media (max-width: 680px) {
      :root { --pad: max(20px, env(safe-area-inset-left), env(safe-area-inset-right)); }
      .hero { min-height: min(100svh, 720px); padding-top: calc(var(--nav-h) + 1.5rem); }
      .hero__inner { position: relative; grid-template-columns: 1fr; padding-bottom: max(1.5rem, env(safe-area-inset-bottom)); gap: 1.5rem; }
      .hero__copy { grid-column: 1; grid-row: 1; }
      .hero__cat { position: absolute; top: .5rem; right: var(--pad); width: clamp(82px, 24vw, 112px); margin: 0; }
      .hero__title { font-size: min(7rem, 20vw); max-width: 65%; }
      .hero__meta { max-width: 60%; gap: .4rem; font-size: .65rem; letter-spacing: .12em; }
      .hero__meta span:not(:first-child) { display: none; }
      .hero__slogan { font-size: 1.9rem; margin-top: 1.2rem; }
      .hero__support { margin-top: .9rem; font-size: 1rem; }
      .hero__ctas { margin-top: 1.25rem; gap: .7rem; }
      .sticker--again { top: -12px; font-size: .85rem; }
      .sticker--certified { font-size: .65rem; right: -3px; bottom: -10px; padding: .3rem; }
      .hero__bg { will-change: auto; }
      .hero__cat-frame.is-missing::after { font-size: min(.65rem, 2vw); letter-spacing: .05em; padding: .25rem; }
      body::after { position: absolute; background-image: none; }
      .crown__halo, .crown__img, .ticker__track { animation: none; }
      .m-accept li { flex-wrap: wrap; }
      .nav__brand { font-size: min(1.7rem, 7vw); }
      .btn { padding-inline: clamp(.6rem, 4vw, 1.6rem); }
      .tl__item { grid-template-columns: minmax(0, 1fr); padding-left: 28px; }
      .stamp { max-width: 100%; font-size: min(3rem, 10vw); }
      .sticker { font-size: min(.85rem, 3.5vw); padding-inline: .35rem; }
      .sticker--certified { font-size: min(.65rem, 2.5vw); }
      .h-section { font-size: clamp(2.8rem, 12vw, 4.8rem); }
      .join__links { flex-direction: column; align-items: stretch; }
      .join__links .btn { min-width: 0; }
      .footer__bottom { padding-bottom: env(safe-area-inset-bottom); }
    }
    @media (max-height: 650px) and (min-width: 681px) {
      .hero { min-height: auto; padding-top: calc(var(--nav-h) + 2rem); }
      .hero__inner { padding-bottom: 2rem; }
      .hero__title { font-size: clamp(4.6rem, 13vw, 7rem); }
    }

    /* V3: the manifesto is the heart; community files carry the detail. */
    .hero__support { max-width: 44ch; }
    .hero__slogan { font-size: clamp(1.5rem, 3.1vw, 2.65rem); max-width: 24ch; }
    .hero__title { font-size: clamp(4.6rem, min(13vw, 15vh), 10rem); }
    .manifesto-context { color: var(--cream-70); margin: 1.5rem 0 0; max-width: 45ch; }
    .manifesto__open { margin-top: 2.5rem; font-size: clamp(3.5rem, 10vw, 8rem); }
    .m-block { margin-top: clamp(2.8rem, 6vw, 5rem); }
    .m-full { max-width: 28ch; font-size: clamp(2.2rem, 4.5vw, 4.2rem); }
    .m-num { color: var(--gold); }
    .m-intro__big, .m-two .m-pull { font-size: clamp(2.1rem, 3.9vw, 3.5rem); }
    .m-finale__slogan { font-size: clamp(2.2rem, 5.8vw, 5rem); }
    .m-token__here { font-size: clamp(3.5rem, 7vw, 6rem); }
    .m-block > * { min-width: 0; }
    .origin-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(2.5rem, 7vw, 6rem); }
    .origin-copy { padding-top: 2rem; color: var(--cream-70); font-size: 1.075rem; }
    .origin-route { font: .75rem/1.8 var(--f-mono); letter-spacing: .08em; margin: 2rem 0; }
    .origin-route span { color: var(--bronze); margin: 0 .25rem; }
    .origin-pull { font: clamp(2rem, 3vw, 2.8rem)/1.05 var(--f-display); color: var(--cream); margin: 1.5rem 0; }
    .origin-pull span { color: var(--gold); }
    .origin-credit { font-size: .8rem; border-top: 1px solid var(--cream-20); padding-top: 1rem; margin-top: 1.8rem; }
    .archive-heading { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, .7fr); gap: 3rem; align-items: end; }
    .archive-heading > p { color: var(--cream-70); max-width: 38ch; }
    .archive-index-label { display: flex; justify-content: space-between; flex-wrap: wrap; gap: .8rem; border-block: 1px solid var(--gold-30); padding: 1rem 0; margin-top: 3rem; font: .7rem/1.5 var(--f-mono); text-transform: uppercase; letter-spacing: .12em; color: var(--gold); }
    .archive-index-label span { color: var(--cream-70); }
    .community-files { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 2rem; margin-top: 2rem; }
    .community-file { background: linear-gradient(140deg, var(--char-3), var(--char)); border: 1px solid var(--gold-30); display: flex; flex-direction: column; box-shadow: 8px 8px 0 rgba(231,192,106,.05); }
    .community-file__top { display: flex; flex-wrap: wrap; gap: .8rem; justify-content: space-between; font: .68rem/1.5 var(--f-mono); letter-spacing: .1em; color: var(--gold); padding: 1rem 1.6rem; border-bottom: 1px solid var(--gold-30); text-transform: uppercase; }
    .community-file__body { padding: clamp(1.4rem, 3vw, 2.5rem); }
    .community-file h3 { font: clamp(4rem, 8vw, 7rem)/.85 var(--f-display); color: var(--gold); }
    .community-file__subtitle { font: clamp(1.7rem, 3vw, 2.3rem)/1.05 var(--f-display); margin: .8rem 0 1.2rem; }
    .community-file__body > p:not(.community-file__subtitle) { color: var(--cream-70); max-width: 47ch; }
    .case-chapters { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .4rem; margin-top: 1.6rem; }
    .case-chapters a { display: block; font: .75rem/1.4 var(--f-mono); text-decoration: none; border: 1px solid var(--cream-20); padding: .85rem .7rem; }
    .case-chapters a:hover { border-color: var(--gold); color: var(--gold); }
    .community-file__open { margin-top: auto; display: flex; justify-content: space-between; align-items: center; gap: 1rem; border-top: 1px solid var(--gold-30); color: var(--gold); font: 1.5rem/1.1 var(--f-display); padding: 1.2rem 1.6rem; text-decoration: none; }
    .community-file__open:hover { background: var(--gold); color: var(--black); }
    .community-invite { border: 1px dashed var(--cream-20); padding: clamp(1.5rem, 3vw, 2.5rem); display: flex; flex-direction: column; align-items: start; }
    .community-invite h3 { font: clamp(2.3rem, 4vw, 3.8rem)/.95 var(--f-display); margin: 2rem 0 1.2rem; }
    .community-invite h3 span { color: var(--gold); }
    .community-invite p { color: var(--cream-70); }
    .community-invite .btn { margin-top: auto; }
    .archive-method { margin-top: 2.5rem; }
    .archive-method__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 2rem; padding: .8rem 0 1rem; }
    .archive-method__grid h3 { font: 1.7rem/1 var(--f-display); margin-bottom: .8rem; }
    .archive-method__grid p { font-size: .95rem; color: var(--cream-70); }
    .share-story { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 2.5rem; margin-top: 3rem; padding: 2.5rem; border: 1px solid var(--gold-30); background: var(--char); scroll-margin-top: calc(var(--nav-h) + 1rem); }
    .share-story h3 { font: clamp(2rem, 4vw, 3.5rem)/.95 var(--f-display); margin-top: 1rem; }
    .share-story__note { font-size: .9rem; color: var(--cream-70); }
    .share-story .btn { margin-top: .8rem; }
    .share-story a:not(.btn) { color: var(--gold); }
    .case-hero { padding: calc(var(--nav-h) + 4rem) 0 3.5rem; background: radial-gradient(ellipse at right top, rgba(231,192,106,.1),transparent 65%); border-bottom: 1px solid var(--gold-30); }
    .case-breadcrumb { color: var(--cream-70); font: .75rem/1.6 var(--f-mono); margin-bottom: 3rem; }
    .case-breadcrumb a { color: var(--gold); text-underline-offset: .25em; }
    .case-heading { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); gap: 3rem; align-items: end; }
    .case-heading h1 { font: clamp(4rem, 12vw, 10rem)/.83 var(--f-display); margin: 1.3rem 0 1.7rem; }
    .case-heading h1 span { display: block; font-size: .4em; color: var(--gold); margin-top: .25em; }
    .case-deck { color: var(--cream-70); font-size: 1.15rem; max-width: 42ch; }
    .case-meta { font: .72rem/1.8 var(--f-mono); color: var(--gold); letter-spacing: .05em; }
    .case-intro { max-width: 76ch; margin: 3rem 0 0; font-size: 1.1rem; }
    .case-intro strong { color: var(--gold); }
    .case-jump { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 2rem; }
    .case-jump a { font: .75rem/1.4 var(--f-mono); padding: .85rem 1rem; border: 1px solid var(--cream-20); text-decoration: none; }
    .case-jump a:hover { color: var(--gold); border-color: var(--gold); }
    .case-method { margin: 2rem 0 0; max-width: 80ch; }
    .case-method p { font-size: .9rem; color: var(--cream-70); }
    .case-layout { display: grid; grid-template-columns: 180px minmax(0, 760px); justify-content: space-between; gap: 3rem; }
    .case-side { align-self: start; position: sticky; top: calc(var(--nav-h) + 1.5rem); font: .75rem/1.6 var(--f-mono); }
    .case-side p { color: var(--gold); letter-spacing: .12em; text-transform: uppercase; }
    .case-side a { color: var(--cream-70); display: block; padding: .7rem 0; text-decoration: none; border-bottom: 1px solid var(--cream-10); }
    .case-side a:hover { color: var(--gold); }
    .case-body { min-width: 0; }
    .case-chapter { padding: 3rem 0; border-bottom: 1px solid var(--gold-30); scroll-margin-top: calc(var(--nav-h) + 1rem); }
    .case-chapter:first-child { padding-top: 0; }
    .chapter-heading { font: clamp(2.3rem, 5vw, 4.2rem)/.95 var(--f-display); margin: 1rem 0 1.5rem; }
    .chapter-heading span { color: var(--gold); }
    .case-body p { color: var(--cream-70); line-height: 1.85; }
    .case-body strong { color: var(--cream); font-weight: 600; }
    .case-body .case-pull { color: var(--gold); font: clamp(1.8rem, 3vw, 2.6rem)/1.12 var(--f-display); margin: 2rem 0; padding-left: 1.2rem; border-left: 3px solid var(--gold); }
    .case-body .case-list { list-style: disc; margin: 1rem 0 1.5rem; padding-left: 1.25rem; color: var(--cream-70); }
    .case-list li { margin: .6rem 0; }
    .case-evidence { background: rgba(231,192,106,.035); padding: 0 1rem; margin-top: 2rem; }
    .case-evidence p { font-size: .9rem; }
    .case-evidence a, .case-body p a, .case-sources a { color: var(--gold); text-underline-offset: .2em; }
    .case-evidence ul { list-style: disc; padding-left: 1.2rem; margin: 1rem 0; font-size: .9rem; color: var(--cream-70); }
    .case-evidence li { margin: .8rem 0; }
    .case-footnote { font: .75rem/1.6 var(--f-mono); color: var(--cream-70); border-top: 1px solid var(--cream-20); padding-top: 1rem; }
    .case-questions { counter-reset: questions; }
    .case-questions li { counter-increment: questions; display: grid; grid-template-columns: 1.5rem minmax(0,1fr); gap: .7rem; padding: 1rem 0; border-bottom: 1px solid var(--cream-10); }
    .case-questions li::before { content: counter(questions, decimal-leading-zero); color: var(--gold); font: .8rem/1.8 var(--f-mono); }
    .case-questions p { margin: 0; }
    .case-sources { list-style: decimal; padding-left: 1.4rem; }
    .case-sources li { margin: 1.2rem 0; color: var(--cream-70); font-size: .9rem; }
    .case-sources small { display: block; margin-top: .3rem; }
    .case-ending { padding: 4rem 0; background: var(--char); border-top: 1px solid var(--gold-30); }
    .case-ending h2 { font: clamp(2.6rem, 6vw, 5rem)/.95 var(--f-display); max-width: 18ch; margin: 1rem 0; }
    .case-ending p { color: var(--cream-70); max-width: 62ch; }
    .case-ending .hero__ctas { margin-top: 2rem; }
    .case-footer { padding: 2rem 0; color: var(--cream-70); font: .75rem/1.8 var(--f-mono); }
    .case-footer .wrap { display: flex; flex-wrap: wrap; gap: 1rem 2rem; justify-content: space-between; }
    .case-footer a { color: var(--gold); }
    @media (max-width: 900px) {
      .origin-grid, .archive-heading, .community-files, .share-story, .case-heading { grid-template-columns: minmax(0,1fr); gap: 2rem; }
      .origin-copy { padding-top: 0; }
      .community-invite .btn { margin-top: 1rem; }
      .case-layout { grid-template-columns: minmax(0,1fr); }
      .case-side { display: none; }
      .archive-method__grid { grid-template-columns: minmax(0,1fr); gap: 1rem; }
    }
    @media (max-width: 680px) {
      .hero { min-height: min(100svh, 800px); }
      .hero__title { font-size: min(7rem,20vw); }
      .hero__slogan { font-size: clamp(1.6rem, 7vw, 2.2rem); max-width: 25ch; }
      .hero__cat { top: .5rem; width: clamp(82px,24vw,112px); }
      .hero__support { font-size: 1rem; }
      .hero__ctas .btn { font-size: 1.1rem; }
      .m-name strong { font-size: min(6rem, 27vw); }
      .m-intro__big, .m-two .m-pull, .m-keep__because { font-size: clamp(2rem,8vw,3rem); }
      .m-values__lines span:nth-child(n) { padding-left: 0; margin-bottom: .6rem; }
      .m-said__claim .q::after { height: 2px; }
      .m-token { padding: 1.5rem; }
      .m-token__here { font-size: min(4rem,15vw); }
      .m-block { margin-top: 3rem; }
      .share-story { padding: 1.5rem; }
      .community-file__top { padding: 1rem; }
      .case-chapters { grid-template-columns: minmax(0,1fr); }
      .case-heading h1 { font-size: min(8rem,25vw); }
      .case-hero { padding-top: calc(var(--nav-h) + 2rem); }
      .case-breadcrumb { margin-bottom: 2rem; }
      .case-jump { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
      .case-jump a { padding: .8rem .6rem; }
      .case-evidence { padding-inline: .65rem; }
    }
    /* Keep navigation aligned and manifesto readable when text is enlarged. */
    .m-accept li span:last-child { white-space: normal; }
    @media (max-width: 900px) {
      html.nav-ready .nav__toggle { margin-left: auto; }
    }

    /* Bilingual navigation: native links also work without scripts. */
    .nav__inner { gap: 1rem; }
    .nav__inner > nav { margin-left: auto; }
    .language-switch { order: 3; display: flex; flex-shrink: 0; align-items: center; border: 1px solid var(--gold-30); }
    .language-switch a { display: grid; place-items: center; min-width: 42px; min-height: 42px; padding: .4rem; font: 600 13px/1.2 system-ui,sans-serif; text-decoration: none; color: var(--cream-70); }
    .language-switch a[aria-current] { background: var(--gold); color: var(--black); }
    .language-switch a:hover { color: var(--green); background: var(--char); }
    .case-social { margin-top: 1rem; }
    @media (max-width: 900px) {
      .nav__inner { gap: 8px; }
      .language-switch { order: 0; margin-left: auto; }
      html.nav-ready .nav__toggle { margin-left: 0; flex-shrink: 0; }
      .nav__inner > nav { margin-left: 0; }
      html.nav-ready .nav__inner > nav { position: absolute; }
      html:not(.nav-ready) .nav { position: relative; height: auto; }
    }
    @media (max-width: 360px) {
      .nav__brand { font-size: 21px; }
      .language-switch a { min-width: 36px; }
    }

    /* Chinese typography needs a different rhythm from condensed Latin headlines. */
    html:lang(zh-CN) {
      --f-body: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;
      --f-display: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
      --f-marker: "Kaiti SC", "STKaiti", "KaiTi", "Noto Serif CJK SC", serif;
      --f-mono: "IBM Plex Mono", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", monospace;
    }
    html:lang(zh-CN) body { line-height: 1.9; }
    html:lang(zh-CN) .nav__brand { font-family: "Bebas Neue",Impact,sans-serif; }
    html:lang(zh-CN) :is(.h-section,.hero__title,.manifesto__open,.poster__text,.m-name strong,.join__title,.case-heading h1) { line-height: 1.2; font-weight: 800; letter-spacing: -.025em; }
    html:lang(zh-CN) :is(.hero__slogan,.who__lead,.who__end strong,.cat-say__title,.m-intro__big,.m-pull,.m-because,.m-full,.m-changes,.m-said__claim,.m-left,.m-who__list li,.m-values__lines,.m-keep__not span,.m-keep__because,.m-token__here,.m-finale__slogan,.m-sign,.origin-pull,.community-file__subtitle,.community-invite h3,.share-story h3,.chapter-heading,.case-body .case-pull,.case-ending h2,.token__big,.token__is,.join__closing,.bridge strong) { line-height: 1.5; font-weight: 650; letter-spacing: 0; }
    html:lang(zh-CN) .hero__title { font-size: clamp(4rem,8vw,7rem); }
    html:lang(zh-CN) .hero__slogan { font-size: clamp(1.25rem,2.2vw,1.9rem); max-width: none; }
    html:lang(zh-CN) .hero__support { max-width: 32em; }
    html:lang(zh-CN) .h-section { font-size: clamp(2.2rem,5vw,4.6rem); }
    html:lang(zh-CN) .poster__text { font-size: clamp(2rem,5.6vw,5rem); }
    html:lang(zh-CN) .poster__label { transform: none; }
    html:lang(zh-CN) .stamp { line-height: 1.3; font-size: clamp(1.4rem,3.2vw,3rem); font-weight: 700; }
    html:lang(zh-CN) .stamp--still { font-size: clamp(2rem,4vw,4rem); }
    html:lang(zh-CN) :is(.who__lead,.cat-say__title,.m-intro__big,.m-two .m-pull,.m-because,.m-full,.m-values__lines,.m-keep__because,.m-left,.origin-pull,.community-invite h3,.share-story h3,.chapter-heading,.case-ending h2) { font-size: clamp(1.5rem,2.8vw,2.6rem); }
    html:lang(zh-CN) .manifesto__open { font-size: clamp(2.8rem,6vw,5.5rem); }
    html:lang(zh-CN) :is(.m-said__claim,.m-who__list li,.m-keep__not span,.m-changes) { font-size: clamp(1.3rem,2.5vw,2.2rem); }
    html:lang(zh-CN) :is(.m-token__here,.m-finale__slogan,.token__big,.join__closing) { font-size: clamp(1.8rem,3.8vw,3.5rem); }
    html:lang(zh-CN) .m-sign { font-size: clamp(2.3rem,5vw,4.7rem); }
    html:lang(zh-CN) .m-name strong { font-size: clamp(4rem,12vw,9rem); }
    html:lang(zh-CN) .community-file h3 { font-family: "Bebas Neue",Impact,sans-serif; }
    html:lang(zh-CN) .community-file__subtitle { font-size: 1.6rem; }
    html:lang(zh-CN) .community-file__open { font-size: 1.15rem; line-height: 1.5; }
    html:lang(zh-CN) .case-heading h1 { font-family: "Bebas Neue",var(--f-display); }
    html:lang(zh-CN) .case-heading h1 span { font-family: var(--f-display); font-size: clamp(1.7rem,3.2vw,3rem); line-height: 1.4; }
    html:lang(zh-CN) .case-body p { line-height: 2; }
    html:lang(zh-CN) .case-body .case-pull { font-size: clamp(1.35rem,2.5vw,2rem); }
    html:lang(zh-CN) .token__is { font-size: clamp(1.1rem,1.6vw,1.4rem); line-height: 1.9; font-weight: 400; }
    html:lang(zh-CN) .join__title { font-size: clamp(2.8rem,7vw,6rem); }
    html:lang(zh-CN) .btn { font-size: 1rem; line-height: 1.5; font-weight: 600; letter-spacing: .04em; }
    html:lang(zh-CN) .eyebrow { line-height: 1.8; }
    html:lang(zh-CN) .wallet__out .r404 { font-size: 2rem; line-height: 1.5; }
    @media (max-width: 680px) {
      html:lang(zh-CN) .hero__title { font-size: clamp(2.7rem,12vw,4rem); }
      html:lang(zh-CN) .hero__slogan { font-size: 1.3rem; margin-top: 1.6rem; }
      html:lang(zh-CN) .hero__cat { width: clamp(72px,22vw,96px); }
      html:lang(zh-CN) .m-token { padding: 1.2rem; }
      html:lang(zh-CN) .m-token__ledger { grid-template-columns: minmax(0,1fr); }
      html:lang(zh-CN) .nav__links a { font-size: 1.25rem; }
      html:lang(zh-CN) .ticker__item { font-size: 1rem; }
    }

    /* Preserve the community rupture as a visible part of its chronology. */
    .case-account-note { margin: 2rem 0 0; padding: 1rem 1.2rem; border-left: 2px solid var(--gold); color: var(--cream-70); font-size: .9rem; max-width: 85ch; }
    .case-rupture { margin: 2.5rem 0; padding: clamp(1.2rem,3vw,2rem); background: var(--char-3); border: 1px solid var(--gold-30); scroll-margin-top: calc(var(--nav-h) + 1rem); }
    .case-rupture h3 { font: clamp(2rem,4vw,3.3rem)/1.1 var(--f-display); color: var(--gold); margin: 1rem 0 1.5rem; }
    html:lang(zh-CN) .case-rupture h3 { font-size: clamp(1.5rem,3vw,2.4rem); line-height: 1.5; font-weight: 700; }
    .case-contract { font-size: .85rem; }
    .case-contract code { overflow-wrap: anywhere; word-break: break-all; }

    /* A small static error page, usable at any missing URL without JavaScript. */
    .error-page { min-height: 100svh; display: flex; flex-direction: column; background: radial-gradient(ellipse at center,rgba(231,192,106,.08),transparent 65%),var(--black); }
    .error-header { padding-block: 1.5rem; }
    .error-main { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding-block: 2rem 3rem; }
    .error-code { font: 900 clamp(6rem,22vw,13rem)/1 Impact,"Arial Black",sans-serif; color: var(--gold); margin: 1rem 0; letter-spacing: -.06em; text-shadow: 5px 5px 0 var(--char-3); }
    .error-main h1 { font: 800 clamp(1.4rem,5vw,3rem)/1.2 "Arial Narrow",system-ui,sans-serif; letter-spacing: -.03em; }
    .error-motto { font-size: clamp(1.15rem,3vw,1.6rem); line-height: 1.45; margin: 1.5rem 0 .6rem; }
    .error-help { font: .95rem/1.8 "PingFang SC","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif; color: var(--cream-70); }
    .error-main .btn { margin-top: 1rem; font: 700 .9rem/1.4 system-ui,sans-serif; }
    .error-footer { padding-block: 1rem; color: var(--cream-70); font: .75rem/1.6 var(--f-mono); text-align: center; }
    .footer__bottom a { text-decoration: underline; text-underline-offset: .2em; }