:root{color-scheme:dark;--bg:#101415;--ink:#e8e5dd;--muted:#999b95;--gold:#bda47a;--line:rgba(213,199,166,.18);--sans:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;--serif:"Baskerville","Times New Roman","Yu Mincho",serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,select{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible,canvas:focus-visible{outline:1px solid var(--gold);outline-offset:5px}button{border:0;background:none}button,select{touch-action:manipulation}button svg{pointer-events:none}#experience{position:relative;width:100%;height:100%;height:100dvh;min-height:360px;isolation:isolate}#world{display:block;width:100%;height:100%;touch-action:none;cursor:grab;outline-offset:-5px}#world.is-dragging{cursor:grabbing}.edge-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(4,8,10,.76),rgba(4,8,10,.26) 29%,transparent 57%),linear-gradient(0deg,rgba(4,8,10,.84),transparent 25%,transparent 83%,rgba(4,8,10,.25))}.interface{transition:opacity .7s,transform .7s,visibility .7s}.site-header{position:absolute;top:max(31px,env(safe-area-inset-top));left:max(39px,env(safe-area-inset-left));right:max(39px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:22px;z-index:3}.brand{display:flex;align-items:center;gap:15px;text-align:left;padding:0}.brand-mark{width:39px;height:39px;stroke:var(--gold);stroke-width:1}.brand>span{font-family:var(--serif);letter-spacing:.2em;font-size:25px;line-height:1.1}.brand small{display:block;font-family:var(--mono);font-size:7px;letter-spacing:.21em;color:#a9aaa1;margin-top:7px}.header-middle{display:flex;align-items:center;gap:15px;font-family:var(--mono);font-size:8px;letter-spacing:.21em;color:#8a918e;margin-left:45px}.hairline{height:1px;width:29px;background:var(--line)}.top-actions{display:flex;align-items:center;gap:29px}.text-button{font-size:10px;letter-spacing:.11em;color:#bfc0b7;padding:8px 0;display:flex;align-items:center;gap:8px;white-space:nowrap;transition:color .2s}.text-button:hover,.icon-button:hover{color:#fff}.text-button.active{color:#d1bd99}.orbit-icon{font-size:23px;line-height:1}.tiny-plus{font-size:17px;font-weight:200}.icon-button{display:inline-grid;place-items:center;width:36px;height:38px;padding:8px;color:#afb5ad;transition:color .2s,background .2s,border .2s}.icon-button:hover{background:rgba(185,175,150,.07)}.icon-button svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.icon-button[aria-pressed=true]{color:var(--gold)}.frame-corner{position:absolute;top:108px;width:12px;height:12px;border-top:1px solid var(--line);pointer-events:none;opacity:.6}.frame-corner.tl{left:40px;border-left:1px solid var(--line)}.frame-corner.tr{right:40px;border-right:1px solid var(--line)}.exhibit-note{position:absolute;top:145px;right:42px;width:185px;pointer-events:none}.micro-label{font-family:var(--mono);font-size:8px;letter-spacing:.15em;color:#8b948f}.micro-label b{font-weight:400;color:#dbcfb8;margin-left:15px}.note-rule{display:block;width:27px;height:1px;margin:19px 0 17px;background:#7a7766}.exhibit-note p{font-size:10px;line-height:2.2;letter-spacing:.15em;color:#c0c0b4;margin:0 0 19px}.note-coordinate{font-family:var(--mono);font-size:7px;letter-spacing:.1em;color:#7d8a87}.hero{position:absolute;bottom:192px;left:57px;pointer-events:none}.eyebrow{font-family:var(--mono);font-size:9px;letter-spacing:.22em;color:#b5a486;display:flex;gap:10px;align-items:center;line-height:1.6}.eyebrow>span{width:18px;height:1px;background:#a48f69}.hero h1{font-family:var(--serif);font-size:clamp(82px,8.9vw,154px);font-weight:400;letter-spacing:.13em;line-height:.99;margin:25px 0 24px;color:#e2dfd4;text-shadow:0 2px 35px rgba(0,0,0,.1)}.title-period{letter-spacing:0;color:var(--gold);font-size:.65em;margin-left:-.13em}.hero-tagline{font-family:var(--serif);font-size:16px;font-weight:400;letter-spacing:.19em;margin:0 0 24px;color:#d3d2c7}.hero-description{font-size:10px;line-height:2.35;letter-spacing:.16em;color:#949c96}.hero-meta{display:flex;gap:10px;align-items:center;margin-top:30px;font-size:6px;font-family:var(--mono);letter-spacing:.13em;color:#75827d}.hero-meta i{display:block;width:3px;height:3px;border:1px solid #728078;border-radius:50%}.interaction-hint{position:absolute;bottom:122px;left:57px;display:flex;gap:11px;align-items:center;color:#9aa39d;pointer-events:none;transition:opacity .7s}.interaction-hint>svg{width:15px;height:22px;stroke:#798a83;stroke-width:.85}.desktop-hint{font-size:9px;letter-spacing:.12em}.desktop-hint>span{display:block;font-family:var(--mono);font-size:6px;letter-spacing:.16em;color:#63766d;margin-top:7px}.mobile-hint{display:none}.lower-bar{position:absolute;left:40px;right:40px;bottom:max(46px,calc(env(safe-area-inset-bottom) + 25px));height:57px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid var(--line);padding-top:18px;gap:20px}.continuum-state{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:7px;letter-spacing:.14em;color:#a7b1a6}.continuum-state small{display:block;font-size:6px;letter-spacing:.12em;color:#6b7d73;margin-top:8px}.continuum-state small span{color:#9eac9b;margin-left:7px}.status-dot{width:4px;height:4px;border-radius:50%;background:#b9c4a5;box-shadow:0 0 9px #c4d99d45;animation:breathe 4.25s infinite}.status-dot.paused{animation:none;background:#927d5a;box-shadow:none}.view-switcher{display:flex;align-items:center;gap:6px}.view-button{padding:12px 20px;position:relative;border:1px solid transparent;display:flex;align-items:center;gap:14px;min-height:40px;transition:background .25s,border-color .25s,color .25s;color:#8f9d95}.view-button span{font-family:var(--mono);font-size:8px;letter-spacing:.07em;color:#778d7e}.view-button b{font-weight:400;font-size:10px;letter-spacing:.14em;white-space:nowrap}.view-button.selected{border-color:rgba(195,179,144,.22);background:rgba(177,167,139,.055);color:#ded7c5}.view-button.selected span{color:#c3ac80}.view-button.selected::before{content:"";position:absolute;left:-1px;top:50%;height:9px;width:1px;background:#b8a47d;transform:translateY(-50%)}.view-button:hover{color:#e5e6de;background:rgba(206,202,173,.05)}.playback-controls{display:flex;align-items:center;justify-self:end;gap:12px}.control-divider{height:17px;width:1px;background:var(--line);margin:0 6px}.bottom-caption{position:absolute;left:40px;right:40px;bottom:max(16px,calc(env(safe-area-inset-bottom) + 3px));display:flex;justify-content:space-between;font-family:var(--mono);font-size:6px;letter-spacing:.2em;color:#4c6459;pointer-events:none}.restore-ui{display:none;position:absolute;right:28px;top:max(22px,env(safe-area-inset-top));font-size:9px;color:#bbbdaf;letter-spacing:.15em;padding:11px 15px;background:rgba(11,16,17,.25);backdrop-filter:blur(8px);border:1px solid rgba(213,199,166,.13);align-items:center;gap:9px}.restore-ui span{font-size:16px;color:var(--gold)}body.cinema .interface{opacity:0;visibility:hidden;pointer-events:none}body.cinema .edge-shade{opacity:.25;transition:opacity .8s}body.cinema .restore-ui{display:flex;opacity:.45}body.cinema .restore-ui:hover{opacity:1}body.cinema .frame-corner{opacity:0}.toast{position:absolute;top:110px;left:50%;transform:translate(-50%,-8px);opacity:0;padding:11px 18px;font-size:11px;line-height:1.8;letter-spacing:.1em;background:rgba(13,20,21,.85);border:1px solid var(--line);color:#d2cebf;backdrop-filter:blur(12px);transition:opacity .3s,transform .3s;pointer-events:none;z-index:8;max-width:calc(100% - 32px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#101415;z-index:20;transition:opacity 1s,visibility 1s}.loading.done{opacity:0;visibility:hidden;pointer-events:none}.loading-name{font-family:var(--serif);font-size:29px;letter-spacing:.4em;margin:24px 0 16px;padding-left:.4em}.loading-caption{font-size:9px;letter-spacing:.2em;color:#8e968b}.loading #loading-progress{font-family:var(--mono);font-size:8px;letter-spacing:.2em;color:#a4916b;margin-top:12px}.loading-rings{position:relative;width:83px;height:83px}.loading-rings i{position:absolute;inset:0;border:1px solid #a792635c;border-radius:50%;border-right-color:#bda47a;animation:rotate 12s linear infinite}.loading-rings i:nth-child(2){inset:11px;transform:rotateX(65deg);animation:rotate 8s linear infinite reverse}.loading-rings i:nth-child(3){inset:23px;border-style:dotted;animation-duration:17s}.error-panel{position:absolute;inset:0;z-index:25;background:rgba(11,16,17,.98);padding:10vh 9vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.error-panel[hidden]{display:none}.error-panel h2{font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.6}.error-panel>p:not(.eyebrow){font-size:12px;color:#a5b0a8;line-height:2;max-width:600px;overflow-wrap:anywhere}.outline-button{border:1px solid var(--line);padding:12px 23px;letter-spacing:.12em;font-size:11px;margin-top:20px}dialog{border:1px solid rgba(183,167,135,.2);color:#d1d4c9;background:rgba(16,24,25,.97);box-shadow:0 30px 130px #0008;padding:44px 48px;width:min(548px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow-y:auto}dialog::backdrop{background:rgba(2,7,9,.7);backdrop-filter:blur(11px)}dialog[open]{animation:dialog-in .3s ease}.dialog-close{position:absolute;top:13px;right:14px;font-weight:200;font-size:27px;color:#95a698}dialog h2{font-family:var(--serif);font-size:36px;font-weight:400;letter-spacing:.1em;line-height:1.5;margin:23px 0}dialog>p:not(.eyebrow){font-size:11px;letter-spacing:.045em;line-height:2.25;color:#929f94}dialog .about-lead{font-family:var(--serif);font-size:17px!important;color:#c8ccb9!important;letter-spacing:.10em!important;margin:25px 0}.archive-data{display:grid;grid-template-columns:repeat(3,1fr);padding:23px 0;margin:29px 0 21px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.archive-data dt{font-size:9px;color:#829487;letter-spacing:.15em;margin-bottom:10px}.archive-data dd{margin:0;color:#c5bba1;font-size:11px;letter-spacing:.12em}.about-footnote{font-size:9px!important;color:#6c8376!important;line-height:2.05!important}.setting-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.12em;color:#c4cabb;margin:25px 0 12px}.setting-label small{font-family:var(--mono);font-size:7px;color:#73877a;letter-spacing:.09em}select{width:100%;color:#c9cbbb;background:#182224;padding:13px 15px;border:1px solid var(--line);border-radius:0;font-size:12px}.speed-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.speed-options button{font-family:var(--mono);font-size:12px;border:1px solid var(--line);padding:12px;color:#8c9c8d}.speed-options button.selected{background:#b59a6614;color:#d2bb8d;border-color:#b59a6666}.settings-help{border-top:1px solid var(--line);margin-top:28px;padding-top:13px}.settings-help p{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.05em;line-height:1.7}.settings-help b{font-weight:400;color:#859a8b}.settings-help span{color:#b0bba8}.noscript{position:fixed;inset:0;background:var(--bg);z-index:30;display:grid;place-items:center;padding:30px;line-height:2;font-size:14px}@keyframes breathe{50%{opacity:.35;box-shadow:0 0 4px #c4d99d20}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dialog-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.hero{left:5vw;bottom:23vh}.site-header{left:3vw;right:3vw}.exhibit-note{right:3vw}.lower-bar,.bottom-caption{left:3vw;right:3vw}.interaction-hint{left:5vw;bottom:140px}}
@media(max-width:1100px){.header-middle{display:none}.hero{left:39px;bottom:176px}.hero h1{font-size:100px}.hero-meta{font-size:5.8px}.top-actions{gap:22px}.interaction-hint{left:40px}.lower-bar{gap:10px}.view-button{padding:12px 13px;gap:10px}.playback-controls{gap:6px}.exhibit-note{right:31px;width:158px}}
@media(max-width:720px){.site-header{top:max(22px,env(safe-area-inset-top));left:22px;right:20px;gap:12px}.brand{gap:10px}.brand-mark{width:33px;height:33px}.brand>span{font-size:21px}.brand small{font-size:5.7px;letter-spacing:.12em}.top-actions{gap:14px}.text-button{font-size:9px;letter-spacing:.04em}#drift{display:none}.tiny-plus{display:none}.top-actions .icon-button{width:28px}.frame-corner{top:90px;width:8px;height:8px}.frame-corner.tl{left:22px}.frame-corner.tr{right:22px}.edge-shade{background:linear-gradient(0deg,rgba(4,8,10,.93),rgba(4,8,10,.39) 33%,transparent 67%),linear-gradient(90deg,rgba(4,8,10,.17),transparent 50%)}.exhibit-note{top:110px;right:22px;width:136px}.micro-label{font-size:6px;letter-spacing:.10em}.micro-label b{margin-left:8px}.note-rule{width:20px;margin:12px 0}.exhibit-note p{font-size:8px;letter-spacing:.08em;line-height:1.95}.note-coordinate{display:none}.hero{bottom:max(168px,calc(env(safe-area-inset-bottom) + 155px));left:25px}.eyebrow{font-size:6px;letter-spacing:.20em;gap:7px}.eyebrow>span{width:12px}.hero h1{font-size:76px;letter-spacing:.12em;margin:14px 0 16px}.hero-tagline{font-size:12px;letter-spacing:.16em;margin:0 0 14px}.hero-description{font-size:8px;line-height:2.05;letter-spacing:.12em;margin:0}.hero-meta{display:none}.interaction-hint{bottom:max(134px,calc(env(safe-area-inset-bottom) + 121px));left:25px;gap:7px}.interaction-hint>svg{width:12px;height:16px}.desktop-hint{display:none}.mobile-hint{display:inline;font-size:7px;letter-spacing:.07em;color:#899c8c}.lower-bar{left:21px;right:21px;bottom:max(34px,calc(env(safe-area-inset-bottom) + 19px));height:84px;grid-template-columns:1fr auto;padding-top:12px;gap:8px}.view-switcher{grid-row:1;grid-column:1 / 3;justify-content:space-between;gap:5px}.view-button{flex:1;justify-content:center;padding:10px 8px;gap:9px;min-height:35px}.view-button b{font-size:9px;letter-spacing:.08em}.view-button span{font-size:7px}.continuum-state{grid-column:1;grid-row:2;font-size:6px;gap:8px;letter-spacing:.08em}.continuum-state small{display:none}.status-dot{width:3px;height:3px}.playback-controls{grid-column:2;grid-row:2;gap:6px}.playback-controls .icon-button{width:29px;height:31px;padding:6px}.playback-controls .icon-button svg{width:16px;height:16px}.control-divider{margin:0 4px;height:12px}.bottom-caption{left:22px;right:22px;font-size:4.5px;bottom:max(12px,calc(env(safe-area-inset-bottom) + 2px));letter-spacing:.13em}.toast{top:88px;font-size:10px;width:max-content}.restore-ui{top:20px;right:20px}dialog{padding:35px 27px}dialog h2{font-size:30px}.archive-data{margin:22px 0}.about-footnote{font-size:8px!important}dialog .eyebrow{font-size:7px}}
@media(max-height:650px) and (min-width:721px){.hero{bottom:151px}.hero h1{font-size:83px;margin:15px 0}.hero-tagline{margin-bottom:14px;font-size:13px}.hero-description{font-size:9px}.hero-meta{display:none}.interaction-hint{bottom:110px}.site-header{top:20px}.exhibit-note{top:115px}.frame-corner{top:85px}.lower-bar{bottom:36px}.bottom-caption{bottom:10px}}
@media(max-height:740px) and (max-width:720px){.hero{bottom:max(163px,calc(env(safe-area-inset-bottom) + 150px))}.hero h1{font-size:59px;margin:10px 0}.hero-description{display:none}.hero-tagline{font-size:10px;margin:0}.hero .eyebrow{font-size:5.5px}.exhibit-note p{display:none}.exhibit-note{top:95px}.note-rule{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* In detail views the machinery, not the title, occupies the full stage. */
body[data-active-view="1"] .hero,body[data-active-view="2"] .hero{opacity:0;visibility:hidden}
body[data-active-view="1"] .edge-shade,body[data-active-view="2"] .edge-shade{opacity:.48;transition:opacity .8s}