/* Shared language control; each language keeps the same page and fragment. */
.site-language{display:flex;align-items:center;gap:9px;white-space:nowrap;font:11px Arial,sans-serif;letter-spacing:.08em;margin-left:22px;flex-shrink:0}
.site-language a{padding:10px 0;opacity:.65}
.site-language a[aria-current=page]{opacity:1;border-bottom:1px solid currentColor}
.site-language>span{opacity:.35}
.header>.wordmark{flex-shrink:0}.header>#navigation{margin-left:auto}.header>.menu-button{order:3}
html:lang(en){--serif:Georgia,'Times New Roman',serif}
html:lang(en) p{letter-spacing:.015em;line-height:1.9}
html:lang(en) h1,html:lang(en) h2,html:lang(en) h3,html:lang(en) h4{letter-spacing:.015em;line-height:1.4}
html:lang(en) h1,html:lang(en) h2{font-family:var(--latin)}
html:lang(en) .header nav a{letter-spacing:.02em}
html:lang(en) .hero-copy h1{font-size:clamp(43px,4.4vw,70px);line-height:1.25;letter-spacing:.025em;max-width:700px}
html:lang(en) .hero-copy .small-label{letter-spacing:.12em}
html:lang(en) .hero-brand .japanese-to,html:lang(en) .wordmark span,html:lang(en) .footer-brand span{font-family:var(--latin);font-style:italic}
html:lang(en) .vertical{writing-mode:vertical-rl;letter-spacing:.12em}
html:lang(en) .opening-question{font-size:clamp(35px,4.2vw,55px);line-height:1.3}
html:lang(en) .meaning-intro h2{line-height:1.3}
html:lang(en) .meaning-elements h3{font-size:30px}
html:lang(en) .work-caption h3{line-height:1.5;font-size:clamp(21px,2vw,29px)}
html:lang(en) .work-room h1{line-height:1.3;letter-spacing:.025em}
html:lang(en) .section-index>span:last-child{letter-spacing:.04em}
html:lang(en) .work-artist-statement p{overflow-wrap:normal;line-height:2}
html:lang(en) .work-quotation blockquote{letter-spacing:.015em;line-height:1.8}
html:lang(en) .work-fulltext p{line-height:1.95}
html:lang(en) .exhibition-row{grid-template-columns:190px minmax(0,1fr) 30px}
html:lang(en) .exhibition-row h3{font-size:21px}
html:lang(en) .archive-chapter-head h2{line-height:1.35}
html:lang(en) .shop-hero h1{line-height:1.25}
html:lang(en) .shop-guide-list summary{line-height:1.5}
html:lang(en) .original-copy p{letter-spacing:.015em;line-height:1.9}
@media(max-width:1120px){
 .header{height:74px;padding:0 22px;gap:20px}
 .header>.wordmark{font-size:25px;margin-right:auto}
 .header .site-language{margin-left:0}
 .header .menu-button{display:block;position:relative;width:66px;height:38px;padding:0;text-align:left;flex-shrink:0}
 .header .menu-button span{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.1em}
 .header .menu-button i{position:absolute;width:18px;height:1px;background:currentColor;right:0;top:14px;transition:transform .25s}
 .header .menu-button i:last-child{top:21px}
 .header .menu-button[aria-expanded=true] i:nth-child(2){transform:translateY(3.5px) rotate(45deg)}
 .header .menu-button[aria-expanded=true] i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
 .header #navigation{display:none;position:absolute;top:73px;left:0;right:0;background:#100f0df5;padding:30px 28px 38px;border-bottom:1px solid var(--line);flex-direction:column;gap:24px;align-items:start;max-height:calc(100svh - 74px);overflow-y:auto}
 .header #navigation.open{display:flex}
 .header #navigation a{font-size:15px}
}
@media(max-width:700px){
 .header{gap:16px}.site-language{font-size:10px;gap:7px}
 html:lang(en) .hero-copy h1{font-size:clamp(35px,9.4vw,52px);max-width:88vw;line-height:1.3}
 html:lang(en) .hero-copy{top:25%;left:7vw}
 html:lang(en) .hero-bottom>span{font-size:9px;letter-spacing:.015em;max-width:46%;line-height:1.5}
 html:lang(en) .hero-bottom{gap:12px}
 html:lang(en) .hero-copy p{font-size:21px}
 html:lang(en) .hero-brand{font-size:14.6vw}
 html:lang(en) .opening-question{font-size:35px;line-height:1.35}
 html:lang(en) .section-index{gap:18px;align-items:start}
 html:lang(en) .section-index>span:last-child{text-align:right;max-width:52%;line-height:1.6}
 html:lang(en) .section-heading h2{font-size:55px}
 html:lang(en) .meaning-intro h2{font-size:36px}
 html:lang(en) .exhibition-row{grid-template-columns:1fr 26px}
 html:lang(en) .exhibition-row time{grid-column:1/-1}
 html:lang(en) .exhibition-row h3{font-size:19px}
 html:lang(en) .work-room h1{font-size:34px}
 html:lang(en) .archive-hero h1{font-size:38px;line-height:1.25}
 html:lang(en) .archive-nav{gap:20px}
 html:lang(en) .archive-contact h2{font-size:29px}
 html:lang(en) .film-player .experience-play b{font-size:14px;line-height:1.5}
 html:lang(en) .work-quotation blockquote{font-size:20px}
}
@media(max-width:370px){.header{padding:0 16px;gap:10px}.header>.wordmark{font-size:23px}.header .menu-button{width:56px}.site-language{gap:6px}}