@font-face{font-family:Manrope;src:url('fonts/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:'DM Sans';src:url('fonts/dmsans.ttf') format('truetype');font-weight:100 1000;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('fonts/cormorantgaramond.ttf') format('truetype');font-weight:300 700;font-display:swap}
@font-face{font-family:Sora;src:url('fonts/sora.ttf') format('truetype');font-weight:100 800;font-display:swap}
body{--heading-font:Manrope,Arial,sans-serif}
body[data-font="dm"]{--heading-font:'DM Sans',Arial,sans-serif}
body[data-font="cormorant"]{--heading-font:'Cormorant Garamond',Georgia,serif}
body[data-font="sora"]{--heading-font:Sora,Arial,sans-serif}
h1,h2,.identity .number{font-family:var(--heading-font);font-weight:400}
h1{font-size:clamp(45px,5.8vw,94px);line-height:1.12;letter-spacing:-.04em}
h2{line-height:1.15;font-size:clamp(34px,3.7vw,57px)}
.hero h1 em{font-style:normal}
body[data-font="cormorant"] h1{font-size:clamp(54px,6.5vw,104px);line-height:1.04;letter-spacing:-.025em;font-weight:500}
body[data-font="cormorant"] h2{font-size:clamp(40px,4.4vw,68px);line-height:1.07;font-weight:500}
body[data-font="cormorant"] .hero h1 em{font-style:italic}
@media(max-width:680px){h1{font-size:clamp(39px,9vw,60px)}body[data-font="cormorant"] h1{font-size:clamp(49px,11vw,72px)}}