:root {
  --espresso:#2A1E17; --soft-dark:#3A2C22; --cocoa:#5A4636; --ivory:#FCF9F2; --cream:#F3EADA;
  --tan:#C9BBA4; --muted:#8A7C6B; --hairline:#E7DCCB; --tangerine:#FB6D1E; --ember:#B4552B;
  --warm-brown:#552E04; --plum:#5E3A5A; --mauve:#B98DB2;
  --ground:var(--espresso); --text:var(--ivory); --text-secondary:var(--cream); --text-quiet:var(--tan);
  --rule:var(--cocoa); --accent:var(--tangerine); --focus:var(--tangerine);
  --font-display:"Lora", Georgia, serif; --font-body:"Inter","Helvetica Neue",Arial,system-ui,sans-serif;
  --gutter: clamp(16px, 5vw, 64px); --measure: 38rem; color-scheme: dark;
}
.plate { --ground:var(--cream); --text:var(--espresso); --text-secondary:var(--soft-dark); --text-quiet:var(--warm-brown);
  --rule:var(--hairline); --accent:var(--ember); --focus:var(--ember); background:var(--ground); color:var(--text); }
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--espresso);color:var(--ivory);font-family:var(--font-body);
  font-size:clamp(1.0625rem,0.95rem + 0.5vw,1.25rem);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.18em}
:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:2px}
p{margin:0} p+p{margin-top:1.1em}
.display{font-family:var(--font-display);font-style:italic;font-weight:400;line-height:1.15;text-wrap:balance}
.top{position:fixed;inset:0 0 auto 0;height:4.25rem;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:0 var(--gutter);background:rgba(42,30,23,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(90,70,54,.45)}
.wordmark{width:clamp(96px,10vw,132px);display:block} .wordmark svg{width:100%;height:auto;display:block}
.top a.back{color:var(--tan);text-decoration:none;font-size:.9375rem} .top a.back:hover{color:var(--ivory)}
.screen{padding:calc(4.25rem + clamp(3rem,8vh,6rem)) var(--gutter) clamp(3rem,8vh,6rem)}
.inner{width:min(100%,60rem);margin-inline:auto}
.plate{padding:clamp(2.5rem,6vw,5rem) clamp(1.5rem,6vw,5rem)}
.plate .display.h{font-size:clamp(2rem,1.4rem + 2.6vw,3.5rem);margin:0 0 1.25em}
.body{max-width:var(--measure)}
.body p{line-height:1.65}
.body h2{font-family:var(--font-body);font-style:normal;font-weight:600;font-size:1em;margin:1.75em 0 .35em;color:var(--text)}
.body .dated{margin-top:2.5em;color:var(--text-quiet);font-size:.9375rem}
.body .dated em{font-family:var(--font-display)}
.footer{border-top:1px solid var(--cocoa);padding:3rem var(--gutter) 3.5rem;color:var(--tan);font-size:.9375rem;line-height:1.7}
.footer .inner{display:grid;gap:1.75rem}
.footer nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1.4rem}
.footer nav a{color:var(--ivory);text-decoration:none} .footer nav a:hover{color:var(--tangerine);text-decoration:underline}
.footer address{font-style:normal} .footer address a{color:var(--tan);text-decoration:none} .footer address a:hover{color:var(--ivory)}

.label{font-family:var(--font-body);font-weight:500;font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-quiet);margin:0 0 1.25rem}
.plate .h{font-family:var(--font-display);font-style:normal;font-weight:400;line-height:1.15;font-size:clamp(1.75rem,1.2rem + 2vw,2.75rem);margin:0 0 1.25em;text-wrap:balance}
.body h2{font-family:var(--font-body);font-style:normal;font-weight:600;font-size:1em;margin:1.75em 0 .35em;color:var(--text)}
.body .note{margin-top:2.5em;color:var(--text-quiet);font-size:.9375rem}
.body .dated{margin-top:0;margin-bottom:1.5em;color:var(--text-quiet);font-size:.9375rem}