.language-switch{display:flex;align-items:center;gap:10px;flex-shrink:0;font:11px/1.5 Arial,sans-serif}
.language-switch a{padding:8px 0;color:var(--muted)}
.language-switch a[aria-current]{color:var(--ink);border-bottom:1px solid var(--ink)}
.header{gap:24px}
html[lang=en]{--serif:Georgia,"Times New Roman",serif}
html[lang=en] .hero h1{white-space:normal;letter-spacing:-.035em;line-height:1.12;font-size:clamp(36px,3.8vw,56px)}
html[lang=en] .hero-english{display:none}
html[lang=en] .hero-description{line-height:1.8}
html[lang=en] .nav{gap:20px}
html[lang=en] .nav a,html[lang=en] .header-cta{white-space:nowrap}
html[lang=en] .philosophy-signatures{flex-wrap:wrap;gap:10px 18px}
html[lang=en] .philosophy-copy h2{font-weight:400;line-height:1.2}
html[lang=en] .look figcaption{gap:10px;align-items:start}
html[lang=en] .circle-link{flex-shrink:0}
html[lang=en] .section-heading h2{line-height:1.2}
html[lang=en] .builder-option>span{overflow-wrap:anywhere}
@media(min-width:761px) and (max-width:1150px){.header{gap:16px;padding-inline:3%}.header .brand-name{display:none}html[lang=en] .nav{gap:16px}.header-cta{margin-left:0;gap:12px}}
@media(max-width:760px){.header{gap:16px}.language-switch{margin-left:auto;gap:8px}.menu-toggle{margin-left:0}.header .brand-name{font-size:13px}html[lang=en] .hero h1{font-size:40px}html[lang=en] .philosophy-copy h2{font-size:30px}html[lang=en] .inquiry-steps a{font-size:10px;flex-wrap:wrap}html[lang=en] .inquiry-steps span{font-size:16px}html[lang=en] .look h3{font-size:21px}html[lang=en] .hero-actions{flex-wrap:wrap}html[lang=en] .footer-bottom{overflow-wrap:anywhere}}
@media(max-width:360px){.header{gap:12px}.header .brand-name{display:none}html[lang=en] .hero h1{font-size:35px}}