/* Official variable fonts, hosted locally with their OFL license texts. */
@font-face{font-family:'Bricolage Grotesque';src:url('assets/fonts/bricolage-grotesque-variable.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('assets/fonts/inter-variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
body{font-family:'Inter',Arial,sans-serif;font-weight:400;font-optical-sizing:auto}
body h1,body h2,body h3,.agency-hero h1,.agency-value h2,.agency-showcase h2,.agency-process h2,.intro h1,.closing h2,.gallery-head h2,.split h2,.quote h2,.contact-grid h2,.agency-faq h2,.agency-demo h3,.tile-body h2,.steps article h3{font-family:'Bricolage Grotesque','Inter',Arial,sans-serif;font-weight:700;font-optical-sizing:auto;line-height:1.12}
.agency-hero h1{font-size:clamp(46px,5.5vw,78px);max-width:13ch;line-height:1.08}
header nav a,header .lang button{font-family:'Inter',Arial,sans-serif;font-weight:600;font-size:15px;line-height:1.5}
.button,.quiet,.text-link,.tile-open,.tile-choose,.specimen-caption,.preview-banner,.eyebrow,.agency-steps h3{font-family:'Inter',Arial,sans-serif}
.button{font-weight:600}.tile-body h2{font-weight:650}.agency-steps h3{font-weight:600}.agency-faq summary{font-weight:500}
@media(max-width:1000px){header nav a{font-size:14px}}@media(max-width:800px){.agency-hero h1{font-size:clamp(44px,9vw,65px)}header .lang button{font-size:13px}}@media(max-width:420px){header nav a{font-size:13px}.agency-hero h1{font-size:46px}}