@font-face{
  font-family:"AndOr Typewriter";
  src:url("assets/fonts/AndOr-Typewriter-Mono-Regular.otf") format("opentype");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}
@font-face{
  font-family:"AndOr Sans";
  src:url("assets/fonts/Manrope-Regular.woff2") format("woff2");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}
:root{
  --paper:#FDFAF4;
  --ink:#141210;
  --gold:#BC9346;
  --gold-deep:#946B24;
  --muted:#6F675B;
  --rule:rgba(20,18,16,.14);
  --font-display:"American Typewriter","AmericanTypewriter","AndOr Typewriter",monospace;
  --font-body:"AndOr Sans",sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:1.0625rem;line-height:1.75;font-weight:400;-webkit-font-smoothing:antialiased;font-synthesis:none}
a{color:inherit}
.site-head{border-bottom:1px solid var(--rule)}
.site-head-inner{max-width:60rem;margin:0 auto;padding:1.35rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand,.back{font-family:var(--font-display);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;font-weight:400}
.brand{color:var(--ink)}
.back{color:var(--muted);border-bottom:1px solid var(--gold);padding-bottom:2px}
.article-wrap{max-width:46rem;margin:0 auto;padding:5rem 2rem 6rem}
.kicker{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep);margin:0 0 1.5rem}
h1{font-family:var(--font-display);font-size:clamp(2rem,4.4vw,3.25rem);font-weight:400;letter-spacing:-.025em;line-height:1.16;margin:0 0 1.75rem}
h1{text-wrap:pretty}
.dek{font-size:1.15rem;line-height:1.65;color:var(--muted);margin:0 0 1.3rem;max-width:40rem}
.meta{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-deep);margin:0}
.article-body{border-top:1px solid var(--rule);margin-top:3.25rem;padding-top:3rem;max-width:38rem}
.article-body p{margin:0 0 1.35rem}
.article-body p,.dek{text-wrap:pretty}
.article-body .standalone{font-family:var(--font-display);font-size:1.22rem;line-height:1.55;margin:2.2rem 0;color:var(--ink)}
.article-foot{border-top:1px solid var(--rule);margin-top:3.25rem;padding-top:1.5rem}
.article-foot a{font-family:var(--font-display);font-size:.82rem;letter-spacing:.08em;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:2px}
strong,b{font-weight:400}
a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:640px){
  .site-head-inner{padding:1.15rem 1.5rem}
  .article-wrap{padding:3.5rem 1.5rem 4.5rem}
  .back{font-size:.7rem}
}