/* Isolated presentation for /prior/. No styles are loaded by the beta app. */
:root{--paper:#f1f1ef;--ink:#343934;--muted:#656b63;--line:#bfc2b9;--serif:"YuMincho","Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;--sans:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:400;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #53644f;outline-offset:6px}::selection{background:#d7dcd0}figure,p,h1,h2,h3,dl,dd{margin:0}img{display:block;max-width:100%;height:auto}.skip-link{position:fixed;top:8px;left:8px;z-index:20;padding:12px;background:white;transform:translateY(-160%)}.skip-link:focus{transform:none}
.museum-header{height:94px;margin:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.museum-name{font-family:Georgia,"Times New Roman",serif;font-size:21px;letter-spacing:-.03em}.museum-name span{font-style:italic;margin-left:5px;color:var(--muted)}.edition,.eyebrow,.room-label,.next,figcaption,.five-senses dt,.museum-footer{font-family:var(--sans);font-size:10px;font-weight:400;letter-spacing:.18em}.edition{color:var(--muted)}
.room{position:relative;isolation:isolate;min-height:850px;border-bottom:1px solid #d6d7d0;scroll-margin-top:0}.room:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.24;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#8d8c7d08 3px 4px),repeating-linear-gradient(90deg,transparent 0 5px,#a4a69909 5px 6px)}.room-inner{position:relative;max-width:1440px;margin:auto;padding:64px 8.5% 70px}.room-label{display:flex;gap:15px;align-items:center;color:#5d635b}.room-label>span{font-family:Georgia,"Times New Roman",serif;font-size:28px;font-weight:400;letter-spacing:-.04em;color:var(--ink)}.room-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:9%;margin-top:94px;min-width:0}.words{min-width:0;position:relative;z-index:1}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(52px,5.4vw,80px);font-weight:400;letter-spacing:-.055em;line-height:1.12}h2{font-family:var(--serif);font-size:clamp(30px,2.8vw,42px);font-weight:400;line-height:1.8;letter-spacing:.075em;margin-bottom:38px;overflow-wrap:anywhere}.words>p:not(.eyebrow):not(.japanese-name):not(.pretitle){font-size:14px;line-height:2.25;letter-spacing:.045em;margin-top:24px}.words strong{font-weight:500}.artwork{position:relative;min-width:0;width:100%;z-index:1}.art-mount{background:#fdfdfb;padding:18px;box-shadow:1px 2px 2px #3d423a0a,8px 16px 30px #3d423a0b;border:1px solid #d7d8d0}.art-mount img{width:100%;object-fit:contain}figcaption{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.15em;color:var(--muted);margin-top:16px;padding-top:10px;border-top:1px solid var(--line);max-width:170px}.next{display:flex;align-items:center;gap:28px;width:max-content;min-height:44px;margin-top:74px;font-size:10px}.next span{font-size:19px;transition:transform .2s}.next:hover span{transform:translateY(4px)}.architecture{position:absolute;z-index:-2;pointer-events:none}
/* 01 — entrance: a tall recessed wall, a small work, and open floor. */
.room-01{min-height:930px}.room-01 .room-inner{padding-top:45px}.room-01 .room-layout{margin-top:70px;grid-template-columns:1.1fr .9fr;gap:14%}.room-01 .eyebrow{margin-bottom:20px}.japanese-name{font-size:12px;letter-spacing:.25em;margin:16px 0 46px}.room-01 h2{font-size:32px;margin-bottom:25px}.room-01 .artwork{width:65%;justify-self:center;margin-top:15px}.room-01 .art-mount{padding:23px}.room-01 .architecture{top:0;bottom:108px;right:4%;width:43%;background:linear-gradient(90deg,#d7d8d148,#e7e7e29c 8%,#eaeae584 95%,#d7d8d154);border-left:1px solid #c7c9c166;transform:skewY(-3deg);transform-origin:top left}.room-01 .next{margin-top:66px}
/* 02 — a long, low hanging work to the left of the text. */
.room-02{background:#e8e9e4;min-height:930px}.room-02 .room-layout{grid-template-columns:1.25fr 1fr;gap:10%;margin-top:100px}.room-02 .words{grid-column:2;grid-row:1}.room-02 .artwork{grid-column:1;grid-row:1;align-self:end;margin-bottom:15px}.room-02 .art-mount{padding:12px;background:#e7e6df;border-color:#bfc1b7;box-shadow:2px 5px 5px #4145360c,14px 22px 28px #41453612}.room-02 .architecture{bottom:95px;left:0;width:51%;height:1px;background:#b6bbae;box-shadow:0 38px 0 #cfd1c7}.room-02 .next{margin-left:60%}
/* 03 — a light central partition and a rhythm of five labels. */
.room-03{min-height:920px;background:#f5f5f1}.room-03 .room-layout{gap:8%;grid-template-columns:1.25fr 1fr}.room-03 .artwork{width:92%;justify-self:end;transform:translateY(-22px)}.room-03 .architecture{top:0;bottom:0;right:0;width:35%;border-left:1px solid #dadcd3;background:linear-gradient(90deg,#e4e6dd,#edeee7 7%,#edeee7)}.five-senses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 1.65fr;gap:9px;margin-top:55px;padding-top:22px;border-top:1px solid var(--line)}.five-senses dt{font-size:10px;letter-spacing:.12em}.five-senses dd{font-size:10px;line-height:1.8;margin-top:10px;color:#666d60;letter-spacing:0}
/* 04 — a small painting across a quiet, wide wall. */
.room-04{min-height:850px;background:#ecece8}.room-04 .room-layout{grid-template-columns:1fr 1.2fr;gap:15%;margin-top:120px}.room-04 .words{grid-column:2;grid-row:1}.room-04 .artwork{grid-column:1;grid-row:1;max-width:330px;justify-self:center;margin-top:-110px}.room-04 .art-mount{padding:28px}.room-04 .architecture{left:5%;right:5%;bottom:116px;height:100px;border-top:1px solid #c6c8bf;transform:skewY(2deg);background:linear-gradient(#dddcd320,transparent)}.room-04 .next{margin-left:54%}
/* 05 — a wide shared space with a low, horizontal work. */
.room-05{min-height:900px;background:#f4f2ed}.room-05 .room-layout{grid-template-columns:1fr 1.05fr;gap:13%;margin-top:90px}.room-05 .artwork{align-self:end;margin-bottom:10px}.room-05 .statement{font-family:var(--serif);font-size:24px!important;line-height:1.9!important;margin:40px 0!important;letter-spacing:.09em!important}.room-05 .art-mount{padding:25px}.room-05 .architecture{left:55%;width:1px;top:60px;bottom:80px;background:#c9c8bd;box-shadow:18px 0 22px #bcb9a552}
/* 06 — an open courtyard, with deliberately unfilled space. */
.room-06{min-height:1000px;background:#e8ebe5}.room-06 .room-layout{grid-template-columns:1.4fr .85fr;gap:12%;margin-top:130px}.room-06 h2{font-size:clamp(27px,2.5vw,37px)}.pretitle{font-size:12px;letter-spacing:.18em;margin-bottom:28px}.room-06 .artwork{max-width:300px;align-self:end;margin-bottom:-45px}.room-06 .small-note{font-size:11px!important;line-height:2!important;max-width:365px;margin-top:45px!important;color:#626a5e}.room-06 .architecture{left:0;right:0;top:55px;height:65px;border-top:1px solid #d2d7cc;border-bottom:1px solid #d2d7cc;transform:skewY(-2deg);background:linear-gradient(#f7f8f13b,transparent)}.room-06 .next{margin-top:125px}
/* 07 — a reading gallery. All information stays expanded. */
.room-07{background:#f2f1ec}.room-07 h2{margin:80px 0 68px}.room-07 .room-layout{grid-template-columns:1fr 1.4fr;gap:12%;align-items:start;margin-top:0}.information{grid-column:2;grid-row:1;min-width:0}.information article{border-top:1px solid #c2c5ba;padding:29px 0 36px}.information h3{font-size:14px;line-height:1.9;letter-spacing:.035em;font-weight:500;margin-bottom:18px}.information h3 span{font-family:Georgia,"Times New Roman",serif;font-weight:400}.information p{font-size:13px;line-height:2.2;letter-spacing:.025em;overflow-wrap:anywhere}.information p+p{margin-top:18px}.room-07 .artwork{grid-column:1;grid-row:1;width:95%;margin-top:110px;position:sticky;top:90px}.room-07 .art-mount{padding:18px}.room-07 .next{margin-left:47%;margin-top:25px}.room-07 .architecture{left:0;top:340px;bottom:140px;width:36%;background:linear-gradient(90deg,#e3e2da50,#e3e2da88);border-right:1px solid #d5d5ca}
/* 08 — a final opening and a clear, non-submitting preview. */
.room-08{min-height:910px;background:#e9ece5}.room-08 .room-layout{grid-template-columns:1.1fr 1fr;gap:16%;margin-top:105px}.room-08 h2{font-size:46px;margin-bottom:55px}.room-08 .artwork{max-width:365px;justify-self:center}.room-08 .art-mount{padding:26px}.room-08 .architecture{top:0;right:3%;bottom:0;width:43%;background:linear-gradient(90deg,#d3d8cd55,#f4f5ef 13%,#f4f5ef 88%,#d9ded280);border-left:1px solid #c7cfc0}.preview-controls{max-width:440px}.preview-controls label{display:flex;align-items:flex-start;gap:13px;cursor:pointer;font-size:13px;letter-spacing:.025em;line-height:1.9;padding:12px 0;min-height:48px}.preview-controls input{appearance:none;flex:none;margin:4px 0 0;width:18px;height:18px;border:1px solid #747d6b;background:#ffffff50;border-radius:0;cursor:pointer}.preview-controls input:checked{background:#4e5c47;box-shadow:inset 0 0 0 4px #f0f2e9}.preview-controls button{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;border:1px solid #46503e;background:#46503e;color:#fff;min-height:66px;margin-top:26px;padding:18px 24px;font-family:var(--serif);font-size:17px;letter-spacing:.09em;cursor:pointer;transition:background .2s}.preview-controls button:hover:not(:disabled){background:#35402e}.preview-controls button:disabled{background:#dadfd4;border-color:#b4bdae;color:#606858;cursor:default}.preview-note,.preview-result{font-size:11px;line-height:1.9;color:#59624f;margin-top:17px;letter-spacing:.03em}.preview-result:empty{display:none}.museum-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:35px 5.5%;font-size:9px;color:#62695b}.museum-footer>span:first-child{font-family:Georgia,"Times New Roman",serif;font-size:15px;letter-spacing:0}.museum-footer a{padding:12px}
@media(min-width:1600px){.room-inner{padding-left:122px;padding-right:122px}}
@media(max-width:1050px) and (min-width:701px){.room-inner{padding-left:6%;padding-right:6%}.room-layout{column-gap:7%!important}.words>p:not(.eyebrow):not(.japanese-name):not(.pretitle){font-size:13px}h2{font-size:29px}.room-01 .room-layout{gap:8%}.room-01 .artwork{width:85%}.room-06 h2{font-size:28px}.room-07 .room-layout{grid-template-columns:.75fr 1.4fr}.room-08 .room-layout{grid-template-columns:1.2fr 1fr}}
@media(max-width:700px){
 .museum-header{height:76px;margin:0 7%}.museum-name{font-size:17px}.museum-name span{display:block;font-size:12px;letter-spacing:.04em;margin:4px 0 0}.edition{font-size:8px;letter-spacing:.12em}
 .room{min-height:0!important}.room-inner{padding:43px 8% 53px}.room-label{font-size:9px;gap:11px;letter-spacing:.15em}.room-label>span{font-size:25px}.room .room-layout{display:flex;flex-direction:column;align-items:stretch;gap:0;margin-top:76px}.room .words{order:0}.room .artwork{order:1;align-self:auto;justify-self:auto;transform:none;position:relative;top:auto;max-width:none;margin:78px 0 0;width:100%}.words>p:not(.eyebrow):not(.japanese-name):not(.pretitle){font-size:13px;line-height:2.3;letter-spacing:.025em;margin-top:27px}h2{font-size:28px;line-height:1.9;letter-spacing:.06em;margin-bottom:36px}.art-mount{padding:15px}.room .next{margin:65px 0 0;font-size:9px}.desktop-break{display:none}figcaption{font-size:7px;max-width:130px;margin-top:13px}
 .room-01 .room-inner{padding-top:38px}.room-01 .room-layout{margin-top:72px}.room-01 .eyebrow{font-size:9px;margin-bottom:19px}h1{font-size:clamp(45px,12vw,70px)}.japanese-name{margin:14px 0 44px;font-size:11px}.room-01 h2{font-size:29px;margin-bottom:30px}.room-01 .artwork{width:58%;margin:85px 3% 0 auto}.room-01 .art-mount{padding:15px}.room-01 .architecture{top:auto;bottom:113px;right:0;height:370px;width:74%;transform:skewY(-5deg)}
 .room-02 .room-layout{margin-top:83px}.room-02 .artwork{width:calc(100% + 5%);margin:80px 0 20px -2.5%}.room-02 .art-mount{padding:8px}.room-02 .architecture{width:85%;bottom:135px}.room-02 h2{margin-bottom:42px}
 .room-03 .architecture{top:auto;bottom:124px;right:0;width:72%;height:300px}.room-03 .artwork{width:87%;margin:77px auto 0 0}.five-senses{grid-template-columns:repeat(4,minmax(0,1fr)) 1.6fr;gap:4px;margin-top:45px;padding-top:18px}.five-senses dt{font-size:8px;letter-spacing:.07em}.five-senses dd{font-size:9px;line-height:1.8}.room-03 h2{font-size:27px}
 .room-04 .room-layout{margin-top:87px}.room-04 h2{font-size:27px}.room-04 .artwork{width:74%;margin:95px 0 35px auto}.room-04 .art-mount{padding:17px}.room-04 .architecture{bottom:119px;left:0;right:0;height:70px;transform:skewY(4deg)}
 .room-05 .artwork{margin-top:78px}.room-05 .art-mount{padding:16px}.room-05 .statement{font-size:23px!important;margin:42px 0!important}.room-05 .architecture{left:5%;top:auto;bottom:94px;height:315px}
 .room-06 .room-layout{margin-top:90px}.room-06 h2{font-size:25px;letter-spacing:.025em}.pretitle{font-size:11px;letter-spacing:.12em;margin-bottom:24px}.room-06 .small-note{font-size:10px!important;line-height:2.1!important;margin-top:39px!important;max-width:260px}.room-06 .artwork{width:74%;margin:110px auto 16px 0}.room-06 .architecture{top:77px;height:36px;transform:skewY(-4deg)}
 .room-07 h2{font-size:27px;margin:73px 0 52px}.room-07 .room-layout{margin-top:0}.information{order:0}.information article{padding:25px 0 32px}.information h3{font-size:13px;line-height:2;margin-bottom:17px}.information p{font-size:12px;line-height:2.2;letter-spacing:.025em}.room-07 .artwork{width:80%;margin:68px 0 15px auto;position:relative;top:auto}.room-07 .architecture{top:auto;bottom:115px;height:330px;width:69%;left:auto;right:0}
 .room-08 .room-layout{margin-top:80px}.room-08 h2{font-size:37px;margin-bottom:46px}.preview-controls label{font-size:12px;gap:10px}.preview-controls input{width:17px;height:17px}.preview-controls button{font-size:16px;padding:18px 20px}.preview-note,.preview-result{font-size:10px;line-height:2}.room-08 .artwork{width:80%;margin:85px auto 40px}.room-08 .architecture{top:auto;bottom:55px;height:345px;width:90%;right:0}.museum-footer{flex-wrap:wrap;gap:10px;padding:25px 8%;font-size:8px}.museum-footer>span:first-child{font-size:14px}.museum-footer>span:last-child{width:100%;padding-top:4px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}


/* Museum exhibition system: the approved 05 wall and frame, with quiet variations. */
.room{background:#f4f2ed}
.room .architecture{display:none}
.room .room-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-rows:auto 1fr;align-items:start;column-gap:13%;row-gap:38px;margin-top:90px}
.room .room-heading,.room .room-layout>h2{grid-column:1;grid-row:1;margin:0;min-width:0}
.room .room-heading h2{margin:0}
.room .words,.room .information{grid-column:1;grid-row:2}
.room .words>p:first-child{margin-top:0}
.room .artwork{--light:36%;--mat:27px;grid-column:2;grid-row:1/3;align-self:center;justify-self:stretch;width:100%;max-width:none;position:relative;top:auto;transform:none;margin:-25px 0 0;padding:78px 42px 58px;background:radial-gradient(ellipse at var(--light) 0%,#fffef9 0%,#faf9f2b0 27%,transparent 63%),repeating-linear-gradient(0deg,#77796b03 0 1px,transparent 1px 4px),linear-gradient(110deg,#e7e8e1,#efefe9 65%,#e1e3db);border-left:1px solid #f8f8f1;border-right:1px solid #d9dcd2;box-shadow:inset 15px 0 25px -25px #63685850}
.room .art-mount{position:relative;padding:var(--mat);border:7px solid #dadbd3;border-top-color:#fafaf5;border-left-color:#eeeee7;border-bottom-color:#babeb2;border-right-color:#c5c8bd;background:#fdfcf7;box-shadow:inset 0 0 0 1px #b9bcaf,0 0 0 1px #bfc3b6,3px 5px 4px #4a50432b,12px 19px 23px -8px #4a50432b,25px 38px 45px -17px #4a50431f}
.room .art-mount img{box-shadow:0 0 0 1px #dfdfd6;width:100%;height:auto;object-fit:contain}
.room figcaption{margin-top:31px;max-width:145px;border-color:#bcc1b2}
.room .next{margin-left:0}
.title-phrase{display:inline-block}
.room-01 .artwork{--light:30%;--mat:23px;width:88%;justify-self:end;padding:90px 60px 65px}
.room-02 .artwork{--light:65%;--mat:20px;padding:105px 30px 75px}
.room-03 .artwork{--light:24%;padding:65px 35px 90px}
.room-04 .artwork{--light:58%;--mat:30px;padding:110px 55px 80px}
.room-06 .artwork{--light:70%;--mat:24px;width:94%;justify-self:end;padding:95px 46px 75px}
.room-07 .room-layout{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);column-gap:10%}
.room-07 .artwork{--light:42%;--mat:25px;align-self:start;position:sticky;top:70px;margin-top:0;padding:100px 40px 80px}
.room-08{min-height:1100px}
.room-08 .room-inner{padding-top:85px;padding-bottom:155px}
.room-08 .room-layout{margin-top:130px;row-gap:55px}
.room-08 .artwork{--light:48%;--mat:29px;width:94%;justify-self:end;padding:120px 48px 105px}
@media(max-width:700px){
 .room .room-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;row-gap:0;column-gap:0;margin-top:76px}
 .room .room-heading,.room .room-layout>h2{grid-column:1;grid-row:1}
 .room .room-heading h2{margin:0}
 .room .artwork{grid-column:1;grid-row:2;width:100%;max-width:none;position:relative;top:auto;align-self:auto;justify-self:stretch;margin:49px 0 62px;padding:55px 23px 35px}
 .room .art-mount{padding:18px;border-width:6px}
 .room figcaption{margin-top:26px;max-width:125px}
 .room .words,.room .information{grid-column:1;grid-row:3}
 .room .next{margin:56px 0 0}
 .room-01 .artwork{padding:65px 48px 45px;margin-top:60px;margin-bottom:74px}
 .room-01 .art-mount{padding:17px}
 .room-02 .artwork{padding:70px 16px 45px}
 .room-02 .art-mount{padding:13px}
 .room-03 .artwork{padding:45px 20px 65px}
 .room-04 .artwork{padding:80px 32px 50px}
 .room-04 .art-mount{padding:20px}
 .room-06 h2{font-size:25px;letter-spacing:.015em;line-height:1.85}
 .room-06 .artwork{padding:65px 29px 48px}
 .room-07 h2{font-size:26px;letter-spacing:.025em;line-height:1.9}
 .room-07 .artwork{padding:70px 26px 50px}
 .room-08 .room-inner{padding-top:65px;padding-bottom:115px}
 .room-08 .room-layout{margin-top:105px}
 .room-08 .artwork{padding:90px 32px 70px;margin-top:70px;margin-bottom:95px}
 .room-08 .art-mount{padding:22px}
}
/* 08 START: brand, reading, and a quiet invitation. */
.room-08 .start-heading > span{display:block}
.room-08 .start-brand{font-family:Georgia,"Times New Roman",serif;font-size:clamp(45px,4.4vw,64px);font-weight:400;letter-spacing:-.055em;line-height:1.12}
.room-08 .start-reading{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.25em;line-height:1.9;margin-top:15px}
.room-08 .start-action{margin-top:46px}
@media(max-width:700px){
 .room-08 .start-brand{font-size:clamp(40px,11.5vw,52px)}
 .room-08 .start-reading{font-size:11px;margin-top:13px}
 .room-08 .start-action{margin-top:44px}
}

.museum-footer{flex-wrap:wrap;gap:20px}
.museum-copyright{flex-basis:100%;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;font-size:10px;letter-spacing:.04em;line-height:1.8;color:var(--muted)}
.museum-copyright a{text-decoration:underline;text-underline-offset:3px}
#copyright-content{scroll-margin-top:28px}
