/* Internal measured reconstruction. Written for this project; no source CSS copied. */
:root{--study-bg:#e9e6e0;--study-ink:#39343d;--study-gutter:5vw;--study-type:1vw}
*{box-sizing:border-box}html{scroll-behavior:auto;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0;background:var(--study-bg);color:var(--study-ink);font:400 16px/1.4 "Noto Sans JP",sans-serif;-webkit-font-smoothing:antialiased}main{overflow:clip}p,h1,h2,h3,figure{margin:0}a{color:inherit;text-decoration:none}
.study-header{position:fixed;z-index:20;inset:50px 5vw auto;display:flex;align-items:center;justify-content:space-between;pointer-events:none;font-size:20px;font-weight:500}.study-header a{pointer-events:auto;font:12px/1.4 sans-serif;padding:12px 18px;border-radius:40px;background:#e3e5ed}
.measure-intro{position:relative;padding:50px var(--study-gutter);font-size:var(--study-type)}
.measure-title{position:relative;left:-.3vw;font-size:10vw;font-weight:400;line-height:1.1;letter-spacing:-.02em;margin:10vw 0 5vw}
.title-inner{display:block;will-change:transform}.title-line{display:block;height:11vw;line-height:1;position:relative;top:-1.006944vw}.title-line:first-child{padding-left:15.333333vw}
.measure-copy{width:44vw;margin-left:auto;font-size:1.5vw;line-height:1.4}
.measure-description{font-size:inherit;line-height:inherit;will-change:transform}
.measure-button{display:inline-flex;align-items:center;gap:1vw;margin-top:3vw;background:var(--face);border-radius:80px;padding:1vw 1.5vw 1vw 1.625vw;height:3.374566vw;font-size:1vw;font-weight:500;line-height:1.4;box-shadow:none;will-change:transform}
.measure-button i{width:.5vw;height:.5vw;border-radius:50%;background:currentColor}
.measure-media-space{margin:3.3468967vw 0 10vh;padding-bottom:100vh}
.measure-media-target{height:45vw}
.measure-picture{position:absolute;left:5vw;top:0;width:40.333333vw;aspect-ratio:16/9;overflow:hidden;border-radius:1.5vw;will-change:width,height,transform}
.measure-picture img{width:100%;height:100%;display:block;object-fit:cover}
.picture-mesh{position:absolute;inset:0;width:100%;height:100%;display:none}.has-mesh{overflow:visible;border-radius:0}.has-mesh .picture-mesh{display:block}.has-mesh>img{visibility:hidden}
.measure-picture figcaption{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:3vw;color:var(--face);font-size:7.5vw;line-height:1;opacity:var(--caption,0)}
.measure-picture b{font-size:1.5vw;display:grid;place-items:center;width:9vw;height:6vw;border-radius:99px;background:var(--face);color:var(--ink);font-family:Arial,sans-serif}
.measure-projects{padding:50px 5vw}
.measure-project-heading{display:flex;align-items:end;justify-content:space-between}
.measure-project-heading h2{padding-top:4vw;margin-left:-.56vw;font-size:8vw;line-height:.9;font-weight:400;letter-spacing:-.02em}
.measure-project-heading p{width:21vw;font-size:.9vw;line-height:1.4;text-transform:uppercase}
.measure-project-grid{display:grid;grid-template-columns:1fr 1fr;gap:2vw;margin-top:5vw}
.measure-project-grid figure{aspect-ratio:1/.65;overflow:hidden;border-radius:1.5vw}
.measure-project-grid img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.measure-project-grid article:hover img{transform:scale(1.025)}
.measure-meta{font-size:.9vw;line-height:1.4;text-transform:uppercase;margin-top:1.5vw}
.measure-project-grid h3{font-size:3vw;line-height:1.2;letter-spacing:-.02em;font-weight:400;margin-top:.5vw}
.study-end{font:14px/1.8 sans-serif;margin:100px 5vw 40px;padding-top:25px;border-top:1px solid #bbb;max-width:1000px}.study-end p+p{margin-top:12px}.study-end a{display:inline-block;margin-top:20px;text-decoration:underline}
html[data-ground='brand']{--study-bg:#e9e6e0;--study-ink:#39343d}html[data-ground='brand'] body{background:linear-gradient(155deg,#f4f1e9 0%,#e9e6e0 35%,#f4f1e9 70%,#e9e6e0 100%)}
@media(max-width:1024px){
 :root{--study-gutter:15px;--study-type:14px}
 .study-header{inset:15px 15px auto;font-size:15px}.study-header a{font-size:11px;padding:10px 12px}
 .measure-intro{padding:15px}
 .measure-title{font-size:20vw;line-height:1;left:-.6vw;margin:20vw 0}
 .title-line{height:auto;line-height:1;top:0}.title-line:first-child{padding:0}
 .measure-copy{width:100%;font-size:16px;line-height:1.4}
 .measure-button{font-size:14px;line-height:1.4;gap:14px;margin:42px 0 84px;padding:14px 21px 14px 22.75px;height:47.25px}.measure-button i{width:7px;height:7px}
 .measure-media-space{margin:0 0 10vh;padding:0}.measure-media-target{height:calc((100vw - 30px)*4/3)}
 .measure-picture{left:15px;width:calc(100% - 30px);border-radius:10px;aspect-ratio:3/4}
 .measure-picture figcaption{font-size:0;opacity:1}.measure-picture figcaption span{display:none}.measure-picture b{width:126px;height:82px;font-size:26px}
 .measure-projects{padding:15px}
 .measure-project-heading{display:block}
 .measure-project-heading h2{font-size:15vw;line-height:.9;padding-top:7.5vw;margin-left:-1.05vw;width:90%;max-width:5em}
 .measure-project-heading p{font-size:3.5vw;line-height:1.4;width:100%;margin:10.5vw 0}
 .measure-project-grid{display:block;margin-top:0}.measure-project-grid article+article{margin-top:10vw}.measure-project-grid figure{border-radius:10px}
 .measure-meta{font-size:2.5vw;line-height:1.4;margin-top:4vw}.measure-project-grid h3{font-size:6vw;margin-top:1vw}
 .study-end{margin:70px 15px 40px;font-size:12px}
}
@media(min-width:701px) and (max-width:1024px){
 :root{--study-gutter:25px}.study-header{inset:25px 25px auto}.measure-intro,.measure-projects{padding:25px}
 .measure-title{font-size:13.8vw;margin:13.8vw 0;left:0}
 .measure-media-space{margin-top:4.647827vw}.measure-media-target{height:calc((100vw - 50px)/2)}
 .measure-picture{left:25px;width:calc(100% - 50px);aspect-ratio:2/1}
 .measure-project-heading h2{font-size:10vw;max-width:none}.measure-project-heading p{font-size:16px;max-width:34em;margin:40px 0}
 .measure-meta{font-size:13px}.measure-project-grid h3{font-size:32px}
}
@media(prefers-reduced-motion:reduce){.title-inner,.measure-description,.measure-button,.measure-picture{will-change:auto}.measure-project-grid img{transition:none}.measure-project-grid article:hover img{transform:none}}
/* Original identity: approved type, colours and exhibition photographs. */
:root{--study-bg:#e9e6e0;--study-ink:#39343d;--body-head:"Zen Kaku Gothic New",sans-serif;--body-text:"Noto Sans JP",sans-serif}
html,body{background:var(--study-bg);color:var(--study-ink)}body{font-family:var(--body-text);word-break:keep-all;overflow-wrap:break-word;line-break:strict;text-wrap:pretty}
.body-world{background:radial-gradient(ellipse at 85% 30%,#f4f1e9 0%,transparent 55%),linear-gradient(155deg,#e9e6e0 0%,#f4f1e9 55%,#e9e6e0 100%)}
.body-header{position:absolute;inset:32px 5vw auto;display:flex;justify-content:space-between;align-items:center;z-index:20;font:300 20px/1.2 var(--body-head)}
.body-header a:last-child{display:flex;gap:24px;align-items:center;font:400 14px var(--body-text);min-height:44px}.body-header a:hover{color:var(--accent)}
.measure-title{font-family:var(--body-head);font-weight:300;font-size:8.9vw;letter-spacing:-.06em;line-height:1.24;left:0}
.title-line{height:11vw;line-height:1.24;top:-.65vw;white-space:nowrap}.title-line:first-child{padding-left:13vw}
.measure-copy{font-size:1.5vw;line-height:1.8}.measure-description{max-width:31em}
.measure-button{font-family:var(--body-text);font-size:max(14px,1vw);font-weight:400;height:auto;min-height:49px;gap:1vw;background:var(--face);box-shadow:none;padding:1vw 1.5vw;color:var(--ink);transition:background .25s,color .25s}
.measure-button i{background:var(--accent)}.measure-button>span{margin-left:1vw;font-size:20px}.measure-button:hover{background:var(--ink);color:var(--face)}.measure-button:hover i{background:var(--face)}
.measure-picture figcaption{inset:auto 5% 14% auto;gap:14px;background:var(--face);color:var(--ink);font:300 32px/1.2 var(--body-head);padding:15px 22px;border-radius:80px;opacity:var(--caption,0);display:flex}
.measure-picture figcaption span:first-child{font:400 14px var(--body-text);color:var(--accent)}
.voice-note{margin:0 5vw 8vw;padding-top:24px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:2vw;scroll-margin-top:32px}
.exhibit-index,.measure-meta{font:400 14px/1.6 var(--body-text);letter-spacing:.04em;color:var(--sub)}
.voice-note h3,.measure-project-grid h3{font:300 3vw/1.4 var(--body-head);letter-spacing:-.04em;margin-top:12px}
.voice-note>p{font-size:18px;line-height:1.9;max-width:32em;justify-self:end}
.measure-project-heading{align-items:end}.measure-project-heading h2{font-family:var(--body-head);font-weight:300;font-size:7.2vw;line-height:1.2;letter-spacing:-.05em;padding-top:0;margin-left:0}
.measure-project-heading p{font:400 17px/1.9 var(--body-text);width:31vw;text-transform:none;padding-bottom:12px}
.measure-project-grid{margin-top:5vw}.measure-project-grid figure{aspect-ratio:1/.65}.measure-project-grid article:hover img{transform:none}.measure-project-grid img{transition:none}
.measure-meta{margin-top:24px}.exhibit-description{font-size:17px;line-height:1.9;margin-top:24px;max-width:30em}
.review-end{margin:120px 5vw 0;padding:36px 0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);font-size:14px}
.review-end a{display:flex;align-items:center;gap:40px;min-height:48px}.review-end a:hover{color:var(--accent)}
.site-disclaimer{display:block;background:var(--bg);font-size:12px;line-height:1.8;padding:24px 5vw;color:var(--sub)}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.body-menu{border:0;background:var(--face);color:var(--ink);padding:40px;min-width:min(560px,90vw)}.body-menu::backdrop{background:#39343d66}.body-menu button{border:0;background:transparent;padding:14px;float:right}.body-menu nav{clear:both;display:grid;gap:24px;padding:40px 0}.body-menu nav a{font:300 28px var(--body-head);min-height:44px}
html[data-motion='quiet'] .measure-media-space{padding-bottom:0}
@media(max-width:1024px){
 .body-header{inset:15px 15px auto;font-size:17px}.body-header a:last-child{font-size:12px;gap:12px}
 .measure-title{font-size:18.5vw;letter-spacing:-.07em;line-height:1.15;margin:20vw 0;left:0}
 .title-line{height:auto;line-height:1.15;top:0;white-space:normal}.title-line:first-child{padding:0}.title-line>span{display:block}
 .measure-copy{font-size:16px;line-height:1.85}.measure-description{max-width:none}.measure-button{font-size:14px;gap:12px;padding:14px 20px;margin-top:38px;margin-bottom:84px}.measure-button>span{margin-left:8px}
 .measure-picture img{object-position:24% center}.measure-picture figcaption{display:flex;inset:auto 18px 24px auto;font-size:24px;opacity:1;padding:12px 18px;gap:12px}.measure-picture figcaption span{display:block}
 .voice-note{margin:0 15px 90px;padding-top:20px;display:block}.voice-note h3,.measure-project-grid h3{font-size:32px;margin-top:10px}.voice-note>p{font-size:16px;line-height:1.85;margin-top:24px;max-width:none}
 .measure-project-heading h2{font-size:14vw;line-height:1.2;max-width:none;width:auto;padding-top:0;letter-spacing:-.06em}
 .measure-project-heading p{font-size:16px;width:auto;margin:40px 0 44px;line-height:1.85;padding-bottom:0}
 .measure-project-grid{margin:0}.measure-project-grid figure{aspect-ratio:4/3}.measure-project-grid article+article{margin-top:72px}
 .measure-meta{font-size:13px;margin-top:20px}.exhibit-description{font-size:16px;line-height:1.85;margin-top:20px;max-width:none}
 .review-end{display:block;margin:72px 15px 0;padding:24px 0}.review-end p{margin-top:20px}.site-disclaimer{padding:24px 15px}
}
@media(min-width:701px) and (max-width:1024px){
 .body-header{inset:25px 25px auto}.measure-title{font-size:11.6vw;margin:13.8vw 0}.title-line>span{display:inline}.title-line:first-child{padding-left:9vw}.title-line{line-height:1.25}
 .voice-note{margin-inline:25px;display:grid}.voice-note>p{margin-top:0}.measure-project-heading h2{font-size:10vw}.measure-project-heading p{margin-top:30px}.measure-project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.measure-project-grid article+article{margin:0}.measure-project-grid h3{font-size:32px}.review-end{margin-inline:25px}
}

/* Preserve the measured gap while expressing section whitespace as padding. */
.body-header>a{display:flex;align-items:center;min-height:44px}
.measure-intro{padding-top:calc(50px + 10vw)}.measure-title{margin-top:0}
.measure-projects{padding-bottom:150px}.review-end{margin-top:20px}
.photo-caption.is-in{opacity:1}
@media(min-width:1600px){.measure-projects{padding-bottom:180px}.review-end{margin-top:0}}
@media(max-width:1024px){.measure-intro{padding-top:calc(15px + 20vw)}.measure-projects{padding-bottom:96px}.review-end{margin-top:0}}
@media(min-width:701px) and (max-width:1024px){.measure-intro{padding-top:calc(25px + 13.8vw)}}
/* v2: enter → expand with elapsed time. No pinned extra viewport. */
.measure-media-space{padding-bottom:0}
.measure-picture{will-change:transform;backface-visibility:hidden}
.measure-project-grid figure{transform-origin:center center;backface-visibility:hidden}
.measure-project-grid article:first-child figure{transform-origin:left center}
.measure-project-grid article:last-child figure{transform-origin:right center}
@media(prefers-reduced-motion:reduce){.measure-picture,.measure-project-grid figure{will-change:auto;clip-path:none!important;animation:none!important}}

/* v3: bilingual typography proposals. Approved motion remains byte-identical. */
[data-edition] .title-kicker,[data-edition] .section-kicker{display:block;font:400 15px/1.5 var(--body-text);letter-spacing:.08em;margin-bottom:24px}
[data-edition] .title-jp{display:block;font:300 22px/1.6 var(--body-head);letter-spacing:.02em;margin-top:32px}
[data-edition] .section-jp{display:block;font:300 22px/1.6 var(--body-head);letter-spacing:.02em;margin-top:24px}
[data-edition] .name-en,[data-edition] .name-jp{display:block}
[data-edition] .name-jp{font:400 17px/1.6 var(--body-text);letter-spacing:.03em;margin-top:10px}
[data-edition] h3 .name-en{font:300 clamp(32px,3.6vw,64px)/1.15 var(--body-head);letter-spacing:-.035em}
[data-edition='a'] .measure-title,[data-edition='b'] .measure-title{font-size:10.2vw;letter-spacing:-.045em}
[data-edition='a'] .title-line,[data-edition='b'] .title-line{height:auto;line-height:1.02;top:0;white-space:nowrap}
[data-edition='a'] .title-line:first-child,[data-edition='b'] .title-line:first-child{padding-left:13vw}
[data-edition='a'] .title-jp{padding-left:13vw}
[data-edition='a'] .measure-project-heading h2{font-size:7.3vw;line-height:1.05;letter-spacing:-.045em}
[data-edition='b'] .measure-title{font-size:8.6vw}
[data-edition='b'] .title-jp{font-size:4.2vw;line-height:1.3;margin-left:28vw;margin-top:36px;letter-spacing:-.04em}
[data-edition='b'] .measure-project-heading h2{font-size:5.7vw;line-height:1.1}
[data-edition='b'] .section-jp{font-size:4.2vw;line-height:1.3;margin-left:8vw}
[data-edition='c'] h3 .name-jp{font:300 3vw/1.4 var(--body-head);letter-spacing:-.04em;margin-top:0}
[data-edition='c'] h3 .name-en{font:300 24px/1.4 var(--body-head);letter-spacing:0;margin-top:8px}
@media(max-width:1024px){
 [data-edition='a'] .measure-title,[data-edition='b'] .measure-title{font-size:12vw;letter-spacing:-.04em;margin-bottom:18vw}
 [data-edition='a'] .title-line:first-child,[data-edition='b'] .title-line:first-child{padding-left:0}
 [data-edition] .title-jp,[data-edition] .section-jp{font-size:17px;line-height:1.7;margin-top:24px;padding-left:0}
 [data-edition='a'] .title-jp{padding-left:0}
 [data-edition='a'] .measure-project-heading h2{font-size:12.5vw;line-height:1.08}
 [data-edition='b'] .title-jp{font-size:8.5vw;line-height:1.35;margin-left:12vw;margin-top:32px}
 [data-edition='b'] .measure-project-heading h2{font-size:10.5vw}
 [data-edition='b'] .section-jp{font-size:8.5vw;line-height:1.35;margin-left:12vw}
 [data-edition] h3 .name-en{font-size:34px;line-height:1.2}
 [data-edition] .name-jp{font-size:16px;margin-top:8px}
 [data-edition='c'] h3 .name-jp{font-size:32px}
 [data-edition='c'] h3 .name-en{font-size:22px}
 [data-edition] .title-kicker,[data-edition] .section-kicker{font-size:13px;letter-spacing:.05em}
}
@media(min-width:701px) and (max-width:1024px){[data-edition] h3 .name-en{font-size:30px}[data-edition='a'] .measure-project-heading h2{font-size:10vw}}
@media(min-width:1025px){[data-edition='c'] .title-line:nth-child(2){padding-left:13vw}}
