/* Magazine — editorial fashion: off-white paper, black type, one muted accent (rose / terracotta), Playfair headlines,
   centred masthead, portrait covers, uppercase micro-labels. */
:root{--bg:#faf7f2;--surface:#fff;--ink:#151312;--ink-2:#47403b;--muted:#8a8079;--line:#e8e0d6;
  --head-weight:600;--head-tracking:-.005em;--radius:2px;--radius-pill:2px;--shadow:none;--media-ratio:4/5;--maxw:1240px;
  --header-bg:#fff;--header-line:#151312;--nav-bg:#fff;--nav-ink:#151312;--nav-active:var(--accent);
  --tag-bg:transparent;--tag-ink:var(--accent);--band-bg:#f1e8de;--band-ink:#151312;
  --footer-bg:#f1e8de;--footer-ink:#151312;--footer-muted:#5c534c;--footer-line:rgba(21,19,18,.14);--footer-logo-plate:transparent;--footer-logo-pad:0}
@media (prefers-color-scheme:dark){:root:not(.light){--bg:#121010;--surface:#1a1716;--ink:#f3eee8;--ink-2:#cfc6bd;--muted:#978d84;--line:#2e2926;
  --header-bg:#121010;--header-line:#f3eee8;--nav-bg:#121010;--nav-ink:#f3eee8;--band-bg:#1d1917;--band-ink:#f3eee8;--footer-bg:#0b0a09;--footer-ink:#f3eee8;--footer-muted:#b9b0a6;--footer-line:rgba(255,255,255,.14);--footer-logo-plate:#f6f1ea;--footer-logo-pad:8px 12px}}
:root.dark{--bg:#121010;--surface:#1a1716;--ink:#f3eee8;--ink-2:#cfc6bd;--muted:#978d84;--line:#2e2926;
  --header-bg:#121010;--header-line:#f3eee8;--nav-bg:#121010;--nav-ink:#f3eee8;--band-bg:#1d1917;--band-ink:#f3eee8;--footer-bg:#0b0a09;--footer-ink:#f3eee8;--footer-muted:#b9b0a6;--footer-line:rgba(255,255,255,.14);--footer-logo-plate:#f6f1ea;--footer-logo-pad:8px 12px}
.brand-title{font-size:clamp(1.9rem,6vw,3.2rem);font-weight:700;font-style:italic}
.masthead .tagline{font-size:.78rem;text-transform:uppercase;letter-spacing:.22em;color:var(--ink-2)}
body > .topnav{border-top:1px solid var(--line);border-bottom:2px solid var(--header-line)}
.bar{border-bottom:2px solid var(--header-line)}
.nav-link{font-size:.76rem;text-transform:uppercase;letter-spacing:.16em;font-weight:600;padding:12px 14px}
.nav-link.is-active::after{bottom:5px;height:1px}
.tag{padding:0;font-size:.7rem;letter-spacing:.18em}
.card{border:0;background:transparent}
.card-body{padding:16px 2px 6px;gap:8px}
.card-title{font-size:1.32rem;line-height:1.22}
.card-desc{font-size:.94rem}
.card-meta{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}
.card-meta .author{color:var(--ink)}
.card-lead .card-title{font-size:clamp(1.7rem,3.8vw,2.7rem);font-weight:600}
.featured .card-lead .card-media{aspect-ratio:5/4}
.site-footer{border-top:2px solid var(--ink)}
.card-side .card-media{aspect-ratio:3/2}
@media (min-width:1000px){
  .featured-1 .card-lead .card-body{padding:40px 48px;background:var(--surface)}
  .featured-3 .card-side .card-media{aspect-ratio:auto}
  .featured-3 .card-side .card-body{padding:4px 0 4px 20px}
}
.section-title{justify-content:center;text-align:center;font-family:var(--font);font-size:.82rem;text-transform:uppercase;letter-spacing:.24em;font-weight:700}
.section-title::before{content:"";flex:1;height:1px;background:var(--ink)}
.section-title::after{background:var(--ink)}
.intro-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.intro-title{font-family:var(--font);font-size:.78rem;text-transform:uppercase;letter-spacing:.24em;color:var(--accent);margin-bottom:16px}
.intro-text{font-family:var(--font-head);font-style:italic;font-size:clamp(1.2rem,2.6vw,1.6rem);line-height:1.5;opacity:1}
.topic-tile{border-radius:0;background:transparent;border:0;border-top:1px solid var(--ink)}
.topic-tile a{padding:16px 0 4px}
.topic-tile a:hover{background:transparent}
.topic-tile a:hover .topic-tile-title{color:var(--accent)}
.topic-tile-title{font-size:1.3rem;font-style:italic}
.topic-title{font-size:clamp(2.2rem,6vw,3.6rem);font-style:italic}
.topic-head{text-align:center}.topic-intro{margin-left:auto;margin-right:auto}
.soon-card{background:transparent;border:0;border-top:2px solid var(--ink);border-bottom:1px solid var(--line);box-shadow:none}
.soon-title{font-style:italic;font-weight:600}
.soon-art span{border-radius:2px}
.pager-btn{border-color:var(--ink);text-transform:uppercase;letter-spacing:.12em;font-size:.74rem}
.pager-num.is-current{background:var(--ink);color:var(--bg)}
.footer-h{color:var(--accent)}