@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:200 900;font-display:swap;src:url('./fonts/SourceSerif4.ttf') format('truetype')}
@font-face{font-family:'Marcellus';font-style:normal;font-weight:400;font-display:swap;src:url('./fonts/Marcellus.ttf') format('truetype')}
@font-face{font-family:'Prata';font-style:normal;font-weight:400;font-display:swap;src:url('./fonts/Prata.ttf') format('truetype')}
@font-face{font-family:'Tenor Sans';font-style:normal;font-weight:400;font-display:swap;src:url('./fonts/TenorSans.ttf') format('truetype')}
html[data-type] .hero h1{font-size:clamp(3.375rem,6.35vw,6.125rem);font-weight:400;line-height:1.08;letter-spacing:-.025em;font-kerning:normal}
html[data-type='source-serif'] .hero h1{font-family:'Source Serif 4',Georgia,serif;font-variation-settings:'opsz' 48,'wght' 400}
html[data-type='marcellus'] .hero h1{font-family:'Marcellus',Georgia,serif;letter-spacing:-.025em}
html[data-type='prata'] .hero h1{font-family:'Prata',Georgia,serif;font-size:clamp(3.25rem,6.05vw,5.875rem);letter-spacing:-.03em}
html[data-type='tenor'] .hero h1{font-family:'Tenor Sans',Arial,sans-serif;font-size:clamp(3.25rem,6.05vw,5.875rem);letter-spacing:-.045em;line-height:1.12}
@media(max-width:700px){html[data-type] .hero h1{font-size:clamp(1.6875rem,7.6vw,3.25rem);line-height:1.15;letter-spacing:-.025em}html[data-type='prata'] .hero h1{font-size:clamp(1.625rem,7.25vw,3.125rem)}html[data-type='tenor'] .hero h1{font-size:clamp(1.625rem,7.5vw,3.125rem);letter-spacing:-.045em}}
@media(max-height:700px) and (min-width:701px){html[data-type] .hero h1{font-size:clamp(3rem,9svh,4.75rem)}}
