/* English uses the same grid, with a type scale suited to longer words. */
.desktop-nav .language-switch{border-left:1px solid var(--line);padding-left:26px;font-size:.875rem}
.desktop-nav .language-switch:after{left:26px}
.mobile-menu .language-switch{font-size:1rem;margin-top:12px;border:0}
html[lang=en] .hero h1{font-size:clamp(2.4rem,6vw,5.625rem);letter-spacing:-.045em;gap:.2em .32em;line-height:1.12}
html[lang=en] .hero-intro{max-width:36em}
html[lang=en] main{overflow-wrap:anywhere}
html[lang=en] .project .text-link{white-space:normal;text-align:left}
html[lang=en] .detail-hero h1{font-size:clamp(2.6rem,4vw,4rem);letter-spacing:-.04em;line-height:1.1}
html[lang=en] .section-heading h2,html[lang=en] .about h2{line-height:1.16;letter-spacing:-.04em}
html[lang=en] .detail-section-heading h2{line-height:1.2}
html[lang=en] .project h3{font-size:clamp(1.75rem,2.45vw,2.35rem);line-height:1.2}
html[lang=en] .related-project h2{line-height:1.15}
html[lang=en] .detail-label{letter-spacing:.08em}
html[lang=en] .desktop-nav{gap:clamp(14px,3vw,44px)}
html[lang=en] .service-selector nav{gap:8px 30px}
html[lang=en] .principles article>div,html[lang=en] .project-heading,html[lang=en] .detail-intro{min-width:0}
html[lang=en] .principles h3,html[lang=en] .detail-hero h1,html[lang=en] .dialog-content h2,html[lang=en] .related-project h2{overflow-wrap:anywhere}
@media(max-width:900px){html[lang=en] .hero h1{font-size:clamp(2.4rem,5.9vw,5.625rem)}html[lang=en] .detail-hero h1{font-size:3.25rem}.desktop-nav{gap:22px}.desktop-nav .language-switch{padding-left:18px}}
@media(max-width:767px){
 html[lang=en] .hero h1,html[lang=en] .hero h1.is-stacked{font-size:clamp(1.5rem,11.6vw,4.25rem);line-height:1.14;letter-spacing:-.035em;gap:.16em}
 html[lang=en] .hero-content{gap:36px}
 html[lang=en] .intro-break{display:none}
 html[lang=en] .detail-hero h1{font-size:clamp(1.6rem,8.5vw,3rem);line-height:1.16}
 html[lang=en] .detail-headline{font-size:1.25rem;line-height:1.5}
 html[lang=en] .service-selector nav{gap:0 22px}
 html[lang=en] .service-selector a{font-size:.875rem}
 html[lang=en] .page-index{column-gap:16px}
 html[lang=en] .page-index a{font-size:.875rem}
 html[lang=en] .project h3{font-size:1.875rem}
 html[lang=en] .about-line{letter-spacing:.01em}
 html[lang=en] .contact-grid h2{font-size:2.75rem;line-height:1.12}
 html[lang=en] .site-footer p{max-width:27em}
}