html[lang="en"] body { font-family: Inter, "Helvetica Neue", Arial, "PingFang SC", sans-serif; } html[lang="en"] .home-page .hero h1 { max-width: 560px; font-size: clamp(36px, 3.2vw, 46px); letter-spacing: -1.5px; line-height: 1.08; } html[lang="en"] .home-page .hero-lead { font-size: clamp(20px, 1.8vw, 26px); line-height: 1.35; } html[lang="en"] .home-page .hero-description { max-width: 560px; font-size: 15px; line-height: 1.75; } html[lang="en"] .home-page .hero-copy, html[lang="en"] .home-page .banner-visual { min-width: 0; } html[lang="en"] .content-hero h1 { max-width: 1040px; font-size: clamp(36px, 4.2vw, 54px); letter-spacing: -.02em; line-height: 1.08; } html[lang="en"] .content-lead { font-size: 17px; line-height: 1.75; } html[lang="en"] .content-heading h2 { font-size: clamp(30px, 3.6vw, 46px); } html[lang="en"] .content-heading p { font-size: 15px; } html[lang="en"] .site-nav { font-size: 13px; } html[lang="en"] .footer-group a, html[lang="en"] .footer-group span { line-height: 1.5; } html[lang="en"] .hero h1 small, html[lang="en"] .content-hero h1 small { text-transform: uppercase; letter-spacing: 1.4px; } html[lang="en"] .home-page .hero h1 strong { max-width: 100%; } html[lang="en"] .home-page .hero-actions { flex-wrap: wrap; } html[lang="en"] .case-card.featured { min-width: 0; } html[lang="en"] .content-breadcrumbs { font-size: 11px; } @media (max-width: 1100px) { html[lang="en"] .home-page .hero h1 { font-size: clamp(34px, 5vw, 42px); } html[lang="en"] .content-hero h1 { font-size: clamp(34px, 5.6vw, 48px); } } @media (max-width: 640px) { html[lang="en"] .home-page .hero h1 { font-size: clamp(32px, 9.6vw, 38px); letter-spacing: -1px; } html[lang="en"] .content-hero h1 { font-size: clamp(30px, 8.8vw, 38px); } html[lang="en"] .content-lead { font-size: 16px; } } @media (max-width: 640px) { html[lang="en"] .closing h2 { max-width: 100%; font-size: 30px; } html[lang="en"] .closing h2 span { white-space: normal; } html[lang="en"] .closing h2 span + span { margin-left: 0; } } html[lang="en"] .contact-float::before { content:"Chat"; letter-spacing:1px; font-size:10px; } html[lang="en"] .related-services::before { content:"Related services"; letter-spacing:0; } @media (max-width: 1200px) { html[lang="en"] .home-page .hero h1 { max-width: 100%; } }