.blog-header{padding-block:clamp(44px,6vw,86px);background:radial-gradient(ellipse at 78% 36%,#224448,var(--deep) 73%)}
.blog-header h1{margin-top:16px;font-size:clamp(43px,7vw,86px);line-height:1.03;letter-spacing:-.075em}
.blog-header p:not(.eyebrow){max-width:635px;margin-top:13px;color:#dce5df;font-size:clamp(16px,2vw,20px)}
.blog-archive{padding-block:clamp(33px,5vw,70px) clamp(55px,8vw,105px)}
.blog-archive h2{font-size:clamp(28px,4vw,44px);line-height:1.12;letter-spacing:-.055em;margin-bottom:19px}
.blog-feature{display:grid;grid-template-columns:1.08fr .92fr;min-width:0;margin-bottom:48px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.blog-feature h2{margin:9px 0 11px}
.blog-feature-copy{padding:clamp(21px,4vw,47px);align-self:center}
.blog-feature-copy>p:not(.eyebrow),.blog-card-copy>p:not(.eyebrow){color:var(--muted)}
.blog-feature .blog-cover{height:100%;min-height:290px}
.blog-cover{display:block;width:100%;aspect-ratio:1.9;background:#17393c;overflow:hidden}
.blog-cover img{width:100%;height:100%;object-fit:cover}
.blog-cover-fallback{position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 55% 50%,#32565a,transparent 68%),repeating-linear-gradient(0deg,transparent 0 19px,#e3c58716 19px 20px),repeating-linear-gradient(90deg,#133236 0 19px,#263e3e 19px 20px)}
.blog-cover-fallback .icon{width:60px;height:60px;color:var(--gold);stroke-width:.8}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.blog-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.blog-card-copy{display:flex;flex-direction:column;flex:1;align-items:flex-start;padding:21px}
.blog-card h3{margin:7px 0 10px;font-size:clamp(20px,2.25vw,27px);line-height:1.15;letter-spacing:-.04em}
.blog-card h3 a,.blog-feature h2 a{text-decoration:none}
.blog-card h3 a:hover,.blog-feature h2 a:hover{text-decoration:underline;text-underline-offset:4px}
.blog-card-copy>p:not(.eyebrow){font-size:14px}
.blog-card-copy .blog-meta{margin-top:auto;padding-top:14px}
.blog-meta{display:flex;flex-wrap:wrap;gap:4px 15px;margin-top:14px;color:var(--muted);font-size:13px;font-weight:700}
.blog-feature-copy .text-link{margin-top:16px}
.blog-article{padding-block:clamp(32px,6vw,86px)}
.article-wrap{width:min(770px,calc(100% - 42px));margin-inline:auto}
.article-back{margin-bottom:26px}
.blog-article h1{font-size:clamp(33px,5.8vw,66px);line-height:1.07;letter-spacing:-.063em;margin-top:8px;overflow-wrap:anywhere}
.article-deck{margin-top:15px;color:var(--muted);font-size:clamp(16px,2vw,20px)}
.blog-article .blog-cover{margin-block:26px 0;border-radius:var(--radius)}
.article-body{padding-top:29px;font-size:clamp(16px,1.65vw,18px);line-height:1.75;overflow-wrap:anywhere}
.article-body p,.article-body ul,.article-body ol,.article-body blockquote{margin-block:0 16px}
.article-body h2,.article-body h3{margin:27px 0 11px;font-weight:800;letter-spacing:-.035em;line-height:1.22}
.article-body h2{font-size:clamp(23px,3vw,32px)}
.article-body h3{font-size:clamp(20px,2.5vw,25px)}
.article-body li+li{margin-top:4px}
.article-body li p{margin:0}
.article-body a{text-underline-offset:3px}
.article-end{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:31px;padding-top:22px;border-top:1px solid var(--line)}
.nav>a[aria-current]{color:var(--gold)}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.blog-feature{grid-template-columns:1fr}.blog-feature .blog-cover{min-height:0;height:auto}}
@media(max-width:510px){.blog-grid{grid-template-columns:1fr}.blog-card-copy{padding:19px}.blog-header h1{font-size:43px}.article-wrap{width:calc(100% - 32px)}}