/* Single typography authority across every Apollo route. */
@font-face{font-family:'Apollo Archivo';src:url('/assets/fonts/archivo-variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{--font-apollo:'Apollo Archivo','Helvetica Neue',Arial,sans-serif;--type-display:clamp(48px,6.1vw,88px);--type-section:clamp(36px,4.2vw,62px);--type-card:24px;font-family:var(--font-apollo);font-synthesis:none}
body,button,input,select,textarea{font-family:var(--font-apollo)!important;font-weight:400;letter-spacing:0}
body{font-size:17px;line-height:1.6}body main :is(h1,h2,h3,h4){font-family:var(--font-apollo)!important;text-transform:none!important;text-wrap:pretty;letter-spacing:-.035em!important;font-weight:350!important;line-height:1.08!important;max-width:none}
body main h1{font-size:var(--type-display)!important;max-width:16ch}body main h2{font-size:var(--type-section)!important}body main h3,body main h4{font-size:var(--type-card)!important;line-height:1.25!important;font-weight:450!important;letter-spacing:-.018em!important}
body main :is(.hero-message,.mission-copy,.page-hero-content,.full-machine-copy) :is(h1,h2){max-width:14ch}
body main .hero-message h1{max-width:12ch;font-size:var(--type-display)!important;margin-bottom:28px}
body main :is(.article-body,.event-copy,.insight-feature) h2{font-size:32px!important;letter-spacing:-.025em!important;line-height:1.2!important}
body main :is(.article-sources,.guide-card,.faq-item) h2{font-size:24px!important;line-height:1.3!important}
body main p{font-size:17px;line-height:1.65;letter-spacing:0}
body main :is(.intro,.hero-message>p:not(.eyebrow),.mission-copy>p:not(.eyebrow),.pr-heading>p){font-size:18px!important;line-height:1.6!important;max-width:47ch}
body :is(.eyebrow,.photo-label,.panel-credit){font-family:var(--font-apollo)!important;font-size:11px!important;font-weight:500!important;letter-spacing:.07em!important;line-height:1.6!important}
body .header nav a{font-size:13px!important;letter-spacing:0!important;text-transform:none!important;font-weight:400!important}
body .button,body .button.small,body .text-link{font-family:var(--font-apollo)!important;font-size:14px!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important;line-height:1.4!important}
body .site-menu nav a{font-family:var(--font-apollo)!important;font-size:23px!important;font-weight:400!important;text-transform:none!important;letter-spacing:-.02em!important}
body :is(.menu-toggle,.menu-close,.footer-links){font-size:12px!important;letter-spacing:0!important;text-transform:none!important}
body main :is(figcaption,.pr-source,.pr-photo-credit,.photo-source,.explode-note,.mission-film-caption span,.mission-film-links div>span,.mission-cones>a>span:last-child){font-size:11px!important;line-height:1.6!important;letter-spacing:.015em!important;font-weight:400!important}
body main :is(.performance-band,.pr-market-stats,.insight-metrics,.coating-market-stats,.coating-facts) strong{font-family:var(--font-apollo)!important;font-weight:300!important;letter-spacing:-.04em!important;font-variant-numeric:tabular-nums}
body main :is(.performance-band>div>span,.pr-market-stats span,.coating-facts span){font-size:12px!important;letter-spacing:.03em!important}
body main :is(.pr-reasons,.guide-card,.mission-film-links,.station-grid) p{font-size:16px!important;line-height:1.6!important}
body main :is(.mission-close,.page-endcap) h2{margin-inline:auto}body main .explode-copy h2{font-size:var(--type-section)!important;line-height:1.08!important;max-width:13ch}
body main .explode-copy p:not(.eyebrow){font-size:16px!important;line-height:1.6!important}
body :is(input,select,textarea){font-size:16px!important}body .header nav{gap:22px}
@media(min-width:1101px) and (max-width:1350px){body .header{gap:20px}body .header nav{gap:14px}body .header nav a{font-size:12px!important}body .header .wordmark img{width:160px}}
@media(max-width:700px){:root{--type-display:48px;--type-section:36px;--type-card:22px}body main :is(.intro,.hero-message>p:not(.eyebrow),.mission-copy>p:not(.eyebrow),.pr-heading>p){font-size:16px!important}body main .hero-message h1{max-width:13ch}body main .mission-film-links h3{font-size:19px!important}body main :is(.article-body,.event-copy,.insight-feature) h2{font-size:28px!important}body main .explode-copy h2{font-size:32px!important}body main .explode-copy p:not(.eyebrow){font-size:14px!important}body .header .wordmark img{width:155px}body .site-menu nav a{font-size:20px!important}body .pr-market-stats span{font-size:10px!important}}