html{scroll-behavior:smooth;scroll-padding-top:26px}
.exhibitions-study{padding-bottom:100px}
.exhibitions-study main{max-width:2000px;margin:auto}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.exhibitions-study :where(h1,h2,h3,h4){font-family:'Doto',monospace;font-weight:900}
.exhibitions-study figure{margin:0}
.exhibition-intro{padding:28px 4vw 0}
.intro-caption{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}
.exhibition-intro h1{font-size:clamp(60px,9vw,150px);line-height:.98;letter-spacing:-.065em;margin:15px 0 28px;color:var(--acid);display:flex;align-items:center;justify-content:space-between}
.exhibition-intro h1>span{font:100 clamp(65px,9vw,135px)/1 Arial,sans-serif;margin-right:1vw}
.location-picker{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:3vw;margin:0 0 30px}
.location-picker a{position:relative;padding:12px 42px 12px 15px;background:var(--panel);transition:background .2s,transform .2s;min-width:0}
.location-picker a>span:first-child{display:block;font-size:10px;letter-spacing:.08em;color:var(--muted);margin-bottom:8px}
.location-picker strong{font:900 clamp(18px,2.1vw,32px)/1.08 'Doto',monospace}
.location-picker .place-japan{background:var(--acid);color:var(--bg)}
.location-picker .place-japan>span:first-child{color:var(--bg)}
.location-picker a:hover{background:var(--ink);color:var(--bg);transform:translateY(-4px)}
.location-picker a:hover>span:first-child{color:var(--bg)}
.jump-arrow{position:absolute;right:14px;bottom:12px;font:28px Arial,sans-serif}
.chapter{scroll-margin-top:20px;position:relative}
.documentary .photo-button{display:block;position:relative;width:100%;padding:0;text-align:left;overflow:hidden}
.photo-button img{transition:filter .3s}
.photo-button:hover img{filter:brightness(1.06)}
.photo-button:focus-visible{outline-offset:5px}
.enlarge{position:absolute;right:13px;bottom:13px;font:10px/1.4 'Workbench',monospace;padding:8px 10px;background:var(--acid);color:var(--bg)}
figcaption{font:11px/1.5 Arial,sans-serif;color:var(--muted);margin-top:9px}
.japan-main{position:relative;padding-bottom:100px}
.hero-document{width:72%;margin-left:24%!important}
.hero-document .photo-button{aspect-ratio:4/3;max-height:clamp(360px,55svh,690px)}
.hero-document img{object-position:50% 56%}
.chapter-heading{position:absolute;bottom:20px;left:4%;max-width:80%;z-index:1;pointer-events:none}
.chapter-code{display:flex;align-items:center;gap:14px;font-size:11px;margin-bottom:22px}
.chapter-code>span{font:900 38px/1 'Doto',monospace;color:var(--acid)}
.chapter-heading .chapter-code{background:var(--bg);padding:5px 10px;width:max-content;margin-bottom:12px}
.chapter-heading h2{font-size:clamp(38px,5.7vw,90px);line-height:1;letter-spacing:-.045em}
.chapter-heading h2>span{display:table;background:var(--acid);color:var(--bg);padding:1px 10px 8px}
.chapter-heading h2>span+span{margin-left:5.4vw}
.venue{font:900 clamp(19px,2.1vw,32px)/1.2 'Doto',monospace}
.chapter-heading .venue{margin-top:21px}
.date{font-size:11px;color:var(--muted);margin-top:10px}
.japan-follow{display:grid;grid-template-columns:1.4fr 1fr .7fr;gap:5vw;margin:20px 8vw 110px 10vw;align-items:center}
.exhibition-note{font:16px/1.65 Arial,sans-serif;max-width:480px}
.exhibition-note>p{margin:18px 0}
.exhibition-note .full-title{font-size:18px;line-height:1.5}
.full-title>span{font-size:14px;color:var(--muted)}
.tag{display:inline-block;font:10px/1.3 'Workbench',monospace;color:var(--acid)}
.source-link{display:inline-block;font:12px/1.6 Arial,sans-serif;text-decoration:underline;text-underline-offset:5px;min-height:44px;align-content:center}
.text-button{font:11px/1.5 'Workbench',monospace;color:var(--acid);padding:12px 0;text-align:left}
.exhibition-note>.text-button{display:block;margin-top:10px}
.artwork-inset{max-width:280px;transform:rotate(3deg)}
.artwork-inset .photo-button{aspect-ratio:2/3}
.margin-note{font:900 clamp(24px,3.6vw,55px)/1.08 'Doto',monospace;color:var(--muted);letter-spacing:-.04em;align-self:end}
.margin-note>span{display:block;font:80px/1 Arial,sans-serif;color:var(--acid);margin-top:18px}
.berlin{display:grid;grid-template-columns:38% 62%;padding:70px 5vw 80px 8vw;background:var(--panel);isolation:isolate;overflow:clip}
.berlin-heading{z-index:1;margin-right:-10%;align-self:start}
.berlin h2{font-size:clamp(45px,6.8vw,112px);line-height:.93;letter-spacing:-.06em;margin:20px 0 26px;color:var(--acid)}
.berlin-document{margin-top:60px!important;margin-left:0!important}
.berlin-document .photo-button{aspect-ratio:848/480}
.berlin-document img{object-fit:contain;background:#080b09}
.berlin-note{grid-column:2;max-width:460px;margin-top:40px;margin-left:8%}
.signal-echo{position:absolute;z-index:-1;font:900 clamp(70px,13vw,220px)/.8 'Doto',monospace;bottom:35px;left:2%;letter-spacing:-.07em;color:#192e22;transform:rotate(-8deg);pointer-events:none}
.meet{padding:100px 4vw 110px}
.meet-heading{position:relative;z-index:1;padding-left:7vw;pointer-events:none}
.meet-heading h2{font-size:clamp(90px,18vw,290px);line-height:.79;letter-spacing:-.075em;color:var(--acid);display:flex;gap:30px;align-items:center}
.meet-heading h2>span{font:120px/.8 Arial,sans-serif}
.meet-heading .chapter-code{margin-bottom:28px}
.meet-heading .venue{margin:20px 0;background:var(--bg);display:table;padding:3px 8px}
.meet-document{width:86%;margin-top:-70px!important;margin-left:14%!important}
.meet-document .photo-button{aspect-ratio:3/2}
.meet-follow{display:grid;grid-template-columns:1fr 1.1fr;gap:55px 7vw;margin:50px 6vw 0}
.meet-follow h3{font-size:clamp(28px,3.1vw,46px);line-height:1.1;margin:12px 0}
.meet-follow .date{font:12px 'Workbench',monospace}
.meet-opening{align-self:center}
.meet-opening .photo-button{aspect-ratio:1.5}
.meet-more{grid-column:2;justify-self:start;margin-top:-45px}
.other-exhibitions{padding:55px 8vw 90px;background:var(--acid);color:var(--bg);display:grid;grid-template-columns:.8fr 1.2fr;column-gap:5vw;position:relative}
.section-kicker{grid-column:1/-1;display:flex;justify-content:space-between;font-size:10px;gap:20px;align-items:center;margin-bottom:40px}
.section-kicker>a{padding:10px 0;min-height:44px;align-content:center}
.other-exhibitions h2{font-size:clamp(70px,9vw,145px);line-height:.85;letter-spacing:-.07em;position:sticky;top:45px;align-self:start}
.other-exhibitions h2>span{margin-left:4vw}
.other-stop{display:flex;gap:25px;margin-top:60px}
.other-stop:first-child{margin-top:0}
.other-stop:nth-child(even){margin-left:4vw}
.stop-number{font:900 32px 'Doto',monospace}
.eyebrow{font-size:10px;line-height:1.5;letter-spacing:.04em}
.other-stop h3{font-size:clamp(40px,5vw,75px);line-height:1.02;letter-spacing:-.06em;margin:8px 0}
.other-stop h4{font-size:22px;line-height:1.15;margin:15px 0 10px}
.other-meta,.other-description{font:14px/1.6 Arial,sans-serif;margin:10px 0}
.other-exhibitions a:hover{color:var(--bg);text-decoration-thickness:2px;text-decoration-line:underline}
.other-exhibitions a:focus-visible{outline-color:var(--bg)}
.chronology{padding:85px 8vw 70px}
.chronology-heading h2{font-size:clamp(45px,8vw,120px);line-height:1;letter-spacing:-.06em;margin-top:20px;display:flex;justify-content:space-between}
.chronology-heading h2>span{font-family:Arial,sans-serif;font-weight:400;color:var(--acid)}
.chronology-heading>.eyebrow{color:var(--muted)}
.archive-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:30px 0}
.year-filters{display:flex;gap:5px;flex-wrap:wrap}
.year-filters button{padding:10px 13px;font-size:11px}
.year-filters button[aria-pressed=true]{background:var(--acid);color:var(--bg)}
#archive-count{font:12px Arial,sans-serif;white-space:nowrap;color:var(--muted)}
.archive-entry{margin-bottom:5px;background:var(--panel)}
.archive-entry>summary{display:grid;grid-template-columns:92px 1fr 25px;align-items:center;gap:20px;min-height:75px;padding:17px 20px;cursor:pointer;list-style:none}
.archive-entry>summary::-webkit-details-marker{display:none}
.archive-entry>summary:hover{color:var(--acid)}
.archive-entry>summary:focus-visible{outline:2px solid var(--acid);outline-offset:3px}
.archive-year{font-size:11px;color:var(--muted)}
.archive-title{font:900 clamp(20px,2.2vw,32px)/1.15 'Doto',monospace}
.expand-mark{font:24px Arial,sans-serif;color:var(--acid)}
.archive-entry[open] .expand-mark{transform:rotate(45deg)}
.archive-body{font:14px/1.65 Arial,sans-serif;padding:0 65px 22px 132px;max-width:950px;color:var(--muted)}
.archive-body>p{margin-bottom:12px}
.archive-body a{color:var(--ink)}
.archive-note{font:12px/1.5 Arial,sans-serif;color:var(--muted);margin-top:20px}
.end-signal{padding:30px 8vw 70px;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:11px}
.end-signal>a{color:var(--acid);padding:12px 0;min-height:44px}
.exhibition-dock{position:fixed;z-index:20;bottom:0;left:0;right:0;background:#0c100ef5;backdrop-filter:blur(12px);display:grid;grid-template-columns:1fr minmax(210px,27vw) 1fr;align-items:center;padding:13px 4vw 16px;gap:35px;min-height:82px;box-shadow:0 -12px 30px #0c100e60}
.chapter-nav{display:flex;gap:15px}
.chapter-nav a{display:flex;flex-direction:column;justify-content:center;min-height:44px;gap:3px;min-width:42px}
.chapter-nav a>span{font-size:9px;color:var(--muted)}
.chapter-nav b{font:900 13px 'Doto',monospace}
.chapter-nav a[aria-current=location]{color:var(--acid)}
.chapter-nav a[aria-current=location]>span{color:var(--acid)}
.exhibition-dock .menu-open{font-size:18px}
#menu-dialog [aria-current=page]{color:var(--acid)}
#photo-dialog .viewing-room{height:calc(100svh - 175px)}
#photo-dialog .dialog-description{margin-top:14px}
/* Keep the signal typography expressive at display sizes; use a clear face for facts. */
.intro-caption,.location-picker a>span:first-child,.chapter-code,.date,.tag,.enlarge,.text-button,.eyebrow,.section-kicker,.year-filters button,.archive-year,.chapter-nav a>span,.end-signal{font-family:Consolas,'Liberation Mono',monospace}
@media(min-width:1700px){
 .hero-document .photo-button{max-height:clamp(500px,60svh,900px)}
}
@media(max-width:1000px){
 .exhibition-dock{grid-template-columns:1fr 230px auto;gap:20px}
 .chapter-nav{gap:10px}
 .chapter-nav b{font-size:11px}
 .chapter-heading{bottom:5px}
 .japan-follow{margin-left:8vw;grid-template-columns:1.3fr 1fr;gap:8vw}
 .margin-note{display:none}
 .berlin{padding-left:5vw;grid-template-columns:40% 60%}
 .berlin-document{margin-top:75px!important}
 .meet-heading h2>span{font-size:80px}
 .other-exhibitions{padding-left:5vw;padding-right:5vw;grid-template-columns:.7fr 1.3fr}
 .chronology{padding-left:5vw;padding-right:5vw}
}
@media(max-width:650px){
 html{scroll-padding-top:12px}
 .exhibitions-study{padding-bottom:133px}
 .exhibition-intro{padding:22px 16px 0}
 .intro-caption{font-size:9px;gap:15px}
 .intro-caption>span:last-child{display:none}
 .exhibition-intro h1{font-size:12.2vw;line-height:1.2;margin:12px 0 18px}
 .exhibition-intro h1>span{font-size:12vw}
 .location-picker{gap:6px;grid-template-columns:1.2fr .75fr 1.05fr;margin-bottom:24px}
 .location-picker a{padding:10px 8px 25px;min-height:108px}
 .location-picker a>span:first-child{font-size:8px;margin-bottom:10px;letter-spacing:0}
 .location-picker strong{font-size:clamp(13px,3.6vw,19px);line-height:1.12}
 .jump-arrow{font-size:17px;right:8px;bottom:5px}
 .japan-main{padding-bottom:0}
 .hero-document{width:92%;margin-left:8%!important}
 .hero-document .photo-button{aspect-ratio:1.1}
 .hero-document img{object-position:59% 50%}
 figcaption{font-size:10px;margin-right:15px}
 .enlarge{font-size:8px;padding:7px 8px;right:9px;bottom:9px}
 .chapter-heading{position:relative;max-width:none;left:auto;margin:15px 16px 0;bottom:auto}
 .chapter-code{font-size:9px;gap:10px}
 .chapter-code>span{font-size:29px}
 .chapter-heading .chapter-code{position:relative;margin:0 0 13px 0}
 .chapter-heading h2{font-size:clamp(28px,7.6vw,49px)}
 .chapter-heading h2>span{padding:3px 7px 7px}
 .chapter-heading h2>span+span{margin-left:5vw}
 .chapter-heading .venue{font-size:21px;margin-top:18px}
 .date{font-size:10px;line-height:1.5}
 .japan-follow{grid-template-columns:1fr .7fr;gap:25px 22px;margin:33px 22px 65px}
 .japan-follow .exhibition-note{grid-column:1/-1}
 .exhibition-note{font-size:15px;line-height:1.6}
 .artwork-inset{grid-column:2;width:100%;max-width:190px;transform:rotate(3deg);margin-top:-8px!important}
 .margin-note{display:block;grid-column:1;grid-row:2;font-size:27px;align-self:center}
 .margin-note>span{font-size:60px}
 .berlin{padding:45px 20px 50px;display:block}
 .berlin-heading{margin:0}
 .berlin h2{font-size:clamp(55px,14vw,80px);margin:18px 0 20px}
 .berlin .venue{font-size:25px}
 .berlin-document{margin-top:28px!important}
 .berlin-note{margin:22px 0 0 9vw}
 .signal-echo{font-size:26vw;bottom:20px;left:0}
 .meet{padding:65px 16px 60px}
 .meet-heading{padding-left:12px}
 .meet-heading h2{font-size:28vw;gap:15px}
 .meet-heading h2>span{font-size:70px}
 .meet-heading .venue{font-size:20px;margin:18px 0}
 .meet-document{width:100%;margin-left:0!important;margin-top:-12px!important}
 .meet-document .photo-button{aspect-ratio:3/2}
 .meet-follow{display:flex;flex-direction:column;gap:28px;margin:28px 10px 0}
 .meet-follow h3{font-size:31px}
 .meet-follow .date{font:11px/1.5 Consolas,'Liberation Mono',monospace}
 .meet-opening{width:90%;align-self:end}
 .meet-more{margin-top:-12px;align-self:end}
 .other-exhibitions{padding:30px 22px 55px;display:block}
 .section-kicker{font-size:8px;margin-bottom:30px;gap:15px}
 .section-kicker>a{max-width:92px;text-align:right}
 .other-exhibitions h2{position:static;font-size:24vw;line-height:.8;margin:0 0 45px}
 .other-exhibitions h2>span{display:block;margin-left:8vw}
 .other-stop{gap:15px;margin-top:42px}
 .other-stop:nth-child(even){margin-left:6vw}
 .other-stop h3{font-size:45px}
 .other-stop h4{font-size:23px}
 .other-meta,.other-description{font-size:13px}
 .stop-number{font-size:23px}
 .other-stop .eyebrow{font-size:9px}
 .chronology{padding:55px 16px 45px}
 .chronology-heading h2{font-size:12.5vw}
 .chronology-heading .eyebrow{font-size:8px}
 .archive-toolbar{display:block;margin:22px 0}
 .year-filters{gap:3px}
 .year-filters button{font-size:10px;padding:10px 9px}
 #archive-count{margin-top:12px;font-size:11px}
 .archive-entry>summary{grid-template-columns:54px 1fr 18px;gap:10px;padding:16px 12px;min-height:78px}
 .archive-year{font-size:9px}
 .archive-title{font-size:21px}
 .archive-body{padding:0 22px 20px 22px;font-size:13px}
 .end-signal{padding:15px 20px 30px;align-items:start;font-size:9px}
 .end-signal>span{max-width:150px}
 .end-signal>a{padding-top:0;text-align:right;max-width:140px}
 .exhibition-dock{grid-template-columns:1fr auto;gap:4px 15px;padding:9px 17px 9px;min-height:118px}
 .exhibition-dock .brand{grid-row:1;grid-column:1;width:210px;max-width:100%;min-height:36px}
 .exhibition-dock .menu-open{grid-row:1;grid-column:2;font-size:15px}
 .chapter-nav{grid-row:2;grid-column:1/-1;justify-content:space-between;gap:15px}
 .chapter-nav a{flex-direction:row;align-items:center;gap:8px}
 .chapter-nav b{font-size:12px}
 .chapter-nav a>span{font-size:8px}
 #photo-dialog .viewing-room{height:calc(100svh - 200px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
