.page-articles,.page-article{background:#fff;color:#111}
.page-articles>.site-nav,.page-article>.site-nav{position:relative;background:#fff;color:#111;border-bottom:1px solid #ddd}
.page-articles>.site-nav .wordmark,.page-article>.site-nav .wordmark{color:#111}
.articles-page{width:min(1400px,100%);margin:0 auto;padding:110px clamp(24px,5vw,72px) 120px}
.articles-page>header{display:grid;grid-template-columns:160px minmax(0,1.25fr) minmax(260px,.65fr);gap:48px;align-items:end;padding-bottom:72px}
.articles-page>header .eyebrow{align-self:start;margin-top:8px;font-size:10px;letter-spacing:.15em}
.articles-page>header h1{margin:0;font-size:clamp(48px,5.5vw,78px);font-weight:500;line-height:1.02;letter-spacing:-.05em}
.articles-page>header>p:last-child{max-width:360px;margin:0;font-size:15px;line-height:1.8;color:#666}
.articles-index{border-top:1px solid #111}
.articles-index>a{display:grid;grid-template-columns:54px minmax(0,1fr) 26px;gap:28px;align-items:start;padding:30px 0;border-bottom:1px solid #d5d5d5;color:inherit;text-decoration:none}
.articles-index>a>span,.articles-index small{font-size:10px;color:#888}
.articles-index h2{margin:9px 0 10px;font-size:clamp(23px,2.6vw,38px);font-weight:500;line-height:1.25;letter-spacing:-.025em}
.articles-index p{max-width:820px;margin:0;font-size:14px;line-height:1.75;color:#666}
.articles-index b{font-size:20px;font-weight:400}
.article-page{width:min(1080px,100%);margin:0 auto;padding:110px clamp(24px,5vw,64px) 120px}
.article-page>.eyebrow{font-size:10px;letter-spacing:.14em;color:#777}
.article-page h1{max-width:980px;margin:35px 0 32px;font-size:clamp(42px,5.2vw,72px);font-weight:500;line-height:1.08;letter-spacing:-.045em}
.article-page .lead{max-width:760px;margin:0 0 52px;font-size:clamp(17px,1.8vw,22px);line-height:1.75;color:#555}
.article-page>img{display:block;width:100%;height:auto;margin:0 0 64px}
.article-page>article{max-width:760px;margin:0 auto;font-size:17px;line-height:2;color:#333;white-space:normal}
@media(max-width:760px){.articles-page{padding:72px 20px 80px}.articles-page>header{grid-template-columns:1fr;gap:22px;padding-bottom:46px}.articles-page>header .eyebrow{margin:0}.articles-page>header h1{font-size:42px}.articles-index>a{grid-template-columns:34px minmax(0,1fr) 18px;gap:10px;padding:25px 0}.articles-index h2{font-size:23px}.articles-index p{font-size:13px}.article-page{padding:72px 20px 85px}.article-page h1{font-size:38px}.article-page .lead{margin-bottom:38px}.article-page>img{margin-bottom:42px}.article-page>article{font-size:16px;line-height:1.9}}