*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:#101114;color:#eeece6;font-family:'Yu Mincho','Hiragino Mincho ProN',Georgia,serif}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #c8a884;outline-offset:6px}img{display:block;width:100%;height:auto}header{display:flex;justify-content:space-between;align-items:flex-start;padding:32px 4.5vw}.brand{font-size:20px;letter-spacing:.13em;line-height:1.5}.brand span{display:block;font-size:14px;letter-spacing:.07em;margin-top:8px}nav,.overline,figcaption,dt,.draft-note,.zoom-label,footer,.close,.back{font-family:Arial,'Noto Sans JP',sans-serif}header nav{display:flex;gap:30px;font-size:11px;letter-spacing:.14em;padding-top:8px}.entrance{padding:90px 8vw 70px}.overline{font-size:10px;letter-spacing:.19em;line-height:1.8;color:#a5a6a8}.entrance>.overline{display:flex;justify-content:space-between;gap:20px}.entrance-title{display:flex;justify-content:space-between;align-items:center;margin:38px 0 65px}h1{font-family:Georgia,serif;font-size:clamp(64px,10vw,155px);font-weight:400;letter-spacing:-.045em;line-height:1;margin:0}.entrance-title p{font-size:21px;line-height:2;letter-spacing:.1em}.rooms{display:flex;gap:35px;flex-wrap:wrap;border-top:1px solid #3d3e40;padding-top:25px;font-size:11px;letter-spacing:.06em}.rooms a:hover{color:#c8a884}.room{scroll-margin-top:45px}.work-heading{padding:65px 8vw 50px}.work-heading h2{font-size:clamp(30px,4.5vw,65px);font-weight:400;letter-spacing:.08em;margin:24px 0 0;line-height:1.4}figure{margin:0}.full{padding:0 4.5vw}.image-open{position:relative;display:block;background:none;border:0;padding:0;width:100%;cursor:zoom-in}.image-open img{object-fit:contain}.zoom-label{position:absolute;right:20px;bottom:20px;background:rgba(16,17,20,.6);padding:10px 13px;font-size:9px;letter-spacing:.1em;color:white}figcaption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em;color:#86898b;padding:18px 0}.story{display:grid;grid-template-columns:1fr 1fr;gap:12vw;padding:110px 13vw 100px}.poem p{font-size:clamp(18px,1.7vw,26px);line-height:2.3;letter-spacing:.06em;margin:28px 0 42px}.commentary h3{font-size:20px;font-weight:400;line-height:1.8;margin:0 0 26px}.commentary p,.small-copy{font-size:14px;line-height:2.2;letter-spacing:.02em;color:#b8babd;margin:0 0 20px}dl{margin:35px 0 20px;border-top:1px solid #404144;padding-top:20px}dl div{display:grid;grid-template-columns:95px 1fr;gap:15px;margin:12px 0}dt{font-size:9px;letter-spacing:.12em;color:#858a8e;line-height:1.9}dd{font-family:Arial,'Noto Sans JP',sans-serif;font-size:11px;line-height:1.8;margin:0;color:#b2b5b7}.draft-note{font-size:9px;color:#767c81;line-height:1.9;letter-spacing:.03em}.interlude{padding:70px 8vw 110px;display:flex;flex-direction:column;align-items:center;gap:35px;font-size:17px;letter-spacing:.13em;color:#bfc0bf}.interlude i{height:80px;width:1px;background:linear-gradient(#7b7c79,transparent)}.offset-room{display:grid;grid-template-columns:1.4fr 1fr;gap:9vw;padding:40px 8vw 170px;align-items:center}.offset-photo{margin-left:-8vw}.offset-text h2{font-size:clamp(32px,4vw,58px);font-weight:400;letter-spacing:.08em;line-height:1.6;margin:28px 0 40px}.short-poem{font-size:19px;line-height:2.2;margin:0 0 35px}.quiet-room{padding:80px 15vw 160px}.quiet-heading{text-align:center;margin-bottom:65px}.quiet-heading h2{font-size:42px;font-weight:400;letter-spacing:.1em;margin:22px 0}.quiet-heading p{font-size:18px;line-height:2.1;color:#c8c9c6}.quiet-room figure{max-width:850px;margin:auto}.quiet-caption{display:flex;justify-content:space-between;gap:35px;max-width:850px;margin:30px auto}.quiet-caption p{font-size:13px;line-height:2.2;color:#aeb2b3;margin:0}.quiet-caption .draft-note{max-width:200px}.exit{padding:80px 8vw 100px;border-top:1px solid #383a3b}.exit>a:not(.back){display:flex;justify-content:space-between;align-items:center;font-size:clamp(30px,4vw,62px);letter-spacing:.08em;margin:25px 0 45px}.exit .back{font-size:11px;letter-spacing:.1em}footer{padding:26px 4.5vw;display:flex;justify-content:space-between;border-top:1px solid #383a3b;font-size:9px;letter-spacing:.13em;color:#85898b}dialog{border:0;padding:60px 4vw 25px;background:#101114;color:#f4f1ec;width:96vw;max-width:1800px;max-height:96svh}dialog::backdrop{background:rgba(0,0,0,.9)}dialog img{max-height:78svh;object-fit:contain}dialog p{text-align:center;font-size:15px}.close{position:absolute;right:25px;top:20px;background:none;border:0;font-size:11px;letter-spacing:.1em;cursor:pointer}@media(max-width:700px){header{padding:24px 6vw}.brand{font-size:17px}.brand span{font-size:11px}header nav{gap:16px;font-size:9px}header nav a:nth-child(2){display:none}.entrance{padding:65px 7vw 30px}.entrance>.overline{display:block;font-size:8px}.entrance>.overline span{display:block;margin-bottom:8px}.entrance-title{display:block;margin:28px 0 40px}h1{font-size:18vw}.entrance-title p{font-size:16px;margin:25px 0 0}.rooms{gap:16px;flex-direction:column;font-size:10px}.work-heading{padding:60px 7vw 30px}.work-heading h2{font-size:29px}.full{padding:0}.full figcaption{padding:16px 6vw}.zoom-label{font-size:8px;bottom:12px;right:12px;padding:8px}.story{display:block;padding:60px 8vw}.poem p{font-size:19px;margin:25px 0 30px}.commentary{margin-top:60px}.commentary h3{font-size:18px}.commentary p{font-size:13px}.interlude{padding:40px 8vw 60px;font-size:14px}.interlude i{height:55px}.offset-room{display:block;padding:20px 7vw 90px}.offset-photo{margin:0}.offset-text{padding:40px 2vw 0}.offset-text h2{font-size:32px;margin:20px 0 25px}.offset-text h2 br{display:none}.short-poem{font-size:17px}.quiet-room{padding:45px 7vw 90px}.quiet-heading{margin-bottom:40px}.quiet-heading h2{font-size:31px}.quiet-heading p{font-size:16px}.quiet-caption{display:block;margin-top:20px}.quiet-caption .draft-note{display:block;margin-top:20px;max-width:none}.exit{padding:60px 7vw}.exit>a:not(.back){font-size:27px}.overline{font-size:9px}footer{display:block;padding:25px 7vw;line-height:2}footer span{display:block}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.quiet-caption h3{font-size:19px;font-weight:400;line-height:1.8;margin:0 0 20px}.quiet-caption>div{max-width:520px}.quiet-caption dl{min-width:240px;margin-top:0}@media(max-width:700px){.quiet-caption h3{font-size:18px}.quiet-caption dl{margin-top:30px;min-width:0}.quiet-heading h2{font-size:clamp(25px,6vw,31px)}}