@font-face{font-family:'Manrope RU';src:url('../fonts/manrope-variable.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}

/* Russian typography and layout adjustments. */
html[lang=ru]{--sans:'Manrope RU',Arial,sans-serif}
html[lang=ru] .hero h1{font-size:clamp(44px,4.65vw,76px);letter-spacing:-.025em;line-height:1.02}
html[lang=ru] .hero-content>p{line-height:1.65}
html[lang=ru] .portfolio-heading h2{line-height:1.08;text-wrap:balance}
html[lang=ru] .project-card__name{line-height:1.12}
html[lang=ru] .footer-messenger-note{font-size:12px;line-height:1.5;color:#65695f}
html[lang=ru] .footer-direct-links{align-items:center}
html[lang=ru] .dropdown-panel--services{width:365px}
html[lang=ru] .dropdown-panel--projects{width:330px}
@media(min-width:1051px) and (max-width:1200px){html[lang=ru] .hero h1{font-size:52px}}
@media(max-width:1050px){html[lang=ru] .hero h1{font-size:clamp(48px,7vw,68px)}html[lang=ru] .dropdown-panel--services,html[lang=ru] .dropdown-panel--projects{width:auto}}
@media(max-width:600px){
    html[lang=ru] .hero h1{font-size:clamp(29px,8.3vw,46px);letter-spacing:-.025em}
    html[lang=ru] .hero-content>p{font-size:14px;line-height:1.6}
    html[lang=ru] .portfolio-heading h2{font-size:32px}
    html[lang=ru] .footer-messenger-note{max-width:280px}
}

html[lang=ru] .portfolio-page .portfolio-heading h1,
html[lang=ru] .project-heading h1,
html[lang=ru] .service-intro__title h1,
html[lang=ru] .contact-introduction h1 {
    overflow-wrap: anywhere;
    text-wrap: balance;
}