:root{color-scheme:dark;--ink:#ede9e2;--muted:#b2b1af;--ground:#0b0d10;font-family:Arial,Helvetica,sans-serif;background:var(--ground);color:var(--ink)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,canvas:focus-visible{outline:1px solid #e7d5ad;outline-offset:7px}[hidden]{display:none!important}
.museum{position:relative;isolation:isolate;width:100%;height:100vh;height:100svh;min-height:0;overflow:hidden;background:var(--ground)}
#scene,.still,.atmosphere{position:absolute;inset:0;width:100%;height:100%}#scene{display:block;opacity:0;transition:opacity 1.6s ease;touch-action:none;outline-offset:-10px;z-index:1}.still{object-fit:cover;opacity:.5;transition:opacity 1.6s ease;z-index:0}.atmosphere{pointer-events:none;z-index:2;background:linear-gradient(180deg,rgba(7,9,12,.72),transparent 20%,transparent 55%,rgba(7,9,12,.82)),radial-gradient(ellipse at 53% 45%,transparent 30%,rgba(7,9,12,.28) 80%,rgba(7,9,12,.7));}
html[data-view=ready] #scene{opacity:1}html[data-view=ready] .still{opacity:0}html[data-view=fallback] .still{opacity:.7}
.masthead{position:absolute;inset:0 0 auto;z-index:4;display:flex;align-items:flex-start;justify-content:space-between;padding:40px 48px;pointer-events:none}.masthead a{pointer-events:auto}.wordmark{font-size:13px;font-weight:500;letter-spacing:.23em;line-height:1.4}.wordmark span{display:block;margin-top:8px;color:var(--muted);font-size:11px;font-weight:400;letter-spacing:.035em}.photography-link{display:inline-flex;align-items:center;gap:25px;padding:3px 0 7px;font-size:12px;letter-spacing:.035em;color:#d8d7d2;border-bottom:1px solid transparent;transition:border-color .2s,color .2s}.photography-link:hover{color:#fff;border-color:#6c6d6d}.photography-link span{font-size:16px}
.caption{position:absolute;left:48px;bottom:114px;z-index:3;pointer-events:none}.eyebrow{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#c4c3be;margin:0 0 20px}.index{font-variant-numeric:tabular-nums;letter-spacing:.06em}.dash{display:inline-block;width:32px;height:1px;background:#8a8881}h1{margin:0 0 15px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(35px,4.15vw,66px);font-weight:400;line-height:1.08;letter-spacing:-.035em}.description{margin:0;color:#babbb8;font-size:13px;line-height:1.6;letter-spacing:.025em}
.colophon{position:absolute;inset:auto 48px 34px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#a2a5a4;font-size:9px;letter-spacing:.12em;pointer-events:none}.colophon p{margin:0}.colophon p span{padding:0 13px;color:#5d6569}.motion-control{display:flex;align-items:center;gap:23px;letter-spacing:.025em;font-size:10px}.motion-control button{pointer-events:auto;cursor:pointer;display:flex;align-items:center;gap:8px;border:1px solid #66707870;border-radius:50px;background:#0c11154d;padding:10px 13px;font-size:10px;letter-spacing:.015em;transition:background .2s}.motion-control button:hover{background:#273138b3}.motion-symbol{width:10px;text-align:center;font-size:11px}
.load-state{position:absolute;z-index:5;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:15px;text-align:center;color:#d4d2cb;font-size:11px;letter-spacing:.08em;white-space:nowrap;text-shadow:0 2px 20px #000}.load-mark{width:20px;height:20px;border:1px solid #e5ded933;border-top-color:#e5ded9;border-radius:50%;animation:breathe 2s linear infinite}.load-progress{font-size:9px;letter-spacing:.1em;color:#afb4b6;font-variant-numeric:tabular-nums;min-height:11px}.fallback{position:absolute;z-index:5;right:48px;bottom:112px;max-width:270px;border-left:1px solid #80898a70;padding-left:20px;text-shadow:0 1px 20px #000}.fallback p{font-size:12px;line-height:1.7;margin:0 0 7px;color:#dad9d2}.fallback .fallback-note{font-size:11px;color:#b1b5b4}.fallback button{border:0;border-bottom:1px solid #797e7c;background:none;padding:5px 0;margin-top:8px;font-size:11px;cursor:pointer}.fallback button span{margin-left:12px}.no-script{position:absolute;z-index:5;top:48%;left:50%;transform:translateX(-50%);font-size:12px;max-width:300px;text-align:center;color:#ddd}
@keyframes breathe{to{transform:rotate(360deg)}}
@media(max-width:700px){.masthead{padding:27px 24px}.wordmark{font-size:12px}.wordmark span{font-size:10px;margin-top:7px}.photography-link{gap:14px;font-size:11px}.caption{left:24px;right:24px;bottom:123px}.eyebrow{font-size:9px;gap:10px;margin-bottom:16px}h1{font-size:clamp(33px,8vw,51px);margin-bottom:12px}.description{font-size:12px}.colophon{left:24px;right:24px;bottom:max(23px,env(safe-area-inset-bottom));align-items:flex-start;flex-direction:column;gap:17px;font-size:8px}.motion-control{justify-content:space-between;width:100%;font-size:9px}.motion-control button{font-size:9px;padding:9px 12px}.fallback{left:24px;right:24px;bottom:237px;max-width:280px}.still{object-fit:cover}.atmosphere{background:linear-gradient(180deg,rgba(7,9,12,.72),transparent 24%,transparent 42%,rgba(7,9,12,.88)),radial-gradient(ellipse at 50% 44%,transparent 34%,rgba(7,9,12,.45))}}
@media(max-height:540px) and (min-width:701px){.masthead{padding-top:24px}.caption{bottom:83px}.caption h1{font-size:38px}.eyebrow{margin-bottom:12px}.colophon{bottom:23px}.fallback{bottom:87px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.load-mark{border-color:#d7d0be66}}