body.archive { color-scheme:light; --bg:#ebe3d2; --panel:#f6efde; --line:#ad9d83; --ink:#282219; --muted:#554737; --accent:#852f24; --on-accent:#fff8e9; --radius:2px; --display:Georgia,serif; }
.archive .site-header { border-bottom:1px solid var(--line); margin-bottom:20px; }
.archive-hero { display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(14px,4vw,54px); align-items:center; padding:clamp(18px,4vw,54px); background:repeating-linear-gradient(0deg,#987a4410 0 1px,transparent 1px 25px),#f6efde; border:1px solid #ad9d83; }
.archive-print { padding:11px; background:#fffaef; border:1px solid #b3a88f; transform:rotate(-2deg); box-shadow:6px 10px 24px #5d463624; }
.archive-print img { width:100%; aspect-ratio:5/4; filter:sepia(.2); }
.archive-print figcaption { padding-top:10px; font:12px var(--mono); color:#574c3b; }
.archive-copy { position:relative; }
.archive-stamp { position:absolute; right:0; top:0; transform:rotate(9deg); padding:5px 9px; border:2px solid #952e20a8; color:#852f24; font:800 11px var(--mono); }
.archive-copy .kicker { padding-right:76px; }
.archive .wordmark { font-size:clamp(82px,12vw,155px); font-weight:700; letter-spacing:-.11em; }
.archive-record { display:flex; gap:10px 20px; flex-wrap:wrap; margin-top:15px; border-block:1px dashed #aa9678; padding:8px 0; font:700 12px var(--mono); }
.archive-body { display:grid; grid-template-columns:1.25fr .85fr; gap:20px; margin-top:22px; }
@media(max-width:760px){.archive-hero,.archive-body{grid-template-columns:1fr}.archive-print img{aspect-ratio:16/9}.archive .wordmark{font-size:clamp(72px,16vw,130px)}}