:root{
  --bg:#070707;--bg2:#0e0e0e;--ink:#f6f1eb;--muted:#a9a39b;--orange:#FF7C1A;--red:#e5392a;--blue:#008CE5;--rule:#232323;
  --serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif;
  --sans:-apple-system,BlinkMacSystemFont,"Inter","Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--sans);font-size:18px;line-height:1.6;background:
  radial-gradient(1200px 600px at 80% -10%,rgba(255,124,26,.14),transparent 60%),
  radial-gradient(900px 500px at -10% 110%,rgba(0,140,229,.10),transparent 60%),var(--bg)}
a{color:var(--orange);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
header.site{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid var(--rule)}
header.site .name{font-family:var(--sans);font-weight:700;letter-spacing:.02em;color:var(--ink)}
header.site nav a{color:var(--muted);margin-left:22px;font-size:15px;letter-spacing:.04em;text-transform:uppercase}
header.site nav a:hover{color:var(--ink);text-decoration:none}
.eyebrow{color:var(--orange);font-size:13px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;margin:0 0 14px}
h1{font-family:var(--sans);font-weight:800;letter-spacing:-.025em;line-height:1.02;font-size:clamp(42px,7vw,64px);margin:0 0 22px}
h1 .o{color:var(--orange)}
h2{font-family:var(--sans);font-weight:700;letter-spacing:-.01em;font-size:clamp(24px,3.4vw,30px);line-height:1.2;margin:48px 0 14px}
h3{font-size:19px;margin:28px 0 8px;font-weight:700}
p{margin:0 0 18px}
.lede{font-size:clamp(20px,2.6vw,24px);line-height:1.45;color:var(--ink);max-width:640px}
.muted{color:var(--muted)}
.hero{padding:64px 0 36px;display:grid;grid-template-columns:1fr;gap:34px;align-items:center}
.hero img{width:min(340px,78vw);height:auto;display:block;filter:drop-shadow(0 30px 60px rgba(255,124,26,.22))}
@media(min-width:700px){.hero{grid-template-columns:1fr 340px}.hero img{justify-self:end}}
@media(max-width:699px){.hero img{margin:0 auto}}
.rule{border:0;border-top:1px solid var(--rule);margin:40px 0}
.creds{list-style:none;padding:0;margin:0}
.creds li{padding:14px 0;border-bottom:1px solid var(--rule);display:grid;grid-template-columns:1fr;gap:4px}
.creds li b{color:var(--ink);font-weight:600}
.creds li span{color:var(--muted);font-size:16px}
.three{display:grid;gap:22px}
.three div{padding:22px;border:1px solid var(--rule);border-radius:14px;background:rgba(255,255,255,.015)}
.three b{display:block;color:var(--orange);margin-bottom:6px;font-size:14px;letter-spacing:.12em;text-transform:uppercase}
.disclose{border-left:3px solid var(--orange);padding:14px 18px;margin:30px 0;color:var(--ink);background:rgba(255,124,26,.06);border-radius:0 10px 10px 0;font-size:17px}
.links a{display:inline-block;margin:0 18px 10px 0;color:var(--ink);border-bottom:1px solid var(--orange)}
.links a:hover{text-decoration:none;color:var(--orange)}
.writing a.card{display:block;padding:22px 0;border-bottom:1px solid var(--rule);color:var(--ink)}
.writing a.card:hover{text-decoration:none}
.writing a.card b{display:block;font-size:22px;letter-spacing:-.01em;line-height:1.25;margin-bottom:6px}
.writing a.card:hover b{color:var(--orange)}
.writing a.card span{color:var(--muted);font-size:16px}
article{padding:56px 0 20px}
article .byline{color:var(--muted);font-size:15px;margin:-6px 0 34px}
article h1{font-size:clamp(36px,6.5vw,58px)}
article p,article li{font-size:19px;line-height:1.7;max-width:680px}
article ol,article ul{padding-left:22px}
article li{margin-bottom:10px}
.sources{font-size:15px;color:var(--muted);line-height:1.5}
.sources li{margin-bottom:8px}
footer.site{border-top:1px solid var(--rule);margin-top:70px;padding:30px 0 50px;color:var(--muted);font-size:14px;line-height:1.6}