:root{--ink:#16231f;--pine:#183129;--moss:#506b5f;--paper:#f4f2ec;--sand:#d8c9a7;--line:rgba(22,35,31,.17)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 "DM Sans",sans-serif}
a{color:inherit}
.wrap{width:min(1180px,calc(100% - 44px));margin:auto}
.reading{width:min(760px,calc(100% - 44px));margin:auto}
header{background:var(--pine);color:#fff}
nav{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{text-decoration:none;font-weight:600;letter-spacing:.035em}
.navlinks{display:flex;gap:27px;align-items:center;font-size:.91rem}
.navlinks a{text-decoration:none;color:rgba(255,255,255,.78)}
.navlinks a[aria-current]{color:var(--sand)}
.navlinks a:hover,.back:hover{color:#fff}
.navlinks .contact{color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:8px 15px}
h1,h2,h3,p,figure,blockquote{margin-top:0}
h1,h2,h3,blockquote{font-family:"Newsreader",serif;font-weight:400}
.eyebrow,.kicker{font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;font-weight:600;color:var(--moss)}
.masthead{background:var(--pine);color:#fff;padding:86px 0 88px}
.masthead .eyebrow{color:var(--sand)}
.masthead h1{font-size:clamp(4.1rem,8.8vw,8.8rem);line-height:.96;letter-spacing:-.055em;max-width:1000px;margin:22px 0 23px}
.masthead p{max-width:620px;color:rgba(255,255,255,.71);font-size:1.1rem}
.feature-grid{display:grid;grid-template-columns:1.07fr .93fr;gap:0;margin-top:-32px;position:relative;background:#e2e6de}
.feature-image{display:block;min-height:470px;overflow:hidden}
.feature-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.feature-image:hover img,.article-card:hover img{transform:scale(1.035)}
.feature-copy{padding:clamp(30px,5vw,66px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.feature-copy h2{font-size:clamp(2.65rem,4vw,4.3rem);line-height:1.05;letter-spacing:-.035em;margin:18px 0}
.feature-copy h2 a{text-decoration:none}
.feature-copy p{color:#4d5d55;max-width:490px}
.feature-copy .read{margin-top:12px;text-decoration:none;border-bottom:1px solid var(--moss);font-size:.88rem;font-weight:600;padding-bottom:4px}
.listing-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:88px 0 23px;border-bottom:1px solid var(--line)}
.listing-head h2{font-size:clamp(2rem,3.5vw,3.2rem);margin:0}
.listing-head span{color:#66756c;font-size:.82rem}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:38px;padding:34px 0 100px}
.article-card{min-width:0}
.article-card>a{display:block;overflow:hidden;background:#dfe3da;aspect-ratio:1.65}
.article-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.article-card .kicker{display:block;margin-top:25px}
.article-card h3{font-size:clamp(2rem,3vw,3rem);line-height:1.1;letter-spacing:-.025em;margin:11px 0 12px}
.article-card h3 a{text-decoration:none}
.article-card p{color:#5b6861;max-width:510px}
.article-card small{font-size:.8rem;color:#738077}
.article-head{background:var(--pine);color:#fff;padding:42px 0 78px}
.back{color:var(--sand);text-decoration:none;font-size:.85rem}
.article-head .kicker{color:var(--sand);margin:53px 0 20px}
.article-head h1{font-size:clamp(3.3rem,7vw,6.8rem);line-height:1.01;letter-spacing:-.047em;max-width:1050px;margin-bottom:23px}
.article-head .deck{font-family:"Newsreader",serif;font-size:clamp(1.32rem,2.2vw,1.8rem);line-height:1.34;color:rgba(255,255,255,.74);max-width:780px;margin-bottom:30px}
.article-head .metadata{font-size:.84rem;color:rgba(255,255,255,.55)}
.article-figure{width:min(1180px,calc(100% - 44px));margin:-28px auto 0;position:relative}
.article-figure img{display:block;width:100%;height:clamp(290px,49vw,570px);object-fit:cover;background:#dbe0d8}
.article-figure figcaption{padding-top:10px;color:#647269;font-size:.78rem;line-height:1.5}
.article-body{padding:66px 0 45px}
.article-body p,.article-body li{font-size:1.05rem;line-height:1.84;color:#35483d}
.article-body p{margin-bottom:23px}
.article-body h2{font-size:clamp(2rem,3vw,2.75rem);line-height:1.13;letter-spacing:-.025em;margin:49px 0 19px}
.article-body h3{font-size:1.75rem;margin:33px 0 12px}
.article-body ul,.article-body ol{padding-left:23px;margin-bottom:28px}
.article-body li{padding-left:8px;margin-bottom:10px}
.article-body blockquote{font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.25;border-left:3px solid var(--moss);padding:8px 0 8px 25px;margin:48px 0;color:var(--pine)}
.article-body .note{background:#e5e9e2;padding:20px 25px;font-size:.91rem;line-height:1.65;color:#44564b;margin:39px 0}
.authorbox{display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;margin:25px 0 52px}
.authorbox img{width:66px;height:66px;object-fit:cover;border-radius:50%}
.authorbox strong{display:block}
.authorbox small{display:block;color:#69766d;font-size:.82rem}
.authorbox time{display:block;color:#69766d;font-size:.82rem;margin-top:2px}
.next-read{background:#e4e8df;padding:62px 0}
.next-read h2{font-size:clamp(2rem,3.2vw,3rem);margin:10px 0 12px}
.next-read a{text-decoration:none;border-bottom:1px solid var(--moss)}
footer{background:var(--ink);color:rgba(255,255,255,.68);padding:29px 0;font-size:.82rem}
.foot{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
@media(max-width:800px){.feature-grid{grid-template-columns:1fr}.feature-image{min-height:0;aspect-ratio:1.4}.feature-copy{padding:35px}.article-head{padding-bottom:65px}}
@media(max-width:600px){.wrap,.reading,.article-figure{width:calc(100% - 30px)}nav{min-height:72px}.navlinks{gap:16px}.navlinks a:not([aria-current]){display:none}.masthead{padding:62px 0 75px}.masthead h1{font-size:clamp(3.8rem,16vw,5.6rem)}.feature-grid{margin-top:-24px}.feature-image{aspect-ratio:1.15}.listing-head{padding-top:65px}.cards{grid-template-columns:1fr;gap:46px;padding-bottom:75px}.article-head .kicker{margin-top:36px}.article-figure img{height:300px}.article-body{padding-top:42px}.article-body p,.article-body li{font-size:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}