html[lang="en"] body {
    font-family: 'Instrument Sans', 'Instrument Sans', system-ui, sans-serif;
}
html[lang="en"] .hero-content h1 {
    font-size: clamp(1.75rem, 4vw + 0.75rem, 2.75rem);
    max-width: 18ch;
}
html[lang="en"] .hero .subtitle {
    font-size: clamp(0.7rem, 0.4rem + 0.8vw, 0.85rem);
}
@media (max-width: 992px) {
    html[lang="en"] .hero-content h1 {
        font-size: clamp(2rem, 5vw + 1rem, 3.2rem);
        max-width: 100%;
        line-height: 1.1;
    }
}
@media (max-width: 480px) {
    html[lang="en"] .profile-title {
        font-size: clamp(1.8rem, 8vw, 2.22rem);
        letter-spacing: -0.015em;
    }
}
@media (min-width: 992px) {
    html[lang="en"] .hero-content h1 {
        font-size: clamp(2.125rem, 5vw + 1rem, 3.175rem);
        max-width: 60%;
    }
    html[lang="en"] .hero .subtitle {
        font-size: 0.9rem;
        max-width: 800px;
        letter-spacing: 0.25em;
    }
}