:root{color-scheme:dark;--ink:#f3eadb;--muted:#c9bda9;--gold:#d4b47b;--line:#cba97e55;--progress:0;--reveal:0;--intro:1;--zoom:1}*{box-sizing:border-box}html{background:#102323;color:var(--ink);scrollbar-gutter:stable}body{margin:0;font-family:"Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}button:disabled{opacity:.3;cursor:default}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #ffe5a4;outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}h1,h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif}.keep{white-space:nowrap}.skip{position:fixed;z-index:100;top:10px;left:10px;padding:12px;background:#eee3cd;color:#102323;transform:translateY(-160%)}.skip:focus{transform:none}header{position:fixed;inset:0 0 auto;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 4vw;background:linear-gradient(#071313bd,transparent)}.brand{font-family:Georgia,serif;font-size:25px;line-height:1.2;letter-spacing:.04em}.brand span{display:block;font-family:sans-serif;font-size:8px;letter-spacing:.23em;margin-top:8px}nav{display:flex;align-items:center;gap:26px;font-size:13px}nav a,nav button{min-height:44px;display:flex;align-items:center}#motion{border:1px solid var(--line);background:#0d2222b8;padding:8px 16px;border-radius:30px;white-space:nowrap;font-size:12px}.journey{height:650svh;position:relative}.stage{position:sticky;top:0;height:100svh;min-height:640px;overflow:clip;background:#102323;isolation:isolate}.space{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(var(--zoom));filter:brightness(.75);transform-origin:54% 43%}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#0214149c,transparent 65%),linear-gradient(0deg,#031616a8,transparent 45%);z-index:1}.glow{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,#e1b95e21,transparent 65%);animation:breathe 8s ease-in-out infinite alternate}@keyframes breathe{to{opacity:.4}}.door{position:absolute;top:0;bottom:0;width:16%;z-index:3;background:linear-gradient(90deg,#031b1b,#183331e8);border-inline:1px solid #c6a06475;box-shadow:0 0 40px #0008;transform:translateX(calc(var(--progress)*-105%));pointer-events:none}.door-left{left:0}.door-right{right:0;transform:translateX(calc(var(--progress)*105%))}.intro{position:absolute;z-index:4;left:8%;top:30%;width:75%;opacity:var(--intro)}.eyebrow{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.24em;color:var(--gold)}h1{font-size:clamp(38px,5.1vw,78px);line-height:1.5;letter-spacing:.055em;margin-top:25px;text-shadow:0 4px 25px #001414}.lead{font-size:clamp(16px,1.4vw,21px);line-height:2;margin-top:23px;text-shadow:0 2px 15px #000}.enter{display:flex;align-items:center;justify-content:space-between;width:220px;max-width:100%;min-height:50px;border-bottom:1px solid var(--gold);margin-top:32px;font-size:18px}.enter span{font-size:28px}.quiet{display:block;width:max-content;max-width:100%;font-size:12px;min-height:44px;padding:14px 0;color:var(--muted)}.gallery{position:absolute;z-index:5;inset:0;opacity:var(--reveal);pointer-events:none}.gallery.active{pointer-events:auto}.gallery-heading{position:absolute;top:15%;width:100%;padding:0 18px;text-align:center;text-shadow:0 2px 15px #000}.gallery-heading h2{font-size:clamp(27px,3vw,45px);margin-top:10px}.gallery-heading>p:last-child{font-size:13px;color:var(--muted);margin-top:10px}.arc{position:absolute;top:39%;left:0;width:100%;height:42%;perspective:1100px}.exhibit{position:absolute;left:50%;top:0;width:clamp(270px,29vw,420px);padding:0;border:0;background:none;text-align:center;transition:none;transform-style:preserve-3d}.frame{display:block;padding:14px;background:linear-gradient(135deg,#e5ca94,#6e522c 2%,#ddc397 4%,#836036 6%,#e2c78f 9%,#947240 93%,#423223 97%,#dabe83);box-shadow:0 25px 40px #0009,inset 0 0 0 1px #ffe7b1;aspect-ratio:1.5}.art{height:100%;display:block;background:#eee8db;border:8px solid #eee8db;color:#173b37;overflow:hidden}.exhibit .label{display:block;margin-top:17px;font-family:"Yu Mincho",serif;font-size:21px;text-shadow:0 2px 10px #000}.exhibit .category{display:block;font-size:10px;letter-spacing:.16em;color:#e1cba5;margin-top:5px}.art svg{width:100%;height:100%;display:block}.controls{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:23px;white-space:nowrap}.controls button{border:1px solid var(--line);border-radius:50%;width:48px;height:48px;background:#0a2424ba;font-size:23px}.counter{font-family:Georgia,serif;min-width:68px;font-size:23px}.controls a{font-size:12px;min-height:44px;display:flex;align-items:center;padding:0 8px}.stage-foot{position:absolute;z-index:7;bottom:23px;left:4vw;right:4vw;display:flex;justify-content:space-between;color:var(--muted);font-size:9px;letter-spacing:.12em;pointer-events:none}.collection{position:relative;z-index:8;padding:70px 8vw 110px;background:#122a29;scroll-margin-top:90px}.section-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.14em;border-bottom:1px solid var(--line);padding-bottom:20px;gap:20px}.section-top a{min-height:44px;display:flex;align-items:center;letter-spacing:0}.collection-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:45px 0}.collection-heading h2{font-size:clamp(28px,3vw,45px);line-height:1.6}.collection-heading p{font-size:14px;color:var(--muted)}.row{width:100%;display:grid;grid-template-columns:40px 170px 1fr 40px;align-items:center;gap:26px;text-align:left;padding:24px 0;background:none;border:0;border-top:1px solid var(--line)}.row:last-child{border-bottom:1px solid var(--line)}.row .thumbnail{aspect-ratio:1.5;background:#eee8db;display:block}.thumbnail svg{width:100%;height:100%;display:block}.row .number{font-family:Georgia,serif;color:var(--gold);font-size:22px}.row h3{font-family:"Yu Mincho",serif;font-size:23px}.row p{margin-top:7px;font-size:13px;color:var(--muted)}.row .arrow{font-size:25px}footer{display:flex;justify-content:space-between;gap:20px;padding:30px 8vw;background:#091c1c;font-size:12px}footer a{min-height:44px;display:flex;align-items:center}dialog{width:min(950px,calc(100% - 36px));max-height:85svh;padding:0;background:#eee8db;color:#19332f;border:1px solid #b79761;overflow:auto;box-shadow:0 25px 90px #0009}dialog::backdrop{background:#031817c9;backdrop-filter:blur(7px)}dialog[open]{display:grid;grid-template-columns:40% 60%}.close{position:sticky;top:0;z-index:2;grid-column:1/-1;justify-self:end;min-height:48px;padding:10px 20px;background:#eee8db;border:0;border-bottom:1px solid #9c8057;color:#19332f}.detail-art{background:#d2d7ca;display:flex;align-items:center;padding:20px}.detail-art svg{width:100%;height:auto}.detail-copy{padding:22px 32px 35px}.detail-copy .eyebrow{color:#68512a}.detail-copy h2{font-size:28px;line-height:1.55}.detail-copy h3{font-size:14px;font-weight:bold;margin-top:24px}.detail-copy p,.detail-copy ol{font-size:15px;line-height:1.9;margin-top:8px}.detail-copy ol{padding-left:24px}.notice{border-top:1px solid #9d8b6d6b;padding-top:16px;color:#53605a}.demo-link{display:block;background:#153b36;color:#fff5de;padding:13px 20px;min-height:58px;margin-top:22px}.demo-link small{display:block;font-size:11px;color:#dfd8bf}body.detail-open{overflow:hidden}.paused *, .paused *::before,.paused *::after{animation-play-state:paused!important;transition:none!important}.no-js{padding:30px}.row:hover{background:#e9daba08}.exhibit:hover .frame{filter:brightness(1.08)}
@media(max-width:768px){header{padding:15px 16px;gap:8px;align-items:start}.brand{font-size:19px}.brand span{font-size:7px;letter-spacing:.12em}nav{gap:12px;font-size:12px;flex-wrap:wrap;justify-content:end;max-width:170px}#motion{font-size:11px;padding:6px 12px;min-height:44px}.stage{min-height:680px}.intro{left:7%;top:28%;width:86%}h1{font-size:clamp(35px,6vw,52px)}.lead{font-size:16px;max-width:310px}.door{width:9%}.space{object-position:50%}.gallery-heading{top:22%}.gallery-heading h2{font-size:28px}.gallery-heading>p:last-child{font-size:12px}.arc{top:43%;height:35%}.exhibit{width:270px}.exhibit .label{font-size:20px;margin-top:12px}.frame{padding:11px}.controls{bottom:10%;gap:15px;flex-wrap:wrap;justify-content:center;width:270px}.controls a{width:100%;justify-content:center}.stage-foot{font-size:8px;bottom:13px}.stage-foot span:last-child{letter-spacing:.04em}.collection{padding:45px 22px 65px;scroll-margin-top:110px}.collection-heading{display:block;margin:30px 0}.collection-heading p{margin-top:22px}.row{grid-template-columns:28px 1fr 24px;gap:12px;padding:22px 0}.row .thumbnail{grid-column:2;grid-row:1;width:150px}.row .number{grid-row:1}.row .row-copy{grid-column:2;grid-row:2}.row .arrow{grid-column:3;grid-row:1/3}.row h3{font-size:20px}.row p{font-size:14px}.section-top{font-size:9px;letter-spacing:.08em}.section-top a{font-size:12px}.collection-heading h2{font-size:29px}dialog[open]{grid-template-columns:1fr}.detail-art{display:none}.detail-copy{padding:20px 22px 28px}.detail-copy h2{font-size:25px}.detail-copy p,.detail-copy ol{font-size:16px}footer{padding:24px 22px;flex-wrap:wrap}.stage-foot span:first-child{max-width:135px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:768px) and (max-height:750px){.gallery-heading h2{font-size:24px}.exhibit{width:240px}.controls{bottom:5.5%}.intro{top:24%}h1{font-size:35px}.lead{margin-top:16px}.enter{margin-top:20px}}

/* Inquiry exhibit: the photograph includes its antique frame. */
.framed-photo{display:block;width:100%;height:100%;object-fit:contain}.frame:has(.framed-photo){padding:0;background:none;box-shadow:none;filter:drop-shadow(0 20px 22px #0009)}.art:has(.framed-photo){border:0;background:transparent;overflow:visible}.thumbnail:has(.framed-photo){background:transparent}.detail-art .framed-photo{height:auto;object-fit:contain}

.framed-media{position:relative;display:block;width:100%;height:100%}.chart-video{position:absolute;left:11.4%;top:16.6%;width:77.2%;height:63.8%;object-fit:fill;background:#17383b;pointer-events:none}.chart-video[hidden]{display:none}