@font-face{font-family:Onest;src:url('assets/fonts/Onest-variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
/* Approved Onest typography across the whole site. */
.hero .hero-brand{color:var(--blue);font-weight:600}
body,button,input,select,textarea{font-family:Onest,Arial,sans-serif}
.header,.hero,.benefits{font-family:Onest,Arial,sans-serif}
.header button,.hero button{font-family:inherit}
.hero h1,.benefits-heading h2{font-family:Onest,Arial,sans-serif;font-size:36px;line-height:1.25;font-weight:600;letter-spacing:-.5px}
.hero .intro,.benefits-description,.benefit-card p{font-size:15px;font-weight:400;line-height:1.65}
.benefit-card h3{font-size:16px;font-weight:600;line-height:1.4}
.header nav button{font-size:14px;font-weight:500}
.header .contact,.hero .primary{font-size:15px;font-weight:600}
.hero .eyebrow,.benefits .eyebrow{font-weight:600}
.hero .float strong{font-weight:600}
@media(max-width:1100px){.header nav button{font-size:12px}}
@media(max-width:760px){.hero h1,.benefits-heading h2{font-size:32px;letter-spacing:-.3px}}
.jobs-heading h2,.sectors h2,.process h2,.promo-copy h2,.employers-copy h2,.reviews h2,.faq h2,.contacts h2,dialog h2{font-family:Onest,Arial,sans-serif;font-size:36px;line-height:1.25;font-weight:600;letter-spacing:-.5px}
.job-card h3,.process-step h3,.employer-feature h3,.contact-card h3,.direction-grid strong{font-family:Onest,Arial,sans-serif;font-size:16px;font-weight:600;line-height:1.4}
.review-author h3{font-size:14px;font-weight:600;line-height:1.4}
.jobs-heading>p,.sectors p,.process-step p,.promo-copy p,.employers-copy p,.employer-feature p,.faq-answer p,.contact-card p,.footer-tagline,dialog p{font-size:15px;font-weight:400;line-height:1.65}
.job-card p,.review-card blockquote{font-size:14px;font-weight:400;line-height:1.65}
.primary,.contact{font-family:Onest,Arial,sans-serif;font-size:15px;font-weight:600}
.eyebrow,.employers-badge,.promo-badge{font-weight:600}
.sector-card,.faq-item summary,.job-toggle{font-weight:500}
.sector-card{font-size:14px;line-height:1.5}
.faq-item summary{font-size:15px;line-height:1.4}
@media(max-width:760px){.jobs-heading h2,.sectors h2,.process h2,.promo-copy h2,.employers-copy h2,.reviews h2,.faq h2,.contacts h2,dialog h2{font-size:32px;letter-spacing:-.3px}}