body { background: #fbf0dc; color: #343d3d; font-family: var(--font-brand); }
.article-header { border-bottom: 1px solid rgba(32,63,82,.2); }
.article-nav { width: min(1120px, calc(100% - 40px)); min-height: 76px; display: flex; align-items: center; justify-content: space-between; margin-inline: auto; }
.article-nav a { color: #203f52; font-weight: 580; text-decoration: none; }
.article-nav a:first-child { display: inline-flex; align-items: baseline; gap: 0; }
.article-nav .lb-wordmark { font-size: clamp(1.4rem, 2vw, 1.7rem); font-weight: 650; letter-spacing: -.055em; }
.article-wrap { width: min(860px, calc(100% - 40px)); margin-inline: auto; padding: 90px 0 120px; }
.article-meta { color: #d67a38; font-size: .74rem; font-weight: 620; letter-spacing: .18em; text-transform: uppercase; }
.article-wrap h1 { margin: 20px 0 30px; color: #203f52; font-size: clamp(3.2rem, 7vw, 6.6rem); font-weight: 440; letter-spacing: -.06em; line-height: .94; }
.article-dek { max-width: 710px; font-size: 1.25rem; line-height: 1.55; }
.article-hero { width: 100%; max-height: 560px; margin: 58px 0; object-fit: cover; filter: saturate(.74); }
.article-body { max-width: 720px; margin-inline: auto; }
.article-body h2 { margin: 56px 0 15px; color: #203f52; font-size: 2rem; font-weight: 520; letter-spacing: -.04em; }
.article-body p { margin: 0 0 24px; font-size: 1.08rem; line-height: 1.72; }
.article-draft-note { margin-top: 60px; padding: 24px; border: 1px solid rgba(32,63,82,.2); color: #7899a8; font-size: .85rem; }
.article-cta { margin-top: 70px; padding: 46px; background: #203f52; color: #fbf0dc; text-align: center; }
.article-cta h2 { margin: 0 0 24px; color: inherit; }
.article-cta a { display: inline-block; padding: 14px 20px; background: #fbf0dc; color: #203f52; font-weight: 600; text-decoration: none; }
@media (max-width: 620px) { .article-wrap { padding-top: 60px; }.article-cta { padding: 34px 22px; } }