:root{--ink:#1E1A1A;--soft:#B1562D;--gold:#B1562D;--gold-soft:#F6E3D6;--deep:#2B2424;--cream:#FBF7F1;--line:#E8DED2;--muted:#6E5F66}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.65 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{max-width:100%;display:block}
.wrap{max-width:1040px;margin:0 auto;padding:0 18px}
header.site{background:#B1562D;color:#FBF1E6}
.topline{display:flex;justify-content:space-between;font-size:11.5px;letter-spacing:1.5px;text-transform:uppercase;color:#F6DCC6;padding:10px 0 4px}
.mast{display:block;text-align:center;text-decoration:none;padding:6px 0 12px;color:#FBF1E6;margin-top:6px}
.topline + .mast{margin-top:0}
.mast b{display:block;font:500 clamp(40px,9vw,68px)/1 'Playfair Display',Georgia,serif;letter-spacing:-1.5px}
.mast b em{font-style:italic}
.mast i{display:block;font:500 11px Inter;letter-spacing:7px;color:#FBF1E6;margin-top:8px;font-style:normal;padding-left:7px}
nav.sec{border-top:1px solid rgba(251,241,230,.35);display:flex;justify-content:center;gap:20px;flex-wrap:wrap;padding:11px 0;font-size:12.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
nav.sec a{text-decoration:none}
nav.sec a:hover{color:#F6DCC6;text-decoration:underline}
h2.sect{display:flex;align-items:center;gap:14px;font:700 12.5px Inter;letter-spacing:2.5px;text-transform:uppercase;margin:40px 0 18px}
h2.sect:after{content:"";flex:1;height:1px;background:var(--ink)}
.cat{display:inline-block;font:700 11px Inter;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold)}
.meta{font-size:12.5px;color:var(--muted)}
/* article court */
main.art{max-width:720px}
.crumbs{font-size:13px;color:var(--muted);margin:22px 0 10px}
.crumbs a{text-decoration:none}
.crumbs b{color:var(--gold)}
main.art h1{font:700 clamp(28px,5.2vw,42px)/1.15 Fraunces,Georgia,serif;letter-spacing:-.5px;margin:0 0 12px}
.dek{font-size:19px;color:#3d3436;margin:0 0 14px}
.by{font-size:13px;color:var(--muted);padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
figure.hero{margin:20px 0}
figure.hero img{width:100%;border-radius:4px;aspect-ratio:3/2;object-fit:cover}
main.art p{margin:0 0 16px}
.tipbox{background:#fff;border:1px solid var(--line);border-left:4px solid var(--gold);padding:14px 16px;margin:22px 0}
.tipbox b{display:block;font:700 12px Inter;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold);margin-bottom:4px}
.readnext{display:block;background:var(--soft);color:#fff;text-decoration:none;padding:18px 20px;border-radius:4px;font:700 19px/1.3 Fraunces,serif;margin:26px 0}
.readnext small{display:block;font:700 11px Inter;letter-spacing:2px;text-transform:uppercase;color:#d9c9a8;margin-bottom:6px}
.rel{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width:640px){.rel{grid-template-columns:1fr}}
.relcard{text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:4px;overflow:hidden}
.relcard img{aspect-ratio:3/2;object-fit:cover;width:100%}
.relcard span{display:block;padding:10px 12px;font:700 15px/1.3 Fraunces,serif}
.relcard small{display:block;font:700 10.5px Inter;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold);margin-bottom:4px}
footer.site{margin-top:50px;background:var(--deep);color:#E9DCE2;font-size:12.5px;padding:28px 0 34px}
footer.site .fm{display:inline-block;text-decoration:none;margin-bottom:12px;color:#FBF1E6}
footer.site .fm i{display:block;font:500 9.5px Inter;letter-spacing:5px;font-style:normal;margin-top:4px}
footer.site .fm b{font:500 28px/1 'Playfair Display',serif;color:#fff}
footer.site .fm b em{font-style:italic}
footer.site p{margin:6px 0;max-width:720px}