:root{--display:"Archivo",Arial,sans-serif;--body:"DM Sans",Arial,sans-serif}
body{font-family:var(--body);font-weight:400;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.hero h1,.section-heading h2,.downloads-intro h2,.article-page h1,.blog-heading h2,.instagram-copy h2,.downloads-page-hero h1{font-family:var(--display);font-weight:800;line-height:.89;letter-spacing:-.055em}
.hero h1{font-size:clamp(62px,7.9vw,126px)}
.section-heading h2{font-size:clamp(56px,6.7vw,96px)}
.downloads-intro h2{font-size:clamp(58px,5.8vw,92px)}
.blog-heading h2{font-size:clamp(54px,5.8vw,88px);line-height:.92}
.instagram-copy h2{font-size:clamp(56px,6.3vw,100px)}
.downloads-page-hero h1{font-size:clamp(64px,8vw,124px)}
.story-copy h3,.story-card h3,.blog-card h3,.download-title h3{font-family:var(--display);letter-spacing:-.035em;line-height:1.08}
.main-nav,.header-cta,.button,.continue-link,.arrow-link{font-family:var(--body)}
@media(max-width:900px){.hero h1{font-size:clamp(58px,15vw,96px)}.blog-heading h2,.section-heading h2{font-size:clamp(50px,11vw,72px)}}
@media(max-width:600px){.hero h1{font-size:clamp(54px,14vw,78px)}.instagram-copy h2,.downloads-page-hero h1{font-size:54px}.blog-card h3{font-size:27px}}