.site-nav,.portfolio-nav{gap:clamp(14px,3vw,48px)}.navigation{gap:24px}.navigation nav{margin-left:auto}html[lang=en] .hero-content h1{font-size:clamp(56px,8.4vw,144px)}html[lang=en] .brief-choices{gap:8px}html[lang=en] .brief-choice span{font-size:13px}html[lang=en] .project-intro h1{overflow-wrap:break-word}
@media(max-width:600px){.site-nav,.portfolio-nav{gap:12px}.site-nav nav{gap:12px}.site-nav .contact-link{font-size:10px}.navigation{gap:12px}.navigation nav{gap:12px}html[lang=en] .navigation nav a{font-size:10px}html[lang=en] .hero-content h1{font-size:clamp(46px,11vw,72px)}.portfolio-nav .portfolio-links{gap:12px}.portfolio-nav .portfolio-cta{font-size:10px}}