:root{--bg:#fbfaf7;--ink:#121212;--muted:#5f6368;--line:#e6e2da;--accent:#c2410c;--soft:#f3efe7}
@media (prefers-color-scheme:dark){:root{--bg:#0f0f10;--ink:#eeeae3;--muted:#a1a1a6;--line:#2a2a2d;--accent:#fb923c;--soft:#1a1a1c}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.7 "Source Serif 4",Georgia,serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.sans{font-family:Inter,system-ui,sans-serif}
.top{border-bottom:3px double var(--ink);padding:18px 0 12px;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:10px}
.mast{font-family:"Playfair Display",Georgia,serif;font-size:clamp(34px,6vw,56px);font-weight:800;letter-spacing:-.02em;text-decoration:none;line-height:1}
.mast span{color:var(--accent)}
.top nav{font-family:Inter,sans-serif;font-size:14px}.top nav a{margin-left:18px;text-decoration:none;color:var(--muted)}.top nav a:hover{color:var(--ink)}
.tagline{font-family:Inter,sans-serif;font-size:13px;color:var(--muted);padding:8px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.kicker{font-family:Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.lead{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;padding:44px 0;border-bottom:1px solid var(--line)}
.lead h1{font-family:"Playfair Display",Georgia,serif;font-size:clamp(32px,5vw,52px);line-height:1.08;margin:10px 0 14px}
.lead h1 a{text-decoration:none}.lead h1 a:hover{text-decoration:underline}
.lead p{color:var(--muted);font-size:19px}
.side h3{font-family:Inter,sans-serif;font-size:14px;margin:0 0 10px}
.side article{padding:14px 0;border-top:1px solid var(--line)}
.side article a{text-decoration:none;font-size:19px;font-weight:600;line-height:1.3}
.sec{padding:48px 0;border-bottom:1px solid var(--line)}
.sec h2{font-family:"Playfair Display",Georgia,serif;font-size:32px;margin:6px 0 22px}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:26px}
.col h3{font-size:21px;line-height:1.3;margin:8px 0}.col p{color:var(--muted);margin:0}
.soon{font-family:Inter,sans-serif;font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:2px 9px;display:inline-block;margin-top:8px}
.doc{display:grid;grid-template-columns:1fr auto;gap:12px;padding:18px 0;border-top:1px solid var(--line);font-family:Inter,sans-serif}
.doc b{font-size:17px}.doc small{display:block;color:var(--muted);font-size:14px;line-height:1.5}
.doc a.go{align-self:center;font-size:14px;color:var(--accent);text-decoration:none;font-weight:600;white-space:nowrap}
.cta{background:var(--soft);border-radius:14px;padding:26px;margin-top:22px;font-family:Inter,sans-serif}
.cta a{color:var(--accent);font-weight:600}
footer{padding:30px 0 50px;font-family:Inter,sans-serif;font-size:13px;color:var(--muted)}
/* article */
.art{max-width:700px;margin:0 auto;padding:44px 0 60px}
.art h1{font-family:"Playfair Display",Georgia,serif;font-size:clamp(32px,5vw,48px);line-height:1.1;margin:10px 0 12px}
.art .by{font-family:Inter,sans-serif;font-size:14px;color:var(--muted);margin-bottom:30px}
.art h2{font-family:"Playfair Display",Georgia,serif;font-size:26px;margin:36px 0 8px}
.art blockquote{border-left:3px solid var(--accent);margin:24px 0;padding:4px 0 4px 18px;font-style:italic;color:var(--muted)}
.note{font-family:Inter,sans-serif;font-size:14px;background:var(--soft);padding:16px;border-radius:10px;color:var(--muted);margin-top:36px}
@media (max-width:760px){.lead{grid-template-columns:1fr;gap:20px}.top nav a{margin:0 14px 0 0}}