/* Approved brand typography: Outfit throughout, with upright emphasis.
   This final layer overrides the older magazine theme's component font shorthands. */
@font-face{font-family:Outfit;src:url('/assets/fonts/outfit/font.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{--brand-font:Outfit,Arial,sans-serif;--display:var(--brand-font)}
body:not(.admin-body),body:not(.admin-body) :where(h1,h2,h3,h4,h5,h6,p,a,span,div,section,article,aside,header,footer,nav,main,ul,ol,li,dl,dt,dd,table,th,td,button,input,select,textarea,label,legend,summary,small,strong,b,em,i,blockquote,figcaption){font-family:var(--brand-font)!important;font-style:normal!important;font-synthesis:none}
body:not(.admin-body) :is(h1,h2,h3,h4,h5,h6) em{font-family:inherit!important;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit}
.hero-b h1{font-weight:800;font-size:clamp(44px,4.6vw,68px);line-height:1.08;letter-spacing:-.045em}
.hero-b h1 em{font-weight:600!important}
.v2-heading h2{font-weight:800;letter-spacing:-.04em}
.v2-heading h2 em{font-weight:600!important}
.hero-b .hero-lede{line-height:1.65}
@media(max-width:980px){.hero-b h1{font-size:clamp(46px,6.5vw,64px)}}
@media(max-width:760px){.hero-b h1{font-size:clamp(38px,10vw,54px)}.v2-heading h2{font-size:clamp(36px,9vw,48px)}}