@font-face{font-family:Outfit;src:url('assets/outfit.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:Plus Jakarta Sans;src:url('assets/plusjakartasans.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:Syne;src:url('assets/syne.ttf') format('truetype');font-weight:400 800;font-display:swap}
@font-face{font-family:Instrument Sans;src:url('assets/instrumentsans.ttf') format('truetype');font-weight:400 700;font-display:swap}
@font-face{font-family:Onest;src:url('assets/onest.ttf') format('truetype');font-weight:100 900;font-display:swap}

[data-type=outfit],.type-outfit{--type-heading:Outfit;--type-body:'DM Sans';--type-weight:550;--type-tracking:-.045em}
[data-type=jakarta],.type-jakarta{--type-heading:'Plus Jakarta Sans';--type-body:Inter;--type-weight:650;--type-tracking:-.055em}
[data-type=syne],.type-syne{--type-heading:Syne;--type-body:Manrope;--type-weight:600;--type-tracking:-.045em}
[data-type=instrument],.type-instrument{--type-heading:'Instrument Sans';--type-body:Onest;--type-weight:550;--type-tracking:-.05em}

html[data-modern-type] body{font-family:var(--type-body),Arial,sans-serif}
html[data-modern-type] :is(h1,h2,h3){font-family:var(--type-heading),Arial,sans-serif;font-weight:var(--type-weight);letter-spacing:var(--type-tracking);line-height:1.08}
html[data-modern-type] h1{font-size:clamp(64px,7.2vw,116px);line-height:1.02}
html[data-modern-type] .course-card h3{font-size:clamp(25px,2.35vw,36px);line-height:1.17}
html[data-modern-type] .upcoming h3{font-size:clamp(30px,3.4vw,48px);line-height:1.12}
html[data-modern-type] .hero-copy{top:20%}

@media(max-width:760px){
 html[data-modern-type] h1{font-size:clamp(46px,14vw,74px);line-height:1.06}
 html[data-modern-type] h2{font-size:34px;line-height:1.12}
 html[data-modern-type] .course-card h3{font-size:30px}
 html[data-modern-type] .upcoming h3{font-size:29px;line-height:1.16}
 html[data-modern-type] .hero-copy{top:17%}
}