/* Three-language navigation; all art sizes and existing layouts remain intact. */
.site-header .nav-shell{grid-template-columns:minmax(100px,1fr) auto auto auto;gap:clamp(18px,2vw,30px)}
.site-header .desktop-nav{gap:clamp(18px,2vw,30px)}
.language-switch{display:flex;align-items:center;gap:8px;white-space:nowrap;font-family:var(--sans);font-size:.75rem;letter-spacing:0}
.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:28px;text-decoration:none;color:var(--muted);position:relative}
.language-switch a[aria-current="true"]{color:var(--ink)}
.language-switch a[aria-current="true"]::after{content:"";position:absolute;bottom:6px;left:3px;right:3px;height:1px;background:var(--gold)}
.language-switch a:hover{color:var(--ink)}
.language-switch a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
html:lang(en){--sans:Arial,"Helvetica Neue",sans-serif;--serif:Georgia,"Times New Roman",serif}
html:lang(ja){--sans:"Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif;--serif:"Hiragino Mincho ProN","Yu Mincho",serif}
html:lang(en) body{letter-spacing:0}
html:lang(en) h1,html:lang(en) h2{letter-spacing:0;line-height:1.35;text-wrap:balance}
html:lang(en) .work-name-zh{font-family:var(--serif);line-height:1.5;letter-spacing:0}
html:lang(en) .work-name-en,html:lang(en) .detail-english{font-family:"PingFang TC","Microsoft JhengHei",sans-serif}
html:lang(en) .hero-artwork-caption,html:lang(en) .work-card__info,html:lang(en) .work-detail__copy,html:lang(ja) .work-detail__copy{min-width:0;overflow-wrap:anywhere}
html:lang(en) .hero-artwork-kind{flex-wrap:wrap}
html:lang(en) .atelier-hero-copy,html:lang(ja) .atelier-hero-copy{min-width:0}
html:lang(en) .refined-footer p,html:lang(en) .refined-footer address{overflow-wrap:anywhere}
@media(max-width:1280px){
 .site-header .desktop-nav{display:none}
 .site-header .mobile-nav{display:block;position:relative}
 .site-header .nav-shell{grid-template-columns:minmax(100px,1fr) auto auto auto;gap:16px}
}
@media(max-width:700px){
 .site-header .nav-shell{grid-template-columns:minmax(80px,1fr) auto auto;gap:12px}
 .site-header .nav-shell>.nav-commission{display:none}
 .language-switch{gap:6px;font-size:.75rem}
 html:lang(en) .atelier-hero-copy h1,html:lang(ja) .atelier-hero-copy h1{font-size:clamp(1.7rem,6vw,2.3rem)}
 html:lang(en) .work-facts>div{gap:12px}
}
@media(max-width:390px){
 .site-header .nav-shell{width:calc(100% - 32px);gap:8px}
 .site-header .wordmark{gap:6px}
 .site-header .wordmark .wordmark__name{padding-left:6px;font-size:.875rem}
 .language-switch{gap:3px;font-size:.6875rem}
 .site-header .mobile-nav summary{gap:7px}
}