:root{--bg:#faf6f0;--ink:#2a2420;--muted:#7a6e64;--accent:#b5462a;--line:#e6ddd2;--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.65 var(--serif)}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent)}
.wrap{max-width:720px;margin:0 auto;padding:0 20px}
header.site{border-bottom:1px solid var(--line);padding:22px 0;text-align:center}
header.site .brand{font-size:30px;letter-spacing:.02em;text-decoration:none;color:var(--ink);font-style:italic}
header.site nav{font:13px var(--sans);text-transform:uppercase;letter-spacing:.14em;margin-top:6px}
header.site nav a{color:var(--muted);text-decoration:none;margin:0 10px}
.meta{font:13px var(--sans);color:var(--muted);text-transform:uppercase;letter-spacing:.12em}
.card{display:block;text-decoration:none;color:inherit;margin:36px 0 48px}
.card img{border-radius:6px;aspect-ratio:4/3;object-fit:cover;width:100%}
.card h2{font-size:30px;line-height:1.2;margin:16px 0 6px;font-weight:600}
.card p{color:var(--muted);margin:6px 0}
article h1{font-size:clamp(32px,7vw,46px);line-height:1.12;margin:34px 0 10px;font-weight:600}
article .hero{margin:24px -20px;}
@media(min-width:760px){article .hero{margin:28px -60px}article .hero img{border-radius:6px}}
article h2{font-size:24px;margin:40px 0 8px;border-top:1px solid var(--line);padding-top:24px}
article h3{font:600 14px var(--sans);text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:26px 0 6px}
article ol li,article ul li{margin:6px 0}
.note{background:#f2e9de;border-left:3px solid var(--accent);padding:12px 16px;font-size:16px;border-radius:0 4px 4px 0}
figure{margin:28px 0}figcaption{font:14px var(--sans);color:var(--muted);margin-top:8px}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pair img{border-radius:4px;aspect-ratio:3/4;object-fit:cover}
footer{border-top:1px solid var(--line);margin-top:60px;padding:24px 0 40px;font:13px var(--sans);color:var(--muted);text-align:center}
.grid{display:grid;grid-template-columns:1fr;gap:6px}@media(min-width:600px){.grid{grid-template-columns:1fr 1fr}}.grid figure{margin:10px 0}.grid img{border-radius:4px;aspect-ratio:4/3;object-fit:cover}
/* Crumpet & Punishment polish */
:root{--bg:#f6efe2;--ink:#2b211a;--muted:#7c6a58;--accent:#8c2f1c;--line:#dccfba;--serif:"Iowan Old Style","Baskerville","Libre Baskerville","Palatino Linotype",Palatino,Georgia,serif}
body{background:var(--bg) radial-gradient(ellipse at top,#fbf6ec,transparent 70%)}
header.site{border-bottom:none;padding:28px 0 18px;position:relative}
header.site:after{content:"❦";display:block;color:var(--accent);font-size:18px;margin-top:14px;letter-spacing:0}
header.site:before{content:"";position:absolute;left:12%;right:12%;bottom:12px;border-top:1px solid var(--line)}
.motif{color:var(--ink);margin-bottom:4px}.motif svg{display:inline-block}
header.site .brand{font-size:clamp(30px,8vw,42px);font-style:normal;font-variant:small-caps;letter-spacing:.04em}
.tagline{font-style:italic;color:var(--muted);font-size:17px;margin:2px 0 8px}
header.site nav a{color:var(--accent)}
.card h2,article h1{font-style:normal}
article>p:first-of-type:first-letter{float:left;font-size:3.4em;line-height:.9;padding:6px 8px 0 0;color:var(--accent)}
article h2:before{content:"§ ";color:var(--accent)}
.card img,figure img{box-shadow:0 1px 0 var(--line),0 8px 24px -14px rgba(60,40,20,.5)}
.note{background:#efe3cf}
footer{font-family:var(--serif);font-style:italic}

.about-list{padding-left:1.1em;margin:.4em 0 1.2em}.about-list li{margin:.45em 0;line-height:1.55}.about-list li::marker{color:var(--accent)}.shelf{font-size:.98em;line-height:1.6}.signoff{font-style:italic;text-align:right;margin-top:1.6em;color:var(--accent)}