@font-face{font-family:'Russo One';src:url('assets/fonts/RussoOne-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Oswald;src:url('assets/fonts/Oswald[wght].ttf') format('truetype');font-weight:200 700;font-display:swap}
@font-face{font-family:'Roboto Condensed';src:url('assets/fonts/RobotoCondensed[wght].ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:Unbounded;src:url('assets/fonts/Unbounded[wght].ttf') format('truetype');font-weight:200 900;font-display:swap}
@font-face{font-family:'Exo 2';src:url('assets/fonts/Exo2[wght].ttf') format('truetype');font-weight:100 900;font-display:swap}
html[data-heading-font=russo]{--heading-font:'Russo One';--heading-weight:400;--offer-weight:400}
html[data-heading-font=oswald]{--heading-font:Oswald;--heading-weight:700;--offer-weight:600}
html[data-heading-font=roboto]{--heading-font:'Roboto Condensed';--heading-weight:900;--offer-weight:700}
html[data-heading-font=unbounded]{--heading-font:Unbounded;--heading-weight:800;--offer-weight:500}
html[data-heading-font=exo]{--heading-font:'Exo 2';--heading-weight:900;--offer-weight:650}
html[data-heading-font] h1,html[data-heading-font] h2,html[data-heading-font] h3,html[data-heading-font] legend{font-family:var(--heading-font),Golos,sans-serif;font-weight:var(--heading-weight);font-synthesis:none;letter-spacing:-.015em}
html[data-heading-font] .hero-intro,html[data-heading-font] .hero-offer{font-family:var(--heading-font),Golos,sans-serif;font-weight:var(--offer-weight);font-synthesis:none}
html[data-heading-font=russo] .hero-intro,html[data-heading-font=russo] .hero-offer{font-family:Golos,Arial,sans-serif;font-weight:400}
html[data-heading-font] .hero h1{font-size:clamp(40px,4vw,58px)}
html[data-heading-font=unbounded] .hero h1{font-size:clamp(35px,3.6vw,52px)}
html[data-heading-font=unbounded] h2{font-size:clamp(28px,2.6vw,39px)}
html[data-heading-font=unbounded] .hero-intro{font-size:18px}
html[data-heading-font=unbounded] .hero-offer{font-size:16px}
@media(max-width:760px){html[data-heading-font] .hero h1{font-size:38px}html[data-heading-font] .hero-intro{font-size:17px}html[data-heading-font] .hero-offer{font-size:16px}html[data-heading-font=unbounded] .hero h1{font-size:31px}html[data-heading-font=unbounded] h2{font-size:25px}html[data-heading-font=unbounded] .hero-intro{font-size:15px}html[data-heading-font=unbounded] .hero-offer{font-size:14px}}
@media(max-width:360px){html[data-heading-font] .hero h1{font-size:34px}html[data-heading-font=unbounded] .hero h1{font-size:28px}html[data-heading-font=unbounded] h2{font-size:23px}html[data-heading-font=unbounded] h3{font-size:19px}html[data-heading-font=unbounded] legend{font-size:19px}}
html[data-heading-font] .benefit h3{overflow-wrap:anywhere}
@media(max-width:760px){html[data-heading-font=unbounded] .benefit h3{font-size:16px}.production-grid .photo-label{font-family:Golos,sans-serif;font-size:12px;overflow-wrap:anywhere}}
/* Longer approved offer keeps the mobile first screen compact. */
html[data-heading-font] .hero h1{font-size:clamp(38px,3.6vw,54px)}
@media(max-width:760px){html[data-heading-font] .hero h1{font-size:clamp(28px,7.7vw,40px)}}