:root{--paper:#eeeae1;--ink:#353d35;--muted:#73776c;--line:#c8c8bc;--accent:#53674c;--focal:900px;color-scheme:light;--serif:'Yu Mincho','Hiragino Mincho ProN','Noto Serif CJK JP',serif;--sans:'Helvetica Neue','Hiragino Kaku Gothic ProN','Noto Sans CJK JP',sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--sans);color:var(--ink);background:var(--paper)}body{font-size:14px}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;border:0;color:inherit;background:none;cursor:pointer;padding:10px 14px}button:hover{color:#121b13}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #8a9b70;outline-offset:5px}a{color:inherit;text-decoration:none}img{display:block}button:disabled{opacity:.35;cursor:default}[hidden]{display:none!important}.screen{min-height:100svh}.eyebrow{font-size:11px;letter-spacing:.19em;font-weight:500}.skip{position:fixed;left:12px;top:-70px;z-index:100;background:#fff;padding:12px}.skip:focus{top:10px}
.landing{min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 76% 38%,#f6f3ed 0,transparent 64%)}.landing-header{height:105px;margin:0 5.3vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.identity{display:flex;align-items:center;gap:16px;font-size:10px;letter-spacing:.13em;line-height:1.7}.identity small{font-size:8px;letter-spacing:.1em;color:var(--muted)}.identity-mark{display:block;width:25px;height:33px;border:1px solid #5d6d51;position:relative}.identity-mark:after{content:'';position:absolute;inset:5px;border:1px solid #5d6d51}.landing-header nav{display:flex;gap:18px;font-size:12px}.landing-header nav button:last-child{border-bottom:1px solid #87927b}.hero{display:grid;grid-template-columns:40% 60%;align-items:center;padding:56px 8.1vw 54px 10.1vw;flex:1;min-height:590px}.hero-copy{position:relative;z-index:1}.hero-copy .eyebrow{margin:0 0 28px;font-size:12px;letter-spacing:.28em}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(38px,4.2vw,76px);line-height:1.6;letter-spacing:.06em;margin:0 0 9px;white-space:nowrap}.hero h1 span{display:block}.english-title{font-size:10px;letter-spacing:.25em;margin:3px 0 31px;color:var(--muted)}.intro-text{font-family:var(--serif);font-size:14px;line-height:2.1;letter-spacing:.12em;margin:0 0 27px}.enter-button{padding:17px 22px;border:1px solid #859078;background:#e8e8dd;display:flex;justify-content:space-between;gap:45px;align-items:center;letter-spacing:.1em;font-size:13px;min-width:230px;transition:background .2s}.enter-button:hover{background:#dbe0ce}.enter-button span{font-size:24px;line-height:1}.text-button{font-size:11px;color:var(--muted);padding:16px 0;border-bottom:1px solid transparent}.text-button:hover{border-bottom-color:var(--muted)}.hero-figure{margin:0 0 0 20px;position:relative;padding-left:20px;transform:translateY(12px)}.hero-print{background:#f7f5ef;border:1px solid #c5c0b4;outline:3px solid #aaa69a;outline-offset:0;padding:clamp(20px,2.5vw,46px);box-shadow:8px 19px 32px #514b3d1f,1px 4px 5px #5048331f}.hero-print img{width:100%;height:auto}.hero-figure figcaption{display:flex;justify-content:space-between;margin-top:20px;font-size:9px;letter-spacing:.1em;color:var(--muted);gap:8px}.vertical-note{position:absolute;right:-36px;top:0;writing-mode:vertical-rl;letter-spacing:.3em;font-family:var(--serif);font-size:11px;color:#8a8b7f}.landing-footer{border-top:1px solid var(--line);margin:0 5.3vw;display:grid;grid-template-columns:33% 67%;align-items:center;padding:25px 0 30px}.edition-note{font-size:9px;letter-spacing:.1em;color:var(--muted);line-height:1.8}.edition-note strong{font-weight:400;font-size:19px;letter-spacing:.02em;color:var(--ink);margin-right:4px}.edition-note>span{margin:0 14px}.edition-note small{display:block;font-size:8px;letter-spacing:.13em;margin-top:4px}.entrance-rooms{display:grid;grid-template-columns:repeat(4,1fr)}.entrance-rooms button{text-align:left;border-left:1px solid var(--line);padding:6px 15px}.entrance-rooms small{font-size:9px;letter-spacing:.1em;color:var(--muted);display:block;margin-bottom:7px}.entrance-rooms strong{font-family:var(--serif);font-size:13px;font-weight:400;white-space:nowrap}
.gallery{position:fixed;inset:0;overflow:hidden;background:#d8d6cb}#viewport{position:absolute;inset:0;perspective:var(--focal);perspective-origin:50% 50%;overflow:hidden;touch-action:none;cursor:grab;outline:0}#viewport.dragging{cursor:grabbing}#world{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;will-change:transform}.surface{position:absolute;backface-visibility:hidden;transform-style:flat;pointer-events:none}.frame{border:0;background:#faf9f4;box-shadow:0 0 0 5px #625d50,2px 8px 12px #463d2c38;cursor:zoom-in;pointer-events:auto;padding:28px;transform-style:flat}.frame:hover{box-shadow:0 0 0 5px #524f43,2px 8px 12px #463d2c38}.frame img{width:100%;height:100%;object-fit:contain;background:#faf9f4;pointer-events:none}.frame-caption{position:absolute;left:-5px;top:calc(100% + 22px);font-size:12px;letter-spacing:.13em;text-align:left;line-height:1.9;white-space:nowrap;pointer-events:none;color:#747569}.frame-caption small{display:block;font-size:9px;letter-spacing:.08em}.wall-title{font-family:var(--serif);color:#69705f;font-size:47px;line-height:1.55;font-weight:400}.wall-title small{font-family:var(--sans);display:block;letter-spacing:.2em;font-size:12px;margin-bottom:20px}.gallery-top,.gallery-bottom{position:absolute;left:0;right:0;z-index:4;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.gallery-top{top:0;padding:20px 30px;background:linear-gradient(#eeece3f5,#eeece3cc,transparent);min-height:90px}.gallery-top button,.gallery-bottom button,.gallery-tools{pointer-events:auto}.back-button{font-size:12px;letter-spacing:.08em;padding-left:0}.gallery-tools{display:flex;gap:5px;font-size:11px}.fullscreen{font-size:21px;padding:6px 12px}.room-tabs{display:flex;gap:4px;pointer-events:auto}.room-tabs button{font-size:11px;padding:10px 17px;opacity:.55;border-bottom:1px solid transparent}.room-tabs button.active{opacity:1;border-bottom-color:#68745b}.room-tabs small{font-size:9px;padding-right:8px}.gallery-label{position:absolute;top:111px;left:38px;pointer-events:none;z-index:3;max-width:300px;background:#f0eee5d4;padding:15px 20px 16px;border-left:1px solid #a5aa93}.gallery-label .eyebrow{font-size:8px;margin:0 0 10px}.gallery-label h2{font-family:var(--serif);font-size:22px;font-weight:400;letter-spacing:.08em;margin:0 0 8px}.gallery-label>p:last-child{font-size:10px;color:var(--muted);margin:0;line-height:1.8}.gallery-bottom{bottom:0;padding:20px 30px;background:linear-gradient(transparent,#eeece3db);height:105px;gap:15px}.help-button{border:1px solid #8f947f;border-radius:50%;width:27px;height:27px;padding:0;font-size:13px;background:#f1efe6}.desktop-hint{font-size:8px;letter-spacing:.08em;color:#717465;flex:1}.tour-control{display:flex;align-items:center;position:absolute;left:50%;transform:translateX(-50%);border:1px solid #aaad9b;background:#f2f0e7eb;pointer-events:auto}.tour-control>button:first-child,.tour-control>button:last-child{font-size:20px;padding:13px 24px}.tour-control>button:nth-child(2){min-width:140px;text-align:center;padding:9px 12px;line-height:1.8;border-left:1px solid #d4d4c8;border-right:1px solid #d4d4c8}.tour-control #tour-count{font-size:10px;letter-spacing:.15em;display:block}.inspect-label{font-size:10px}.overview-button{font-size:10px;border-bottom:1px solid #949980}.touch-walk{display:none;pointer-events:auto}.walk-help{position:absolute;z-index:8;left:50%;top:50%;transform:translate(-50%,-50%);padding:38px 42px;background:#f3f0e6ed;box-shadow:0 8px 100px #423f2926;border:1px solid #b3b5a2;min-width:390px}.walk-help strong{font-family:var(--serif);font-size:23px;font-weight:400}.walk-help p{font-size:12px;line-height:2.1;color:var(--muted);margin:20px 0}.walk-help button{padding:12px 0;border-bottom:1px solid var(--accent);font-size:12px}
.page-header{display:flex;align-items:center;justify-content:space-between;height:85px;border-bottom:1px solid var(--line);gap:20px}.page-header>span{font-size:9px;letter-spacing:.12em}.page-header>button:last-child{font-size:12px;padding-right:0}.catalogue{padding:0 6vw 60px}.catalogue-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:65px 0 35px}.catalogue h2{font-family:var(--serif);font-size:40px;font-weight:400;letter-spacing:.1em;margin:16px 0}.catalogue-heading p:last-child{font-size:12px;color:var(--muted)}.search-label{font-size:10px;color:var(--muted);display:grid;gap:10px}.search-label input{font:inherit;font-size:12px;padding:12px 0;border:0;border-bottom:1px solid #a8af9a;min-width:220px;background:transparent;border-radius:0;color:var(--ink)}.filters{display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:20px}.filters button{font-size:11px;padding:10px 16px;border:1px solid transparent}.filters button.active{border-color:#8c987c;background:#e4e8da}.result-count{font-size:10px;color:var(--muted);margin:25px 0}.photo-grid{columns:4;column-gap:32px}.index-item{width:100%;display:block;break-inside:avoid;margin:0 0 33px;padding:0;text-align:left}.index-item figure{margin:0}.index-item img{width:100%;height:auto;border:11px solid #f7f5ef;box-shadow:0 1px 4px #49442d1a;transition:opacity .2s}.index-item:hover img{opacity:.87}.index-item figcaption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.07em;margin:11px 0 0;color:var(--muted);gap:10px}.catalogue-foot{font-size:10px;line-height:1.8;color:var(--muted);border-top:1px solid var(--line);padding-top:28px;margin-top:40px}
.cinema{background:#151917;color:#d8dcd3;padding:0 5vw 30px;min-height:100svh;display:flex;flex-direction:column}.cinema .page-header{border-color:#384139}.cinema button:hover{color:white}.cinema-heading{display:flex;justify-content:space-between;margin:25px 0 15px;font-size:10px;letter-spacing:.14em;color:#a8afa2}.cinema-stage{position:relative;width:100%;height:calc(100svh - 265px);min-height:220px;background:#151917}.cinema-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity 1.4s ease}.cinema-stage img.visible{opacity:1}.cinema-controls{display:flex;align-items:center;gap:12px;padding:20px 0 10px;font-size:11px}.cinema-controls button{white-space:nowrap;padding:10px}.cinema-controls input[type=range]{flex:1;min-width:50px;accent-color:#adba9d;cursor:pointer;height:3px}.cinema-controls>span{white-space:nowrap;letter-spacing:.1em;font-size:10px;padding:0 8px}.cinema-note{display:flex;justify-content:space-between;gap:20px;font-size:9px;line-height:1.8;color:#8f998d}.cinema-note p{margin:0}.cinema-note a{border-bottom:1px solid #57604f}
dialog{border:0}dialog::backdrop{background:#20251edf;backdrop-filter:blur(6px)}.lightbox{width:100vw;max-width:none;height:100svh;max-height:none;position:fixed;inset:0;padding:0;margin:0;background:#121714;color:#d9dfd2;overflow:hidden}.lightbox.paper{background:var(--paper);color:var(--ink)}.lightbox-top{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;gap:15px}.lightbox-top>span{font-size:10px;letter-spacing:.12em}.lightbox-top button{font-size:11px;padding:8px 13px}.lightbox:not(.paper) button:hover{color:white}.lightbox-image{height:calc(100svh - 155px);display:flex;align-items:center;justify-content:center;padding:5px 55px 10px}.lightbox-image img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.lightbox-bottom{display:flex;gap:45px;justify-content:center;align-items:center;height:68px}.lightbox-bottom button{font-size:23px;padding:12px 30px}.lightbox-bottom>span{font-size:10px;letter-spacing:.17em}.lightbox #photo-meta{position:absolute;right:30px;top:72px;max-width:520px;padding:22px;background:#eef0e7f5;color:var(--ink);font-size:11px;line-height:1.9;border:1px solid #a3ad98;overflow-wrap:anywhere}.about{max-width:710px;width:calc(100vw - 36px);max-height:90svh;background:#f3f0e7;color:var(--ink);padding:50px 62px;line-height:2;overflow-y:auto}.dialog-close{position:absolute;top:12px;right:15px;font-size:11px}.about h2{font-family:var(--serif);font-size:32px;font-weight:400;margin:14px 0 35px;letter-spacing:.05em}.statement{font-family:var(--serif);font-size:15px;line-height:2.4;letter-spacing:.05em}.about hr{height:1px;border:0;background:var(--line);margin:38px 0 26px}.about h3{font-family:var(--serif);font-size:20px;font-weight:400}.about h3 small{font-family:var(--sans);font-size:9px;letter-spacing:.1em;margin-left:10px}.about>p:not(.eyebrow){font-size:12px;color:var(--muted)}.about-notes{font-size:10px;color:#7b7e71;margin-top:30px}.about .copyright{font-size:9px!important;letter-spacing:.1em;margin-top:36px}.toast{position:fixed;bottom:110px;left:50%;transform:translateX(-50%) translateY(10px);z-index:100;background:#313c30e8;color:#f4f4e8;font-size:12px;line-height:1.8;padding:12px 22px;opacity:0;pointer-events:none;max-width:90vw;text-align:center;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(min-width:1600px){.hero{padding-top:80px;padding-bottom:80px}.hero h1{font-size:74px}.hero-print{padding:43px}.landing-footer{padding-top:32px;padding-bottom:38px}}
@media(max-width:1050px){.hero{padding-left:7vw;padding-right:7vw;min-height:560px;grid-template-columns:43% 57%}.hero-figure{margin-left:8px;padding-left:12px}.hero h1{font-size:4.8vw}.hero-print{padding:23px}.landing-header{height:88px}.landing-footer{grid-template-columns:26% 74%}.edition-note>span{margin:0 5px}.entrance-rooms button{padding-left:12px}.entrance-rooms strong{font-size:11px}.room-tabs button{padding:9px 10px}.gallery-top{padding-left:23px;padding-right:23px}.gallery-label{left:24px;top:100px}.desktop-hint{display:none}.photo-grid{columns:3}}
@media(max-width:700px){.landing-header{height:79px;margin:0 6vw}.identity{font-size:8px;gap:11px;letter-spacing:.07em}.identity small{font-size:6px}.identity-mark{width:20px;height:28px}.landing-header nav{gap:3px;font-size:10px}.landing-header nav button{padding:9px 6px}.landing-header nav button:first-child{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;padding:33px 8vw 37px;min-height:0;gap:20px}.hero-copy .eyebrow{font-size:10px;margin-bottom:14px;letter-spacing:.16em}.hero h1{font-size:clamp(32px,9vw,55px);line-height:1.48;letter-spacing:.08em;margin-bottom:8px}.hero h1 span{display:inline}.hero h1 span:last-child{display:block}.english-title{font-size:8px;letter-spacing:.2em;margin-bottom:16px}.intro-text{font-size:12px;line-height:1.85;margin:0 0 20px}.enter-button{min-width:0;width:100%;padding:14px 18px;font-size:12px}.hero-copy{display:flex;flex-direction:column}.hero-figure{order:-1;transform:none;padding:0;margin:0 0 10px}.hero-print{padding:20px;outline-width:2px}.hero-figure figcaption{font-size:7px;margin-top:13px}.vertical-note{right:-19px;font-size:8px;letter-spacing:.25em}.hero-copy .text-button{align-self:center;padding:13px 0 0;font-size:10px}.landing-footer{margin:0 6vw;padding:22px 0 28px;display:flex;flex-direction:column;align-items:stretch;gap:21px}.edition-note{font-size:8px;display:flex;align-items:center;gap:5px}.edition-note strong{font-size:16px}.edition-note small{margin:0 0 0 auto;font-size:6px}.entrance-rooms{gap:0}.entrance-rooms button{padding:1px 7px}.entrance-rooms button:first-child{border:0;padding-left:0}.entrance-rooms strong{font-size:9px;letter-spacing:0}.entrance-rooms small{font-size:7px}.gallery-top{height:108px;padding:12px 15px 58px;align-items:flex-start}.room-tabs{position:absolute;top:59px;left:12px;right:12px;justify-content:center;gap:0}.room-tabs button{font-size:9px;flex:1;padding:9px 2px}.room-tabs small{font-size:8px;padding-right:5px}.gallery-tools button{font-size:10px;padding:8px}.gallery-tools .fullscreen{font-size:18px}.gallery-label{left:15px;top:116px;padding:10px 13px;max-width:260px}.gallery-label .eyebrow{font-size:7px;margin-bottom:6px}.gallery-label h2{font-size:18px;margin-bottom:4px}.gallery-label>p:last-child{font-size:8px}.gallery-bottom{padding:15px 14px 20px;height:135px;align-items:flex-end}.tour-control{bottom:63px;width:calc(100% - 28px);justify-content:space-between}.tour-control>button:nth-child(2){flex:1;line-height:1.5}.tour-control>button:first-child,.tour-control>button:last-child{padding:9px 21px}.tour-control #tour-count{font-size:9px}.inspect-label{font-size:9px}.touch-walk{display:flex;gap:4px}.touch-walk button{background:#e9ede1db;border:1px solid #a3aa97;width:33px;height:33px;padding:0;font-size:18px}.overview-button{font-size:9px;padding:8px 0}.help-button{margin-bottom:3px}.walk-help{min-width:0;width:calc(100% - 44px);padding:26px 25px}.walk-help strong{font-size:20px}.walk-help p{font-size:11px;line-height:2}.catalogue{padding:0 6vw 35px}.page-header{height:69px;gap:10px}.page-header>span{font-size:7px;letter-spacing:0}.page-header>button:last-child{font-size:10px}.back-button{font-size:10px;white-space:nowrap}.catalogue-heading{margin:35px 0 25px;display:block}.catalogue h2{font-size:29px;margin:13px 0}.catalogue-heading p:last-child{font-size:10px}.search-label{margin-top:23px;font-size:9px}.search-label input{min-width:0;width:100%;font-size:12px;padding:9px 0}.filters{gap:3px;padding-bottom:12px}.filters button{font-size:9px;padding:8px}.result-count{font-size:9px;margin:18px 0}.photo-grid{columns:2;column-gap:17px}.index-item{margin-bottom:23px}.index-item img{border-width:7px}.index-item figcaption{font-size:7px;display:block;line-height:1.8;margin-top:8px}.index-item figcaption span{display:block}.catalogue-foot{font-size:9px}.cinema{padding-left:4vw;padding-right:4vw}.cinema .page-header>span{font-size:6px}.cinema-heading{font-size:8px;margin-top:22px}.cinema-stage{height:calc(100svh - 290px);min-height:260px}.cinema-controls{gap:2px;padding-top:18px;flex-wrap:wrap}.cinema-controls button{font-size:10px;padding:10px 8px}.cinema-controls input[type=range]{order:9;flex-basis:100%;margin:15px 0}.cinema-controls>span{margin-left:auto;font-size:9px;padding:0 8px}.cinema-note{display:block;font-size:8px;margin-top:14px}.cinema-note a{display:inline-block;margin-top:12px}.lightbox-top{padding:0 13px;height:64px;align-items:flex-start;padding-top:14px;gap:4px}.lightbox-top>span{font-size:8px;padding-top:8px;max-width:120px;line-height:1.6}.lightbox-top button{font-size:9px;padding:8px}.lightbox-image{height:calc(100svh - 143px);padding:5px 12px}.lightbox-bottom{gap:25px;height:70px}.lightbox-bottom>span{font-size:9px}.lightbox #photo-meta{left:15px;right:15px;font-size:10px}.about{padding:43px 27px}.about h2{font-size:25px}.statement{font-size:13px;line-height:2.4}.about h3{font-size:18px}.about h3 small{font-size:7px;margin-left:5px}.about>p:not(.eyebrow){font-size:11px}.toast{font-size:10px;bottom:152px;width:max-content;max-width:90vw}}
@media(max-height:650px) and (min-width:701px){.landing-header{height:73px}.hero{min-height:410px;padding-top:30px;padding-bottom:30px}.hero h1{font-size:45px}.hero-copy .eyebrow{margin-bottom:16px}.english-title{margin-bottom:16px}.intro-text{margin-bottom:14px}.hero-figure{max-width:560px}.landing-footer{padding:18px 0}.gallery-label{top:85px}.cinema-stage{height:calc(100svh - 240px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}