:root{--serif:'DM Sans',Arial,sans-serif}
.brand{background:#233e32;padding:12px 16px;line-height:1;letter-spacing:0;width:190px;display:block}
.brand img{width:100%;height:auto;object-fit:contain}
header{padding-top:16px;padding-bottom:16px}
h1,h2{font-weight:400;letter-spacing:-2.5px;line-height:1.09}
h1{font-size:clamp(56px,5.4vw,82px)}
h2{font-size:clamp(38px,3.6vw,55px)}
em{font-style:normal}
.hero h1 em{white-space:normal}
.image-label{font-size:35px;letter-spacing:-1px;line-height:1.15}
.service-card h3{font-size:29px;line-height:1.16;font-weight:400;letter-spacing:-1px}
.project-title h3{font-size:23px;letter-spacing:-.7px}
.story h2{font-size:43px}
.course h3{font-size:36px;letter-spacing:-1px}
form h3{font-size:27px;letter-spacing:-.7px}
.contact h2{font-size:57px}
.footer-top p{font-size:22px;line-height:1.4;letter-spacing:-.5px}
.footer-top .brand{align-self:flex-start}
.dialog-copy h2{font-size:35px}
@media(max-width:1050px){.brand{width:165px}nav{gap:17px}.hero h1{font-size:59px}.story h2{font-size:37px}.service-card h3{font-size:26px}}
@media(max-width:760px){.brand{width:155px;padding:10px 12px}header{padding:14px 6%}.hero h1{font-size:clamp(44px,10.8vw,64px);letter-spacing:-2px}h2{font-size:37px;letter-spacing:-1.5px}.story h2{font-size:37px}.service-card h3{font-size:25px}.project-title h3{font-size:21px}.course h3{font-size:32px}.contact h2{font-size:45px}.footer-top .brand{width:190px}.image-label{font-size:29px}.dialog-copy h2{font-size:29px}}