/* Readable display typography across all three languages. */
.hero h1,.page-intro h1,.case-intro h1,h2,.statement>p,.service-row h3,.image-title,.footer-word,.case-cover>span,.case-poster strong,.type-panel>span,.next-case strong{letter-spacing:0;word-spacing:.035em}
.hero h1{font-size:clamp(48px,8vw,130px);line-height:1.08}
.hero h1 .second{display:flex;flex-wrap:wrap;column-gap:.26em;row-gap:.08em;line-height:1.14}
.hero h1 .second em{display:inline-block}
.page-intro h1,.case-intro h1{line-height:1.08;font-size:clamp(40px,8vw,128px)}
h2,.statement>p{line-height:1.2}
.case-poster strong{font-size:8vw;line-height:1.1}
.image-title{font-size:clamp(28px,3.8vw,60px)}
.case-cover>span{font-size:8.5vw}
.next-case strong{font-size:7vw}
.footer-word{font-size:clamp(44px,11.5vw,180px)}
.logo{letter-spacing:-.025em}.transition span{letter-spacing:0}
body .mobile-menu a{letter-spacing:0}
@media(max-width:600px){.hero h1{font-size:12vw}.hero h1 .second{font-size:.75em;display:block}.hero h1 .second em{display:block;margin-top:.12em}.page-intro h1{font-size:10.5vw}.case-intro h1{font-size:11vw}.footer-word{font-size:11vw}.image-title{font-size:34px}}

/* Large, breathable hero; all direct contact links live in the footer. */
.hero{height:calc(100svh - 100px);min-height:680px;max-height:none}
.hero-type{margin-top:28px}
.hero h1,html[lang=uz] .hero h1{font-size:min(13vw,17svh);line-height:1.02;font-weight:500}
.hero h1 .second{display:block;font-size:1em;line-height:1.02;margin-top:0}
.hero h1 .second em{display:block;margin-top:0}
.footer-contacts{display:flex;flex-wrap:wrap;gap:20px 40px;padding:30px 0 45px;scroll-margin-top:120px}
.footer-top{padding-top:0}.footer-word{font-size:clamp(40px,10.5vw,170px)}
.service-detail{grid-template-columns:minmax(0,1fr) 100px;align-items:center}
.service-detail .service-symbol{display:flex;align-items:center;justify-content:center;width:1em;height:1em;text-align:center;justify-self:end;transform-origin:center;transition:none;animation:service-turn 5s linear infinite paused}
.service-detail:hover .service-symbol{transform:none;animation-play-state:running}
@keyframes service-turn{to{transform:rotate(360deg)}}
.transition,.transition span{transform:none!important;scale:none!important;animation:none!important;transition:none!important}
@media(max-width:900px){.hero{height:calc(100svh - 80px);min-height:650px}.hero-type{margin-top:45px}}
@media(max-width:600px){.hero{min-height:580px;height:calc(100svh - 72px)}.hero-type{margin-top:55px}.hero h1,html[lang=uz] .hero h1{font-size:min(12.7vw,16svh)}.hero h1 .second{font-size:1em}.hero h1 .second em{margin-top:0}.service-detail{grid-template-columns:minmax(0,1fr) 45px;gap:12px}.service-detail .service-symbol{font-size:38px}.service-detail h2{font-size:26px}.footer-contacts{gap:16px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.service-detail .service-symbol{animation:none}}