:root{color-scheme:dark;--ink:#f4f4ef;--muted:#b9bdc0;--panel:#171d20;--accent:#d6c28b;--line:#ffffff26;font-family:Arial,Helvetica,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:#171c1f;color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,#scene:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{border:0}button[hidden],[hidden]{display:none!important}button:hover{filter:brightness(1.14)}button:disabled{cursor:default;opacity:.5}#experience{position:relative;width:100%;height:100svh;min-height:540px;overflow:hidden}#scene{position:absolute;inset:0;touch-action:none;outline:0;cursor:grab}#scene:active{cursor:grabbing}#scene canvas{display:block;width:100%;height:100%}.topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:36px;padding:30px 38px;background:linear-gradient(#121719e0,#12171970,transparent);pointer-events:none;z-index:3}.topbar>*{pointer-events:auto}.wordmark{font-size:25px;font-weight:900;letter-spacing:-1.3px;color:var(--ink);text-decoration:none}.wordmark span{color:var(--accent)}.wordmark-period{padding-left:2px}.exhibition{display:flex;flex-direction:column;gap:7px;font-size:13px;letter-spacing:2px;border-left:1px solid var(--line);padding-left:30px}.exhibition .muted{font-size:13px;letter-spacing:.4px}.muted{color:var(--muted)}nav{margin-left:auto;display:flex;align-items:center;gap:10px}.glass-button,.icon-button,.primary-button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:45px;padding:12px 18px;border:1px solid #ffffff30;background:#161d20ce;backdrop-filter:blur(14px);border-radius:3px;font-size:14px;transition:background .2s}.glass-button:hover,.icon-button:hover{background:#354047}.icon-button{width:45px;padding:12px;font-size:18px}.icon-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}.count{font-size:12px;color:var(--muted)}.primary-button{color:#15191b;background:#edece4;border-color:#edece4}.primary-button svg{width:16px;height:16px;fill:currentColor}.floor-caption{position:absolute;left:38px;bottom:143px;pointer-events:none;text-shadow:0 2px 22px #0009;transition:opacity .5s,transform .5s}.floor-caption.dismissed{opacity:0;transform:translateY(8px)}.eyebrow{font-size:12px;letter-spacing:2.3px;font-weight:500}.floor-caption h1{font-size:clamp(34px,4vw,58px);line-height:1.1;letter-spacing:-2.2px;font-weight:400;margin:16px 0}.floor-caption p{font-size:15px;line-height:1.6;color:#e1e4e5;margin:0}.bottom-ui{position:absolute;bottom:0;left:0;right:0;min-height:126px;background:linear-gradient(transparent,#0e1317d9);padding:36px 38px 28px;display:flex;align-items:flex-end;gap:30px;pointer-events:none;z-index:2}.bottom-ui>*{pointer-events:auto}.tour-controls{display:flex;gap:10px;flex-shrink:0}.move-hint{display:flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap;color:#c9ced0;margin:auto auto 11px}.keycap{display:inline-flex;align-items:center;justify-content:center;width:22px;height:23px;background:#12191da1;border:1px solid #ffffff50;border-radius:3px;color:#fff;font-size:12px}.move-hint i{height:12px;width:1px;background:#ffffff50;margin:0 8px}.move-hint>span:nth-child(5){margin-left:5px}.art-info{background:#12181bda;border:1px solid var(--line);backdrop-filter:blur(16px);border-radius:3px;padding:17px 22px;text-align:left;display:flex;flex-direction:column;gap:8px;max-width:320px;min-width:240px;margin-left:auto}.art-info #art-title{font-size:18px;line-height:1.3}.detail-link{font-size:13px;color:var(--accent)}.detail-link span{float:right}.center-hint{position:absolute;left:50%;top:56%;transform:translateX(-50%);font-size:13px;background:#161e21b8;padding:10px 15px;border:1px solid #ffffff30;border-radius:30px;pointer-events:none;transition:opacity .5s}.center-hint.dismissed{opacity:0}.crosshair{position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:50%;background:#ffffff90;pointer-events:none}#loading{position:absolute;inset:0;z-index:5;background:#181e21;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .5s}.loading-mark{font-size:70px;letter-spacing:-9px;color:var(--accent)}#loading p{font-size:16px;letter-spacing:1px;margin:26px 0 14px}#load-count{font-size:13px;color:var(--muted)}#loading.done{opacity:0;pointer-events:none}dialog{color:var(--ink);background:var(--panel);border:1px solid #ffffff24;padding:30px;border-radius:5px;max-height:90svh;box-shadow:0 30px 100px #0007}dialog::backdrop{background:#0a1018b8;backdrop-filter:blur(8px)}.dialog-heading{display:flex;justify-content:space-between;gap:25px}.dialog-heading h2,dialog h2{font-weight:400;letter-spacing:-1px;font-size:32px;margin:12px 0 20px}.close-button{width:42px;height:42px;min-width:42px;background:#313a40;color:#fff;border:1px solid #ffffff25;font-size:27px;border-radius:3px;display:flex;align-items:center;justify-content:center}.works-dialog{width:min(960px,calc(100% - 32px))}.dialog-intro{font-size:15px;color:var(--muted);margin:0 0 26px}#works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px}.work-tile{background:transparent;padding:0;text-align:left;display:flex;flex-direction:column}.work-image{background:#252e33;height:200px;width:100%;padding:15px;display:flex;align-items:center;justify-content:center;transition:background .2s}.work-image img{max-width:100%;height:100%;object-fit:contain;box-shadow:0 4px 15px #0005}.work-tile:hover .work-image{background:#364148}.work-tile .tile-title{font-size:15px;line-height:1.4;margin:12px 0 5px}.work-tile .tile-meta{font-size:12px;line-height:1.5;color:var(--muted)}.source-note{margin:30px 0 0;font-size:12px;color:var(--muted);line-height:1.6;max-width:680px}.art-dialog{width:min(1120px,calc(100% - 32px));padding:0}.art-dialog[open]{display:grid;grid-template-columns:1.6fr 1fr}.art-dialog>.close-button{position:absolute;right:18px;top:18px;z-index:1}.art-view{background:#0e1316;min-height:500px;height:min(76svh,760px);display:flex;align-items:center;justify-content:center;padding:32px}.art-view img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 10px 35px #0007}.art-description{display:flex;flex-direction:column;justify-content:center;padding:65px 30px 34px}.art-description h2{line-height:1.2;margin-top:20px}.art-description p{font-size:15px;line-height:1.7;white-space:pre-line}.art-description #detail-note{font-size:13px}.art-pager{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:28px}.art-pager button{font-size:13px;padding:10px}.art-pager>span{font-size:12px;color:var(--muted)}.help-dialog{width:min(520px,calc(100% - 32px));padding:38px}.help-dialog>.close-button{float:right;margin:-18px -18px 0 20px}.help-dialog h2{line-height:1.2}.help-dialog dl{margin:30px 0}.help-dialog dt{font-size:15px;color:var(--accent);margin-top:20px}.help-dialog dd{margin:8px 0;font-size:15px;line-height:1.65;color:var(--muted)}.touch-controls{display:none;position:absolute;bottom:106px;left:22px;text-align:center;z-index:2}.touch-controls button{width:46px;height:46px;border:1px solid #ffffff48;background:#1a232bc7;margin:2px;border-radius:5px;font-size:24px;touch-action:none;user-select:none}.touch-controls button:active{background:#76673e}#toast{position:absolute;top:112px;left:50%;transform:translateX(-50%);padding:12px 18px;background:#161d20ed;border:1px solid var(--line);border-radius:3px;max-width:90%;font-size:14px;z-index:4}.no-script{position:fixed;inset:35% 10%;padding:30px;background:var(--panel);z-index:10}.no-script a{color:var(--accent)}body.fallback #scene{display:none}body.fallback .crosshair,body.fallback .touch-controls{display:none}body.fallback .floor-caption{top:28%;bottom:auto}body.fallback .center-hint{display:none}@media(pointer:coarse){.touch-controls{display:block}.move-hint{display:none}.floor-caption{bottom:290px}.center-hint{top:58%}}@media(max-width:1050px){.move-hint{display:none}}@media(max-width:700px){#experience{min-height:520px}.topbar{padding:22px 20px;gap:20px}.wordmark{font-size:22px}.exhibition{display:none}nav{gap:7px}.icon-button{width:40px;min-height:40px}.glass-button{min-height:40px;padding:10px 12px}#fullscreen-button{display:none}.bottom-ui{padding:28px 20px 22px;gap:15px;min-height:105px}.floor-caption{left:22px;bottom:274px}.floor-caption h1{font-size:40px}.floor-caption p{font-size:14px}.floor-caption .eyebrow{font-size:12px}.tour-controls{gap:7px}.tour-controls .primary-button{font-size:13px;padding:10px 13px;gap:8px}.art-info{position:absolute;bottom:115px;right:20px;min-width:0;width:calc(100% - 205px);max-width:240px;padding:13px;gap:7px}.art-info #art-title{font-size:15px}.art-info .eyebrow{font-size:12px;letter-spacing:1px}.art-info .detail-link{font-size:12px}.touch-controls{left:18px;bottom:119px}.center-hint{top:46%;white-space:nowrap;font-size:12px}.works-dialog{padding:22px}#works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.work-image{height:170px;padding:10px}.dialog-heading h2{font-size:28px}.art-dialog[open]{display:block}.art-view{min-height:0;height:49svh;padding:25px}.art-description{padding:22px}.art-description h2{font-size:27px;margin:14px 0}.art-description p{margin:7px 0}.art-description .eyebrow{font-size:12px}.art-pager{margin-top:20px}.help-dialog{padding:30px}.help-dialog h2{font-size:28px}#toast{top:95px}}@media(max-height:620px) and (min-width:701px){.floor-caption{bottom:127px}.floor-caption h1{font-size:34px;margin:12px 0}.floor-caption p{display:none}.art-view{min-height:0;height:82svh}.art-description{padding:48px 24px 20px}.art-description h2{font-size:26px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* After Hours: restrained brass, midnight blue and burgundy club lighting. */
:root{--ink:#f2ece1;--muted:#adb6bc;--panel:#101923;--accent:#e6bd80;--line:#b9c7d229}body{background:#080e15}.topbar{padding-top:27px;background:linear-gradient(#080e15e8,#080e1570,transparent)}.wordmark{letter-spacing:-1.2px}.exhibition{font-size:13px;letter-spacing:2.6px}.exhibition .muted{font-size:12px;letter-spacing:.3px}.floor-caption h1{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-2px;font-size:clamp(44px,4.8vw,72px);margin:15px 0}.floor-caption h1 span{color:var(--accent)}.floor-caption p{color:#d9d7d2}.floor-caption{bottom:142px}.bottom-ui{background:linear-gradient(transparent,#080e15e8)}.primary-button{background:#e6c794;border-color:#e6c794}.glass-button,.icon-button{background:#101821cc;border-color:#b6c6d02f}.vr-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#1e3b3d;color:#dbf2e9;border:1px solid #67b6aa7d;min-height:45px;padding:11px 16px;font-size:14px;border-radius:3px}.vr-button:hover{background:#315856}.vr-button svg{height:22px;width:24px;fill:none;stroke:currentColor;stroke-width:1.35}.sound-button{min-width:92px}.sound-button[aria-pressed=true]{color:#a8e3d4;border-color:#70b7aa80}#loading{background:#10151f}.loading-mark{color:#e6bd80}.art-info{background:#101923e6}.work-image{background:#1a2730}.work-tile:hover .work-image{background:#263d44}.center-hint{background:#14242baf}.help-dialog>p{font-size:15px;line-height:1.7;color:#c1c8cc}#vr-launch{margin-top:20px}.vr-active .topbar,.vr-active .bottom-ui,.vr-active .floor-caption,.vr-active .crosshair,.vr-active .center-hint,.vr-active .touch-controls{visibility:hidden}@media(max-width:1150px){.exhibition .muted{display:none}.topbar{gap:25px}.exhibition{padding-left:22px}}@media(max-width:700px){.topbar{padding:20px 15px;gap:12px}.wordmark{font-size:21px}nav{gap:6px}#help-button{display:none}.vr-button{font-size:13px;min-height:40px;padding:9px 10px;gap:6px}.vr-button svg{width:20px;height:20px}#works-button{padding:9px 10px}.bottom-ui{padding:25px 18px 20px}.tour-controls{gap:6px;flex-wrap:wrap;max-width:100%}.sound-button{min-width:0;font-size:12px}.floor-caption{bottom:277px}.floor-caption h1{font-size:49px}.floor-caption p{font-size:14px}.touch-controls{bottom:120px}.help-dialog>p{font-size:14px}.art-info{bottom:120px}#vr-button+ #works-button .count{display:none}}@media(max-width:390px){.wordmark{font-size:19px}.vr-button{padding:9px 8px}.vr-button svg{display:none}.tour-controls .primary-button{padding:10px}.sound-button{padding:9px}.floor-caption{left:20px}.floor-caption h1{font-size:45px}}
