:root { --navy: #0e3b66; --orange: #ff4401; --ink: #102237; --paper: #f7f7f3; --line: #d8dee1; }
.article-header { position: relative; }
.article-back { color: #fff; font-size: 13px; font-weight: 800; }
.article-hero { background: var(--navy); color: #fff; padding: 135px clamp(22px, 12vw, 190px) 92px; }
.article-hero .eyebrow { color: #bfcedd; }
.article-hero h1 { max-width: 1050px; margin: 0; font-size: clamp(48px, 7vw, 96px); letter-spacing: -.065em; line-height: .96; font-weight: 600; }
.article-hero > p:last-child { margin: 28px 0 0; color: #d2dee9; font: 500 11px "DM Mono", monospace; letter-spacing: .12em; }
.article-body { max-width: 820px; margin: 0 auto; padding: 100px 28px 135px; }
.article-body h2 { margin: 58px 0 18px; color: var(--navy); font-size: clamp(29px, 4vw, 47px); line-height: 1.02; letter-spacing: -.045em; }
.article-body h2:first-child { margin-top: 0; }
.article-body p { margin: 0 0 24px; color: var(--ink); font-size: 17px; line-height: 1.78; }
.about-hero h1 em { font-family: Newsreader, Georgia, serif; font-weight: 500; }
.about-body { max-width: 880px; }
.about-intro { color: var(--navy) !important; font-family: Newsreader, Georgia, serif; font-size: clamp(28px, 4vw, 44px) !important; line-height: 1.12 !important; }
.about-body blockquote { margin: 52px 0; padding: 36px 0 36px 42px; border-left: 4px solid var(--orange); color: var(--navy); font-family: Newsreader, Georgia, serif; font-size: clamp(29px, 4vw, 45px); line-height: 1.08; }
.about-contact { margin-top: 18px; }
@media (max-width: 800px) { .article-hero { padding: 95px 22px 65px; } .article-body { padding: 66px 22px 85px; } .article-body h2 { margin-top: 42px; } .article-body p { font-size: 16px; } }