@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Source+Serif+4:opsz,wght@8..60,500;8..60,600;8..60,700&display=swap');

:root { --ink:#10241f; --muted:#60716a; --cream:#f7f5ee; --line:#d8ded8; --green:#096a52; --lime:#c2eb78; }
* { box-sizing:border-box; } body { margin:0; color:var(--ink); background:var(--cream); font-family:Manrope,Arial,sans-serif; }
.topbar, main, footer { max-width:1240px; margin:auto; padding-left:32px; padding-right:32px; } .topbar { height:78px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.wordmark { color:var(--ink); text-decoration:none; font-size:17px; letter-spacing:.12em; font-weight:800; } .wordmark span { color:var(--green); } nav { display:flex; gap:25px; } nav a { color:var(--muted); font-size:13px; text-decoration:none; font-weight:700; } nav a.active, nav a:hover { color:var(--green); }
.masthead { padding:88px 0 68px; max-width:780px; } .kicker, .article-meta { margin:0 0 14px; color:var(--green); font:500 11px/1.35 'DM Mono',monospace; letter-spacing:.11em; text-transform:uppercase; }.masthead h1 { margin:0; font:700 clamp(46px,7vw,82px)/.98 'Source Serif 4',Georgia,serif; letter-spacing:-.055em; }.masthead > p:last-child { max-width:580px; margin:27px 0 0; color:var(--muted); font-size:19px; line-height:1.62; }
.lead-story { display:grid; grid-template-columns:1.08fr .92fr; min-height:470px; background:var(--ink); color:#f9faee; }.lead-copy { padding:58px clamp(30px,5vw,72px); align-self:center; }.lead-copy .article-meta { color:var(--lime); }.article-meta span { color:#8ba69b; padding:0 5px; }.lead-copy h2 { margin:0; font:600 clamp(34px,4.2vw,56px)/1.05 'Source Serif 4',Georgia,serif; letter-spacing:-.04em; }.lead-copy h2 a, .story-card h3 a { color:inherit; text-decoration:none; }.lead-subtitle { margin:21px 0 27px; color:#c6d0ca; font-size:16px; line-height:1.6; }.read-link { color:var(--green); text-decoration:none; font-size:13px; font-weight:800; }.lead-copy .read-link { color:var(--lime); }.read-link span { padding-left:6px; }.lead-art { min-height:320px; background-position:center; background-size:cover; }.lead-art.no-image { background:radial-gradient(circle at 75% 20%, #7ba28b 0 2%, transparent 2.5%),radial-gradient(circle at 34% 72%, #5c8a73 0 3%, transparent 3.5%),linear-gradient(135deg,#19644f,#0a2f28 70%); }
.latest { padding:100px 0 110px; }.section-label { display:flex; align-items:end; justify-content:space-between; margin-bottom:35px; border-bottom:1px solid var(--ink); padding-bottom:19px; }.section-label .kicker { margin:0; }.section-label h2 { margin:0; font:600 31px/1 'Source Serif 4',Georgia,serif; letter-spacing:-.03em; }.story-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }.story-card { border-top:1px solid var(--line); padding-top:18px; }.story-card img { width:100%; height:195px; display:block; object-fit:cover; margin:-18px 0 21px; }.story-card h3 { margin:0 0 13px; font:600 27px/1.12 'Source Serif 4',Georgia,serif; letter-spacing:-.03em; }.story-card > p:not(.article-meta) { min-height:69px; margin:0 0 19px; color:var(--muted); font-size:14px; line-height:1.62; }.empty-state { padding:0 0 140px; }.empty-state h2 { margin:0 0 13px; font:600 42px/1.05 'Source Serif 4',Georgia,serif; }.empty-state p:last-child { color:var(--muted); }
.subscribe-panel { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; margin:0 0 108px; padding:47px 54px; color:#fff; background:var(--ink); }.subscribe-panel .kicker { color:var(--lime); }.subscribe-panel h2 { margin:0; font:600 36px/1.05 'Source Serif 4',Georgia,serif; letter-spacing:-.035em; }.subscribe-panel > div > p:last-child { max-width:470px; color:#c6d0ca; line-height:1.6; }.subscribe-form label { display:block; margin-bottom:8px; color:#d8e4de; font-size:12px; font-weight:700; }.subscribe-form > div { display:flex; gap:9px; }.subscribe-form input[type=email] { min-width:0; flex:1; border:1px solid #789187; padding:13px 12px; color:#10241f; background:#fff; font:14px Manrope,Arial,sans-serif; }.subscribe-form button { border:0; padding:13px 17px; color:#10241f; background:var(--lime); font:800 13px Manrope,Arial,sans-serif; cursor:pointer; }.subscription-message { margin:12px 0 0; font-size:13px; }.subscription-message.success { color:var(--lime); }.subscription-message.error { color:#ffb5ae; }.honeypot { position:absolute!important; left:-9999px!important; }
footer { border-top:1px solid var(--line); padding-top:24px!important; padding-bottom:34px!important; color:var(--ink); font:500 11px 'DM Mono',monospace; letter-spacing:.04em; } footer span { color:var(--muted); margin-left:18px; }
.article-main { max-width:960px; padding-top:35px; padding-bottom:104px; }.crumb { gap:0; color:var(--muted); font:500 11px 'DM Mono',monospace; letter-spacing:.05em; }.crumb a { color:var(--green); text-decoration:none; margin-right:7px; }.article { max-width:770px; margin:74px auto 0; }.article h1 { margin:0; font:600 clamp(44px,6vw,72px)/1.01 'Source Serif 4',Georgia,serif; letter-spacing:-.045em; }.article-deck { margin:26px 0; max-width:710px; color:#40554d; font:400 23px/1.48 'Source Serif 4',Georgia,serif; }.byline { color:var(--muted); font-size:13px; margin:0 0 36px; }.article-image { margin:0 0 42px; }.article-image img { width:100%; max-height:510px; display:block; object-fit:cover; }.article-body { font:400 19px/1.75 'Source Serif 4',Georgia,serif; }.article-body h2, .article-body h3 { margin:1.75em 0 .45em; font-family:Manrope,Arial,sans-serif; line-height:1.2; }.article-body a, .source a { color:var(--green); }.article-body img { max-width:100%; height:auto; }.article-body blockquote { margin:1.8em 0; padding-left:24px; border-left:3px solid var(--lime); font-size:1.15em; }.source { margin-top:44px; padding-top:18px; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }
@media (max-width:720px) { .topbar,main,footer { padding-left:20px; padding-right:20px; }.topbar { height:65px; } nav { gap:14px; }.masthead { padding:58px 0 47px; }.lead-story { grid-template-columns:1fr; }.lead-art { min-height:230px; order:-1; }.lead-copy { padding:35px 28px 40px; }.latest { padding:65px 0 75px; }.story-grid { grid-template-columns:1fr; gap:39px; }.story-card > p:not(.article-meta) { min-height:0; }.subscribe-panel { grid-template-columns:1fr; gap:25px; margin-bottom:65px; padding:34px 26px; }.subscribe-form > div { display:block; }.subscribe-form input[type=email],.subscribe-form button { width:100%; }.subscribe-form button { margin-top:9px; }.article { margin-top:53px; }.article-main { padding-bottom:65px; }.article-body { font-size:18px; } footer span { display:block; margin:9px 0 0; } }