/* Newly authored layout based on the legacy stylesheet's measured dimensions. */
:root{--ink:#4b4948;--line:#d2d2d2;--paper:#fff;--muted:#797674;--header:80px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-size:13px;line-height:1.8;letter-spacing:.1em}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}a:focus-visible,button:focus-visible{outline:3px solid #275a8c;outline-offset:5px}[hidden]{display:none!important}.screen-reader-text,.skip-link{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link:focus{position:fixed;top:8px;left:8px;z-index:100;width:auto;height:auto;clip-path:none;padding:12px;background:white}
.container{width:calc(100% - 160px);margin-inline:auto}.site-header{height:var(--header);position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:center;background:white;border-bottom:1px solid var(--line)}.brand-mark,.menu-toggle{position:absolute;inset-block:0;width:80px;display:grid;place-content:center}.brand-mark{left:0;background:#1b1b1b;color:white;font-size:28px;font-weight:bold}.brand{font-size:25px;letter-spacing:.22em}.menu-toggle{right:0;border:0;border-left:1px solid var(--line);background:white;gap:5px}.menu-toggle span{width:20px;height:2px;background:var(--ink)}#site-nav{position:absolute;top:100%;left:0;right:0;background:#1b1b1b;color:white;display:none;padding:50px 80px;grid-template-columns:repeat(3,1fr);gap:25px;font-family:"Arial Narrow",Arial,sans-serif;font-size:25px}#site-nav.is-open{display:grid}.site-footer{border-top:1px solid var(--line);padding-block:40px;display:flex;align-items:center;gap:25px}.site-footer small{margin-left:auto;font-size:10px}.section{margin-block:80px}.section-title{font-family:"Arial Narrow",Arial,sans-serif;text-align:center;font-size:26px;letter-spacing:.11em;margin-bottom:49px}.section-label{font-family:"Arial Narrow",Arial,sans-serif;font-size:15px;font-weight:600;width:max-content;border-bottom:2px solid var(--ink);padding-bottom:4px}.eyebrow,.date{color:var(--muted);font-size:12px}.wide-link{display:flex;justify-content:center;align-items:center;position:relative;min-height:75px;background:var(--ink);color:white;margin-top:35px;font-family:"Arial Narrow",Arial,sans-serif;font-size:16px;transition:background .2s}.wide-link span{position:absolute;right:30px}.wide-link:hover{background:#1b1b1b}.wide-link.light{background:white;color:var(--ink);border:1px solid var(--line)}
.featured{position:relative;padding-top:80px;margin-bottom:100px}.featured>.section-label{position:absolute;top:65px;left:0;z-index:1}.featured-slide{display:grid;grid-template-columns:44fr 56fr;column-gap:40px;align-items:start}.featured-image{grid-column:2;grid-row:1;aspect-ratio:1380/780;overflow:hidden}.featured-image img{width:100%;height:100%;object-fit:cover}.featured-copy{grid-column:1;grid-row:1;padding-top:60px}.featured-copy h2{font-size:20px;line-height:1.7;letter-spacing:.07em}.featured-copy>p:last-child{font-size:13px}.slide-controls{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.slide-controls button{border:1px solid var(--line);background:white;min-width:40px;min-height:40px}.slide-controls button[aria-pressed=true]{background:var(--ink);color:white}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.card{min-width:0}.card-media{aspect-ratio:1380/780;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.card a:hover img{transform:scale(1.04)}.card h3{font-size:14px;line-height:1.8;margin-bottom:0}.card .date{margin-top:18px;margin-bottom:6px}.work-card{position:relative}.work-card .card-copy{padding:15px 0}.work-card .eyebrow{margin-bottom:4px}.missing-media{height:100%;min-height:120px;width:100%;display:grid;place-content:center;background:#f2f1f0;color:#65615f;border:1px dashed #c6c2bf;font-size:12px}.empty-state{border-block:1px solid var(--line);padding:40px 0;color:var(--muted)}.archive{min-height:50vh}.filters{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:45px}.filters button{background:white;border:0;border-bottom:2px solid transparent;padding:8px 12px;min-height:44px}.filters button[aria-pressed=true]{border-color:var(--ink)}
.work-detail{padding-block:50px 80px;max-width:1600px}.back-link{display:inline-block;margin-bottom:30px}.video-stage{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#f2f1f0}.video-stage>img{width:100%;height:100%;object-fit:cover}.video-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:80px;min-height:80px;border:1px solid white;border-radius:50%;background:#1b1b1bc9;color:white;display:grid;place-content:center;padding:18px;text-align:center}.video-play:hover{background:#1b1b1b}.video-unavailable{position:absolute;left:20px;bottom:0;background:white;padding:8px}.work-detail>.eyebrow{margin:30px 40px 8px}.work-title{font-size:24px;line-height:1.7;margin:0 40px 90px;overflow-wrap:anywhere}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:0 40px 60px}.detail-columns h2{font-family:"Arial Narrow",Arial,sans-serif;font-size:20px;margin-bottom:16px}.detail-columns p,.credit{line-height:2.2;overflow-wrap:anywhere}.member-links{display:flex;flex-wrap:wrap;gap:30px}.member-links>a{width:100px;font-size:12px}.member-links .missing-media{aspect-ratio:1;min-height:100px}.member-links p{margin-top:12px}.member-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:60px 40px}.member-directory h2{font-size:22px;margin-bottom:4px}.member-en{font-family:"Arial Narrow",Arial,sans-serif;font-size:20px}.member-detail{padding-block:50px}.member-kv{aspect-ratio:2080/680;margin-bottom:40px}.member-kv img{width:100%;height:100%;object-fit:cover}.member-detail>.detail-columns{margin:50px 0}.mobile-only{display:none}.prose{max-width:960px;padding-block:60px}.prose h1{font-size:26px;line-height:1.7;margin-bottom:40px}.prose img{max-width:100%;height:auto}.article-body{overflow-wrap:anywhere}.article-body a{text-decoration:underline}.article-body p{margin-bottom:25px}.pagination{margin-top:45px;display:flex;justify-content:center;gap:20px}.pagination .page-numbers{padding:10px}.pagination .current{border-bottom:1px solid}
@media(min-width:1600px){.card-grid{gap:50px}}@media(max-width:1100px) and (min-width:641px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.container{width:calc(100% - 80px)}}
@media(max-width:640px){:root{--header:48px}.container{width:calc(100% - 40px)}.brand-mark,.menu-toggle{width:48px}.brand-mark{font-size:22px}.brand{font-size:19px}.menu-toggle{gap:4px}#site-nav{padding:30px 24px;grid-template-columns:1fr 1fr;font-size:20px;gap:20px}.featured{padding-top:55px;margin-bottom:60px}.featured>.section-label{position:static;margin-bottom:20px}.featured-slide{display:flex;flex-direction:column;gap:20px}.featured-image{width:100%}.featured-copy{padding:0}.featured-copy h2{font-size:17px;margin-bottom:10px}.slide-controls{justify-content:center}.section{margin-block:55px}.section-title{font-size:22px;margin-bottom:30px}.card-grid{grid-template-columns:1fr;gap:30px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.work-card h3{font-size:12px}.work-card .eyebrow{font-size:10px}.wide-link{min-height:60px}.work-detail{padding-block:25px 50px}.work-detail>.eyebrow{margin:20px 0 8px}.work-title{font-size:19px;margin:0 0 40px}.detail-columns{grid-template-columns:1fr;gap:35px;margin:0 0 40px}.video-play{min-width:64px;min-height:64px}.video-unavailable{font-size:10px;left:5px}.site-footer{flex-wrap:wrap;padding-block:25px;font-size:10px}.site-footer small{width:100%;margin-left:0}.member-directory{grid-template-columns:1fr 1fr;gap:35px 20px}.member-directory h2{font-size:18px}.member-en{font-size:14px}.desktop-only{display:none}.mobile-only{display:block}.member-kv{aspect-ratio:1380/704}.prose{padding-block:35px}.prose h1{font-size:22px}.missing-media{min-height:80px}.filters{gap:5px;margin-bottom:25px}}
.member-links>a{align-self:flex-start}.member-links .missing-media{height:auto;aspect-ratio:1;min-height:100px}.member-links img{width:100px;height:100px;object-fit:cover}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* 0.1.1: supplied originals, natural member photography, original white menu. */
.brand{display:block;line-height:0}.brand img{width:180px;height:auto}.brand-mark img{width:19px;height:36px}.footer-mark img{width:19px;height:36px}
#site-nav{position:fixed;top:var(--header);bottom:0;background:white;color:var(--ink);border-top:1px solid var(--line);padding:50px max(30px,calc((100vw - 394px)/2));grid-template-columns:165px 182px;gap:47px;align-content:center;overflow-y:auto;font-size:18px}.nav-brand{width:165px;height:auto}.nav-links{display:grid;gap:20px;align-content:start;padding-top:20px}.nav-links a:hover{text-decoration:underline;text-underline-offset:6px}
.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.slide-controls button{width:84px;min-height:48px;padding:0;overflow:hidden;opacity:.5}.slide-controls button[aria-pressed=true]{opacity:1;border-color:var(--ink)}.slide-controls img{width:100%;height:auto}.slide-controls .missing-media{min-height:46px;font-size:10px}
.member-kv{aspect-ratio:auto;margin-bottom:100px}.member-picture{display:block}.member-kv img{width:100%;height:auto;object-fit:initial}.member-profile{display:grid;grid-template-columns:237px minmax(0,1fr);gap:60px;margin:0 60px 80px 40px}.member-identity h1{font-size:22px;line-height:1.5;margin-bottom:12px}.member-identity .member-en{font-size:14px}.member-content{border-left:1px solid #e8e8e8;padding-left:60px}.member-section{margin-bottom:60px}.member-section h2{font-size:18px;margin-bottom:20px}.member-section p{line-height:1.95}.member-section .card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
@media(min-width:641px){.work-card>a{display:block;position:relative}.work-card .card-copy{position:absolute;inset:0;background:rgba(0,0,0,.55);color:white;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;text-align:center;opacity:0;transition:opacity .3s}.work-card .card-copy .eyebrow{color:white}.work-card a:hover .card-copy,.work-card a:focus-visible .card-copy{opacity:1}}
@media(max-width:1000px) and (min-width:641px){.member-profile{grid-template-columns:180px minmax(0,1fr);gap:30px;margin-inline:0}.member-content{padding-left:30px}.member-section .card-grid{grid-template-columns:1fr}}
@media(max-width:640px){.brand img{width:130px}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}#site-nav{padding:35px 30px;grid-template-columns:minmax(0,1fr);gap:0;align-content:start;font-size:20px}.nav-brand{display:none}.nav-links{gap:24px;padding-top:0}.slide-controls{gap:8px}.slide-controls button{width:calc((100% - 32px)/5);max-width:84px;min-height:36px}.slide-controls .missing-media{min-height:36px}.member-kv{margin-bottom:65px}.member-profile{grid-template-columns:1fr;gap:30px;margin:0 0 40px}.member-content{border-left:0;padding-left:0}.member-identity h1{font-size:20px}.member-section{margin-bottom:40px}.member-section .card-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.work-card .card-copy{transition:none}}
.site-footer{width:100%;padding:0;border:0;display:block;background:#1b1b1b;color:white}.footer-inner{position:relative;min-height:155px;display:flex;align-items:center;gap:25px;padding-block:35px}.footer-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.footer-inner>small{margin-left:auto;font-size:10px}.site-footer .footer-mark img{display:block}
@media(max-width:640px){.footer-inner{min-height:195px;flex-direction:column;justify-content:center;gap:24px;padding-block:35px}.footer-mark{position:static;transform:none}.footer-inner>small{margin-left:0;text-align:center}}
