:root{--ink:#0d0d0d;--paper:#faf8f4;--muted:#6b6660;--line:#e3ded6;--accent:#a3122a;--gold:#b08d57;
--serif:"Playfair Display","Didot","Bodoni 72",Georgia,serif;--sans:"Inter",system-ui,-apple-system,Segoe UI,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans)}
a{color:inherit}main{max-width:1180px;margin:0 auto;padding:0 24px}
.topbar{display:flex;justify-content:space-between;padding:8px 24px;font:500 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;background:var(--ink);color:#fff}
.topbar a{text-decoration:none;opacity:.55}.topbar a.on{opacity:1;border-bottom:1px solid #fff}
.masthead{text-align:center;padding:34px 24px 0;border-bottom:1px solid var(--ink);max-width:1180px;margin:0 auto}
.logo{font:800 clamp(44px,8.5vw,112px)/.95 var(--serif);letter-spacing:.01em;text-decoration:none;display:block}
.tagline{font:italic 400 17px var(--serif);color:var(--muted);margin:10px 0 18px}
nav{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;padding:14px 0;border-top:1px solid var(--line);font:600 12px var(--sans);letter-spacing:.16em;text-transform:uppercase}
nav a{text-decoration:none}nav a:hover{color:var(--accent)}
.kicker{font:600 11px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:0 0 12px}
.display{font:600 clamp(34px,5vw,60px)/1.05 var(--serif);margin:0 0 14px;letter-spacing:-.01em}
.display.xl{font-size:clamp(40px,6.5vw,78px)}
.lede{font:400 20px/1.55 var(--serif);color:#2b2825;max-width:760px}
.publine{font:600 11px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:6px 0 14px}
.btn{display:inline-block;background:var(--ink);color:#fff;padding:14px 26px;text-decoration:none;font:600 12px var(--sans);letter-spacing:.16em;text-transform:uppercase;margin:14px 0}
.btn:hover{background:var(--accent)}
.cover{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;padding:48px 0;border-bottom:1px solid var(--line)}
.mini{list-style:none;padding:0;margin:22px 0;columns:2;column-gap:28px}
.mini li{break-inside:avoid;padding:8px 0;border-bottom:1px solid var(--line);font:500 15px var(--serif)}
.mini li span{font:600 12px var(--sans);color:var(--accent);margin-right:8px}
.mini li em{display:block;font:400 12px var(--sans);color:var(--muted);font-style:normal;margin-left:26px}
.coverart{position:relative;aspect-ratio:3/4;background:linear-gradient(160deg,#0d0d0d 0%,#2b1a1d 55%,#a3122a 130%);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:28px;overflow:hidden}
.coverart:after{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.35)}
.cnum{font:600 13px var(--sans);letter-spacing:.3em}.cname{font:italic 600 clamp(48px,6vw,84px)/.92 var(--serif)}
.ctag{font:600 12px var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.sec{font:600 12px var(--sans);letter-spacing:.24em;text-transform:uppercase;border-top:2px solid var(--ink);padding-top:12px;margin:48px 0 24px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:36px;margin-bottom:48px}
.card{text-decoration:none;display:block}.card h3{font:600 26px/1.15 var(--serif);margin:0 0 8px}.card p{color:var(--muted);margin:0}
.card:hover h3{color:var(--accent)}
.cimg{aspect-ratio:16/10;color:#fff;padding:22px;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:14px}
.cimg span{font:600 11px var(--sans);letter-spacing:.22em;text-transform:uppercase;opacity:.75}.cimg b{font:italic 600 28px/1.1 var(--serif)}
.issue{padding:44px 0;max-width:960px;margin:0 auto}
.disclosure{border-left:3px solid var(--gold);background:#f2ede4;padding:14px 18px;font-size:14px;color:#4a453f;margin:22px 0 36px}
.entry{display:grid;grid-template-columns:110px 1fr;gap:24px;padding:34px 0;border-top:1px solid var(--line)}
.entry.top{border-top:2px solid var(--ink);background:linear-gradient(90deg,#f3ece0,transparent);padding-left:18px}
.rk{font:800 72px/1 var(--serif);color:var(--accent)}.entry.top .rk{color:var(--gold)}
.eb h3{font:600 32px/1.1 var(--serif);margin:0}.handles{color:var(--muted);margin:4px 0 8px;font-size:14px}
.badge{display:inline-block;vertical-align:middle;font:600 10px var(--sans);letter-spacing:.16em;text-transform:uppercase;background:var(--gold);color:#fff;padding:4px 8px;margin-left:8px}
.meta{display:flex;gap:22px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin:0 0 16px}
.metrics{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.metric{border:1px solid var(--line);background:#fff;padding:14px}.mv{font:600 26px/1.1 var(--serif)}
.ml{font:600 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;margin:4px 0 6px}.ms{font-size:12px;color:var(--muted)}
.ms a{color:var(--accent)}
.eb h4{font:600 11px var(--sans);letter-spacing:.2em;text-transform:uppercase;margin:20px 0 6px}.why{font:400 18px/1.6 var(--serif);margin:0}
.extra{font-size:12px;color:var(--muted)}.extra a{color:var(--accent)}
mark.ph{background:#fff1b8;color:#7a5a00;padding:0 4px;font-family:var(--sans);font-size:.85em}
.narrow{max-width:760px;margin:0 auto;padding:44px 0}.narrow h2{font:600 28px var(--serif);margin:34px 0 8px}
.archive{list-style:none;padding:0}.archive li{padding:10px 0;border-bottom:1px solid var(--line);font:500 18px var(--serif)}
.story{max-width:760px;margin:0 auto;padding:48px 0}.dek{font:italic 400 22px/1.5 var(--serif);color:#3a3631}
.byline{font:600 11px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.hero{aspect-ratio:16/8;margin:28px 0;display:flex;align-items:flex-end;padding:28px;color:#fff;font:italic 600 clamp(26px,4vw,44px)/1.05 var(--serif)}
.prose p{font:400 19px/1.75 var(--serif);margin:0 0 20px}.prose p:first-child:first-letter{float:left;font:800 74px/.8 var(--serif);padding:6px 10px 0 0;color:var(--accent)}
.prose h2{font:600 28px var(--serif);margin:36px 0 12px}.prose ul{font:400 18px/1.7 var(--serif)}
.sources{border-top:1px solid var(--ink);margin-top:40px;padding-top:14px;font-size:14px}.sources h4{font:600 11px var(--sans);letter-spacing:.2em;text-transform:uppercase}
.sources a{color:var(--accent)}
footer{background:#111;color:#ddd;text-align:center;padding:48px 24px;margin-top:0}
.flogo{font:800 44px var(--serif);color:#fff;letter-spacing:.05em}.pub{font:600 12px var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.disc{max-width:720px;margin:12px auto;font-size:13px;color:#aaa}.small{font-size:12px;color:#888}.small a{margin:0 8px;text-decoration:none}
.note{color:var(--muted)}
@media(max-width:820px){.cover{grid-template-columns:1fr}.cover-r{order:-1}.coverart{aspect-ratio:4/3}.mini{columns:1}
.entry{grid-template-columns:1fr;gap:6px}.rk{font-size:52px}nav{gap:16px}}
.coverart.photo{background-size:cover;background-position:center top}
.kpic{margin:0 0 18px}.kpic img{width:100%;height:auto;display:block}
.kpic figcaption{font:600 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:6px}
.entry-pic{float:right;width:240px;margin:0 0 14px 24px}.about-pic{max-width:520px}
@media(max-width:820px){.entry-pic{float:none;width:100%;margin:0 0 14px}}
.kgallery{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0 8px;clear:both}
.kgallery .kpic img{aspect-ratio:4/5;object-fit:cover}
.about-pic{float:right;width:300px;margin:4px 0 16px 24px}
@media(max-width:820px){.about-pic{float:none;width:100%;margin:0 0 16px}}
.coverart.photo{justify-content:flex-end;gap:10px}
.coverart.photo .cnum{position:absolute;top:28px;left:28px}
.coverart.photo .cname{font-size:clamp(40px,4.6vw,64px);text-shadow:0 2px 18px rgba(0,0,0,.5)}
.owner-note{font-size:12px;color:var(--muted);margin:10px 0 30px}
.kpic figcaption a{color:inherit}
.story-pic{margin:28px 0}.story-pic img{aspect-ratio:16/9;object-fit:cover}
.mini li{display:grid;grid-template-columns:22px 34px 1fr;align-items:center;column-gap:8px}
.mini li em{grid-column:3;margin-left:0}
.mini li span{margin-right:0}
.thumb{width:34px;height:34px;border-radius:50%;object-fit:cover;object-position:top;grid-row:span 2;display:block}
.thumb.ini{background:#e9e3d9;color:var(--muted);font:600 11px/34px var(--sans);text-align:center;font-style:normal}
.mini li span{grid-row:span 2}
.socials{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.soc{font:600 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border:1px solid var(--ink);padding:7px 12px;background:#fff}
.soc:hover{background:var(--ink);color:#fff}
.cpic img{aspect-ratio:4/5;object-fit:cover;object-position:50% 20%}
.ccard{aspect-ratio:auto}
.ccard a{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;aspect-ratio:4/5;padding:20px;text-decoration:none;color:#fff;background:linear-gradient(160deg,#1a1a1a 0%,#2b2622 55%,#7a1c24 100%);box-sizing:border-box}
.ccard a:hover{background:linear-gradient(160deg,#111 0%,#231f1c 55%,#8f1f2a 100%)}
.cc-k{font:600 10px var(--sans);letter-spacing:.2em;text-transform:uppercase;opacity:.7;margin-bottom:auto}
.cc-n{font:italic 600 26px/1.1 var(--serif)}.cc-h{font:13px var(--sans);opacity:.85}
.cc-b{font:600 11px var(--sans);letter-spacing:.16em;text-transform:uppercase;border-top:1px solid rgba(255,255,255,.35);padding-top:10px;margin-top:6px}
.cpic figcaption{height:42px;overflow:hidden;line-height:14px}
.ccard::after{content:"";display:block;height:48px}
.fw{font:13px/1.5 var(--sans);color:var(--muted);margin:10px 0 0}.fw b{color:var(--ink);font-weight:600}.fw a{color:var(--accent,inherit)}
