:root{--ivory:#eeeadf;--gold:#c7b78b;--dim:#a9a9c1;--night:#11172b;--line:#d9d2b72b}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--night);color:var(--ivory);font:12px 'Jost',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{border:0;color:inherit;background:none;cursor:pointer;font:inherit}button:hover,a:hover{color:#fff7cd}button:focus-visible,a:focus-visible{outline:1px solid var(--gold);outline-offset:5px}a{color:inherit;text-decoration:none}svg{fill:none;stroke:currentColor;stroke-width:1}button svg{width:18px;height:18px;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none;cursor:grab;outline:none}#world:active{cursor:grabbing}#vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,#080e24a6,transparent 22%,transparent 67%,#080e24a0),linear-gradient(90deg,#080e243b,transparent 50%);box-shadow:inset 0 0 160px #0a102740}#fade{position:fixed;inset:0;background:#0e152a;opacity:0;pointer-events:none;transition:opacity .3s;z-index:50}#fade.on{opacity:1}header{z-index:5;position:fixed;top:27px;left:34px;right:34px;display:flex;justify-content:space-between;align-items:center;gap:20px}#home{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:2px}#home small{display:block;font-size:6px;letter-spacing:2.5px;margin-top:7px;color:#bcb7cf}.seal{width:38px;height:38px;color:var(--gold);stroke-width:.65}.current{display:flex;flex-direction:column;gap:6px;text-align:center}.current span:first-child{font-size:7px;letter-spacing:2px;color:var(--gold)}.current span:last-child{font:italic 18px 'Cormorant Garamond',Georgia,serif}header nav{display:flex;align-items:center;gap:17px;font-size:9px}#sound,#fullscreen{padding:0;height:22px;display:grid;place-items:center}#vr{border:1px solid #d2c39966;padding:10px 16px;background:#10182a55;color:#e7ddbd;font-size:9px}#intro{position:fixed;z-index:3;left:6%;bottom:143px;width:330px;text-shadow:0 2px 18px #050d28;transition:opacity .45s,transform .45s}.overline{font-size:7px;letter-spacing:2px;color:var(--gold);line-height:1.6}h1{font:400 58px/.93 'Cormorant Garamond',Georgia,serif;letter-spacing:-1.3px;margin:19px 0}h1 em{font-weight:400;color:#d5cfe8}#intro p{font-size:10px;line-height:1.9;color:#d2d0dd;margin:0 0 22px}.primary{font-size:10px;padding:14px 20px;border:1px solid #d8c79999;background:#d9ceaf;color:#252b3d;min-height:42px}.primary:hover{color:#1d2436;background:#ede2c4}.primary span{margin-left:26px}.quiet{font-size:8px;display:block;color:#c0bbd2;padding:15px 0 0}.exploring #intro{opacity:0;transform:translateY(10px);pointer-events:none}#map{z-index:4;position:fixed;bottom:114px;right:30px;width:146px;color:#d3c79f}#plan-button{padding:0;width:100%}#map svg{width:143px;height:143px}.paths{stroke:#c1b38d77;stroke-width:5}.map-room{fill:#10182f99;stroke:#bdae8177;stroke-width:1.3}.entry-room{fill:#10182f88;stroke:#bdae8177}.tree-dot{stroke:#a8b7b5;fill:#a8b7b52b}#map text{font:11px 'Jost',Arial,sans-serif;fill:#cfbd8d;stroke:none;text-anchor:middle}#player-dot{fill:#f1dfb6;stroke:#fff4db;stroke-width:1.5}#plan-button>span{display:flex;justify-content:center;gap:15px;font-size:6px;letter-spacing:1.5px}#plan-button b{font-size:10px;font-weight:400}footer{z-index:6;position:fixed;bottom:0;left:0;right:0;height:77px;background:linear-gradient(180deg,#11172bc9,#11172bf5);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:18px}.destinations{display:flex;gap:5px}.destinations button{display:flex;gap:9px;align-items:center;padding:12px 14px;font-size:9px;color:#bdbbd1;border:1px solid transparent;white-space:nowrap}.destinations small{font-size:8px;color:#a89b78}.destinations .active{border-color:#b8a56b66;background:#c1b29110;color:#eee3c6}.destinations .active small{color:#dec698}#collection-button{font-size:9px;white-space:nowrap;display:flex;align-items:center;gap:12px}#collection-button span{border:1px solid #b8aa7c66;padding:6px;font-size:8px;color:#cebd8f}#help{position:fixed;bottom:95px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:1.1px;color:#dad4e1;text-shadow:0 1px 6px #050b26;pointer-events:none}#help span{padding:0 10px;color:#b9a474}.reticle{position:fixed;left:50%;top:50%;height:3px;width:3px;border-radius:50%;border:1px solid #f8ecc877;pointer-events:none}.movement{display:none}#detail{position:fixed;top:0;right:0;bottom:77px;width:385px;max-width:100%;background:#e8e5df;color:#2e3045;z-index:12;overflow:auto;box-shadow:-15px 0 100px #070e3488}.close{position:absolute;right:17px;top:13px;width:32px;height:32px;background:#e8e5dfe8;border-radius:50%;font-size:25px;color:#393b50;z-index:2}.close:hover{color:#817253}.detail-image{height:40%;min-height:200px;padding:30px;background:#d1cfd0;display:flex;justify-content:center;align-items:center}.detail-image img{max-width:100%;max-height:100%;object-fit:contain}.detail-body{padding:27px 31px}#detail .overline{color:#837655;font-size:7px}h2{font:400 39px/1 'Cormorant Garamond',Georgia,serif;margin:14px 0 22px}.detail-body h2{font-size:32px}.detail-body p{font-size:11px;line-height:1.9}.detail-body .meta{font-size:10px;color:#66677b;margin:0}.detail-body .material{font-size:9px;color:#858292;margin:6px 0 21px}.object-nav{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #9d957d55;padding-top:17px;margin-top:25px}.object-nav button{font-size:22px}.object-nav span{font-size:8px;color:#82775c;letter-spacing:2px}dialog{position:fixed;margin:auto;width:min(650px,calc(100% - 32px));max-height:88vh;overflow:auto;background:#e8e5df;border:1px solid #b1a78a;color:#303249;padding:48px;box-shadow:0 35px 130px #030b2999}dialog::backdrop{background:#050b24b0;backdrop-filter:blur(7px)}dialog .overline{color:#8d7b50}dialog h2{font-size:47px}dialog p{font-size:11px;line-height:1.95;color:#66677c}.source-links{display:flex;flex-direction:column;align-items:flex-start;gap:15px;margin:22px 0 26px;font-size:10px}.source-links a{border-bottom:1px solid #9a8b6766;padding-bottom:4px}.instructions{border-top:1px solid #9a8b6744;padding-top:20px}.instructions h3{font:400 27px 'Cormorant Garamond',Georgia,serif;margin:0}.instructions p{font-size:10px}#plan-dialog{width:min(800px,calc(100% - 32px));padding:40px}.large-plan{display:grid;grid-template-columns:1fr 1.12fr 1fr;grid-template-rows:135px 152px 135px;align-items:center;justify-items:center;gap:12px;position:relative}.large-plan:before{content:'';position:absolute;top:50%;left:12%;right:12%;height:1px;background:#9d916c66;pointer-events:none}.large-plan:after{content:'';position:absolute;left:50%;top:10%;bottom:10%;width:1px;background:#9d916c66;pointer-events:none}.large-plan>div{z-index:1;width:100%;height:100%;display:flex;justify-content:center}.large-plan button{width:100%;max-width:175px;border-radius:50%;border:1px solid #a99c7788;background:#dedbd7;color:#45455d;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px}.large-plan button:hover{background:#d1ccc6;color:#6e6041}.large-plan small{font-size:7px;letter-spacing:1.3px;color:#8f7b51}.large-plan strong{font:400 23px/.97 'Cormorant Garamond',Georgia,serif}.large-plan span{font-size:7px;color:#8a8493}.plan-n{grid-column:2;grid-row:1}.plan-w{grid-column:1;grid-row:2}.plan-c{grid-column:2;grid-row:2}.plan-c button{background:#cbc9d2;border-color:#a39269}.plan-e{grid-column:3;grid-row:2}.plan-s{grid-column:2;grid-row:3}.plan-note{font-size:9px!important;text-align:center;margin:25px 0 0}#collection-dialog{width:min(1110px,calc(100% - 32px));padding:42px}.filters{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0 29px}.filters button{font-size:9px;border:1px solid #9f947559;color:#757286;padding:9px 13px}.filters .active{background:#343650;color:#e7dfc8;border-color:#343650}#collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:27px 20px}.art-card{text-align:left;padding:0;color:#34354a}.art-card:hover{color:#958156}.art-card figure{height:180px;display:flex;align-items:center;justify-content:center;background:#d6d3d0;padding:14px;margin:0 0 12px}.art-card img{object-fit:contain;max-width:100%;max-height:100%;transition:transform .3s}.art-card:hover img{transform:scale(1.04)}.art-card small{font-size:6px;color:#8b7a53;letter-spacing:1.1px}.art-card h3{font:500 22px/1.03 'Cormorant Garamond',Georgia,serif;margin:8px 0}.art-card p{font-size:8px;line-height:1.6;margin:0}.credit{border-top:1px solid #a39a7e55;padding-top:20px;font-size:9px!important;margin:30px 0 0}.credit a{text-decoration:underline}#toast{position:fixed;z-index:30;bottom:115px;left:50%;transform:translateX(-50%);background:#dbd3c0;color:#33374d;padding:12px 20px;font-size:10px;max-width:90%;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}#loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:60;background:#10172d;transition:opacity .5s}.load-symbol{font-size:55px;color:#b6a888;animation:spin 6s linear infinite}#loading p{font:italic 26px 'Cormorant Garamond',Georgia,serif;color:#c9c3d7;margin:20px 0}#loading small{font-size:7px;letter-spacing:3px;color:#8f8ba5}@keyframes spin{to{transform:rotate(360deg)}}.no-js{position:fixed;inset:25%;z-index:80;padding:30px;background:#10172d}.vr-active header,.vr-active footer,.vr-active #map,.vr-active #intro,.vr-active #hud,.vr-active #detail,.vr-active #vignette{display:none!important}
@media(max-width:1100px){.current{display:none}.destinations button{padding:12px 9px;font-size:8px}.destinations{gap:2px}#map{right:25px;width:120px}#map svg{width:120px;height:120px}#collection-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){header{left:20px;right:20px;top:20px;gap:12px}#home{font-size:7px;letter-spacing:1.4px;gap:8px}#home small{font-size:5px;letter-spacing:1.3px}.seal{width:29px;height:29px}header nav{gap:14px}#about,#fullscreen{display:none}#vr{font-size:8px;padding:8px 9px}#intro{left:7%;bottom:155px;width:80%}.overline{font-size:6px;letter-spacing:1.5px}h1{font-size:49px;margin:15px 0}#intro p{font-size:9px;line-height:1.9}.primary{font-size:9px;padding:13px 18px}.quiet{font-size:7px}#map{bottom:155px;right:15px;width:90px;opacity:.85}#map svg{width:90px;height:90px}#plan-button>span{font-size:5px;gap:7px}body:not(.exploring) #map{display:none}footer{height:107px;padding:7px 10px 11px;flex-wrap:wrap;justify-content:center;gap:0}.destinations{width:100%;overflow-x:auto;justify-content:space-between}.destinations button{font-size:6px;padding:12px 6px;gap:5px}.destinations small{font-size:7px}#collection-button{font-size:8px;gap:8px}#collection-button span{padding:4px;font-size:7px}#help{bottom:126px;font-size:5px;letter-spacing:.6px;padding:0 15px}#help span{padding:0 5px}.movement{position:fixed;bottom:165px;left:20px;display:flex;flex-direction:column;align-items:center;gap:5px}.movement>div{display:flex;gap:5px}.movement button{width:34px;height:34px;font-size:16px;border:1px solid #bdb3a366;background:#10182d77;touch-action:none}#detail{bottom:107px;width:100%}.detail-image{height:37%;min-height:170px}.detail-body{padding:23px 27px}.detail-body h2{font-size:31px}dialog{padding:37px 26px}dialog h2{font-size:39px}#plan-dialog{padding:35px 17px}.large-plan{gap:6px;grid-template-rows:105px 115px 105px}.large-plan button{gap:7px}.large-plan small{font-size:5px;letter-spacing:.5px}.large-plan strong{font-size:18px}.large-plan span{font-size:5px}#collection-dialog{padding:36px 22px}#collection-grid{grid-template-columns:repeat(2,1fr);gap:22px 14px}.art-card figure{height:148px;padding:9px}.art-card h3{font-size:20px}.filters button{font-size:7px;padding:8px 9px}.art-card small{font-size:5px}#toast{bottom:130px}#vignette{box-shadow:inset 0 0 90px #0a102744}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
#hotspots{position:fixed;inset:0;pointer-events:none;z-index:4}.hotspot{position:absolute;pointer-events:auto;display:flex;align-items:center;gap:10px;transform:translate(-50%,-50%);padding:10px 13px;background:#1015297a;border:1px solid #d4c6a333;backdrop-filter:blur(4px);text-align:left;color:#ede4ca;text-shadow:0 2px 8px #000}.beacon{width:15px;height:15px;flex-shrink:0;border-radius:50%;border:1px solid #f4dfa1;box-shadow:0 0 0 5px #dac28516,0 0 23px #f7dca377;background:#d9c38b55}.path-label{font:400 19px 'Cormorant Garamond',Georgia,serif;white-space:nowrap}.path-label small{display:block;font:7px 'Jost',Arial,sans-serif;color:#c8c0cf;letter-spacing:.5px;margin-top:4px}.hotspot:hover{background:#24273cbb;color:#fff4d4}.vr-active #hotspots{display:none!important}.current{pointer-events:none;text-shadow:0 2px 10px #080e29}body:not(.exploring) #vignette{background:linear-gradient(90deg,#060d2677,transparent 60%),linear-gradient(0deg,#080e24a0,transparent 50%,#080e2477)}
@media(max-width:1100px){body.exploring .current{display:flex;position:fixed;top:101px;left:34px;text-align:left;gap:7px}.current span:last-child{font-size:23px}}@media(max-width:700px){body.exploring .current{top:85px;left:22px;max-width:80%}.current span:first-child{font-size:6px}.current span:last-child{font-size:22px}.hotspot{padding:8px 10px;gap:8px}.path-label{font-size:17px}.path-label small{font-size:6px}.beacon{width:11px;height:11px}}
/* Reading spaces: quiet pearl paper, one column, an always available entrance. */
#reading-panel{position:fixed;inset:0 0 0 auto;margin:0;padding:0;width:min(570px,49vw);max-width:100%;height:100dvh;max-height:100dvh;overflow:hidden;border:0;border-left:1px solid #c5c7c3aa;border-radius:18px 0 0 18px;background:radial-gradient(ellipse at 0 0,#e8e9f2 0,transparent 44%),linear-gradient(130deg,#f5f3ed,#eaece9);color:#353d43;box-shadow:-14px 0 90px #101a272b;animation:reading-in .36s cubic-bezier(.2,.75,.2,1)}
#reading-panel:not([open]){display:none}#reading-panel::backdrop{background:#101c2729;backdrop-filter:none}.reading-shell{height:100%;display:flex;flex-direction:column}.reading-close{position:absolute;z-index:3;right:22px;top:18px;display:grid;place-items:center;width:38px;height:38px;border:1px solid #b6bbb666;border-radius:50%;color:#616c70;background:#f5f5efbb;font-size:25px}.reading-close:hover{background:#fff;color:#344b42}.reading-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b5b9b1 transparent;padding:67px 47px 34px}.reading-heading{position:static;display:block;margin:0 0 30px;inset:auto}.reading-eyebrow{font-size:8px;letter-spacing:2px;color:#7c856e;line-height:1.7}.reading-rule{display:block;width:34px;height:1px;background:#b8ab83;margin:23px 0}.reading-heading h2{font:400 48px/.99 'Cormorant Garamond',Georgia,serif;letter-spacing:-.7px;color:#3d4949;margin:0 0 17px;outline:none}.reading-heading p{font:italic 21px/1.3 'Cormorant Garamond',Georgia,serif;color:#7c8884;margin:0}.reading-copy p{font:400 14px/1.95 'Jost',Arial,sans-serif;letter-spacing:0;color:#505b60;margin:0 0 24px;white-space:pre-line}.reading-copy p:last-child{margin-bottom:0}.reading-signature{border-top:1px solid #bbc2b655;margin-top:35px;padding-top:20px;font:italic 20px 'Cormorant Garamond',Georgia,serif;color:#7b8270}.reading-signature span{display:block;font:7px 'Jost',Arial,sans-serif;letter-spacing:1.5px;margin-top:8px;text-transform:uppercase;color:#989c90}.reading-footer{position:static;inset:auto;display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:18px;height:auto;min-height:96px;padding:20px 38px;border-top:1px solid #bac1b466;background:#edf0e9ed}.reading-footer>span{font-size:7px;line-height:1.6;letter-spacing:1.5px;color:#8b917e;max-width:155px}.reading-footer button{display:flex;align-items:center;justify-content:center;min-height:45px;padding:12px 19px;background:#dde4d9;color:#405448;border:1px solid #b4bda6aa;font-size:10px;white-space:nowrap}.reading-footer button:hover{color:#283c30;background:#d3dfcd}.plan-essay{display:block;margin:20px auto 0;padding:10px 0;color:#848c76;font-size:9px;border-bottom:1px solid #aeb7a066}#room-essay{pointer-events:auto;padding:7px 0 0;font-size:8px;letter-spacing:.2px;color:#e2d9b9;text-decoration:underline;text-underline-offset:4px}.current button{pointer-events:auto}.reading-open #map,.reading-open #help{opacity:0}.reading-open #intro{opacity:.2;pointer-events:none}
#detail{width:min(510px,44vw);scrollbar-width:thin;scrollbar-color:#b8b7ab transparent}.detail-body{padding:31px 38px}.detail-body h2{font-size:37px;line-height:1.05}.detail-body .essay-copy p{font:400 14px/1.9 'Jost',Arial,sans-serif;color:#505765;margin:0 0 21px;white-space:pre-line}.description-source{display:inline-block;font-size:8px;color:#8b8065;border-bottom:1px solid #b9ac8766;padding-bottom:5px;margin-top:8px}.detail-image{height:31vh;max-height:350px;min-height:210px}.detail-body .meta{font-size:11px}.detail-body .material{font-size:10px}
@keyframes reading-in{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:1000px){#reading-panel{width:min(560px,67vw)}#detail{width:45vw}.detail-body{padding:27px}.detail-body h2{font-size:33px}.detail-body .essay-copy p{font-size:13px}}
@media(max-width:700px){#reading-panel{width:100%;border-radius:0}.reading-scroll{padding:69px 29px 28px}.reading-heading h2{font-size:43px}.reading-heading p{font-size:20px}.reading-copy p{font-size:14px;line-height:1.9;margin-bottom:23px}.reading-footer{min-height:91px;padding:18px 26px;gap:14px;flex-wrap:nowrap}.reading-footer>span{font-size:6px;max-width:95px}.reading-footer button{font-size:9px;min-height:47px;padding:12px 17px}#detail{width:100%;max-width:100%}.detail-body{padding:26px 29px}.detail-body .essay-copy p{font-size:14px}.detail-image{height:29vh;min-height:180px}.detail-body h2{font-size:34px}#room-essay{font-size:7px;padding-top:7px}.current{max-width:75%}}
@media(prefers-reduced-motion:reduce){#reading-panel{animation:none}}
.exploring.reading-open #intro{opacity:0;pointer-events:none}

/* Pearl architecture: keep the controls as quiet as the temple itself. */
:root{--ivory:#48564f;--gold:#93835d;--dim:#748079;--night:#f2f0e9;--line:#979a8133}
button:hover,a:hover{color:#697b58}
#arrival-scene{position:fixed;inset:0;z-index:1;background:#efebe3 url('assets/panoramas/pearl-arrival-native.webp') center/cover no-repeat;pointer-events:none;transition:opacity .65s}
.exploring #arrival-scene{opacity:0}
#vignette{z-index:2;background:linear-gradient(180deg,#f4f1e477,transparent 24%,transparent 73%,#f4f1e455);box-shadow:none}
body:not(.exploring) #vignette{background:linear-gradient(90deg,#f4f1e48c,transparent 48%),linear-gradient(180deg,#f4f1e455,transparent 25%)}
#fade{background:#efede5}
header{color:#4b5a50;text-shadow:0 1px 12px #fff9}
#home small{color:#74816d}
.current{text-shadow:0 1px 14px #fff}
#vr{background:#f5f4ecc7;color:#53634e;border-color:#9ca58d88}
#intro{text-shadow:0 1px 18px #ffff}
h1{color:#4c584c}h1 em{color:#77806b}
#intro p{color:#59695d}.quiet{color:#738168}
.primary{background:#e7e8d9;color:#46543f;border-color:#b2b597}
.primary:hover{background:#f1f0e3;color:#3e5037}
body>footer{background:linear-gradient(180deg,#f6f4eedb,#f1f0e7fa);backdrop-filter:blur(16px);border-color:#a9ad9044}
.destinations button{color:#73816c}.destinations small{color:#8e8d6e}
.destinations .active{color:#485e40;border-color:#a4ac8e77;background:#c9d2bc33}
.destinations .active small{color:#718454}
#collection-button span{color:#73835d;border-color:#a1ab8477}
#map{color:#718266}.map-room,.entry-room{fill:#f1f2e6c9;stroke:#8e9b75aa}.tree-dot{stroke:#7b926d;fill:#8eaa7233}
.paths{stroke:#8f9e7566}#map text{fill:#6b7c56}#player-dot{fill:#7b9763;stroke:#fffdf1}
#help{color:#5c6d54;text-shadow:0 1px 8px #fff}#room-essay{color:#657b53}
.hotspot{color:#4f6048;background:#f5f3e8d9;border-color:#b3b79888;text-shadow:none;box-shadow:0 4px 30px #6e755216}
.hotspot:hover{color:#3f5436;background:#fffff2ed}.path-label small{color:#849074}
.beacon{border-color:#9ca173;background:#b5c49755;box-shadow:0 0 0 5px #b5c49722,0 0 22px #d9dfab66}
.movement button{color:#647a51;background:#f1f3e4cc;border-color:#aab69599}
#detail{background:#f1efe7;color:#435247;box-shadow:-15px 0 100px #52634426}.detail-image{background:#e2e2db}
.detail-body .essay-copy p{color:#536056}.detail-body .meta{color:#73816b}.detail-body .material{color:#8c9280}
.close{background:#f5f4eced;color:#64725e}
dialog{background:#f2f1e9;color:#435247;box-shadow:0 30px 120px #455b3b33}
dialog::backdrop{background:#5f715544}dialog p{color:#687462}
.large-plan button{background:#e9ebdf;color:#526448;border-color:#b1ba9e88}.large-plan button:hover{background:#dde4d0;color:#485e3a}
.plan-c button{background:#dae3cf;border-color:#a5b28e}.large-plan span{color:#8a9580}
.filters button{color:#748169}.filters .active{background:#6d805c;border-color:#6d805c;color:#fffdf0}
.art-card{color:#526448}.art-card figure{background:#e3e4db}
#toast{background:#eef1e2;color:#54674b}#loading{background:#efeee5}#loading p{color:#7a856b}#loading small{color:#98a08b}
.load-symbol{color:#9ba57c}
.reading-open #intro{opacity:0;pointer-events:none}
.vr-active #arrival-scene{display:none}
@media(max-width:700px){#vignette{box-shadow:none}}

.photo-export> :not(#world){display:none!important}.photo-export #world{cursor:default}

body>header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
body>header>.current{grid-column:2;justify-self:center}body>header>nav{grid-column:3;justify-self:end}

/* A quiet folio for the writing: sculptural display type and a generous book face. */
body{font-family:'Jost',sans-serif}h1,h2,.path-label,.large-plan strong{font-family:'Cormorant Garamond',serif;font-optical-sizing:auto}
#intro{width:min(470px,43vw);bottom:143px}#intro h1{font-size:clamp(46px,5vw,70px);line-height:1.03;letter-spacing:-1.8px;margin:0 0 25px}
#intro h1 em{font-weight:400}#intro p{font:400 16px/1.7 'Crimson Pro',serif;letter-spacing:.005em;margin-bottom:27px}
#intro .primary{font-size:12px;padding:15px 22px;background:#eef0e2d9;backdrop-filter:blur(12px)}#intro .quiet{font-size:10px;padding-top:18px}
#reading-panel{width:min(640px,50vw);background:radial-gradient(ellipse at 0 0,#e9e9f3 0,transparent 42%),radial-gradient(ellipse at 100% 100%,#e8efdf55 0,transparent 48%),linear-gradient(135deg,#fcfaf4,#f0f1e8 68%,#f3edf5);border-radius:24px 0 0 24px;box-shadow:-24px 0 100px #3c51382b}
#reading-panel:before{content:'';position:absolute;inset:16px;border:1px solid #c6bea24d;border-right:0;border-radius:11px 0 0 11px;pointer-events:none;z-index:2}
.reading-progress{position:absolute;left:30px;right:30px;top:0;height:2px;background:#a9a78016;z-index:4;overflow:hidden}.reading-progress span{display:block;height:100%;background:linear-gradient(90deg,#b6aa78,#98a37e);transform:scaleX(0);transform-origin:left;transition:transform .15s}
.reading-scroll{padding:66px 54px 40px;scrollbar-width:thin;scrollbar-color:#bbb694 transparent}
.reading-heading{margin-bottom:36px}.reading-eyebrow{font:400 9px/1.7 'Jost',sans-serif;letter-spacing:2.3px;color:#899075}
.reading-rule{width:43px;margin:24px 0;background:linear-gradient(90deg,#aaa275,#d0ccb8)}
.reading-heading h2{font:400 43px/1.12 'Cormorant Garamond',serif;letter-spacing:-1.2px;color:#475648;margin-bottom:19px;font-optical-sizing:auto}
.reading-heading p{font:400 14px/1.7 'Crimson Pro',serif;color:#869077}
.reading-copy p{font:400 17px/1.9 'Crimson Pro',serif;letter-spacing:0;color:#50594f;margin:0 0 27px;hyphens:none;text-wrap:pretty}
.reading-copy>p:first-child:first-letter{font-family:'Cormorant Garamond',serif;font-size:3.7em;line-height:.86;float:left;margin:6px 10px 0 0;color:#8d9877}
.reading-signature{font:italic 21px 'Crimson Pro',serif;margin-top:39px;padding-top:24px;color:#7e896d}.reading-signature span{font-family:'Jost',sans-serif;font-size:8px}
.reading-close{right:25px;top:22px;width:35px;height:35px;border-color:#b8bfab88;background:#fbfcf2bb;font-size:23px}
.reading-footer{min-height:109px;padding:21px 43px;background:#eff1e7ef;border-top:1px solid #b7bea355}
.reading-footer-note{display:flex;flex-direction:column;gap:9px}.reading-footer-note>span{font:400 8px/1.5 'Jost',sans-serif;letter-spacing:1.7px;color:#9a9d87}
#reading-source-link{font:400 13px/1.5 'Crimson Pro',serif;color:#758365;text-decoration:underline;text-decoration-color:#b4ba9e99;text-underline-offset:5px}
#reading-source-link:hover{color:#435c38;text-decoration-color:currentColor}
.reading-footer button{font:400 12px 'Jost',sans-serif;min-height:48px;padding:13px 21px;border:1px solid #aab59699;background:#e0e7d5;color:#536747;box-shadow:0 3px 12px #8f9b7512}
#detail{width:min(575px,46vw);background:linear-gradient(135deg,#fcfaf3,#efefe5);border-radius:20px 0 0 0;box-shadow:-20px 0 90px #344b3426}
.detail-body{padding:36px 43px}.detail-body h2{font:400 38px/1.16 'Cormorant Garamond',serif;letter-spacing:-.8px;color:#485845}
.detail-body .essay-copy p{font:400 17px/1.9 'Crimson Pro',serif;letter-spacing:0;color:#515c50;margin-bottom:25px;text-wrap:pretty}
.detail-body .essay-copy>p:first-child:first-letter{font-family:'Cormorant Garamond',serif;font-size:3.3em;line-height:.9;float:left;margin:5px 9px 0 0;color:#8d9877}
.detail-body .meta,.detail-body .material{font-family:'Jost',sans-serif;font-size:12px;line-height:1.7}.description-source{font:400 12px/1.6 'Crimson Pro',serif;margin-top:16px}
.detail-image{background:radial-gradient(ellipse at 50% 45%,#eeeee7,#dcdfd4);padding:30px 40px}.object-nav span{font-family:'Jost',sans-serif;font-size:10px}
.reading-heading h2,.detail-body h2{text-wrap:balance}
body:not(.exploring) #vignette{background:linear-gradient(90deg,#f4f1e4ed 0%,#f4f1e4c4 25%,#f4f1e42b 53%,transparent 65%),linear-gradient(180deg,#f4f1e433,transparent 25%)}
#sound{width:28px;height:28px;border-radius:50%;transition:background .3s,box-shadow .3s}#sound[aria-pressed=true]{background:#d9e2c95e;box-shadow:0 0 0 1px #a7b38e77,0 0 22px #eef4d366;color:#6f855c}
@media(max-width:1100px){#reading-panel{width:min(620px,67vw)}}
@media(max-width:700px){#intro{width:85%;bottom:160px}#intro h1{font-size:47px;letter-spacing:-1px;margin-bottom:21px}#intro p{font-size:14px;line-height:1.7;max-width:270px}#intro .primary{font-size:11px}#intro .quiet{font-size:9px}#reading-panel{width:100%;border-radius:0}#reading-panel:before{inset:12px;border-radius:0}.reading-scroll{padding:69px 31px 32px}.reading-heading h2{font-size:35px;line-height:1.15;letter-spacing:-.6px}.reading-heading p{font-size:13px}.reading-copy p{font-size:16px;line-height:1.9;margin-bottom:25px}.reading-footer{padding:19px 25px;min-height:105px;gap:13px}.reading-footer-note{gap:7px}.reading-footer-note>span{font-size:7px;letter-spacing:1px}#reading-source-link{font-size:11px;max-width:125px}.reading-footer button{font-size:11px;padding:12px 15px;min-height:47px}#detail{width:100%;border-radius:0}.detail-body{padding:30px}.detail-body h2{font-size:33px}.detail-body .essay-copy p{font-size:16px;line-height:1.9}}

/* The writing floats within the room, on a veil of translucent pearl. */
:root{--reading-ink:#3f4d43;--reading-glass:linear-gradient(135deg,rgba(254,251,244,.86),rgba(242,245,234,.79) 58%,rgba(243,237,247,.82))}
body{font-family:'Crimson Pro',Georgia,serif}
button,nav,.overline,.current>span:first-child,.meta,.material,.reading-eyebrow,.reading-footer-note>span{font-family:'Jost',sans-serif}
#intro h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:clamp(48px,5.7vw,81px);line-height:1.01;letter-spacing:-1.2px}
#intro h1 em{font-weight:500}#intro p{font:400 19px/1.6 'Crimson Pro',Georgia,serif;color:#52604f}
.current span:last-child{font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;font-weight:500}
#reading-panel{inset:18px 18px 18px auto;width:min(600px,46vw);height:calc(100dvh - 36px);max-height:calc(100dvh - 36px);border:1px solid rgba(255,255,245,.62);border-radius:28px;background:radial-gradient(ellipse at 0 0,rgba(227,228,245,.23),transparent 50%),var(--reading-glass);backdrop-filter:blur(16px) saturate(.82);-webkit-backdrop-filter:blur(16px) saturate(.82);box-shadow:0 14px 64px rgba(42,58,40,.16),inset 0 1px 0 rgba(255,255,255,.68);animation:reading-in .64s cubic-bezier(.16,1,.3,1);color:var(--reading-ink)}
#reading-panel[data-reading-mode=gallery]{z-index:20}
#reading-panel::backdrop{background:rgba(47,59,44,.025);backdrop-filter:none}
#reading-panel:before{inset:13px;border:1px solid rgba(178,170,140,.22);border-radius:17px}
.reading-scroll{padding:65px 46px 35px;scrollbar-color:#aeb49b77 transparent}
.reading-heading{margin-bottom:29px}.reading-rule{margin:20px 0 23px;width:46px}
.reading-heading h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:46px;line-height:1.04;letter-spacing:-.7px;color:#445341}
.reading-heading p{font:italic 19px/1.45 'Crimson Pro',Georgia,serif;color:#78866b}
.reading-copy p,.detail-body .essay-copy p{font:400 19px/1.72 'Crimson Pro',Georgia,serif;color:var(--reading-ink);margin-bottom:25px}
.reading-copy>p:first-child:first-letter,.detail-body .essay-copy>p:first-child:first-letter{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;color:#889675;line-height:.8}
.reading-signature{font:italic 23px/1.3 'Cormorant Garamond',Georgia,serif;color:#6e7e62;border-top-color:#a8b09144}
.reading-signature span{font-family:'Jost',sans-serif;font-size:7px;letter-spacing:1.8px}
.reading-close{top:21px;right:23px;background:rgba(249,251,239,.53);border-color:#aeb89c66;transition:background .2s,transform .25s}
.reading-close:hover{background:#fbfcf0d9;transform:rotate(8deg)}
.reading-footer{min-height:99px;padding:19px 34px;background:linear-gradient(180deg,rgba(244,246,234,.4),rgba(235,241,225,.65));border-top-color:#a8b29444}
.reading-footer button{background:#e3ead6b3;border-color:#9faa8777;border-radius:999px;padding:14px 22px;font-size:12px;box-shadow:0 3px 18px #8c9c7512;transition:background .25s,transform .25s}
.reading-footer button:hover{background:#d9e4c9dd;transform:translateX(2px)}
#reading-source-link{font-family:'Crimson Pro',Georgia,serif;font-size:15px;color:#657a55}
#reading-panel.is-closing{animation:reading-out .24s ease-in forwards;pointer-events:none}
.reading-open #map{pointer-events:none}
#detail{top:18px;right:18px;bottom:102px;border:1px solid #ffffed88;border-radius:25px;background:var(--reading-glass);backdrop-filter:blur(16px) saturate(.82);-webkit-backdrop-filter:blur(16px) saturate(.82);box-shadow:0 14px 64px #2a3a2829}
.detail-image{background:rgba(237,241,225,.3)}.detail-body h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:43px;line-height:1.08}
@keyframes reading-in{from{opacity:0;transform:translate3d(42px,8px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes reading-out{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(22px,5px,0)}}
@media(max-width:1100px) and (min-width:701px){#reading-panel{width:min(580px,55vw)}.reading-scroll{padding-left:37px;padding-right:37px}.reading-heading h2{font-size:42px}}
@media(max-width:700px){#intro h1{font-size:54px;letter-spacing:-.6px}#intro p{font-size:18px;max-width:290px}#reading-panel{inset:auto 10px 10px;width:auto;height:74dvh;max-height:calc(100dvh - 20px);border-radius:25px}#reading-panel[data-reading-mode=introduction]{inset:10px;height:calc(100dvh - 20px)}#reading-panel:before{inset:10px;border-radius:16px}.reading-scroll{padding:58px 28px 28px}.reading-heading{margin-bottom:24px}.reading-heading h2{font-size:39px}.reading-copy p,.detail-body .essay-copy p{font-size:19px;line-height:1.65;margin-bottom:24px}.reading-close{right:19px;top:18px}.reading-footer{min-height:88px;padding:16px 25px}.reading-footer button{font-size:11px;padding:12px 17px}#reading-source-link{font-size:14px}#detail{top:10px;right:10px;bottom:117px;width:calc(100% - 20px);border-radius:24px}.detail-body h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){#reading-panel,#reading-panel.is-closing{animation:none}.reading-close:hover,.reading-footer button:hover{transform:none}}