:root{--ink:#102027;--muted:#65757b;--line:#dfe6e8;--paper:#fff;--wash:#f4f7f7;--accent:#087f5b;--accent2:#dff4ec;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.55}
a{color:inherit;text-decoration:none}.container{max-width:var(--max);margin:auto;padding:0 22px}
.top{background:#0d1c21;color:#dbe6e8;font-size:12px}.top .container{display:flex;justify-content:space-between;padding:8px 22px}
header{border-bottom:1px solid var(--line);background:#fff}.mast{display:flex;align-items:center;justify-content:space-between;padding:22px 22px 16px}.brand{font-family:Georgia,serif;font-size:35px;font-weight:800;letter-spacing:-1.5px}.brand b{color:var(--accent)}.tag{font-size:12px;color:var(--muted);max-width:290px;text-align:right}
nav{border-top:1px solid var(--line);overflow:auto;white-space:nowrap}nav .container{display:flex;gap:25px}nav a{font-size:13px;font-weight:750;padding:13px 0;color:#26383e}nav a:hover{color:var(--accent)}
.breaking{background:var(--accent);color:#fff}.breaking .container{display:flex;gap:14px;align-items:center;padding-top:9px;padding-bottom:9px;font-size:13px}.pill{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:#fff;color:var(--accent);padding:4px 7px}
.hero{padding:42px 0 28px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:38px}.eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:800}.hero h1{font-family:Georgia,serif;font-size:54px;line-height:1.02;letter-spacing:-2.2px;margin:10px 0 14px}.dek{font-size:18px;color:#53656b;max-width:720px}.hero-card{border-left:1px solid var(--line);padding-left:26px}.hero-card h3{font-family:Georgia,serif;font-size:22px;margin:7px 0}.hero-card p{color:var(--muted);font-size:14px}
.section{padding:30px 0}.section-head{display:flex;justify-content:space-between;align-items:end;border-bottom:2px solid var(--ink);margin-bottom:20px}.section-head h2{font-family:Georgia,serif;font-size:30px;margin:0 0 7px}.section-head span{font-size:12px;color:var(--muted);margin-bottom:8px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.lead{grid-column:span 2;display:grid;grid-template-columns:1.15fr 1fr;border-bottom:1px solid var(--line);padding-bottom:22px}.art{min-height:190px;background:linear-gradient(135deg,#173d3a,#9ac8ba);position:relative;overflow:hidden}.art:after{content:"EV";position:absolute;font-size:100px;font-weight:900;right:10px;bottom:-32px;color:rgba(255,255,255,.16)}.lead .art{min-height:280px}.story{padding:0 18px}.story h3{font-family:Georgia,serif;font-size:24px;line-height:1.12;margin:7px 0}.story p{color:var(--muted);font-size:14px}.meta{font-size:11px;color:#718086;text-transform:uppercase;letter-spacing:.08em;font-weight:750}.tagline{display:inline-block;background:var(--accent2);color:var(--accent);font-size:10px;font-weight:800;padding:4px 7px;margin-bottom:5px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mini{border-top:3px solid var(--ink);padding-top:12px}.mini h3{font-family:Georgia,serif;font-size:19px;line-height:1.18;margin:6px 0}.mini p{font-size:13px;color:var(--muted)}
.band{background:var(--wash);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.topics{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:20px 0}.topic{background:#fff;border:1px solid var(--line);padding:14px 12px;font-weight:750;font-size:13px}.topic small{display:block;color:var(--muted);font-weight:500;margin-top:4px}
.interview{display:grid;grid-template-columns:.75fr 1.25fr;gap:30px;align-items:stretch}.quote{background:#0d1c21;color:#fff;padding:34px}.quote blockquote{font-family:Georgia,serif;font-size:27px;line-height:1.2;margin:0}.quote cite{display:block;margin-top:22px;color:#b9c9cc;font-size:12px;font-style:normal}.qcopy{padding:10px 0}.qcopy h2{font-family:Georgia,serif;font-size:34px;margin:0 0 8px}.qcopy p{color:var(--muted)}.button{display:inline-block;background:var(--accent);color:#fff;padding:11px 16px;font-size:12px;font-weight:800}
.newsletter{background:#dff4ec;padding:28px;margin:30px 0;display:flex;justify-content:space-between;gap:20px;align-items:center}.newsletter h2{font-family:Georgia,serif;margin:0;font-size:28px}.newsletter p{margin:4px 0;color:#49625b}.newsletter input{padding:12px;border:1px solid #aaccc0;width:240px}.newsletter button{padding:12px 15px;border:0;background:#0d1c21;color:#fff;font-weight:800}
footer{background:#0d1c21;color:#c5d2d5;padding:40px 0;margin-top:20px}.foot{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.foot h3{color:#fff;font-family:Georgia,serif}.foot a{display:block;font-size:13px;margin:7px 0;color:#b6c5c8}.copy{border-top:1px solid #2a3b40;margin-top:25px;padding-top:16px;font-size:11px;color:#8fa1a5}
.article{max-width:850px;margin:45px auto}.article h1{font-family:Georgia,serif;font-size:52px;line-height:1.05;letter-spacing:-2px}.article .dek{font-size:19px}.article .by{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin:22px 0;color:var(--muted);font-size:12px}.article h2{font-family:Georgia,serif;font-size:30px;margin-top:35px}.article p{font-size:17px}.article .heroimage{height:360px;background:linear-gradient(135deg,#153a36,#7bb6a7);margin:25px 0}.note{background:#f4f7f7;border-left:4px solid var(--accent);padding:16px;margin:25px 0;font-size:14px}
@media(max-width:800px){.hero-grid,.interview,.lead{grid-template-columns:1fr}.hero h1,.article h1{font-size:39px}.hero-card{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.grid,.cards{grid-template-columns:1fr 1fr}.lead{grid-column:span 2}.topics{grid-template-columns:repeat(2,1fr)}.foot{grid-template-columns:1fr 1fr}.newsletter{display:block}.newsletter form{margin-top:15px}}
@media(max-width:520px){.grid,.cards,.foot{grid-template-columns:1fr}.lead{grid-column:span 1}.top .container{display:none}.mast{align-items:flex-start}.tag{display:none}}
.story h3 a:hover,.mini h3 a:hover{color:var(--accent)}.meta a{color:var(--accent);font-weight:800}