/* ============================================================
   GUH — The Original Sound of Robinhood Trading
   Cinematic scroll timeline. Vanilla CSS.
   ============================================================ */

:root{
  --bg:#0B1410;
  --bg-raise:#0b100d;
  --ink:#F2F5F3;
  --ink-2:#A7B0AA;
  --ink-3:#6B756F;
  --line:rgba(242,245,243,.10);
  --line-2:rgba(242,245,243,.18);
  --green:#00C805;
  --green-txt:#00C805;
  --green-dim:rgba(0,200,5,.16);
  --surface:rgba(255,255,255,.03);
  --red:#FF4F3E;
  --gold:#FFB02E;
  --orange:#FF4500;
  --purple:#8A63D2;
  --eth:#627EEA;

  --rail-x:44px;
  --pad:clamp(20px,5vw,64px);
  --maxw:1180px;

  --f-display:'Tanker','Satoshi',system-ui,sans-serif;
  --f-body:'Satoshi',system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-mono:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;

  --ease:cubic-bezier(.16,1,.3,1);
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:76px;-webkit-text-size-adjust:100%;background:#0B1410;}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:var(--f-body);font-weight:400;
  font-size:clamp(15px,1.05vw,17px);line-height:1.6;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;}
::selection{background:var(--green);color:#04120a;}

/* ---------------- RAIL ---------------- */
.rail{position:fixed;top:0;bottom:0;left:var(--rail-x);width:2px;z-index:20;pointer-events:none;}
.rail-track{position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(242,245,243,.13) 8%,rgba(242,245,243,.13) 92%,transparent);}
.rail-fill{
  position:absolute;top:0;left:-1px;width:4px;height:0;border-radius:4px;
  background:var(--rail-color,#F2F5F3);
  box-shadow:0 0 12px 1px var(--rail-glow,rgba(242,245,243,.55)),0 0 0 1px rgba(6,10,7,.32);
  transition:background .9s var(--ease),box-shadow .9s var(--ease);
}
.rail-node{
  position:absolute;left:50%;top:0;width:11px;height:11px;margin-left:-5.5px;margin-top:-5.5px;
  border-radius:50%;background:var(--rail-color,#F2F5F3);
  box-shadow:0 0 18px 3px var(--rail-glow,rgba(242,245,243,.6)),0 0 0 1px rgba(6,10,7,.32);
  transition:background .9s var(--ease),box-shadow .9s var(--ease);
}
body.guh-passed{--rail-color:#00C805;--rail-glow:rgba(0,200,5,.75);}
body.guh-passed .rail-track{background:linear-gradient(180deg,transparent,rgba(0,200,5,.16) 8%,rgba(0,200,5,.16) 92%,transparent);}

/* ---------------- TOPBAR ---------------- */
.topbar{
  position:fixed;top:0;left:0;right:0;z-index:40;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px var(--pad);
  background:linear-gradient(180deg,rgba(6,9,7,.94),rgba(6,9,7,.72) 65%,transparent);
  backdrop-filter:blur(10px);
}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);}
.brand-pfp{
  width:36px;height:36px;flex:none;
  border-radius:50%;aspect-ratio:1/1;object-fit:cover;object-position:50% 46%;
  background:#0B1410;border:2px solid var(--green);
  box-shadow:0 0 14px rgba(0,200,5,.42),0 0 0 3px rgba(0,200,5,.10);
  transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s;
}
.brand:hover .brand-pfp,.brand:focus-visible .brand-pfp{
  transform:scale(1.08);
  box-shadow:0 0 26px rgba(0,200,5,.75),0 0 0 4px rgba(0,200,5,.18);
}
.brand-txt{display:flex;flex-direction:column;line-height:1.05;min-width:0;}
.brand-txt strong{font-family:var(--f-display);font-size:20px;letter-spacing:.04em;font-weight:400;}
.brand-txt em{font-style:normal;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;}
.nav{display:flex;gap:clamp(14px,2.4vw,30px);}
.nav a{
  text-decoration:none;font-size:11px;letter-spacing:.18em;font-weight:700;color:var(--ink-2);
  padding:6px 0;border-bottom:1px solid transparent;transition:color .25s,border-color .25s;white-space:nowrap;
}
.nav a:hover,.nav a:focus-visible{color:var(--green);border-color:var(--green);}

/* ---------------- LAYOUT ---------------- */
.chap{
  position:relative;min-height:100svh;
  padding:clamp(96px,12vh,140px) var(--pad) clamp(72px,10vh,120px);
  padding-left:calc(var(--rail-x) + clamp(30px,5vw,80px));
  display:flex;align-items:center;
  border-bottom:0;
  overflow:hidden;
  scroll-margin-top:72px;
  background:linear-gradient(180deg,
    var(--b-top,var(--base,#0B1410)) 0%,
    var(--base,#0B1410) var(--b-top-stop,20%),
    var(--base,#0B1410) var(--b-bot-stop,80%),
    var(--b-bot,var(--base,#0B1410)) 100%);
}
/* soft era glow layer, sits under content (wrap is z-index:2) */
.chap::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:var(--glow,none);
}

/* ============================================================
   ERA PALETTE — continuous background journey.
   Each section's --b-bot equals the next section's --b-top,
   so neighbouring gradients meet with no visible seam.
   ============================================================ */
.hero   {--base:#0B1410;--b-top:#0B1410;--b-bot:#6E7F72;--b-bot-stop:64%;}
.ch1    {--base:#F5F7F4;--b-top:#6E7F72;--b-top-stop:26%;--b-bot:#F1EFE8;}
.ch2    {--base:#EDE7DC;--b-top:#F1EFE8;--b-top-stop:14%;--b-bot:#171C15;--b-bot-stop:74%;}
.ch3    {--base:#07100C;--b-top:#171C15;--b-top-stop:7%;--b-bot:#08100C;}
.ch4    {--base:#0A0F0D;--b-top:#08100C;--b-bot:#0D0D0B;}
.ch5    {--base:#100B0A;--b-top:#0D0D0B;--b-bot:#120C16;}
.ch6    {--base:#130E22;--b-top:#120C16;--b-bot:#100C18;}
.ch7    {--base:#0C0E0D;--b-top:#100C18;--b-bot:#08120C;}
.ch8    {--base:#04160B;--b-top:#08120C;--b-bot:#021009;}
.comeback{--base:#03170C;--b-top:#021009;--b-bot:#021009;
  --glow:radial-gradient(1000px 620px at 50% 62%,rgba(0,200,5,.10),transparent 68%);}
.final  {--base:#000000;--b-top:#021009;--b-bot:#090D0B;--b-bot-stop:80%;}
.sec-guhzone{--base:#120C0B;--b-top:#090D0B;--b-top-stop:9%;--b-bot:#090D0B;--b-bot-stop:93%;
  --glow:radial-gradient(900px 520px at 50% 40%,rgba(255,79,62,.13),transparent 68%);}
.sec-tape   {--base:#0B0F0D;--b-top:#090D0B;--b-top-stop:8%;--b-bot:#0A100C;
  --glow:radial-gradient(950px 560px at 78% 26%,rgba(0,200,5,.09),transparent 68%);}
.sec-sources{--base:#0C100E;--b-top:#0A100C;--b-top-stop:8%;--b-bot:#0B0F0D;}
.sec-about  {--base:#0A0E0C;--b-top:#0B0F0D;--b-bot:#07130D;}
.sec-token  {--base:#05160D;--b-top:#07130D;--b-top-stop:10%;--b-bot:#5E5A52;--b-bot-stop:76%;
  --glow:radial-gradient(1100px 620px at 18% 34%,rgba(0,200,5,.13),transparent 66%);}
.memes  {--base:#EBE3D4;--b-top:#5E5A52;--b-top-stop:9%;--b-bot:#2A2A24;--b-bot-stop:82%;}

/* ---------------- THE COMEBACK ---------------- */
.comeback .chap-name{color:var(--ink);}
.comeback .body.wide{margin-bottom:clamp(34px,5vh,58px);}

/* the reframe: cost → became → bought */
.cb-reframe{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;
  gap:clamp(14px,2vw,26px);margin:clamp(30px,5vh,54px) 0 0;
}
.cb-card{
  display:flex;flex-direction:column;gap:10px;
  padding:clamp(20px,2.6vw,30px);
  border:1px solid var(--line);border-radius:3px;
  background:rgba(242,245,243,.022);
}
.cb-card.is-win{border-color:rgba(0,200,5,.26);background:rgba(0,200,5,.045);}
.cb-k{font-family:var(--f-mono);font-size:10px;letter-spacing:.24em;color:var(--ink-3);}
.cb-v{font-family:var(--f-display);font-size:clamp(1.65rem,4.2vw,3rem);line-height:1;letter-spacing:.01em;}
.cb-v.red{color:var(--red);}
.cb-n{font-size:clamp(.86rem,1.05vw,.98rem);line-height:1.6;color:var(--ink-2);margin-top:2px;}
.cb-link{display:flex;flex-direction:column;align-items:center;gap:10px;justify-content:center;padding:4px 0;}
.cb-link-line{flex:1 1 auto;width:1px;min-height:18px;background:linear-gradient(180deg,transparent,var(--line-2),transparent);}
.cb-link-mark{font-family:var(--f-mono);font-size:9px;letter-spacing:.22em;color:var(--ink-3);writing-mode:vertical-rl;}

/* the arc */
.cb-arc{margin:clamp(40px,7vh,80px) 0 0;text-align:center;}
.cb-arc svg{width:100%;height:auto;max-height:340px;overflow:visible;}
.cb-base{stroke:var(--line);stroke-width:1;stroke-dasharray:2 6;}
.cb-fall,.cb-rise{stroke-width:3;stroke-linecap:round;}
.cb-fall{stroke:var(--red);stroke-dasharray:600;stroke-dashoffset:600;}
.cb-rise{stroke:var(--green);stroke-dasharray:640;stroke-dashoffset:640;filter:drop-shadow(0 0 9px rgba(0,200,5,.42));}
.cb-arc.in .cb-fall{transition:stroke-dashoffset 1.15s cubic-bezier(.5,0,.5,1);stroke-dashoffset:0;}
.cb-arc.in .cb-rise{transition:stroke-dashoffset 1.6s cubic-bezier(.3,0,.4,1) 1.05s;stroke-dashoffset:0;}
.cb-low{fill:var(--red);opacity:0;}
.cb-arc.in .cb-low{transition:opacity .4s ease 1s;opacity:1;}
.cb-t{font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;fill:var(--ink-3);}
.cb-t-low{fill:var(--red);font-size:13px;letter-spacing:.22em;}
.cb-t-b{fill:var(--green);}
.cb-t{opacity:0;}
.cb-arc.in .cb-t{transition:opacity .6s ease 1.5s;opacity:1;}
.cb-arc figcaption{
  font-family:var(--f-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-3);margin-top:16px;
}

/* the doctrine */
.cb-doc-label{
  font-family:var(--f-mono);font-size:10.5px;letter-spacing:.24em;color:var(--green);
  margin:clamp(52px,8vh,92px) 0 clamp(18px,2.6vh,28px);text-transform:uppercase;
}
.cb-doctrine{list-style:none;margin:0;padding:0;border-top:1px solid var(--line);}
.cb-doctrine li{
  display:grid;grid-template-columns:4.5ch 1fr;gap:clamp(16px,2.6vw,38px);
  align-items:start;padding:clamp(20px,2.8vh,30px) 0;
  border-bottom:1px solid var(--line);
}
.cb-i{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;color:var(--green);padding-top:.45em;}
.cb-body h4{
  font-family:var(--f-display);font-weight:400;
  font-size:clamp(1.05rem,2.1vw,1.55rem);line-height:1.15;letter-spacing:.01em;
  margin:0 0 8px;text-transform:uppercase;color:var(--ink);
}
.cb-body p{margin:0;font-size:clamp(.9rem,1.1vw,1.02rem);line-height:1.68;color:var(--ink-2);max-width:62ch;}

/* the close */
.cb-close{
  font-family:var(--f-display);font-size:clamp(1.1rem,2.7vw,2rem);line-height:1.3;
  letter-spacing:.01em;margin:clamp(44px,7vh,78px) 0 0;
}

@media (max-width:820px){
  .cb-reframe{grid-template-columns:1fr;gap:12px;}
  .cb-link{flex-direction:row;padding:2px 0;}
  .cb-link-line{width:auto;height:1px;min-height:0;min-width:24px;
    background:linear-gradient(90deg,transparent,var(--line-2),transparent);}
  .cb-link-mark{writing-mode:horizontal-tb;}
  .cb-doctrine li{grid-template-columns:3.5ch 1fr;gap:14px;}
  /* the SVG scales down hard here — compensate so labels stay legible */
  .cb-t{font-size:24px;letter-spacing:2px;}
  .cb-t-low{font-size:28px;letter-spacing:3px;}
  .cb-fall,.cb-rise{stroke-width:6;}
  .cb-low{r:13;}
}

@media (max-width:560px){
  .cb-t{font-size:31px;letter-spacing:2px;}
  .cb-t-low{font-size:35px;letter-spacing:3px;}
  .cb-fall,.cb-rise{stroke-width:8;}
  .cb-low{r:16;}
  .cb-arc svg{max-height:none;}
}

/* ---------------- GUH ZONE (soundboard) ---------------- */
.sec-guhzone{overflow:hidden;}
.gz-stage{
  position:relative;text-align:center;
  margin:44px 0 8px;padding:18px 0 6px;
}
.gz-button{
  font-family:var(--f-display);font-size:clamp(2.2rem,6vw,3.6rem);letter-spacing:.04em;
  text-transform:uppercase;color:#fff;cursor:pointer;
  background:radial-gradient(circle at 32% 28%,#FF8A72,var(--red) 68%);
  border:4px solid #7E2118;border-radius:999px;
  padding:clamp(18px,2.6vw,26px) clamp(52px,9vw,104px);
  box-shadow:0 10px 0 #7E2118,0 22px 44px rgba(255,79,62,.28);
  transition:transform .09s var(--ease),box-shadow .09s var(--ease),filter .2s;
}
.gz-button:hover{filter:brightness(1.06);}
.gz-button:active,.gz-button.is-press{
  transform:translateY(8px);
  box-shadow:0 2px 0 #7E2118,0 10px 22px rgba(255,79,62,.22);
}
.gz-button:focus-visible{outline:none;box-shadow:0 10px 0 #7E2118,0 0 0 4px rgba(255,79,62,.55);}
.gz-counter{
  font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ink-3);margin:22px 0 0;
}
.gz-counter strong{color:var(--red);font-variant-numeric:tabular-nums;}
.gz-now{
  font-family:var(--f-mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-3);margin:8px 0 0;min-height:1.2em;transition:color .25s;
}
.gz-now.live{color:var(--green);}
.gz-float{
  position:absolute;font-family:var(--f-display);color:var(--red);
  pointer-events:none;text-transform:uppercase;white-space:nowrap;z-index:5;
  animation:gz-rise 1.4s ease-out forwards;
}
@keyframes gz-rise{
  0%{opacity:0;transform:translate(-50%,20px) scale(.6) rotate(var(--rot,0deg));}
  15%{opacity:1;}
  100%{opacity:0;transform:translate(-50%,-140px) scale(1.4) rotate(var(--rot,0deg));}
}
.gz-board{margin:46px 0 0;border-top:1px solid var(--line);padding-top:26px;}
.gz-board-label{
  font-family:var(--f-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--ink-3);margin:0 0 18px;
}
.gz-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.gz-chip{
  display:flex;flex-direction:column;gap:3px;text-align:left;cursor:pointer;
  padding:14px 15px;border-radius:12px;
  background:rgba(242,245,243,.035);border:1px solid var(--line);
  transition:border-color .22s,background .22s,transform .22s var(--ease);
}
.gz-chip:hover{border-color:rgba(255,79,62,.55);background:rgba(255,79,62,.07);transform:translateY(-2px);}
.gz-chip:focus-visible{outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgba(255,79,62,.28);}
.gz-chip.playing{border-color:var(--green);background:rgba(0,200,5,.09);}
.gz-chip-n{font-family:var(--f-mono);font-size:10px;letter-spacing:.2em;color:var(--ink-3);}
.gz-chip-t{font-family:var(--f-display);font-size:17px;letter-spacing:.02em;color:var(--ink);}
.gz-chip.playing .gz-chip-t{color:var(--green);}
.gz-chip-d{font-size:12px;line-height:1.45;color:var(--ink-3);}
@media (max-width:900px){
  .gz-chips{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:480px){
  .gz-chips{grid-template-columns:1fr;}
}

/* ---------------- THE TAPE ---------------- */
.tape-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(16px,2vw,26px);margin-top:clamp(28px,4.5vh,46px);
}
.tape-card{display:flex;flex-direction:column;}
.tape-frame{
  position:relative;display:block;width:100%;aspect-ratio:16/9;
  padding:0;overflow:hidden;cursor:pointer;
  border:1px solid var(--line-2);border-radius:12px;
  background:#050A07;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.tape-frame img{width:100%;height:100%;object-fit:cover;display:block;
  filter:saturate(.85) contrast(1.04);transition:filter .25s ease,transform .35s ease;}
.tape-frame::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.05) 40%,rgba(0,0,0,.55));
}
.tape-frame:hover,.tape-frame:focus-visible{
  border-color:rgba(0,200,5,.55);box-shadow:0 14px 36px rgba(0,0,0,.5);
  transform:translateY(-3px);outline:none;
}
.tape-frame:hover img{filter:saturate(1) contrast(1.06);transform:scale(1.035);}
.tape-play{
  position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);
  width:56px;height:56px;border-radius:50%;
  display:grid;place-items:center;
  color:#04120a;background:var(--green);
  box-shadow:0 0 0 6px rgba(0,200,5,.18),0 10px 26px rgba(0,0,0,.5);
  transition:transform .2s ease,box-shadow .2s ease;
}
.tape-play svg{margin-left:2px;}
.tape-frame:hover .tape-play{transform:translate(-50%,-50%) scale(1.09);
  box-shadow:0 0 0 9px rgba(0,200,5,.22),0 12px 30px rgba(0,0,0,.55);}
/* once the YouTube iframe is injected the facade chrome must not sit on top */
.tape-frame.playing{cursor:default;transform:none;border-color:rgba(0,200,5,.45);}
.tape-frame.playing::after{display:none;}
.tape-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;}
.tape-meta{padding:14px 2px 0;}
.tape-t{margin:0;font-family:var(--f-display);font-size:clamp(17px,1.5vw,20px);
  line-height:1.15;color:var(--ink);font-weight:400;}
.tape-d{margin:8px 0 0;font-size:13.5px;line-height:1.5;color:var(--ink-3);}
.tape-lore{margin:clamp(26px,4vh,40px) 0 0;font-size:13.5px;line-height:1.65;color:var(--ink-3);max-width:78ch;}
.tape-lore a{color:var(--ink-2);text-decoration:none;border-bottom:1px solid var(--line-2);
  transition:color .2s,border-color .2s;}
.tape-lore a:hover{color:var(--green);border-color:var(--green);}

@media (max-width:900px){
  .tape-grid{grid-template-columns:1fr;gap:22px;}
  .tape-play{width:48px;height:48px;}
}

/* ---------------- $GUH TOKEN SECTION ---------------- */
.tok-links{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(12px,1.6vw,18px);margin-top:clamp(28px,4.5vh,46px);
}
.tok-btn{
  display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;
  align-items:center;gap:2px 12px;
  padding:clamp(18px,2.2vw,24px) clamp(18px,2.2vw,26px);
  text-decoration:none;border-radius:14px;
  border:1px solid rgba(0,200,5,.24);
  background:linear-gradient(180deg,rgba(0,200,5,.07),rgba(0,200,5,.02));
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.tok-btn:hover,.tok-btn:focus-visible{
  transform:translateY(-3px);border-color:rgba(0,200,5,.62);
  background:linear-gradient(180deg,rgba(0,200,5,.15),rgba(0,200,5,.05));
  box-shadow:0 12px 34px rgba(0,200,5,.16);outline:none;
}
.tok-k{grid-column:1;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.18em;color:var(--green);}
.tok-n{grid-column:1;font-family:var(--f-display);font-size:clamp(20px,2.1vw,26px);color:var(--ink);line-height:1.1;}
.tok-a{grid-column:2;grid-row:1 / span 2;font-size:19px;color:var(--green);opacity:.75;transition:transform .18s ease,opacity .18s ease;}
.tok-btn:hover .tok-a{transform:translate(3px,-3px);opacity:1;}

.ca-block{margin-top:clamp(30px,4.5vh,48px);}
.ca-label{display:block;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.18em;color:var(--ink-3);margin-bottom:10px;}
.ca-btn{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  width:100%;max-width:660px;
  padding:15px 16px 15px 18px;
  border-radius:12px;cursor:pointer;text-align:left;
  border:1px solid var(--line-2);
  background:rgba(0,0,0,.34);
  transition:border-color .18s ease,background .18s ease;
}
.ca-btn:hover,.ca-btn:focus-visible{border-color:rgba(0,200,5,.55);background:rgba(0,200,5,.06);outline:none;}
.ca-text{
  font-family:var(--f-mono);font-size:clamp(11px,1.15vw,14px);
  color:var(--ink);letter-spacing:.02em;word-break:break-all;line-height:1.4;
}
.ca-act{
  flex:0 0 auto;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.16em;
  color:var(--green);border:1px solid rgba(0,200,5,.4);border-radius:999px;
  padding:6px 12px;transition:background .18s ease,color .18s ease;
}
.ca-btn:hover .ca-act{background:rgba(0,200,5,.14);}
.ca-btn.copied{border-color:rgba(0,200,5,.7);background:rgba(0,200,5,.1);}
.ca-btn.copied .ca-act{background:var(--green);color:#04120a;border-color:var(--green);}
.ca-note{margin:14px 0 0;font-size:13px;color:var(--ink-3);}

@media (max-width:820px){
  .tok-links{grid-template-columns:1fr;}
  .tok-btn{padding:16px 18px;}
  .ca-btn{flex-wrap:wrap;gap:12px;}
  .ca-act{align-self:flex-start;}
}
.wrap{width:100%;max-width:var(--maxw);margin:0 auto;position:relative;z-index:2;}

.chap-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 18px;margin-bottom:clamp(24px,4vh,44px);}
.chap-num{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.24em;color:var(--ink-3);}
.chap-year{font-family:var(--f-mono);font-size:11px;letter-spacing:.2em;color:var(--green);
  border:1px solid var(--green-dim);background:rgba(0,200,5,.06);padding:3px 9px;border-radius:3px;}
.chap-name{
  font-family:var(--f-display);font-weight:400;letter-spacing:.03em;
  font-size:clamp(15px,1.6vw,20px);margin:0;color:var(--ink-2);text-transform:uppercase;
  flex-basis:100%;
}
.chap-head::after{content:"";flex-basis:100%;height:1px;background:var(--line);margin-top:6px;}

.display{font-family:var(--f-display);font-weight:400;letter-spacing:.01em;line-height:.94;margin:0;}
.statement{font-size:clamp(2.35rem,7.2vw,6.2rem);text-transform:uppercase;}
.hl{color:var(--gold);}
.green{color:var(--green);}
.purple{color:var(--purple);}
.dot{color:var(--green);font-size:.34em;vertical-align:baseline;letter-spacing:0;}
.sub{font-size:clamp(1.05rem,2vw,1.45rem);color:var(--ink);margin:20px 0 0;font-weight:500;}
.body{color:var(--ink-2);margin:18px 0 0;max-width:62ch;}
.body.wide{max-width:70ch;font-size:clamp(15px,1.15vw,17.5px);}
.body strong{color:var(--ink);font-weight:700;}

/* source chips */
.src{
  display:inline-block;margin-left:8px;text-decoration:none;white-space:nowrap;
  font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;color:var(--ink-3);
  border:1px solid var(--line-2);border-radius:999px;padding:2px 9px;
  transition:color .22s,border-color .22s,background .22s;vertical-align:middle;
}
.src:hover,.src:focus-visible{color:var(--green);border-color:rgba(0,200,5,.5);background:rgba(0,200,5,.07);}
.src-line{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px;}
.src-line .src{margin-left:0;}

/* reveal */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .8s var(--ease),transform .8s var(--ease);}
.reveal.in{opacity:1;transform:none;}

/* ---------------- HERO ---------------- */
.hero{--glow:
  radial-gradient(1000px 620px at 18% 8%,rgba(0,200,5,.11),transparent 62%),
  radial-gradient(700px 460px at 88% 82%,rgba(255,176,46,.05),transparent 65%);}
.hero-wrap{max-width:940px;}
.eyebrow{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.26em;color:var(--ink-3);text-transform:uppercase;margin:0 0 22px;}
.hero-title{font-size:clamp(5.5rem,20vw,15rem);line-height:.82;}
.hero-sub{font-family:var(--f-display);font-size:clamp(1rem,2.6vw,2rem);letter-spacing:.06em;color:var(--green);margin:14px 0 0;text-transform:uppercase;}
.hero-lede{color:var(--ink-2);max-width:58ch;margin:26px 0 0;font-size:clamp(15px,1.2vw,18px);}
.hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;color:var(--ink-3);}
.hero-meta .sep{color:rgba(242,245,243,.2);}
.scroll-cue{margin-top:clamp(34px,7vh,64px);display:inline-flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:10px;letter-spacing:.3em;color:var(--ink-3);}
.scroll-cue span{width:1px;height:34px;background:linear-gradient(180deg,var(--green),transparent);animation:cue 2.2s ease-in-out infinite;}
@keyframes cue{0%,100%{opacity:.25;transform:scaleY(.5);transform-origin:top}50%{opacity:1;transform:scaleY(1)}}

/* ---------------- CH1 ---------------- */
.ch1{--glow:
  radial-gradient(900px 600px at 78% 26%,rgba(255,255,255,.85),transparent 68%),
  radial-gradient(700px 520px at 8% 84%,rgba(214,210,198,.45),transparent 66%);}
.ch1-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,5vw,64px);align-items:center;}
.light-statement{color:#fff;text-shadow:0 0 60px rgba(255,255,255,.12);}
.phone{
  background:linear-gradient(180deg,#0e1411,#080c0a);
  border:1px solid var(--line-2);border-radius:22px;padding:20px;
  box-shadow:0 30px 80px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.05);
  max-width:330px;margin-inline:auto;width:100%;
}
.phone-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px;}
.ticker{font-family:var(--f-mono);font-size:12px;letter-spacing:.16em;color:var(--ink-3);}
.price{font-family:var(--f-display);font-size:26px;color:var(--green);letter-spacing:.02em;}
.phone-chart{width:100%;height:88px;display:block;margin-bottom:18px;}
.buy-btn{
  position:relative;width:100%;border:0;cursor:pointer;overflow:hidden;
  font-family:var(--f-display);font-size:26px;letter-spacing:.14em;color:#04120a;
  background:var(--green);border-radius:14px;padding:18px 0;
  box-shadow:0 10px 0 -2px #007a03,0 18px 40px rgba(0,200,5,.28);
  transition:transform .09s ease,box-shadow .09s ease,filter .2s;
}
.buy-btn:hover{filter:brightness(1.08);}
.buy-btn:active,.buy-btn.pressed{transform:translateY(7px);box-shadow:0 3px 0 -2px #007a03,0 6px 18px rgba(0,200,5,.3);}
.buy-btn .ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.55);transform:scale(0);animation:rip .62s ease-out forwards;pointer-events:none;}
@keyframes rip{to{transform:scale(3.4);opacity:0}}
.phone-note{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.08em;color:var(--ink-3);text-align:center;margin:14px 0 0;min-height:2.6em;}

.egg{
  margin-top:clamp(30px,5vh,52px);max-width:660px;
  border:1px solid var(--line-2);border-left:2px solid var(--gold);border-radius:0 12px 12px 0;
  background:linear-gradient(90deg,rgba(255,176,46,.07),rgba(255,176,46,0));
  padding:20px 24px;
}
.egg-tag{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.28em;color:var(--gold);}
.egg-body{font-size:clamp(1.05rem,2vw,1.3rem);margin:10px 0 0;line-height:1.35;}
.egg-body strong{color:var(--gold);font-weight:700;}
.egg-note{color:var(--ink-2);font-size:14px;margin:10px 0 0;}
.egg-links{margin:14px 0 0;display:flex;flex-wrap:wrap;gap:8px;}
.egg-links .src{margin-left:0;}

/* ---------------- CH2 ---------------- */
.ch2{--glow:
  radial-gradient(760px 520px at 92% 14%,rgba(255,69,0,.10),transparent 66%),
  radial-gradient(1200px 460px at 50% 104%,rgba(255,69,0,.22),transparent 62%);}
.post-stack{
  position:relative;margin-top:clamp(30px,5vh,54px);
  display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;
}
.post{
  background:#0d120f;border:1px solid var(--line-2);border-radius:10px;padding:14px 16px;
  opacity:0;transform:translateY(30px) rotate(var(--rot,0deg)) scale(.96);
  transition:opacity .6s var(--ease),transform .7s var(--ease);
  box-shadow:0 14px 34px rgba(0,0,0,.45);
}
.post.in{opacity:1;transform:translateY(0) rotate(var(--rot,0deg)) scale(1);}
.post:hover{border-color:rgba(255,69,0,.45);}
.post-head{display:flex;align-items:center;gap:8px;margin-bottom:9px;}
.pav{width:18px;height:18px;border-radius:50%;background:var(--orange);flex:none;}
.psub{font-family:var(--f-mono);font-size:10px;letter-spacing:.06em;color:var(--ink-3);}
.pttl{font-size:15px;line-height:1.35;font-weight:500;margin:0;color:var(--ink);}
.pfoot{display:flex;gap:14px;margin-top:11px;font-family:var(--f-mono);font-size:10px;color:var(--ink-3);letter-spacing:.05em;}
.pflair{display:inline-block;margin-top:9px;font-family:var(--f-mono);font-size:9px;letter-spacing:.12em;
  padding:2px 7px;border-radius:3px;background:rgba(0,200,5,.1);color:var(--green);border:1px solid rgba(0,200,5,.22);}
.pflair.loss{background:rgba(255,79,62,.1);color:var(--red);border-color:rgba(255,79,62,.25);}
.pflair.yolo{background:rgba(255,176,46,.1);color:var(--gold);border-color:rgba(255,176,46,.25);}

/* ---------------- CH3 ---------------- */
.ch3{--glow:radial-gradient(1000px 700px at 50% 46%,rgba(0,200,5,.05),transparent 66%);}
.ch3 .chap-head::after{background:rgba(255,255,255,.08);}
.bell{display:inline-flex;align-items:center;gap:12px;margin-bottom:22px;opacity:.35;transition:opacity .5s;}
.bell.ring{opacity:1;}
.bell-ring{width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 rgba(255,176,46,.6);}
.bell.ring .bell-ring{animation:bellpulse 1.1s ease-out 3;}
@keyframes bellpulse{0%{box-shadow:0 0 0 0 rgba(255,176,46,.55)}100%{box-shadow:0 0 0 26px rgba(255,176,46,0)}}
.bell-txt{font-family:var(--f-mono);font-size:10px;letter-spacing:.3em;color:var(--gold);}

.chart-stage{position:relative;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#050706;padding:16px;}
.chart-stage.shake{animation:shk .5s ease-in-out;}
@keyframes shk{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(3px)}30%,50%,70%{transform:translateX(-5px)}40%,60%{transform:translateX(5px)}}
.chart-hud{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;flex-wrap:wrap;}
.hud-l{font-family:var(--f-mono);font-size:10px;letter-spacing:.13em;color:var(--ink-3);}
.hud-r{font-family:var(--f-display);font-size:clamp(1.3rem,3.4vw,2.4rem);color:var(--green);transition:color .3s;}
.hud-r.neg{color:var(--red);}
.guh-chart{width:100%;height:clamp(180px,30vh,300px);display:block;}
.cline{stroke-dasharray:4000;stroke-dashoffset:4000;}
.cline.draw{transition:stroke-dashoffset 2.1s cubic-bezier(.4,0,.6,1);stroke-dashoffset:0;}
.cline.dn.draw{transition-duration:.75s;transition-timing-function:cubic-bezier(.7,0,.9,.4);}
.chart-marks{display:flex;justify-content:space-between;margin-top:8px;font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;flex-wrap:wrap;gap:8px;}
.mark.up{color:var(--green);}
.mark.dn{color:var(--red);}

.guh-moment{margin-top:clamp(34px,6vh,64px);text-align:center;}
.guh-word{font-size:clamp(5rem,22vw,18rem);line-height:.8;letter-spacing:.01em;
  text-shadow:0 0 90px rgba(0,200,5,.22);opacity:0;transform:scale(.9);
  transition:opacity 1s var(--ease),transform 1.2s var(--ease);}
.guh-word.in{opacity:1;transform:none;}
.wave-row{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:22px;}
.play-btn{
  display:inline-flex;align-items:center;gap:11px;cursor:pointer;
  background:transparent;border:1px solid rgba(0,200,5,.42);color:var(--green);
  border-radius:999px;padding:11px 22px;font-family:var(--f-mono);font-size:11px;letter-spacing:.2em;
  transition:background .25s,box-shadow .25s,transform .12s;
}
.play-btn:hover{background:rgba(0,200,5,.1);box-shadow:0 0 30px rgba(0,200,5,.22);}
.play-btn:active{transform:scale(.97);}
.play-btn svg{width:18px;height:18px;flex:none;}
.ico-pause{display:none;}
.play-btn.playing .ico-play{display:none;}
.play-btn.playing .ico-pause{display:block;}
.waveform{width:100%;max-width:820px;height:clamp(70px,12vh,120px);display:block;}

.guh-small{margin:clamp(28px,5vh,50px) 0 0;font-size:clamp(1rem,2.1vw,1.5rem);line-height:1.55;color:var(--ink-2);}
.guh-small .hl{color:var(--gold);}
.guh-turn{margin:clamp(28px,5vh,54px) 0 0;font-size:clamp(1.7rem,5.2vw,4.2rem);line-height:1;}

.facts{
  margin-top:clamp(34px,6vh,60px);
  display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.07);border-radius:10px;overflow:hidden;
}
.fact{background:#080b09;padding:15px 17px;display:flex;flex-direction:column;gap:6px;}
.fk{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.22em;color:var(--ink-3);}
.fv{font-size:14.5px;line-height:1.4;color:var(--ink);}
.facts-green .fk{color:rgba(0,200,5,.65);}

/* ---- CH3 portrait (museum centrepiece) ---- */
.guh-split{
  margin-top:clamp(34px,6vh,64px);
  display:grid;grid-template-columns:minmax(320px,440px) 1fr;
  gap:clamp(24px,4vw,56px);align-items:center;
}
.guh-split .guh-moment{margin-top:0;min-width:0;}
.guh-split .guh-word{font-size:clamp(4rem,15vw,11rem);}
.portrait{margin:0;align-self:center;
  opacity:0;transform:translateY(18px) scale(.965);
  transition:opacity 1s var(--ease),transform 1.2s var(--ease);}
.portrait.in{opacity:1;transform:none;}
.portrait-frame{
  position:relative;border:1px solid rgba(0,200,5,.30);border-radius:5px;
  padding:8px;background:linear-gradient(180deg,rgba(0,200,5,.06),rgba(255,255,255,.015));
  box-shadow:0 0 44px rgba(0,200,5,.18),0 24px 60px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.06);
}
.portrait-frame::after{
  content:"";position:absolute;inset:8px;border:1px solid rgba(242,245,243,.12);
  pointer-events:none;border-radius:2px;
}
.portrait-frame img{width:100%;height:auto;border-radius:2px;display:block;
  filter:saturate(1.02) contrast(1.02);}
.placard{
  margin:14px auto 0;max-width:100%;text-align:center;
  border:1px solid var(--line-2);border-radius:3px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  padding:9px 10px;display:flex;flex-direction:column;gap:5px;
}
.placard-t{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.16em;color:var(--green);line-height:1.5;}
.placard-s{font-family:var(--f-mono);font-size:9px;letter-spacing:.1em;color:var(--ink-3);}

/* ---------------- CH4 ---------------- */
.ch4{--glow:radial-gradient(900px 600px at 50% 60%,rgba(0,200,5,.055),transparent 66%);}
.float-field{
  margin-top:clamp(30px,5vh,54px);position:relative;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;
}
.ffc{
  border:1px solid var(--line-2);border-radius:9px;background:#0a0e0c;padding:13px 14px;
  opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .9s var(--ease);
  animation:bob 7s ease-in-out infinite;
}
.ffc.in{opacity:.94;transform:none;}
.ffc:nth-child(2n){animation-duration:8.5s;animation-delay:-1.2s;}
.ffc:nth-child(3n){animation-duration:9.5s;animation-delay:-2.6s;}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -8px}}
.ffk{font-family:var(--f-mono);font-size:9px;letter-spacing:.2em;color:var(--ink-3);}
.ffv{font-size:13.5px;line-height:1.4;margin-top:7px;color:var(--ink-2);}
.ffc.accent{border-color:rgba(0,200,5,.32);background:rgba(0,200,5,.05);}
.ffc.accent .ffk{color:var(--green);}
.ffc.red{border-color:rgba(255,69,0,.3);}
.ffc.red .ffk{color:var(--orange);}

/* ---------------- CH5 ---------------- */
.ch5{--glow:
  radial-gradient(1000px 700px at 62% 38%,rgba(0,200,5,.10),transparent 64%),
  radial-gradient(760px 560px at 14% 78%,rgba(255,79,62,.13),transparent 66%);}
.gme-stage{position:relative;margin-top:clamp(26px,4vh,48px);border:1px solid rgba(0,200,5,.16);border-radius:12px;
  background:linear-gradient(180deg,rgba(0,200,5,.04),transparent);padding:16px;overflow:hidden;}
.gme-chart{width:100%;height:clamp(190px,32vh,330px);display:block;}
#gmeLine,#gmeArea{opacity:0;transition:opacity .4s;}
.gme-stage.on #gmeLine,.gme-stage.on #gmeArea{opacity:1;}
#gmeLine{stroke-dasharray:3000;stroke-dashoffset:3000;filter:drop-shadow(0 0 10px rgba(0,200,5,.55));}
.gme-stage.on #gmeLine{transition:stroke-dashoffset 2.4s cubic-bezier(.5,0,.4,1),opacity .4s;stroke-dashoffset:0;}
.word-burst{position:absolute;inset:0;pointer-events:none;}
.bw{position:absolute;font-family:var(--f-display);letter-spacing:.05em;opacity:0;transform:scale(.7);
  transition:opacity .7s var(--ease),transform .8s var(--ease);white-space:nowrap;}
.gme-stage.on .bw{opacity:1;transform:none;}
.b1{top:9%;left:4%;font-size:clamp(.95rem,2.8vw,2.2rem);color:#fff;transition-delay:.7s;}
.b2{top:20%;right:7%;font-size:clamp(1rem,3.2vw,2.6rem);color:var(--gold);transition-delay:1.1s;}
.b3{top:40%;left:6%;font-size:clamp(.95rem,2.8vw,2.2rem);color:var(--red);transition-delay:1.5s;}
.b4{top:64%;left:8%;font-size:clamp(1.1rem,3.8vw,3.1rem);color:var(--green);text-shadow:0 0 26px rgba(0,200,5,.5);transition-delay:1.9s;}
.comment-river{position:relative;margin-top:14px;height:96px;overflow:hidden;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.crow{position:absolute;left:100%;white-space:nowrap;font-family:var(--f-mono);font-size:11.5px;color:var(--ink-3);
  animation:river linear infinite;opacity:.85;}
.crow:nth-child(2n){color:rgba(0,200,5,.6);}
@keyframes river{from{transform:translateX(0)}to{transform:translateX(calc(-100vw - 100%))}}

.callback{margin-top:clamp(40px,7vh,80px);text-align:center;padding:clamp(26px,5vh,48px) 20px;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.cb-main{font-family:var(--f-display);font-size:clamp(1.3rem,3.6vw,2.6rem);margin:0;letter-spacing:.02em;color:var(--ink);}
.cb-sub{font-family:var(--f-mono);font-size:11px;letter-spacing:.3em;color:var(--green);margin:16px 0 0;}

/* ---------------- CH6 ---------------- */
.ch6{--glow:
  radial-gradient(700px 500px at 12% 22%,rgba(255,69,0,.07),transparent 62%),
  radial-gradient(760px 560px at 82% 32%,rgba(138,99,210,.20),transparent 64%),
  radial-gradient(820px 560px at 46% 92%,rgba(98,126,234,.16),transparent 62%),
  radial-gradient(700px 480px at 66% 66%,rgba(0,200,5,.06),transparent 64%);}
.morph{position:relative;height:clamp(160px,26vh,240px);margin-top:clamp(26px,4vh,46px);
  border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.28);overflow:hidden;}
.candles,.blocks{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;gap:clamp(5px,1.1vw,12px);padding:18px;}
.cndl{width:clamp(7px,1.1vw,14px);border-radius:2px;transition:opacity .8s var(--ease),transform .9s var(--ease),filter .8s;}
.blocks{align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;
  width:min(560px,88%);margin:0 auto;left:0;right:0;}
.blk{width:clamp(26px,3.2vw,44px);height:clamp(26px,3.2vw,44px);border-radius:7px;
  border:1px solid rgba(160,120,240,1);
  background:linear-gradient(140deg,rgba(150,110,232,.85),rgba(98,126,234,.5));
  box-shadow:0 0 24px rgba(138,99,210,.55),inset 0 1px 0 rgba(255,255,255,.25);
  opacity:0;transform:translateY(22px) scale(.6);
  transition:opacity .7s var(--ease),transform .8s var(--ease);}
.morph.on .cndl{opacity:0;transform:translateY(26px) scaleY(.3);filter:blur(6px);}
.morph.on .blk{opacity:1;transform:none;}

.tokens{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px;}
.tk{font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;padding:6px 13px;border-radius:999px;border:1px solid var(--line-2);color:var(--ink-2);}
.tk.doge{border-color:rgba(255,176,46,.45);color:var(--gold);}
.tk.shib{border-color:rgba(255,69,0,.45);color:var(--orange);}
.tk.pepe{border-color:rgba(0,200,5,.45);color:var(--green);}
.tk.nft{border-color:rgba(138,99,210,.5);color:var(--purple);}
.tk.mc{border-color:rgba(98,126,234,.5);color:var(--eth);}

.twoline{font-family:var(--f-display);font-size:clamp(1.1rem,2.9vw,2.1rem);line-height:1.25;margin:clamp(26px,4vh,46px) 0 0;letter-spacing:.01em;}

/* ---------------- CH7 ---------------- */
.ch7{--glow:radial-gradient(900px 640px at 50% 50%,rgba(150,170,160,.045),transparent 66%);}
.corridor{position:absolute;inset:0;
  background:radial-gradient(ellipse 60% 80% at 50% 50%,transparent 30%,rgba(0,0,0,.85) 100%);pointer-events:none;z-index:1;}
.gallery{margin-top:clamp(24px,4vh,44px);display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:clamp(14px,2.4vw,26px);}
.art{
  border:1px solid rgba(242,245,243,.13);border-radius:4px;padding:14px;background:rgba(255,255,255,.018);
  opacity:0;transform:translateY(20px);transition:opacity 1.1s var(--ease),transform 1.2s var(--ease),border-color .5s;
  animation:drift 12s ease-in-out infinite;
}
.art.in{opacity:.62;transform:none;}
.art:hover{opacity:1;border-color:rgba(0,200,5,.4);}
.art:nth-child(2n){animation-duration:14s;animation-delay:-3s;}
.art:nth-child(3n){animation-duration:16s;animation-delay:-6s;}
@keyframes drift{0%,100%{translate:0 0}50%{translate:0 -10px}}
.art-frame{aspect-ratio:4/3;border:1px solid rgba(242,245,243,.1);border-radius:2px;display:grid;place-items:center;
  background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,0));margin-bottom:11px;}
.art-glyph{font-family:var(--f-display);font-size:clamp(1.1rem,2.4vw,1.8rem);color:rgba(242,245,243,.5);letter-spacing:.04em;text-align:center;padding:0 8px;white-space:nowrap;}
.art-t{font-size:13px;color:var(--ink-2);margin:0;line-height:1.35;}
.art-y{font-family:var(--f-mono);font-size:9px;letter-spacing:.2em;color:var(--ink-3);margin:6px 0 0;}
.quiet{text-align:center;font-family:var(--f-display);font-size:clamp(1.2rem,3.2vw,2.3rem);line-height:1.3;
  margin:clamp(40px,7vh,80px) auto 0;color:var(--ink);letter-spacing:.02em;}
.end-glow{
  margin:clamp(34px,6vh,64px) auto 0;width:min(420px,70vw);height:8px;border-radius:999px;
  background:var(--green);opacity:0;filter:blur(2px);
  box-shadow:0 0 0 0 rgba(0,200,5,.5);
  transition:opacity 1.6s var(--ease),box-shadow 1.8s var(--ease),transform 1.8s var(--ease);
  transform:scaleX(.15);
}
.end-glow.on{opacity:1;transform:scaleX(1);box-shadow:0 0 90px 30px rgba(0,200,5,.45),0 0 220px 90px rgba(0,200,5,.18);}

/* ---------------- CH8 ---------------- */
.ch8{--glow:
  radial-gradient(1100px 720px at 50% 30%,rgba(0,200,5,.20),transparent 62%),
  radial-gradient(700px 480px at 12% 88%,rgba(0,200,5,.11),transparent 66%);}
.network{width:100%;height:clamp(220px,36vh,420px);display:block;margin:clamp(22px,4vh,44px) 0 0;}
/* Robinhood Chain lockup */
.rhc-mark{margin:clamp(26px,4.4vh,46px) 0 0;display:flex;flex-direction:column;gap:12px;align-items:flex-start;}
.rhc-mark img{
  width:clamp(190px,26vw,300px);height:auto;display:block;
  opacity:.92;filter:drop-shadow(0 0 26px rgba(0,200,5,.22));
}
.rhc-mark figcaption{
  font-family:var(--f-mono,ui-monospace,monospace);font-size:.72rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ink-3);
}
.cat-callback{font-family:var(--f-display);font-size:clamp(1.3rem,3.6vw,2.6rem);color:var(--gold);margin:0;letter-spacing:.02em;}
.cat-row{display:flex;align-items:center;gap:clamp(18px,3vw,34px);margin:clamp(24px,4vh,44px) 0 0;flex-wrap:wrap;}
.cat-copy{flex:1 1 300px;min-width:0;}
.cat-note{font-size:13.5px;line-height:1.6;color:var(--ink-2);margin:12px 0 0;max-width:62ch;}
.cat-medallion{margin:0;flex:none;}
.cat-plate{
  width:clamp(140px,17vw,180px);aspect-ratio:1/1;border-radius:50%;overflow:hidden;
  background:#F5F7F4;display:grid;place-items:center;
  border:2px solid rgba(0,200,5,.55);
  box-shadow:0 0 0 6px rgba(0,200,5,.09),0 0 46px rgba(0,200,5,.34),0 18px 40px rgba(0,0,0,.55);
  animation:catglow 4.2s ease-in-out infinite;
}
.cat-plate img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;}
@keyframes catglow{
  0%,100%{box-shadow:0 0 0 6px rgba(0,200,5,.09),0 0 40px rgba(0,200,5,.26),0 18px 40px rgba(0,0,0,.55);}
  50%{box-shadow:0 0 0 9px rgba(0,200,5,.13),0 0 66px rgba(0,200,5,.46),0 18px 40px rgba(0,0,0,.55);}
}
.brandline{font-family:var(--f-mono);font-size:clamp(11px,1.2vw,13px);letter-spacing:.16em;line-height:2;color:var(--ink-2);margin:22px 0 0;text-transform:uppercase;}
.brandline.small{margin-top:26px;color:var(--green);}

/* ---------------- FINAL ---------------- */
.final{justify-content:center;text-align:center;border-bottom:0;}
.final-wrap{max-width:820px;}
.ledger{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(10px,2vh,20px);align-items:center;}
.ledger li{display:grid;grid-template-columns:5.5ch 2ch auto;gap:14px;align-items:baseline;
  font-family:var(--f-mono);font-size:clamp(12px,1.7vw,17px);letter-spacing:.18em;
  opacity:0;transform:translateY(10px);transition:opacity .9s var(--ease),transform .9s var(--ease);text-align:left;}
.ledger li.in{opacity:1;transform:none;}
.ly{color:var(--ink-3);}
.ld{color:rgba(242,245,243,.2);}
.lt{color:var(--ink);}
.ledger li.in:nth-child(2) .lt{color:var(--green);}
.final-line{font-size:clamp(2rem,7vw,5.4rem);margin:clamp(44px,8vh,90px) 0 0;line-height:.96;
  opacity:0;transform:scale(.94);transition:opacity 1.1s var(--ease),transform 1.2s var(--ease);}
.final-line.in{opacity:1;transform:none;}
.final-mark{font-family:var(--f-mono);font-size:12px;letter-spacing:.34em;color:var(--ink-3);margin:clamp(34px,6vh,60px) 0 0;
  opacity:0;transition:opacity 1.2s var(--ease);}
.final-mark.in{opacity:1;}

/* ---------------- MEMES / COVERFLOW ---------------- */
.memes{
  --glow:
    radial-gradient(1000px 640px at 50% 12%,rgba(255,255,255,.55),transparent 66%),
    radial-gradient(700px 480px at 88% 86%,rgba(214,203,182,.55),transparent 66%);
  display:block;padding-top:clamp(72px,9vh,104px);padding-bottom:clamp(56px,8vh,90px);
}
.memes-intro{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.2em;color:var(--ink-2);
  text-transform:uppercase;margin:0 0 clamp(16px,2.6vh,28px);}

.coverflow{
  position:relative;width:100%;max-width:100%;
  height:clamp(340px,52vh,520px);
  overflow:hidden;outline:none;
  touch-action:pan-y;user-select:none;-webkit-user-select:none;
}
.coverflow:focus-visible{box-shadow:0 0 0 2px rgba(0,200,5,.5);border-radius:10px;}
.cf-stage{position:absolute;inset:0;}
.cf-slide{
  position:absolute;top:50%;left:50%;
  width:min(560px,72%);height:100%;
  margin:0;padding:0;
  transform:translate(-50%,-50%);
  transition:transform .55s var(--ease),opacity .55s var(--ease),filter .55s var(--ease);
  will-change:transform,opacity;
  display:grid;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);
  place-items:center;min-height:0;min-width:0;
  pointer-events:none;
}
.cf-slide img{pointer-events:auto;}
.cf-slide img{
  max-width:100%;max-height:100%;width:auto;height:auto;min-height:0;min-width:0;object-fit:contain;
  border:1px solid rgba(242,245,243,.14);border-radius:6px;
  background:#0b0f0d;box-shadow:0 26px 70px rgba(0,0,0,.66);
}
.cf-slide.is-active{z-index:4;opacity:1;filter:none;cursor:zoom-in;
  transform:translate(calc(-50% + var(--drag,0px)),-50%) scale(1);}
.cf-slide.is-active img{border-color:rgba(0,200,5,.34);box-shadow:0 0 46px rgba(0,200,5,.16),0 26px 70px rgba(0,0,0,.7);}
.cf-slide.is-prev,.cf-slide.is-next{z-index:2;opacity:.4;filter:brightness(.62) saturate(.85);cursor:pointer;}
.cf-slide.is-prev:hover,.cf-slide.is-next:hover{opacity:.62;filter:brightness(.7);}
.cf-slide.is-hidden{z-index:1;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.55);}
.cf-slide.is-prev{transform:translate(calc(-50% - 40% + var(--drag,0px)),-50%) scale(.75);}
.cf-slide.is-next{transform:translate(calc(-50% + 40% + var(--drag,0px)),-50%) scale(.75);}
.coverflow.dragging .cf-slide{transition:none;}

.cf-arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:6;
  width:44px;height:44px;border-radius:50%;cursor:pointer;
  display:grid;place-items:center;
  background:rgba(6,9,7,.72);border:1px solid var(--line-2);color:var(--ink);
  backdrop-filter:blur(6px);transition:background .2s,border-color .2s,color .2s;
}
.cf-arrow svg{width:20px;height:20px;}
.cf-arrow:hover{background:rgba(0,200,5,.14);border-color:rgba(0,200,5,.5);color:var(--green);}
.cf-arrow.prev{left:4px;}
.cf-arrow.next{right:4px;}

.cf-caption{margin-top:clamp(14px,2.2vh,24px);text-align:center;}
.cf-title{font-size:clamp(1.2rem,3.2vw,2.2rem);letter-spacing:.02em;margin:0;text-transform:uppercase;}
.cf-desc{color:var(--ink-2);font-size:clamp(13.5px,1.1vw,15.5px);margin:10px auto 0;max-width:58ch;}
.cf-dl{margin:16px 0 0;margin-left:0;}

.cf-dots{display:flex;justify-content:center;gap:10px;margin-top:clamp(14px,2.2vh,22px);}
.cf-dot{width:9px;height:9px;border-radius:50%;padding:0;cursor:pointer;
  border:1px solid var(--line-2);background:transparent;transition:all .25s;}
.cf-dot:hover{border-color:var(--green);}
.cf-dot[aria-selected="true"]{background:var(--green);border-color:var(--green);box-shadow:0 0 14px rgba(0,200,5,.6);}

/* ---------------- LIGHTBOX ---------------- */
.lightbox{position:fixed;inset:0;z-index:90;display:grid;place-items:center;}
.lightbox[hidden]{display:none;}
.lb-backdrop{position:absolute;inset:0;background:rgba(3,5,4,.92);backdrop-filter:blur(8px);animation:lbfade .28s ease;}
@keyframes lbfade{from{opacity:0}to{opacity:1}}
.lb-inner{position:relative;z-index:2;max-width:min(94vw,1100px);max-height:86vh;
  display:flex;flex-direction:column;align-items:center;gap:14px;pointer-events:none;}
.lb-img{max-width:min(94vw,1100px);max-height:74vh;width:auto;height:auto;object-fit:contain;
  border:1px solid rgba(0,200,5,.3);border-radius:6px;box-shadow:0 0 60px rgba(0,200,5,.14),0 30px 80px rgba(0,0,0,.8);
  animation:lbpop .3s var(--ease);}
@keyframes lbpop{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.lb-cap{font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;color:var(--ink-2);text-align:center;margin:0;text-transform:uppercase;}
.lb-close{position:absolute;top:18px;right:18px;z-index:3;width:42px;height:42px;border-radius:50%;cursor:pointer;
  background:rgba(6,9,7,.8);border:1px solid var(--line-2);color:var(--ink);font-size:16px;line-height:1;}
.lb-close:hover{border-color:var(--green);color:var(--green);}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:46px;height:46px;border-radius:50%;cursor:pointer;
  background:rgba(6,9,7,.72);border:1px solid var(--line-2);color:var(--ink);font-size:24px;line-height:1;}
.lb-nav:hover{border-color:var(--green);color:var(--green);}
.lb-nav.prev{left:14px;}
.lb-nav.next{right:14px;}
body.lb-open{overflow:hidden;}

/* ---------------- DOC PAGES ---------------- */
.doc{min-height:auto;align-items:flex-start;padding-top:clamp(80px,10vh,120px);}
.biblio{list-style:none;counter-reset:none;margin:clamp(24px,4vh,42px) 0 0;padding:0;
  border-top:1px solid var(--line);}
.biblio li{display:grid;grid-template-columns:46px 1fr;gap:14px;padding:20px 0;border-bottom:1px solid var(--line);}
.bib-n{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;color:var(--green);padding-top:3px;}
.bib-t{margin:0;font-size:15.5px;line-height:1.45;color:var(--ink);font-weight:500;}
.bib-t em{color:var(--ink-2);font-style:italic;font-weight:400;}
.bib-c{margin:6px 0 0;font-size:13.5px;color:var(--ink-3);line-height:1.5;}
.biblio a{display:inline-block;margin-top:9px;font-family:var(--f-mono);font-size:11px;color:var(--ink-2);
  text-decoration:none;border-bottom:1px solid var(--line-2);padding-bottom:2px;word-break:break-all;transition:color .2s,border-color .2s;}
.biblio a:hover{color:var(--green);border-color:var(--green);}

.about-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(28px,5vw,60px);margin-top:clamp(20px,3vh,36px);}
.soundbank{border:1px solid var(--line-2);border-radius:12px;padding:20px;background:rgba(255,255,255,.02);align-self:start;}
.sb-title{font-family:var(--f-mono);font-size:10px;letter-spacing:.26em;color:var(--green);margin:0;}
.sb-note{font-size:13px;color:var(--ink-3);margin:10px 0 16px;}
.sb-grid{display:flex;flex-wrap:wrap;gap:8px;}
.sb-btn{cursor:pointer;background:transparent;border:1px solid var(--line-2);color:var(--ink-2);border-radius:999px;
  padding:7px 13px;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.14em;transition:all .2s;}
.sb-btn:hover{border-color:var(--green);color:var(--green);background:rgba(0,200,5,.07);}
.sb-btn.on{border-color:var(--green);color:#04120a;background:var(--green);}

/* ---------------- FOOTER ---------------- */
.foot{padding:clamp(50px,8vh,84px) var(--pad) clamp(40px,6vh,60px);
  padding-left:calc(var(--rail-x) + clamp(30px,5vw,80px));
  border-top:1px solid var(--line);background:#070A08;}
.foot-wrap{max-width:var(--maxw);}
.foot-brand{font-family:var(--f-display);font-size:clamp(1.1rem,2.4vw,1.7rem);margin:0;letter-spacing:.03em;}
.foot-line{font-family:var(--f-mono);font-size:11px;letter-spacing:.13em;color:var(--green);margin:12px 0 0;text-transform:uppercase;line-height:1.9;}
.foot-disc{font-size:12.5px;color:var(--ink-3);margin:24px 0 0;max-width:72ch;line-height:1.7;}
.foot-disc strong{color:var(--gold);}
.foot-nav{display:flex;flex-wrap:wrap;gap:14px 22px;margin:26px 0 0;}
.foot-nav a{font-family:var(--f-mono);font-size:10px;letter-spacing:.2em;color:var(--ink-2);text-decoration:none;}
.foot-nav a:hover{color:var(--green);}
.foot-mark{font-family:var(--f-mono);font-size:11px;letter-spacing:.3em;color:var(--ink-3);margin:28px 0 0;}

/* ============================================================
   LIGHT SECTIONS (CH1 2013, CH2 WSB, THE MEME ARCHIVE)
   Token flip — everything inside inherits dark ink on light.
   ============================================================ */
.chap.is-light{
  --ink:#14180F;
  --ink-2:#3B463C;
  --ink-3:#4E5B50;
  --line:rgba(20,24,15,.14);
  --line-2:rgba(20,24,15,.22);
  --green-txt:#00751A;
  --gold-txt:#7A4D00;
  --red-txt:#B0281A;
  --surface:#FFFFFF;
  color:var(--ink);
}
.chap.is-light ::selection{background:#00751A;color:#fff;}

/* headings + labels */
.chap.is-light .chap-num{color:var(--ink-3);}
.chap.is-light .chap-name{color:#2B3529;}
.chap.is-light .chap-head::after{background:rgba(20,24,15,.16);}
.chap.is-light .chap-year{
  color:var(--green-txt);border:1px solid rgba(0,117,26,.38);background:rgba(0,117,26,.09);
}
.chap.is-light .display{color:#101408;}
.chap.is-light .statement{color:#101408;}
.chap.is-light .hl{color:#B4600A;}
.chap.is-light .green{color:#00751A;}
.chap.is-light .dot{color:#00A004;}
.chap.is-light .sub{color:#1B2116;}
.chap.is-light .body strong{color:#101408;}

/* source chips */
.chap.is-light .src{
  color:#3E4A3F;border-color:rgba(20,24,15,.26);background:rgba(255,255,255,.72);
}
.chap.is-light .src:hover,.chap.is-light .src:focus-visible{
  color:#00600F;border-color:#00751A;background:rgba(0,117,26,.10);
}

/* ---- CH1 on light ---- */
.ch1.is-light .light-statement{color:#101408;text-shadow:none;}
.ch1.is-light .phone{
  background:linear-gradient(180deg,#FFFFFF,#F4F6F2);
  border:1px solid rgba(20,24,15,.14);
  box-shadow:0 22px 50px rgba(20,30,20,.14),0 2px 6px rgba(20,30,20,.06),inset 0 1px 0 #fff;
}
.ch1.is-light .ticker{color:#5A6659;}
.ch1.is-light .price{color:#00751A;}
.ch1.is-light .buy-btn{
  color:#04120a;background:#00B505;
  box-shadow:0 8px 0 -2px #007a03,0 12px 26px rgba(0,140,4,.24);
}
.ch1.is-light .buy-btn:active,.ch1.is-light .buy-btn.pressed{
  box-shadow:0 3px 0 -2px #007a03,0 5px 14px rgba(0,140,4,.26);
}
.ch1.is-light .phone-note{color:#5A6659;}
.ch1.is-light .egg{
  border:1px solid rgba(20,24,15,.16);border-left:3px solid #C98A12;
  background:linear-gradient(90deg,rgba(201,138,18,.12),rgba(201,138,18,0));
}
.ch1.is-light .egg-tag{color:var(--gold-txt);}
.ch1.is-light .egg-body{color:#141A10;}
.ch1.is-light .egg-body strong{color:#7A4D00;}
.ch1.is-light .egg-note{color:#3B463C;}

/* ---- CH2 exhibit plate ---- */
.wsb-exhibit{
  margin:clamp(28px,4.6vh,50px) 0 0;
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(18px,3vw,34px);align-items:center;
}
.wsb-plate{
  border-radius:12px;overflow:hidden;background:#14180F;
  border:1px solid rgba(20,24,15,.16);
  box-shadow:0 18px 42px rgba(30,26,18,.16),0 2px 4px rgba(30,26,18,.08);
}
.wsb-plate img{display:block;width:100%;height:auto;}
.wsb-exhibit figcaption{
  font-size:13.5px;line-height:1.65;color:#4A5346;max-width:46ch;margin:0;
}
.wsb-cap-k{
  display:block;font-family:var(--f-mono);font-size:10px;letter-spacing:.16em;
  text-transform:uppercase;color:#FF4500;margin-bottom:8px;
}
@media (max-width:820px){
  .wsb-exhibit{grid-template-columns:1fr;gap:16px;}
  .wsb-exhibit figcaption{max-width:none;}
}

/* ---- CH2 on light ---- */
.ch2.is-light .post{
  background:#FFFFFF;border:1px solid rgba(20,24,15,.14);
  box-shadow:0 10px 24px rgba(30,26,18,.10),0 1px 2px rgba(30,26,18,.06);
}
.ch2.is-light .post:hover{border-color:rgba(255,69,0,.6);}
.ch2.is-light .pttl{color:#14180F;}
.ch2.is-light .psub,.ch2.is-light .pfoot{color:#5A6659;}
.ch2.is-light .pflair{background:rgba(0,117,26,.10);color:#00600F;border-color:rgba(0,117,26,.32);}
.ch2.is-light .pflair.loss{background:rgba(176,40,26,.09);color:var(--red-txt);border-color:rgba(176,40,26,.3);}
.ch2.is-light .pflair.yolo{background:rgba(122,77,0,.09);color:var(--gold-txt);border-color:rgba(122,77,0,.3);}

/* ---- MEME ARCHIVE on light (cream gallery wall) ---- */
.memes.is-light .memes-intro{color:#4A5749;}
.memes.is-light .cf-slide img{
  background:#FFFFFF;border:1px solid rgba(20,24,15,.16);
  box-shadow:0 18px 44px rgba(40,34,22,.22),0 2px 6px rgba(40,34,22,.10);
}
.memes.is-light .cf-slide.is-active img{
  border-color:rgba(0,117,26,.55);
  box-shadow:0 0 0 3px rgba(0,200,5,.14),0 20px 50px rgba(40,34,22,.26);
}
.memes.is-light .cf-slide.is-prev,.memes.is-light .cf-slide.is-next{opacity:.55;filter:brightness(.96) saturate(.78);}
.memes.is-light .cf-slide.is-prev:hover,.memes.is-light .cf-slide.is-next:hover{opacity:.8;filter:none;}
.memes.is-light .cf-arrow{
  background:rgba(255,255,255,.9);border:1px solid rgba(20,24,15,.20);color:#1B2116;
  box-shadow:0 4px 14px rgba(40,34,22,.14);
}
.memes.is-light .cf-arrow:hover{background:#fff;border-color:#00751A;color:#00600F;}
.memes.is-light .cf-title{color:#101408;}
.memes.is-light .cf-desc{color:#3B463C;}
.memes.is-light .cf-dot{border-color:rgba(20,24,15,.32);}
.memes.is-light .cf-dot:hover{border-color:#00751A;}
.memes.is-light .cf-dot[aria-selected="true"]{background:#00A004;border-color:#00600F;box-shadow:0 0 10px rgba(0,150,6,.45);}
.memes.is-light .coverflow:focus-visible{box-shadow:0 0 0 2px rgba(0,117,26,.65);}

/* ============================================================
   ADAPTIVE HEADER + RAIL over light sections
   ============================================================ */
.topbar{transition:background .45s var(--ease);}
.brand,.brand-txt em,.nav a{transition:color .45s var(--ease),border-color .25s;}
body.header-light .topbar{
  background:linear-gradient(180deg,rgba(246,246,241,.94),rgba(246,246,241,.74) 65%,rgba(246,246,241,0));
}
body.header-light .brand{color:#14180F;}
body.header-light .brand-txt em{color:#4E5B50;}
body.header-light .nav a{color:#2F3A2E;}
body.header-light .nav a:hover,body.header-light .nav a:focus-visible{color:#00600F;border-color:#00751A;}
body.header-light .brand-pfp{
  background:#fff;
  box-shadow:0 0 12px rgba(0,150,6,.35),0 0 0 3px rgba(0,200,5,.16),0 2px 10px rgba(20,24,15,.18);
}
body.header-light .brand:hover .brand-pfp{
  box-shadow:0 0 20px rgba(0,150,6,.55),0 0 0 4px rgba(0,200,5,.24),0 3px 12px rgba(20,24,15,.2);
}

body.rail-light{--rail-color:#1D2A1F;--rail-glow:rgba(29,42,31,.30);}
body.rail-light .rail-track{background:linear-gradient(180deg,transparent,rgba(20,24,15,.24) 8%,rgba(20,24,15,.24) 92%,transparent);}
body.rail-light .rail-fill{outline:1px solid rgba(20,24,15,.18);}
body.rail-light.guh-passed{--rail-color:#008E17;--rail-glow:rgba(0,142,23,.40);}
body.rail-light.guh-passed .rail-track{background:linear-gradient(180deg,transparent,rgba(0,117,26,.30) 8%,rgba(0,117,26,.30) 92%,transparent);}
body.rail-light .rail-node{box-shadow:0 0 12px 2px var(--rail-glow),0 0 0 1px rgba(20,24,15,.25);}

/* ---------------- RESPONSIVE ---------------- */
@media (max-width:1000px){
  .ch1-grid{grid-template-columns:1fr;}
  .about-grid{grid-template-columns:1fr;}
  .guh-split{grid-template-columns:minmax(240px,330px) 1fr;gap:26px;}
}
@media (max-width:820px){
  .guh-split{grid-template-columns:1fr;justify-items:center;}
  .portrait{max-width:420px;width:100%;}
  .guh-split .guh-moment{width:100%;}
  .guh-split .guh-word{font-size:clamp(4rem,26vw,8rem);}
}
@media (max-width:720px){
  :root{--rail-x:18px;--pad:18px;}
  .chap{min-height:auto;padding:76px 18px 64px;padding-left:44px;display:block;}
  .foot{padding-left:44px;}
  .hero{min-height:100svh;display:flex;}
  .final{min-height:100svh;display:flex;}
  .brand-txt em{display:none;}
  .brand-txt strong{font-size:17px;}
  /* six nav items no longer fit on one phone row: let the nav scroll
     horizontally instead of pushing the page wider than the viewport */
  .nav{
    gap:13px;flex:0 1 auto;min-width:0;margin-left:auto;
    overflow-x:auto;overflow-y:hidden;
    scrollbar-width:none;-webkit-overflow-scrolling:touch;
    /* anchor content to the start so TIMELINE is never clipped;
       fade the right edge to signal the row scrolls */
    justify-content:flex-start;
    -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 18px),transparent);
    mask-image:linear-gradient(90deg,#000 calc(100% - 18px),transparent);
  }
  .nav::-webkit-scrollbar{display:none;}
  .nav a{font-size:9.5px;letter-spacing:.12em;flex:0 0 auto;}
  .brand{flex:0 0 auto;}
  .brand-pfp{width:28px;height:28px;border-width:2px;box-shadow:0 0 10px rgba(0,200,5,.4),0 0 0 2px rgba(0,200,5,.1);}
  .brand{gap:9px;}
  .topbar{padding:10px 14px;}
  .hero-title{font-size:clamp(4.2rem,26vw,7rem);}
  .statement{font-size:clamp(1.9rem,9vw,3rem);}
  .guh-word{font-size:clamp(4rem,30vw,8rem);}
  .post-stack{grid-template-columns:1fr;}
  .post{transform:translateY(24px) rotate(0deg) scale(.98);}
  .post.in{transform:none;}
  .gallery{grid-template-columns:1fr 1fr;}
  .float-field{grid-template-columns:1fr 1fr;}
  .facts{grid-template-columns:1fr;}
  .biblio li{grid-template-columns:1fr;gap:4px;}
  .b1,.b2,.b3,.b4{font-size:clamp(.85rem,4vw,1.3rem);}
  .ledger li{grid-template-columns:6.5ch 1.5ch auto;gap:8px;font-size:11.5px;letter-spacing:.08em;}
  .comment-river{height:80px;}
  .src{font-size:9.5px;padding:2px 7px;}
  .waveform{height:70px;}
  .chart-marks{font-size:9px;}
  .hud-l{font-size:8.5px;}
  .cat-row{gap:16px;}
  .cat-plate{width:140px;}
  .cat-copy{flex:1 1 100%;}
  .memes{padding:76px 18px 64px;padding-left:44px;}
  .coverflow{height:clamp(300px,46vh,400px);}
  .cf-slide{width:min(300px,60%);}
  .cf-slide.is-prev{transform:translate(calc(-50% - 46% + var(--drag,0px)),-50%) scale(.72);}
  .cf-slide.is-next{transform:translate(calc(-50% + 46% + var(--drag,0px)),-50%) scale(.72);}
  .cf-arrow{width:36px;height:36px;background:rgba(6,9,7,.55);}
  .cf-arrow.prev{left:0;}
  .cf-arrow.next{right:0;}
  .lb-nav{width:38px;height:38px;font-size:20px;}
  .lb-nav.prev{left:6px;}
  .lb-nav.next{right:6px;}
  .lb-close{top:12px;right:12px;width:38px;height:38px;}
  .lb-img{max-height:66vh;}
}
@media (max-width:340px){
  .gallery{grid-template-columns:1fr;}
  .float-field{grid-template-columns:1fr;}
}

/* ---------------- 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;}
  .reveal,.post,.ffc,.art,.ledger li,.final-line,.final-mark,.guh-word,.portrait{opacity:1 !important;transform:none !important;}
  .cf-slide{transition:none !important;}
  .cf-slide.is-prev{transform:translate(calc(-50% - 40%),-50%) scale(.75) !important;}
  .cf-slide.is-next{transform:translate(calc(-50% + 40%),-50%) scale(.75) !important;}
  .cf-slide.is-hidden{transform:translate(-50%,-50%) scale(.55) !important;opacity:0 !important;}
  .cline{stroke-dashoffset:0 !important;}
  #gmeLine,#gmeArea{opacity:1 !important;stroke-dashoffset:0 !important;}
  .cb-fall,.cb-rise{stroke-dashoffset:0 !important;}
  .cb-low,.cb-t{opacity:1 !important;}
  .bw{opacity:1 !important;transform:none !important;}
  .blk{opacity:1 !important;transform:none !important;}
  .end-glow{opacity:1 !important;transform:none !important;}
}