:root{--ink:#11110f;--paper:#f3efe7;--gold:#b58a42;--line:#d9d0c1;--muted:#716d66}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.topline{height:34px;padding:0 max(24px,4vw);display:flex;align-items:center;justify-content:space-between;background:#111;color:#d9c49c;font-size:11px;letter-spacing:.13em;text-transform:uppercase}header{min-height:112px;padding:16px max(24px,4vw);display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:32px;border-bottom:1px solid var(--line)}.brand img{width:168px}.menu{display:none}nav{display:flex;justify-content:center;gap:clamp(15px,2vw,32px);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}nav a{padding:10px 0;border-bottom:1px solid transparent}nav a:hover{border-color:var(--gold)}.subscribe{padding:12px 18px;border:1px solid var(--ink);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.lead{display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:650px}.lead-story{position:relative;overflow:hidden}.lead-story>img{width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.18) 75%),linear-gradient(0deg,rgba(0,0,0,.55),transparent 55%)}.lead-copy{position:absolute;left:max(28px,6vw);bottom:70px;max-width:710px;color:#fff}.kicker{margin:0 0 17px;color:#c5a564;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.lead h1,.section-head h2,.tv h2{font-family:"Playfair Display",serif}.lead h1{font-size:clamp(42px,5.4vw,78px);line-height:1.02;margin:0 0 21px;max-width:720px}.lead-copy>p:not(.kicker){font-size:18px;line-height:1.6;max-width:600px;color:#e9e4da}.lead-copy a,.issue a,.tv a{display:inline-block;margin-top:15px;color:#d8b978;font-size:13px;font-weight:600;letter-spacing:.11em;text-transform:uppercase}.issue{padding:24px 28px 30px;background:#171715;color:white;display:flex;flex-direction:column;justify-content:space-between}.issue-label{display:flex;justify-content:space-between;color:#bca778;font-size:11px;text-transform:uppercase;letter-spacing:.14em}.issue>img{width:230px;max-height:430px;object-fit:contain;margin:18px auto;box-shadow:0 25px 55px #000}.issue p{color:#bdb9b1;line-height:1.5}.briefs{padding:55px max(24px,6vw);display:grid;grid-template-columns:180px repeat(3,1fr);gap:28px;border-bottom:1px solid var(--line)}.section-mark{font-family:"Playfair Display",serif;font-style:italic;font-size:22px}.briefs article{display:grid;grid-template-columns:36px 1fr;gap:15px;border-left:1px solid var(--line);padding-left:22px}.briefs article>span{color:var(--gold);font-family:"Playfair Display",serif;font-size:22px}.briefs small,.feature-card small{color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.15em}.briefs h2{font-family:"Playfair Display",serif;font-size:21px;line-height:1.3;margin:9px 0}.editorial{padding:90px max(24px,6vw)}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.section-head h2{font-size:clamp(38px,5vw,64px);margin:0}.section-head>a{font-size:12px;text-transform:uppercase;letter-spacing:.12em}.story-grid{display:grid;grid-template-columns:1.15fr 1fr .72fr;gap:24px}.feature-card{background:#fff}.feature-card img{aspect-ratio:4/3;width:100%;object-fit:cover}.feature-card div{padding:24px}.feature-card h3{font-family:"Playfair Display",serif;font-size:31px;line-height:1.1;margin:12px 0}.feature-card p{color:var(--muted);line-height:1.6}.quote{background:var(--gold);color:#fff;padding:35px;display:flex;flex-direction:column;justify-content:center}.quote>span{font-family:serif;font-size:90px;line-height:.5}.quote p{font-family:"Playfair Display",serif;font-size:30px;line-height:1.25}.quote small{text-transform:uppercase;letter-spacing:.14em}.tv{margin:10px max(24px,6vw) 90px;min-height:360px;padding:60px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(100deg,#111 20%,#282219);color:white}.tv h2{font-size:clamp(42px,5vw,70px);margin:0}.tv p:not(.kicker){color:#bbb}.play{width:110px;height:110px;border:1px solid #a98c5a;border-radius:50%;display:grid;place-items:center;color:#d3b26e;font-size:30px}footer{padding:55px max(24px,6vw);background:#10100f;color:#a7a39c;display:flex;align-items:center;justify-content:space-between;gap:30px}footer img{width:150px;filter:grayscale(1) brightness(2)}footer div{display:flex;gap:20px;font-size:12px;text-transform:uppercase}@media(max-width:980px){header{grid-template-columns:1fr auto auto}.menu{display:block;background:none;border:0;font:inherit}.menu span{margin-left:8px}nav{display:none;position:absolute;z-index:20;left:0;right:0;top:146px;background:var(--paper);padding:25px;flex-direction:column;align-items:center;border-bottom:1px solid var(--line)}nav.open{display:flex}.lead{grid-template-columns:1fr}.lead-story{min-height:620px}.issue{display:grid;grid-template-columns:1fr 180px 1fr;align-items:center;gap:22px}.issue>img{grid-column:2;width:160px}.briefs{grid-template-columns:1fr}.story-grid{grid-template-columns:1fr 1fr}.quote{grid-column:1/-1}.subscribe{display:none}}@media(max-width:640px){.topline span:last-child{display:none}header{min-height:90px}.brand img{width:135px}nav{top:124px}.lead-story{min-height:570px}.lead-copy{bottom:40px}.lead-copy>p:not(.kicker){font-size:16px}.issue{display:flex}.issue>img{width:210px}.story-grid{grid-template-columns:1fr}.section-head{align-items:start;gap:20px;flex-direction:column}.tv{padding:38px 28px}.play{width:74px;height:74px;flex:0 0 auto}footer{flex-direction:column;text-align:center}footer div{flex-wrap:wrap;justify-content:center}}

/* Mobile reading and navigation adjustments, 2026-10-18. */
@media (max-width: 980px) {
  .lead-copy { right: max(28px, 6vw); }
}
@media (max-width: 640px) {
  body > header { grid-template-columns: minmax(0, 1fr) auto; gap: 16px; }
  .menu { min-width: 44px; min-height: 44px; }
  .issue-label { width: 100%; gap: 16px; }
  .editorial { padding-top: 56px; padding-bottom: 56px; }
  .section-head h2 { font-size: clamp(30px, 8vw, 38px); line-height: 1.15; }
  .feature-card h3 { font-size: clamp(25px, 7vw, 31px); line-height: 1.2; }
  .tv { flex-direction: column; align-items: flex-start; gap: 24px; margin-bottom: 56px; padding: 32px 24px; }
  .tv h2 { font-size: clamp(30px, 8vw, 38px); line-height: 1.15; }
  .tv .play { margin-top: 0; display: grid; place-items: center; }
  footer div { gap: 8px 16px; }
  footer div a { min-height: 44px; display: inline-flex; align-items: center; }
}

@media (max-width: 640px) {
  .archive-page .archive-head h1 { font-size: clamp(36px, 10vw, 48px); line-height: 1.08; }
  .archive-page .archive-tabs { flex-wrap: wrap; overflow: visible; gap: 8px; margin-top: 32px; }
  .archive-page .archive-tabs a { min-height: 44px; display: inline-flex; align-items: center; white-space: normal; padding: 10px 12px; }
  .archive-page .archive-grid img, .related .related-grid img { aspect-ratio: 16 / 9; object-fit: contain; background: #111; }
  .archive-page .archive-grid article:hover img { transform: none; }
  .archive-page .read { min-height: 44px; display: inline-flex; align-items: center; }
  .article-page .article-head h1 { font-size: clamp(30px, 8.5vw, 40px); line-height: 1.15; overflow-wrap: break-word; }
  .article-page .dek { font-size: 19px; line-height: 1.55; }
  .article-page .article-meta { flex-wrap: wrap; gap: 12px 20px; }
  .article-page .article-body { overflow-wrap: break-word; }
}

@media (max-width: 1100px) { footer { flex-wrap: wrap; justify-content: center; text-align: center; } footer div { flex-wrap: wrap; justify-content: center; } }