:root{--bg:#faf9f5;--ink:#202f38;--muted:#59686d;--accent:#345f60;--accent-2:#4070a0;--line:#d9dfda;--max:1160px;--card:#fff;--tint:#edf2ed}
body{background:var(--bg);font-family:Arial,Helvetica,sans-serif;line-height:1.7}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.site-header{background:rgba(250,249,245,.97);backdrop-filter:blur(12px)}
.brand-row{min-height:92px;padding:18px 0;gap:20px}.logo{font-size:20px;letter-spacing:-.6px;gap:12px}.logo-mark{width:48px;height:48px;box-shadow:none}
nav{gap:28px}nav a{font-size:13px;font-weight:600}nav a:last-child{border-bottom:1px solid var(--accent)}
.wrap{width:min(var(--max),calc(100% - 64px))}.wrap.narrow{width:min(740px,calc(100% - 64px))}
.hero{background:var(--bg);padding:72px 0 64px}.hero>.wrap{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center}
.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);margin-bottom:24px}
.hero h1{font-size:clamp(48px,5.5vw,76px);line-height:1.06;letter-spacing:-3px;margin-bottom:26px}.hero h1 em{font-weight:400;color:var(--accent)}
.lede{font-size:16px;line-height:1.85;max-width:470px}.cta-row{margin-top:30px;gap:14px}.btn{border-radius:4px;padding:12px 18px;font-size:12px;letter-spacing:.2px}.btn.ghost{background:transparent;border-color:transparent;padding-left:6px}
.hero-art{height:365px;position:relative;overflow:hidden;border-radius:180px 180px 6px 6px;background:#dde9ed;border:1px solid #d3e0df}
.sun{width:96px;height:96px;border-radius:50%;background:#f2d69b;position:absolute;left:52%;top:50px}
.hill{position:absolute;width:155%;height:280px;border-radius:50% 50% 0 0;transform:rotate(-12deg);bottom:-120px;left:-25%;background:#9cbdb3}.hill-front{background:#537e77;bottom:-170px;left:5%;transform:rotate(15deg)}
.art-caption{position:absolute;bottom:35px;left:32px;color:white;font-family:Georgia,serif;font-style:italic;font-size:21px}
.block{padding:64px 0}.block h2{font-size:34px;letter-spacing:-.8px;margin-bottom:12px}.block.tint{background:#edf2ed;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.intro{font-size:14px;line-height:1.7}.cards{gap:22px;margin-top:32px}.card{border-radius:4px;box-shadow:none;padding:28px;min-height:225px;border-color:#d9dfda}.card h3{font-size:24px;line-height:1.25;margin:14px 0}.card p{font-size:13px;line-height:1.75}.card p.tag{font-size:10px;color:var(--accent);letter-spacing:1.4px}
a.card-link:hover{transform:translateY(-3px);box-shadow:0 6px 14px #202f380a}.archive-link{text-align:left;font-size:13px;margin-top:25px}
.mission-list{margin-top:24px}.mission-list li{margin:14px 0}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.topic-grid a{padding:25px 18px;text-decoration:none;border-right:1px solid var(--line);color:var(--ink)}.topic-grid a:first-child{padding-left:0}.topic-grid a:last-child{border:0}.topic-grid a:hover strong{color:var(--accent)}.topic-grid span{display:block;font-size:9px;letter-spacing:1.5px;color:var(--accent)}.topic-grid strong{display:block;font-family:Georgia,serif;font-size:21px;font-weight:400;margin:12px 0}.topic-grid p{font-size:12px;color:var(--muted)}
.topic-details summary{cursor:pointer;font-size:13px;color:var(--accent);padding:12px 0}.tag-chip{border-radius:3px!important;font-size:12px!important;padding:5px 9px!important;background:transparent!important}.keyword-row{margin-top:22px}
.help{background:#213936}.help h2{font-size:30px}.help p{font-size:14px;color:#d6e3df}.site-footer{margin-top:0;background:var(--bg);padding:30px 0;font-size:11px}.site-footer .muted{display:none}
.essay-page h1{font-size:clamp(34px,4vw,48px);line-height:1.13;letter-spacing:-1px;margin:18px 0 32px}.essay-page p{font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.9}.essay-page .eyebrow{font-family:Arial,sans-serif;font-size:10px}.essay-page .keywords-heading{font-family:Arial,sans-serif;font-size:12px;letter-spacing:1px;text-transform:uppercase}
.comments{margin-top:45px}.comment-box{border-radius:4px;box-shadow:none;border-left:2px solid var(--accent-2)}.comment-box p{font-size:15px}.comments-heading{font-size:26px}
.archive-search{max-width:600px;margin:35px 0}.archive-search label{display:block;font-size:11px;font-weight:600;margin-bottom:8px;letter-spacing:1px;text-transform:uppercase}.archive-search input{width:100%;border:1px solid #aabbb5;background:#fff;border-radius:4px;padding:16px;font:inherit;font-size:14px}.archive-search p{font-size:12px;color:var(--muted)}
.archive-month{padding:24px 0;margin:0;border-top:1px solid var(--line)}.archive-month h2{font-size:23px}.article-list{list-style:none;padding:0}.article-list li{padding:10px 0;margin:0}.article-list a{text-decoration:none;font-size:14px}.article-list a:hover{text-decoration:underline}
[hidden]{display:none!important}a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #467d9d;outline-offset:4px}section[id]{scroll-margin-top:110px}
@media(max-width:850px){.hero>.wrap{gap:35px;grid-template-columns:1.35fr 1fr}.hero h1{font-size:52px}.hero-art{height:300px}.topic-grid{grid-template-columns:repeat(2,1fr)}.topic-grid a:nth-child(2){border:0}.topic-grid a:nth-child(3){padding-left:0}.wrap,.wrap.narrow{width:calc(100% - 40px)}nav{gap:18px}.logo{font-size:18px}}
@media(max-width:600px){.brand-row{justify-content:center;gap:13px;padding:16px 0}nav{width:100%;justify-content:center;gap:22px}nav a{font-size:11px}.logo-mark{width:36px;height:36px}.site-header{position:relative}.hero{padding:42px 0}.hero>.wrap{grid-template-columns:1fr;gap:30px}.hero h1{font-size:53px;letter-spacing:-2px}.hero-art{height:235px;width:100%;border-radius:120px 120px 4px 4px}.sun{top:28px;width:70px;height:70px}.art-caption{bottom:24px;font-size:18px}.block{padding:42px 0}.block h2{font-size:29px}.cards{grid-template-columns:1fr;gap:12px}.card{min-height:0;padding:22px}.card h3{font-size:23px}.topic-grid strong{font-size:19px}.topic-grid a{padding:20px 12px}.essay-page p{font-size:17px}.essay-page h1{font-size:36px}.about-photo img{max-height:360px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a.card-link{transition:none}a.card-link:hover{transform:none}}