@font-face{font-family:'PS Manrope';src:url('/assets/fonts/manrope.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:'PS Golos';src:url('/assets/fonts/golostext.ttf') format('truetype');font-weight:400 900;font-style:normal;font-display:swap}
html[data-type=manrope]{--type-display:'PS Manrope',Arial,sans-serif;--type-display-weight:600;--type-display-size:clamp(36px,4vw,58px);--type-display-track:-.035em}
html[data-type=manrope] body{font-family:'PS Golos',Arial,sans-serif;font-size:17px;line-height:1.65}
html[data-type=manrope] h1{font-family:var(--type-display);font-weight:var(--type-display-weight);letter-spacing:var(--type-display-track);line-height:1.12;font-size:var(--type-display-size);text-wrap:balance}
html[data-type=manrope] h2{font-family:var(--type-display);font-weight:var(--type-display-weight);font-size:44px;line-height:1.18;letter-spacing:-.025em;text-wrap:balance}
html[data-type=manrope] h3{font-family:var(--type-display);font-weight:var(--type-display-weight);letter-spacing:-.02em;line-height:1.25}
html[data-type=manrope] .hero-intro p,html[data-type=manrope] .prose,html[data-type=manrope] .approach-grid p:not(.eyebrow){font-size:17px;line-height:1.65;max-width:var(--reading-width);text-wrap:pretty}
html[data-type=manrope] .service-summary p,html[data-type=manrope] .project-body>p:not(.eyebrow),html[data-type=manrope] .objects-grid p,html[data-type=manrope] .system-row p,html[data-type=manrope] .section-note,html[data-type=manrope] .contact-grid p:not(.eyebrow){font-size:16px;line-height:1.65;text-wrap:pretty}
html[data-type=manrope] .eyebrow{font-size:12px;letter-spacing:.06em;font-weight:500}
html[data-type=manrope] nav{font-size:15px;font-weight:500}
html[data-type=manrope] .button,html[data-type=manrope] .text-link{font-size:14px;font-weight:500}
html[data-type=manrope] .hero-facts strong,html[data-type=manrope] .about-fact strong{font-family:var(--type-display);font-weight:var(--type-display-weight)}
@media(max-width:1150px){html[data-type=manrope] nav{font-size:13px}}
@media(max-width:800px){html[data-type=manrope] h2{font-size:36px}html[data-type=manrope] nav{font-size:12px}}
@media(max-width:640px){html[data-type=manrope]{--type-display-size:clamp(32px,8.5vw,44px)}html[data-type=manrope] h2{font-size:31px}html[data-type=manrope] h3{font-size:25px}html[data-type=manrope] nav{font-size:17px}html[data-type=manrope] .hero-intro p{font-size:16px}html[data-type=manrope] .eyebrow{font-size:11px}}