/* Shared locale presentation. Keep product photography and motion in style.css. */
.site-header{gap:24px;min-height:88px;height:auto;padding-top:17px;padding-bottom:17px}
.site-header .primary-nav{gap:clamp(14px,2.2vw,32px);margin-left:auto}
.site-header .primary-nav>a,.site-header .nav-inquiry{white-space:nowrap}
.site-header .nav-inquiry{gap:20px}
.site-header .language-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:2px;font-family:var(--mono);font-size:10px;flex-shrink:0;margin-left:3px}
.site-header .language-nav a{display:inline-flex;min-width:28px;min-height:36px;align-items:center;justify-content:center;padding:6px 4px;color:var(--muted);text-decoration:none;text-underline-offset:5px}
.site-header .language-nav a[aria-current="page"]{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px}
.site-header .language-nav a:hover{color:var(--ink)}
.design-credit{padding:0 4.5% 25px;text-align:right;color:#747c68;font:9px/1.7 var(--body)}
.design-credit a,.design-credit a:hover,.design-credit a:active,.design-credit a:visited,.design-credit a:focus:not(:focus-visible){color:inherit;background:none;text-decoration:none;cursor:inherit;transition:none;animation:none}
.design-credit a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.hero h1{max-width:100%}
html:not([lang="en"]) .hero-index{font-size:8px}
html[lang="de"] .hero h1{font-size:clamp(100px,10.6vw,175px)}
html:not([lang="en"]) .stage-label{max-width:58%;line-height:1.6}
html:not([lang="en"]) .motion-toggle{max-width:39%}
html:not([lang="en"]) .stage-coordinate{max-width:78%;line-height:1.6}
html:not([lang="en"]) .inquiry-body h2{font-size:clamp(66px,6.6vw,106px);overflow-wrap:break-word}
html:not([lang="en"]) .footer-note{max-width:220px}
html:not([lang="en"]) .section-eyebrow span{min-width:0}
html:not([lang="en"]) .brand-heading h2{font-size:clamp(48px,4.7vw,76px)}
html:not([lang="en"]) .project-topics h3{line-height:1.2}
html[lang="ja"],html[lang="ko"]{--body:Arial,'Noto Sans CJK JP','Yu Gothic','Hiragino Kaku Gothic ProN','Malgun Gothic','Apple SD Gothic Neo',sans-serif}
html[lang="ko"]{--body:Arial,'Noto Sans CJK KR','Malgun Gothic','Apple SD Gothic Neo',sans-serif}
html[lang="ja"] h1,html[lang="ja"] h2,html[lang="ja"] h3,html[lang="ja"] .sleeve-name,
html[lang="ko"] h1,html[lang="ko"] h2,html[lang="ko"] h3,html[lang="ko"] .sleeve-name{font-family:var(--body);font-weight:600;letter-spacing:-.045em;line-height:1.2;overflow-wrap:break-word}
html[lang="ja"] .hero h1,html[lang="ko"] .hero h1{font-size:clamp(82px,10.3vw,160px);line-height:1.07;letter-spacing:-.06em}
html[lang="ja"] h2,html[lang="ko"] h2{font-size:clamp(32px,3.8vw,60px)}
html[lang="ja"] .heritage-heading h2,html[lang="ko"] .heritage-heading h2{font-size:clamp(44px,5vw,76px)}
html[lang="ja"] .brand-heading h2,html[lang="ko"] .brand-heading h2{font-size:clamp(32px,3.8vw,60px)}
html[lang="ja"] .inquiry-body h2,html[lang="ko"] .inquiry-body h2{font-size:clamp(40px,4.5vw,70px)}
html[lang="ja"] .story-step h3,html[lang="ko"] .story-step h3{font-size:clamp(28px,3.2vw,46px)}
html[lang="ja"] .sleeve-name{font-size:31px;line-height:1.2}
html[lang="ko"] .sleeve-name{font-size:35px;line-height:1.15}
html[lang="ja"] .project-topics h3,html[lang="ko"] .project-topics h3{font-size:23px}
html[lang="ja"] dialog h2,html[lang="ko"] dialog h2{font-size:38px;line-height:1.25}
html[lang="ja"] .mono,html[lang="ko"] .mono{letter-spacing:.03em}
html[lang="ko"] p,html[lang="ko"] h2,html[lang="ko"] h3{word-break:keep-all;overflow-wrap:break-word}
html[lang="ja"] .heritage-studies h3,html[lang="ko"] .heritage-studies h3{font-size:18px}
@media(max-width:1100px){
 .site-header{flex-wrap:wrap;gap:12px 20px}
 .site-header .primary-nav{gap:20px}
 .site-header .language-nav{flex-basis:100%;margin:0;min-height:20px}
 .site-header .language-nav a{min-height:26px}
 .hero{height:calc(100svh - 120px)}
 html:not([lang="en"]) .inquiry-body h2{font-size:clamp(56px,7vw,82px)}
 html[lang="ja"] .inquiry-body h2,html[lang="ko"] .inquiry-body h2{font-size:clamp(36px,4.8vw,52px)}
}
@media(max-width:700px){
 .site-header{padding:16px 6% 9px;gap:8px 12px;min-height:106px}
 .site-header .primary-nav{margin-left:auto;gap:0}
 .site-header .primary-nav>a{display:none}
 .site-header .nav-inquiry{font-size:10px;padding:10px 11px;gap:10px;white-space:normal;text-align:left;max-width:155px}
 .site-header .nav-inquiry span{flex-shrink:0}
 .site-header .language-nav{justify-content:flex-end;gap:7px}
 .site-header .language-nav a{min-width:30px;min-height:30px;font-size:10px}
 .hero{height:830px}
 html[lang="de"] .hero h1{font-size:16.2vw}
 html[lang="fr"] .hero h1{font-size:21vw}
 html[lang="es"] .hero h1{font-size:22vw}
 html[lang="ja"] .hero h1,html[lang="ko"] .hero h1{font-size:20vw;line-height:1.08;margin-top:26px}
 html:not([lang="en"]) .hero-bottom p{font-size:14px}
 html:not([lang="en"]) .hero-bottom .text-link{gap:16px}
 html:not([lang="en"]) .intro-copy h2,html:not([lang="en"]) .brand-heading h2{font-size:clamp(35px,10.2vw,48px)}
 html:not([lang="en"]) .inquiry-body h2{font-size:clamp(51px,13vw,76px);line-height:1.02}
 html:not([lang="en"]) .story-step h3{font-size:38px}
 html:not([lang="en"]) .stage-label{font-size:6px;max-width:55%}
 html:not([lang="en"]) .motion-toggle{font-size:6px;max-width:43%}
 html:not([lang="en"]) .stage-coordinate{font-size:6px}
 html:not([lang="en"]) .footer-note{max-width:145px}
 html[lang="ja"] .intro-copy h2,html[lang="ja"] .brand-heading h2,
 html[lang="ko"] .intro-copy h2,html[lang="ko"] .brand-heading h2{font-size:7.8vw;line-height:1.3}
 html[lang="ja"] .heritage-heading h2,html[lang="ko"] .heritage-heading h2{font-size:10.8vw}
 html[lang="ja"] .inquiry-body h2,html[lang="ko"] .inquiry-body h2{font-size:9.8vw;line-height:1.25}
 html[lang="ja"] .story-step h3,html[lang="ko"] .story-step h3{font-size:7.5vw;line-height:1.25}
 html[lang="ja"] .story-step p,html[lang="ko"] .story-step p{max-width:90%}
 html[lang="ja"] .brand-controls label,html[lang="ko"] .brand-controls label{font-size:17px;line-height:1.6}
 html[lang="ja"] .heritage-studies h3,html[lang="ko"] .heritage-studies h3{font-size:15px;line-height:1.4}
 html[lang="ja"] dialog h2,html[lang="ko"] dialog h2{font-size:32px}
 .design-credit{padding:0 6% 24px;font-size:8px}
}
@media(max-width:360px){
 .site-header .wordmark{font-size:23px}
 .site-header .nav-inquiry{max-width:132px;padding:10px 8px;gap:5px;font-size:9px}
 .site-header .nav-inquiry svg{width:16px;height:16px}
 html:not([lang="en"]) .hero-kicker{font-size:7px;letter-spacing:0}
 html:not([lang="en"]) .hero-bottom p{font-size:12px}
 html:not([lang="en"]) .hero-bottom .text-link{font-size:10px;gap:9px}
}