/* pages.css — shared chrome for the secondary pages (privacy, terms, contact,
   embed). The homepage keeps its own inline <style> untouched; the base rules
   below are copied from it verbatim so these pages match without a build step.
   If a base rule changes in index.html, change it here too. (Extracting one
   shared sheet the homepage also links is a reasonable follow-up — it just
   wasn't worth touching a working homepage to add four small pages.) */
:root{
  --ink:var(--brand-ink); --panel:var(--brand-panel); --gold:var(--brand-gold);
  --gold-hot:var(--brand-gold-hot); --red:var(--brand-red); --paper:var(--brand-cream);
  --muted:var(--brand-muted); --hair:var(--brand-hair); --stock:var(--brand-stock);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--ink);color:var(--paper);font-family:'Archivo',system-ui,sans-serif;line-height:1.5;
  -webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden;position:relative}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(55% 45% at 90% 8%, rgba(244,180,0,.10), transparent 70%),
    radial-gradient(45% 40% at 6% 94%, rgba(217,53,43,.08), transparent 70%)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.wrap{max-width:1100px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
header{display:flex;justify-content:space-between;align-items:center;padding:26px 0 18px}
/* WORDMARK — Archivo Black at any size. A logo is a shape, not text; the 28px rule does not apply. */
.mark{font-family:'Archivo Black';font-weight:400;letter-spacing:.1em;text-transform:uppercase;font-size:19px;color:var(--paper);text-decoration:none}
.back{font-family:'Space Mono',monospace;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-decoration:none}
.back:hover{color:var(--gold)}
.btn{font-family:'Archivo Black';font-weight:400;letter-spacing:.05em;text-transform:uppercase;font-size:13px;
  display:inline-block;line-height:1;padding:15px 24px 13px;border-radius:3px;text-decoration:none;cursor:pointer;border:none;
  transition:transform .15s,background .2s,border-color .2s}
.btn-amb{background:var(--gold);color:var(--ink)}.btn-amb:hover{background:var(--gold-hot);transform:translateY(-2px)}
.btn-ghost{border:1px solid var(--hair);color:var(--paper);background:transparent}.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}

/* ---- the page body ---- */
.page{max-width:68ch;padding:36px 0 90px}
.eyebrow{font-family:'Archivo';font-weight:700;letter-spacing:.22em;text-transform:uppercase;font-size:11.5px;color:var(--red);margin-bottom:18px}
.page h1{font-family:'Archivo Black';font-weight:400;text-transform:uppercase;line-height:1;letter-spacing:-.015em;font-size:clamp(30px,4.6vw,44px);margin-bottom:14px}
/* The red datestamp — brand motif #1. '26 09 11 */
.stamp{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.14em;color:var(--red);text-shadow:0 0 12px rgba(217,53,43,.45);margin-bottom:34px}
.page h2{font-family:'Archivo';font-weight:700;text-transform:uppercase;letter-spacing:.01em;font-size:17px;margin:38px 0 10px}
.page p,.page li{font-size:15.5px;color:var(--muted)}
.page p{margin-bottom:14px}
.page b{color:var(--paper);font-weight:600}
.page ul,.page ol{margin:0 0 16px 22px}
.page li{margin-bottom:8px}
.page a{color:var(--gold);text-decoration:none}
.page a:hover{color:var(--gold-hot)}
.page code,.page pre{font-family:'Space Mono',monospace;font-size:12.5px}
.page code{background:#0c0906;border:1px solid var(--hair);border-radius:4px;padding:1px 6px;color:var(--paper)}
.page pre{background:#0c0906;border:1px solid var(--hair);border-radius:6px;padding:16px 18px;overflow-x:auto;line-height:1.55;color:var(--paper);margin:0 0 16px}
.page pre code{background:none;border:0;padding:0}
.page .lead{font-size:18px;color:var(--paper);margin-bottom:26px}
/* Text still waiting on a fact only Rhon can supply. Stands out on purpose. */
.todo{background:rgba(217,53,43,.12);border:1px dashed var(--red);border-radius:4px;padding:1px 7px;color:var(--paper);font-family:'Space Mono',monospace;font-size:12px}

footer{border-top:1px solid var(--hair);padding:40px 0 60px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.foot-mark{font-family:'Archivo Black';font-weight:400;letter-spacing:.1em;text-transform:uppercase;font-size:15px}
.foot-note{font-size:13px;color:var(--muted)}
.foot-note a{color:var(--gold);text-decoration:none}
.foot-nav{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px 22px;font-family:'Space Mono',monospace;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase}
.foot-nav a{color:var(--muted);text-decoration:none;transition:color .2s}
.foot-nav a:hover{color:var(--gold)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}