.article-body{background:#ede9df;color:#11120f}.article-nav{min-height:76px;display:flex;align-items:center;gap:28px;padding:0 3vw;border-bottom:1px solid #11120f;font:700 10px var(--mono);text-transform:uppercase;letter-spacing:.1em}.article-nav>a:not(.article-brand){margin-left:auto}.article-nav>a+a:not(.article-brand){margin-left:0}.article-brand{font-size:28px;font-weight:900;letter-spacing:-.07em}.article-brand span,.article-footer strong span{color:#38566b}
.article-header{padding:clamp(60px,9vw,140px) 8vw 55px}.article-label,.article-meta{display:flex;justify-content:space-between;gap:25px;font:700 10px var(--mono);text-transform:uppercase;letter-spacing:.12em}.article-label{padding-bottom:28px;border-bottom:1px solid}.article-header h1{max-width:1200px;margin:45px 0 34px;font-size:clamp(60px,9vw,142px);line-height:.85;letter-spacing:-.08em}.article-dek{max-width:820px;margin:0 0 55px;font:400 clamp(21px,2vw,30px)/1.45 Georgia,serif;color:#44483f}.article-meta{padding-top:18px;border-top:1px solid #b8b8ad;color:#5e6058}
.article-hero{margin:0;padding:0 3vw}.article-hero img{display:block;width:100%;max-height:78vh;object-fit:cover;border:1px solid #11120f}.article-hero figcaption{padding:12px 0;font:600 9px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#686a62}
.article-layout{display:grid;grid-template-columns:minmax(240px,330px) minmax(0,720px);justify-content:center;gap:clamp(50px,8vw,130px);padding:clamp(70px,9vw,130px) 5vw}.article-scorecard{align-self:start;position:sticky;top:25px;border-top:7px solid #38566b}.article-scorecard>p{margin:0;padding:18px 0;font:800 11px var(--mono);text-transform:uppercase;letter-spacing:.1em}.article-scorecard ol{list-style:none;margin:0;padding:0;border-top:1px solid}.article-scorecard li{display:grid;grid-template-columns:1fr auto;padding:15px 0;border-bottom:1px solid #c5c4ba}.article-scorecard li span{grid-column:1/-1;margin-bottom:5px;color:#77796f;font:600 9px var(--mono);text-transform:uppercase;letter-spacing:.08em}.article-scorecard li strong{font-size:14px}.article-scorecard li b{color:#38566b;font:800 13px var(--mono)}.article-scorecard>div{display:flex;justify-content:space-between;align-items:end;padding:22px;background:#b8c58f}.article-scorecard>div span{font:700 9px var(--mono);text-transform:uppercase;letter-spacing:.08em}.article-scorecard>div strong{font-size:42px;line-height:.8;letter-spacing:-.06em}
.article-copy{font:400 20px/1.72 Georgia,serif}.article-copy p{margin:0 0 32px}.article-lede:first-letter{float:left;margin:8px 9px 0 0;color:#38566b;font:900 86px/.7 var(--sans)}.article-copy blockquote{margin:70px 0 70px -9vw;padding:38px 0 38px 5vw;border-block:1px solid #11120f;color:#38566b;font:800 clamp(38px,5vw,70px)/.96 var(--sans);letter-spacing:-.055em}.article-copy h2{margin:80px 0 28px;font:800 clamp(40px,5vw,70px)/.92 var(--sans);letter-spacing:-.055em}.article-end{display:flex;justify-content:space-between;align-items:center;margin-top:75px;padding-top:20px;border-top:1px solid;font:700 10px var(--mono);text-transform:uppercase;letter-spacing:.1em}.article-end a{padding-bottom:5px;border-bottom:2px solid #38566b;color:#38566b}
.article-footer{display:flex;justify-content:space-between;align-items:end;padding:45px 3vw 28px;background:#38566b;color:#fff}.article-footer strong{font-size:clamp(50px,10vw,150px);line-height:.75;letter-spacing:-.085em}.article-footer a{font:700 9px var(--mono);text-transform:uppercase;letter-spacing:.1em}
@media(max-width:800px){.article-layout{grid-template-columns:1fr}.article-scorecard{position:static}.article-copy blockquote{margin-left:0;margin-right:0}.article-meta{flex-wrap:wrap}.article-footer{align-items:flex-start;flex-direction:column;gap:35px}}
@media(max-width:560px){.article-nav>a:last-child{display:none}.article-header{padding-left:22px;padding-right:22px}.article-header h1{font-size:58px}.article-label span:last-child{display:none}.article-meta{display:grid}.article-hero{padding:0}.article-hero img{border-inline:0;min-height:330px}.article-layout{padding-left:22px;padding-right:22px}.article-copy{font-size:18px}.article-copy blockquote{padding:30px 0}.article-footer{padding-left:22px;padding-right:22px}}
