@import url('vendor/fonts.css');
:root{--ivory:#f4efe5;--gold:#d4b781;--muted:#bab9ad;--ink:#2f342f;--glass:rgba(23,30,27,.6)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:#171e1c;color:var(--ivory);font:13px/1.65 'Manrope',Arial,sans-serif}button,input,select{font:inherit}button{color:inherit;cursor:pointer;border:0;background:transparent}button,a,input,select{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:5px}canvas#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none;outline:none}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(8,18,15,.68),rgba(8,18,15,.14) 50%,transparent 75%),linear-gradient(0deg,rgba(9,17,14,.78),transparent 28%,transparent 80%,rgba(9,17,14,.34));transition:opacity 1.8s}body.entered .vignette{background:linear-gradient(0deg,rgba(9,17,14,.78),transparent 30%,transparent 80%,rgba(9,17,14,.5))}header{position:fixed;z-index:5;top:0;left:0;right:0;height:104px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;pointer-events:none}header>*{pointer-events:auto}.wordmark{display:flex;align-items:center;gap:15px;text-align:left;padding:0}.monogram{font:43px 'Cormorant Garamond',Georgia,serif;border-right:1px solid #e8e8d44d;padding-right:17px}.wordmark>span:last-child{font-size:9px;letter-spacing:2.4px;line-height:1.7}.header-center{font-size:8px;letter-spacing:3px;opacity:.65;position:absolute;left:50%;transform:translateX(-50%)}.header-actions{display:flex;gap:23px;align-items:center;font-size:10px}.header-actions>button{padding:8px 0}.header-actions #guide-open{width:23px;height:23px;padding:0;border:1px solid #fff5;border-radius:50%}.header-actions #collection-open span{margin-left:12px}#sound{display:flex;align-items:center;gap:8px}.sound-bars{display:flex;align-items:center;gap:3px;height:17px}.sound-bars i{height:5px;width:1px;background:currentColor}.sound-bars i:nth-child(2){height:13px}.sound-bars i:nth-child(3){height:9px}#sound[aria-pressed=true] i{animation:bars 1.5s ease-in-out infinite alternate}#sound[aria-pressed=true] i:nth-child(2){animation-delay:-.7s}#sound[aria-pressed=true] i:nth-child(3){animation-delay:-1.1s}@keyframes bars{to{transform:scaleY(.35)}}.arrival{position:fixed;left:8%;top:50%;transform:translateY(-44%);z-index:2;transition:opacity .8s,transform 1.2s;max-width:580px}.eyebrow{font-size:9px;letter-spacing:2.8px;font-weight:600;display:flex;align-items:center;gap:14px;color:var(--gold)}.tiny-line{display:inline-block;width:28px;height:1px;background:var(--gold)}h1{font:400 clamp(84px,8.8vw,150px)/.85 'Cormorant Garamond',Georgia,serif;letter-spacing:-4px;margin:34px 0 27px}h1 em{font-weight:400;color:#e5cc99}h2{font:400 54px/1.02 'Cormorant Garamond',Georgia,serif;margin:15px 0 24px;letter-spacing:-1px}.arrival-description{font-size:12px;color:#dddcd0;line-height:1.9;margin:0 0 30px}.primary{border:1px solid #e4d2ad77;background:#eee4cc0b;backdrop-filter:blur(12px);display:inline-flex;gap:48px;align-items:center;padding:13px 15px 13px 24px;font-size:10px;letter-spacing:.3px;transition:background .3s}.primary:hover{background:#e6d9b524}.circle-arrow{font-size:18px;width:29px;height:29px;display:grid;place-items:center;border:1px solid #e5d9c15a;border-radius:50%}.arrival-meta{display:flex;gap:22px;font-size:7px;letter-spacing:1.4px;color:#cdcbbca0;margin-top:27px}.arrival-note{position:fixed;right:4.5%;bottom:24%;text-align:right;font:18px/1.5 'Cormorant Garamond',Georgia;transition:opacity .6s}.vertical-line{display:block;height:44px;width:1px;background:#eedcbd80;margin:0 0 22px auto}.arrival-note p{margin:0 0 14px}.small-caps{font:7px 'Manrope',Arial;letter-spacing:2px;color:#d8d5c9b0}body.entered .arrival{opacity:0;transform:translateY(-40%);pointer-events:none}body.entered .arrival-note{opacity:0;pointer-events:none}.bottom-ui{position:fixed;z-index:3;bottom:35px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.bottom-ui button{pointer-events:auto}#arrival-bottom{font-size:7px;letter-spacing:2px;display:flex;align-items:center;gap:10px}.live-dot{width:4px;height:4px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold)}.compass{display:flex;flex-direction:column;align-items:center;font-size:7px;gap:4px;color:#dbc79f}.compass svg{opacity:.8}.chapter-info{position:fixed;left:4.5%;top:125px;width:290px;pointer-events:none;z-index:2;text-shadow:0 2px 18px #0008}.chapter-info h2{font-size:41px;margin:14px 0 15px}.chapter-info>p:not(.eyebrow){font-size:11px;line-height:1.85;color:#e1dfd2;max-width:240px}.chapter-info button{pointer-events:auto;font-size:9px;letter-spacing:.3px;padding:9px 0;border-bottom:1px solid #eee5}.chapter-info button span{margin-left:15px}.timeline{position:fixed;z-index:4;bottom:35px;left:50%;transform:translateX(-50%);display:flex;width:min(530px,50%);border-top:1px solid #d5d5ba40;padding-top:17px}.timeline button{flex:1;position:relative;text-align:center;font-size:10px;color:#d9dccdab;line-height:1.2}.timeline button::before{content:'';width:4px;height:4px;border-radius:50%;background:#8e988a;position:absolute;top:-20px;left:50%;transition:all .3s}.timeline button.active{color:#f7e6c6}.timeline button.active::before{background:var(--gold);box-shadow:0 0 0 4px #d5b58125,0 0 14px var(--gold)}.timeline button span{display:block;font-size:7px;letter-spacing:1.1px;margin-top:7px;opacity:.7}#walk-tools{display:flex;gap:17px;align-items:center}#walk-tools button{font-size:9px}#walk-tools #tour[aria-pressed=true]{color:var(--gold)}.desktop-hint{font-size:6px;letter-spacing:1px;color:#c4cab2}.divider{height:14px;width:1px;background:#fff3}#walk-tools #fullscreen{font-size:22px}#walk-tools{max-width:30%;flex-wrap:wrap}.art-hotspot{position:fixed;z-index:4;background:#17231dcc;border:1px solid #d9c5a24d;backdrop-filter:blur(16px);padding:13px 20px;align-items:center;gap:12px;display:flex;max-width:360px;transform:translate(-50%,-50%);text-align:left;box-shadow:0 10px 50px #0003}.hotspot-dot{border:1px solid #d4bf9866;border-radius:50%;height:24px;width:24px;flex-shrink:0;display:grid;place-items:center;font-size:17px;font-weight:400}.art-hotspot>span:nth-child(2){font:17px/1.1 'Cormorant Garamond',Georgia;max-width:220px}.art-hotspot small{font-size:6px;letter-spacing:1px;white-space:nowrap;color:var(--gold)}#travel{position:fixed;z-index:8;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse,#1b2a2580,#14201cc9);pointer-events:none;opacity:0;transition:opacity .8s}#travel.show{opacity:1}#travel-year{font:100px/1 'Cormorant Garamond',Georgia;color:#ead8b2}#travel-title{font:23px 'Cormorant Garamond',Georgia}#loading{position:fixed;inset:0;z-index:12;background:#18211d;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .8s}#loading p{font-size:10px;letter-spacing:2px;color:#cfb78e}.loading-ring{width:32px;height:32px;border:1px solid #a1895c44;border-top-color:#d6b783;border-radius:50%;animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;z-index:15;left:50%;top:105px;transform:translateX(-50%);background:#17221eed;border:1px solid #d1b77c55;padding:10px 20px;font-size:10px;opacity:0;pointer-events:none;transition:opacity .3s}#toast.show{opacity:1}.touch-controls{position:fixed;z-index:4;bottom:116px;right:20px;text-align:center}.touch-controls button{border:1px solid #eee5;backdrop-filter:blur(10px);background:#17231d66;width:38px;height:38px;margin:2px;border-radius:50%;font-size:18px;touch-action:none}.touch-controls div{display:flex}dialog{color:var(--ink);background:#ece9df;border:1px solid #fff4;border-radius:2px;padding:44px;width:calc(100% - 70px);max-width:1240px;max-height:90dvh;box-shadow:0 25px 120px #0006}dialog::backdrop{background:#0c1714bb;backdrop-filter:blur(12px)}dialog .eyebrow{color:#83704e}.close{position:absolute;right:19px;top:13px;font:30px/1 Arial;z-index:2;padding:6px}.dialog-heading{display:flex;justify-content:space-between;align-items:center}.dialog-heading h2{font-size:49px;margin:10px 0 25px}.filters{display:flex;gap:18px;align-items:center;border-bottom:1px solid #b8baad;padding:8px 0 17px}.filters>input{flex:1;min-width:0;background:none;border:0;padding:10px 0;color:var(--ink);font-size:12px}.filters select{padding:10px;background:transparent;border:1px solid #b8baad;color:var(--ink);font-size:11px}.filters label{font-size:10px;white-space:nowrap}.small{font-size:11px;color:#74796d;line-height:1.8}#art-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px 20px;margin-top:24px}.art-card{text-align:left;padding:0}.thumb{height:225px;display:flex;align-items:center;justify-content:center;padding:18px;background:#e0ded3}.thumb img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .4s}.art-card:hover img{transform:scale(1.035)}.thumb span{font:17px Georgia}.art-card h3{font:20px/1.12 'Cormorant Garamond',Georgia;margin:13px 0 7px}.art-card p{font-size:9px;color:#74796d;margin:0}.secondary{border:1px solid #78806a80;padding:12px 21px;margin-top:28px;font-size:11px}.collection-dialog>#more{display:block;margin:35px auto 0}.detail-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:48px}.detail-image{background:#deddd1;padding:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px}.image-viewport{width:100%;height:53vh;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;cursor:grab}.image-viewport img{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center;user-select:none;will-change:transform}.image-controls{display:flex;gap:19px;align-items:center;margin-top:23px}.image-controls button{border:1px solid #88917e60;min-width:28px;height:28px}.image-controls span,.image-note{font-size:9px;color:#6b7365;text-align:center}.image-note{max-width:280px;margin-bottom:0}.detail-copy{padding:30px 0}.detail-copy h2{font-size:43px;line-height:1.02}.art-credit{font-size:12px}.detail-copy>p:not(.eyebrow){font-size:12px}.rule{height:1px;background:#aab09f77;margin:25px 0}.detail-copy .detail-story{font:22px/1.5 'Cormorant Garamond',Georgia}.detail-copy details{margin-top:30px;font-size:11px}.detail-copy summary{cursor:pointer;padding:12px 0;border-top:1px solid #aab09f77}.detail-copy details p{font-size:10px;color:#6a7465}.reading-dialog{max-width:640px;padding:52px}.reading-dialog h2{font-size:49px}.reading-dialog>p{font-size:12px;line-height:1.9}.reading-dialog .story-body{font:25px/1.5 'Cormorant Garamond',Georgia}.reading-dialog .small{font-size:11px}.reading-dialog>a{display:block;font-size:10px;margin:25px 0}.volume-label{display:flex;gap:20px;font-size:11px;align-items:center}.volume-label input{accent-color:#707e59}#fallback{position:fixed;z-index:3;right:7%;top:40%;padding:30px;background:#15221cdd;max-width:330px}#fallback p{font:24px Georgia}.touch-controls{display:none}[hidden]{display:none!important}.still *{animation:none!important}.still #world{scroll-behavior:auto}@media(max-width:1100px){.header-center{display:none}.desktop-hint{display:none}.timeline{width:50%}#walk-tools{gap:12px}.arrival{left:7%}.chapter-info{width:245px}.chapter-info h2{font-size:34px}}@media(max-width:700px){header{height:82px;padding:0 6%}.monogram{font-size:34px;padding-right:11px}.wordmark{gap:10px}.wordmark>span:last-child{font-size:7px;letter-spacing:1.6px}.header-actions{gap:14px;font-size:9px}.sound-label{display:none}#collection-open span{display:none}.arrival{left:8%;top:48%;transform:translateY(-36%);max-width:84%}h1{font-size:91px;letter-spacing:-3px;margin:28px 0}.arrival-description{font-size:11px}.arrival .eyebrow{font-size:8px}.arrival-meta{font-size:6px;gap:15px}.arrival-note{display:none}.bottom-ui{bottom:24px;left:7%;right:7%}.compass{display:none}#arrival-bottom{font-size:6px}.chapter-info{left:7%;top:91px;width:210px}.chapter-info h2{font-size:32px;margin-bottom:11px}.chapter-info .eyebrow{font-size:7px;letter-spacing:1.9px}.chapter-info>p:not(.eyebrow){font-size:10px;width:185px}.chapter-info button{font-size:8px}.timeline{bottom:25px;width:86%;padding-top:15px}.timeline button{font-size:10px}.timeline button span{font-size:6px;letter-spacing:.7px}.timeline button::before{top:-18px}#walk-tools{position:fixed;bottom:100px;left:7%;display:flex;max-width:50%;gap:10px;flex-wrap:wrap}#walk-tools #fullscreen{display:none}#walk-tools button{font-size:9px}#walk-tools .divider{display:none}.touch-controls{display:block}dialog{width:94%;max-height:93dvh;padding:35px 18px 25px}.dialog-heading h2{font-size:36px}.filters{flex-wrap:wrap;gap:10px}.filters>input{flex-basis:100%;font-size:11px}#art-grid{grid-template-columns:1fr 1fr;gap:23px 12px}.thumb{height:185px;padding:12px}.art-card h3{font-size:18px}.detail-layout{grid-template-columns:1fr;gap:10px}.detail-image{padding:18px;min-height:0}.image-viewport{height:37vh}.detail-copy{padding:12px}.detail-copy h2{font-size:35px}.reading-dialog{padding:40px 27px}.reading-dialog h2{font-size:40px}.reading-dialog .story-body{font-size:23px}.art-hotspot{max-width:260px;padding:10px;gap:8px}.art-hotspot small{display:none}.art-hotspot>span:nth-child(2){font-size:16px}#travel-year{font-size:70px}#toast{top:85px;width:80%;text-align:center}}
.arrival-note{color:#495541;text-shadow:0 1px 15px #f0e8d688}.arrival-note .small-caps{color:#65715c}.arrival-note .vertical-line{background:#65715c66}
.chapter-info::before{content:'';position:absolute;inset:-40px -50px -35px -65px;z-index:-1;background:radial-gradient(ellipse at 15% 25%,rgba(13,25,20,.7),rgba(13,25,20,.3) 45%,transparent 74%);filter:blur(17px);pointer-events:none}
.detail-copy p.detail-story{font:23px/1.5 'Cormorant Garamond',Georgia,serif}
.still *{transition:none!important}
@media(max-width:700px){.vignette{background:linear-gradient(90deg,rgba(8,18,15,.57),rgba(8,18,15,.2) 70%),linear-gradient(0deg,rgba(9,17,14,.6),transparent 50%,rgba(9,17,14,.2))}.chapter-info::before{inset:-30px -65px -35px -55px;background:radial-gradient(ellipse at 20% 30%,rgba(13,25,20,.78),rgba(13,25,20,.35) 50%,transparent 78%)}.header-actions #guide-open{height:28px;width:28px}.detail-copy p.detail-story{font-size:23px}}
/* A simple artwork-to-artwork journey. */
#world{cursor:default}.chapter-info{width:320px;top:110px}.chapter-info h2{font-size:29px;max-width:310px}#exhibit-panel{position:fixed;z-index:3;right:6%;top:50%;transform:translateY(-45%);width:310px;color:#fff9eb;text-shadow:0 1px 12px #14201760}#exhibit-panel::before{content:'';position:absolute;inset:-45px -40px;z-index:-1;border-radius:15px;background:radial-gradient(ellipse,rgba(20,33,27,.85),rgba(20,33,27,.58) 60%,transparent 80%);filter:blur(16px);pointer-events:none}#exhibit-panel h2{font-size:35px;line-height:1.05;margin:17px 0 23px}#exhibit-context{font-size:12px;line-height:1.85;color:#eeeade}#exhibit-open{font-size:10px;border-bottom:1px solid #d1c5aa66;padding:9px 0;margin-top:8px}.art-facts{display:flex;flex-direction:column;gap:13px;margin:0 0 23px}.art-facts>div{display:grid;grid-template-columns:45px 1fr;gap:16px}.art-facts dt{font-size:9px;letter-spacing:1px;text-transform:uppercase;opacity:.65}.art-facts dd{margin:0;font-size:12px;line-height:1.6}#art-navigation{position:fixed;z-index:5;bottom:32px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:24px}#art-navigation button{border:1px solid #eee7;background:#21382bb3;backdrop-filter:blur(12px);border-radius:50%;width:48px;height:48px;font-size:23px}#art-navigation button:hover{background:#53644ce6}#art-position{font-size:10px;letter-spacing:2px;min-width:67px;text-align:center}.detail-copy .art-facts{margin-bottom:16px}.detail-copy .art-facts dd{font-size:13px}.detail-copy .art-facts dt{color:#6d755f}.arrival-note{display:none}
@media(max-width:700px){.chapter-info{top:87px;left:7%;width:86%}.chapter-info h2{font-size:23px;margin:8px 0}.chapter-info .eyebrow{font-size:7px;margin:0}#exhibit-panel{top:auto;bottom:104px;right:7%;left:7%;width:auto;transform:none;max-height:250px;overflow:auto;padding:12px 17px;background:rgba(22,36,28,.88);border-radius:3px;text-shadow:none}#exhibit-panel::before{display:none}#exhibit-panel>.eyebrow{display:none}#exhibit-panel h2{font-size:24px;margin:0 0 11px}#exhibit-panel .art-facts{gap:4px;margin:0 0 9px}#exhibit-panel .art-facts dd{font-size:11px}#exhibit-panel .art-facts dt{font-size:8px}#exhibit-context{font-size:11px;line-height:1.65;margin:8px 0}#exhibit-open{margin:0;padding:6px 0;font-size:9px}#art-navigation{bottom:27px;gap:25px}#art-navigation button{width:46px;height:46px}}
/* Museum labels and the full collection interpretations. */
#exhibit-panel{right:4.5%;width:350px;top:51%;transform:translateY(-45%);max-height:72vh;overflow:auto;overscroll-behavior:contain;background:rgba(249,250,245,.94);color:#283e35;text-shadow:none;padding:25px 27px;border:1px solid rgba(157,178,164,.28);border-radius:2px;scrollbar-width:thin;scrollbar-color:#a2b1a4 transparent;box-shadow:0 12px 45px #1c392512}#exhibit-panel::before{display:none}#exhibit-panel h2{font-style:italic;font-size:32px;margin:0 0 20px}#exhibit-panel .art-facts{border-bottom:1px solid #bdc9bd77;padding-bottom:20px}#exhibit-panel .art-facts>div,.art-facts>div{grid-template-columns:76px 1fr;gap:12px}#exhibit-panel .art-facts dt{font-size:9px;color:#697b70;opacity:1}#exhibit-panel .art-facts dd{font-size:12px}#exhibit-context{color:inherit}.interpretation h3{font:500 24px/1.2 'Cormorant Garamond',Georgia;margin:24px 0 12px}.interpretation p,.interpretation li{font:12px/1.85 'Manrope',Arial;color:#3f5549;margin:0 0 14px}.interpretation ul{padding-left:17px;margin:10px 0 18px}.interpretation .interpretation-label{font-size:8px;letter-spacing:1.7px;text-transform:uppercase;color:#849083;margin-bottom:18px}.interpretation section+section{border-top:1px solid #bec9bd66;margin-top:22px;padding-top:2px}#exhibit-open{color:#405f4d;border-color:#9daf9d}#detail{background:#f4f5ef}.detail-copy{padding-top:12px}.detail-copy>h2{font-style:italic}.detail-copy .interpretation h3{font-size:29px}.detail-copy .interpretation p,.detail-copy .interpretation li{font:13px/1.9 'Manrope',Arial}.detail-image{position:sticky;top:0;align-self:start;background:#e8ece4;min-height:520px}.image-note:empty{display:none}.art-card p{font-size:10px;line-height:1.6}#art-navigation button{background:#f5f7eddb;color:#344e3f;border-color:#aabca9}#art-position{color:#eff4ea;text-shadow:0 1px 10px #152e24}
@media(max-width:700px){#exhibit-panel{left:7%;right:7%;width:auto;top:auto;bottom:103px;transform:none;max-height:250px;padding:15px 18px}#exhibit-panel h2{font-size:23px;margin-bottom:13px}#exhibit-panel .art-facts{padding-bottom:12px;margin-bottom:12px;gap:5px}#exhibit-panel .art-facts dd{font-size:11px}.interpretation h3{font-size:23px}.interpretation p,.interpretation li{font-size:11px;line-height:1.8}.detail-image{position:relative;min-height:0}.detail-copy .interpretation p,.detail-copy .interpretation li{font-size:12px}.detail-copy .interpretation h3{font-size:26px}}

/* The label panel sits beside the painting. The artwork wall is 4.2 world units wide,
   centred at 36vw by the camera's view offset, and the camera stands 5.5 units back at a
   55deg vertical field, so the wall's right edge lands at 36vw + 36.673vh. The panel is
   set 48px clear of that edge: the gap holds at every viewport size and the panel never
   crosses the frame or the two inlay strips. */
@media(min-width:701px){
  #exhibit-panel{left:calc(36vw + 36.673vh + 48px);right:auto;width:min(440px,calc(64vw - 36.673vh - 72px));top:51%;transform:translateY(-45%);max-height:78vh;padding:31px 34px}
  #exhibit-panel h2{font-size:36px;line-height:1.06;margin:0 0 22px;text-wrap:balance}
  #exhibit-panel .art-facts{padding-bottom:22px}
  #exhibit-panel .art-facts>div{grid-template-columns:96px 1fr;gap:14px}
  #exhibit-panel .art-facts dt{font-size:10px;color:#5f7267}
  #exhibit-panel .art-facts dd{font-size:13px;line-height:1.62}
  #exhibit-panel .interpretation h3{font-size:26px;margin:26px 0 13px;text-wrap:balance}
  #exhibit-panel .interpretation p,#exhibit-panel .interpretation li{font-size:13.5px;line-height:1.8;margin:0 0 15px}
  #exhibit-panel .interpretation .interpretation-label{font-size:9px;color:#64726a;margin-bottom:19px}
  #exhibit-panel #exhibit-open{font-size:11px;padding:11px 0}
}

#music-credit{position:fixed;z-index:6;bottom:9px;left:20px;font-size:9px;color:#edf0e6;text-shadow:0 1px 4px #142b20;max-width:40vw}#music-credit a{text-decoration:underline}@media(max-width:700px){#music-credit{font-size:8px;max-width:95vw;bottom:5px;left:10px}}

.arrival-description{max-width:560px;font-size:17px;line-height:1.75}#enter{min-width:330px;min-height:80px;padding:20px 28px;font-size:18px;gap:42px;margin-top:28px}#enter .circle-arrow{width:44px;height:44px;font-size:24px}.plate-heading{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px;color:#99865e;font-size:10px;letter-spacing:1.7px;text-transform:uppercase}#plate-number{white-space:nowrap;letter-spacing:0;color:#758077}#exhibit-panel{border:1px solid #d9cda5;border-radius:16px;background:linear-gradient(145deg,rgba(247,244,231,.97),rgba(248,249,241,.96))}.plate-description{font-size:15px;line-height:1.8;margin:22px 0;color:#344c40}.plate-description:empty{display:none}#exhibit-panel h2{font-style:normal;font-size:34px}.collectors-dialog{width:min(1060px,92vw);max-height:90vh;padding:55px 60px;background:#f7f5ec;color:#2d4639;border:1px solid #cfc09b;border-radius:14px}.collectors-dialog>h2{font:500 58px/1.06 'Cormorant Garamond';margin:20px 0 40px}.collectors-dialog h3{font:500 32px/1.2 'Cormorant Garamond';margin:12px 0 18px}.collectors-dialog p{font-size:14px;line-height:1.9}.collectors-dialog .eyebrow{font-size:9px;color:#968058}.collectors-dialog .close{position:sticky;float:right;top:0;color:#344d40}.collector-pair{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:45px}.collector-pair img{display:block;width:100%;max-width:330px;aspect-ratio:5/7;object-fit:cover;background:#e3e2e4;margin:0 0 25px}.kiki-preface,.shared-legacy,.creator-story{padding:25px 0;border-top:1px solid #d6cfba}.bio-source,.bio-links{font-size:11px!important;color:#7b785e;text-decoration:underline}.pending-memory{font-size:12px!important;font-style:italic;color:#898977}.creator-story{margin-top:30px}.research-citation{font-size:10px!important;color:#7a816b!important}.research-citation a{text-decoration:underline}@media(max-width:700px){#enter{min-width:280px;min-height:72px;font-size:16px}.arrival-description{font-size:14px;max-width:330px}.header-center{display:none}.header-actions{gap:12px}.header-actions button{font-size:9px}#exhibit-panel h2{font-size:24px}.plate-heading{font-size:8px}.plate-description{font-size:12px}.collectors-dialog{padding:30px 22px}.collectors-dialog>h2{font-size:39px}.collector-pair{grid-template-columns:1fr;gap:30px}.collector-pair img{max-width:100%}.collectors-dialog p{font-size:13px}}

.research-context{border-top:1px solid #b5a27540;padding:20px 0}.research-context .interpretation-label{margin:0 0 12px}.research-link{font-size:11px;color:#74613c;text-underline-offset:4px}.research-context p{margin:0 0 12px}.plate-description{line-height:1.75}

.kiki-preface blockquote{font:400 clamp(26px,3vw,38px)/1.25 'Cormorant Garamond',Georgia,serif;margin:24px 0;color:#385146;max-width:780px}.collector-pair img{display:block;width:100%;max-width:330px;aspect-ratio:5/7;object-fit:cover;background:#e3e2e4;margin:0 0 25px}@media(max-width:700px){.collector-pair img{max-width:100%}}

.wordmark .darbar-wordmark{font:400 30px/1.1 'Cormorant Garamond',Georgia,serif;letter-spacing:.2px}.header-actions #collectors-open{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;pointer-events:auto;position:relative;z-index:1}.header-actions #collectors-open:hover{text-decoration:underline;text-underline-offset:5px}.collectors-dialog .close{background:#f7f5ec;border-radius:50%}@media(max-width:700px){.wordmark .darbar-wordmark{font-size:23px;max-width:115px}.header-actions #collectors-open{font-size:9px}}
#home .darbar-wordmark{font:400 30px/1.1 'Cormorant Garamond',Georgia,serif;letter-spacing:.2px}@media(max-width:700px){#home .darbar-wordmark{font-size:23px;max-width:115px}}

#chapter-info{z-index:6}#chapter-eyebrow.gallery-toggle{pointer-events:auto;padding:8px 0;margin:0;color:var(--gold);font-size:9px;letter-spacing:2.8px;border:0;cursor:pointer;text-align:left}#chapter-eyebrow.gallery-toggle:hover{color:#fff0c7}#gallery-menu{position:absolute;top:38px;left:0;width:290px;padding:9px;background:#f7f5ec;color:#2d4639;border:1px solid #cfc09b;border-radius:10px;box-shadow:0 12px 35px #10231e40;pointer-events:auto;text-shadow:none}#gallery-menu[hidden]{display:none}#gallery-menu .gallery-choice{display:flex;align-items:center;gap:15px;width:100%;padding:13px 12px;border:0;border-radius:5px;text-align:left;font-size:13px;letter-spacing:0}#gallery-menu .gallery-choice:hover,#gallery-menu .gallery-choice[aria-current]{background:#e6e1d2}#gallery-menu .gallery-choice-number{margin:0;color:#857048;font-size:10px;letter-spacing:1px}#gallery-menu .gallery-choice span:last-child{margin:0}@media(max-width:700px){#gallery-menu{width:275px}}

.collectors-dialog .small a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}

/* ---- v2: The Sikh Foundation's review list, October 2026 ---- */
/* 2. Arrival copy reads on the bright courtyard, phone first. */
.vignette{background:linear-gradient(90deg,rgba(8,18,15,.86),rgba(8,18,15,.62) 34%,rgba(8,18,15,.18) 62%,transparent 80%),linear-gradient(0deg,rgba(9,17,14,.78),transparent 28%,transparent 80%,rgba(9,17,14,.34))}
.arrival-description{color:#fbf8ef;font-weight:500;text-shadow:0 1px 14px rgba(8,18,15,.75)}
.arrival-meta{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:600;color:#fbf8ef;gap:0;margin-top:30px;text-shadow:0 1px 12px rgba(8,18,15,.8);flex-wrap:wrap;row-gap:8px}
.arrival-meta span+span::before{content:'';display:inline-block;width:1px;height:10px;background:var(--gold);margin:0 16px;vertical-align:-1px}
h1{text-shadow:0 2px 30px rgba(8,18,15,.45)}
/* 3. Begin the Journey is a solid button. */
#enter.primary{background:#e2c88f;border:1px solid #f1dfb4;color:#1d2a24;font-weight:600;letter-spacing:.4px;border-radius:3px;backdrop-filter:none;box-shadow:0 14px 40px rgba(6,14,11,.45);transition:background .25s,transform .25s}
#enter.primary:hover{background:#f0dba8;transform:translateY(-1px)}
#enter .circle-arrow{border-color:#1d2a2466;background:#1d2a24;color:#f1dfb4}
/* 7. The way back to sikhfoundation.org is always on screen. */
.header-actions #foundation-site{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 14px;border:1px solid #e4d2ad99;border-radius:99px;text-decoration:none;background:rgba(18,28,24,.42);backdrop-filter:blur(10px);pointer-events:auto;white-space:nowrap}
.header-actions #foundation-site:hover{background:rgba(226,200,143,.28)}
/* 1 + 7. Foundation popup: the bar with the link and the close control never scrolls. */
dialog.collectors-dialog{padding:0;overflow:hidden}
dialog.collectors-dialog[open]{display:flex;flex-direction:column}
.foundation-bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px 14px 60px;border-bottom:1px solid #d6cfba;background:#f7f5ec;z-index:2}
.collectors-dialog .foundation-bar .close{position:static;float:none;width:40px;height:40px;display:grid;place-items:center;padding:0;font:30px/1 Arial;color:#344d40;border-radius:50%;text-decoration:none}
.collectors-dialog .foundation-bar .close:hover{background:#e6e1d2}
.foundation-link{display:inline-flex;align-items:center;gap:9px;padding:10px 18px;border-radius:99px;background:#2d4639;color:#f7f1df;font-size:12px;font-weight:600;letter-spacing:.3px;text-decoration:none}
.foundation-link:hover{background:#3b5a4a}
.foundation-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:44px 60px 55px}
.foundation-scroll>h2{font:500 58px/1.06 'Cormorant Garamond',Georgia,serif;margin:18px 0 26px}
.foundation-lede{font-size:17px!important;line-height:1.8!important;max-width:820px;margin:0 0 34px}
.kiki-preface blockquote{margin:6px 0 14px}
.quote-cite{font-size:10px!important;letter-spacing:2.4px;text-transform:uppercase;color:#968058;margin:0}
.collector-pair{margin-top:0;padding-top:40px;border-top:1px solid #d6cfba}
.shared-legacy{margin-top:40px}
.shared-legacy p{max-width:820px}
.shared-legacy a{text-decoration:underline;text-underline-offset:4px;font-weight:600}
/* 6. The info card shows that it scrolls. */
#exhibit-panel{scrollbar-width:auto;scrollbar-color:var(--room,#b09763) rgba(120,130,110,.14)}
#exhibit-panel::-webkit-scrollbar{width:10px}
#exhibit-panel::-webkit-scrollbar-track{background:rgba(120,130,110,.14);border-radius:10px;margin:14px 0}
#exhibit-panel::-webkit-scrollbar-thumb{background:var(--room,#b09763);border-radius:10px;border:2px solid #f7f5e9}
#exhibit-open{display:block;margin:0 0 4px}
#scroll-cue{position:sticky;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;gap:8px;width:calc(100% + 68px);height:84px;margin:-84px -34px 0;padding:0 0 13px;background:linear-gradient(180deg,rgba(248,247,236,0),rgba(248,247,236,.96) 58%);border-radius:0 0 16px 16px;font-size:10px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;color:var(--room-ink,#6f5c33);opacity:0;pointer-events:none;transition:opacity .3s}
#scroll-cue i{font-style:normal;font-size:14px;animation:nudge 1.8s ease-in-out infinite}
@keyframes nudge{50%{transform:translateY(4px)}}
#exhibit-panel.has-more #scroll-cue{opacity:1;pointer-events:auto}
/* 5. One quiet accent per gallery, carried by the label card. */
body[data-gallery=faith]{--room:#b09763;--room-ink:#6f5c33;--room-wash:rgba(176,151,99,.07)}
body[data-gallery=court]{--room:#b8862f;--room-ink:#7a5412;--room-wash:rgba(196,140,40,.10)}
body[data-gallery=craft]{--room:#3f8a80;--room-ink:#225a52;--room-wash:rgba(63,138,128,.09)}
body[data-gallery=life]{--room:#b0677a;--room-ink:#7c3b4d;--room-wash:rgba(176,103,122,.08)}
#exhibit-panel{border-color:var(--room,#d9cda5);border-top:3px solid var(--room,#d9cda5);background:linear-gradient(145deg,var(--room-wash,transparent),transparent 55%),linear-gradient(145deg,rgba(247,244,231,.97),rgba(248,249,241,.96));transition:border-color 1.2s}
.plate-heading{color:var(--room-ink,#99865e);font-weight:600;transition:color 1.2s}
#gallery-menu .gallery-choice[aria-current]{box-shadow:inset 3px 0 0 var(--room,#b09763)}
@media(max-width:1100px){.header-actions #foundation-site{padding:0 11px}}
@media(max-width:700px){
  .vignette{background:linear-gradient(180deg,rgba(8,18,15,.5),rgba(8,18,15,.72) 38%,rgba(8,18,15,.8) 72%,rgba(8,18,15,.62))}
  body.entered .vignette{background:linear-gradient(0deg,rgba(9,17,14,.6),transparent 50%,rgba(9,17,14,.2))}
  .arrival-description{font-size:16px;line-height:1.7;max-width:none}
  .arrival-meta{font-size:11px;letter-spacing:1.6px}
  .arrival-meta span+span::before{margin:0 11px}
  #enter{min-width:0;width:100%;justify-content:space-between}
  .header-actions #foundation-site{position:fixed;top:66px;right:6%;min-height:30px;font-size:10px;padding:0 12px}
  body.entered .header-actions #foundation-site{background:rgba(18,28,24,.62)}
  .chapter-info{top:104px}
  dialog.collectors-dialog{width:94%;max-height:93dvh}
  .foundation-bar{padding:10px 12px 10px 20px}
  .foundation-link{padding:9px 15px;font-size:11px}
  .foundation-scroll{padding:28px 22px 36px}
  .foundation-scroll>h2{font-size:40px;margin:14px 0 20px}
  .foundation-lede{font-size:15px!important}
  .collector-pair{padding-top:30px}
  #exhibit-panel::-webkit-scrollbar{width:8px}
  #scroll-cue{bottom:0;width:calc(100% + 36px);height:64px;margin:-64px -18px 0;padding-bottom:9px;border-radius:0 0 16px 16px}
}
@media(max-width:700px){.arrival-meta span:last-child{flex-basis:100%}.arrival-meta span:last-child::before{display:none}}

/* ---- v2 round two, 5 October 2026 ---- */
/* Works without an essay carry a holding line. */
.essay-pending{font:italic 500 19px/1.5 'Cormorant Garamond',Georgia,serif!important;color:var(--room-ink,#6f5c33)!important;margin:22px 0 6px!important;padding-left:14px;border-left:2px solid var(--room,#b09763)}
.detail-copy .essay-pending{font-size:22px!important}
/* Images: no drag, no long-press save, no direct right-click target. */
img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;pointer-events:none}
canvas#world{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
/* Footer notice and contact link. */
#site-footer{position:fixed;z-index:4;left:4.5%;bottom:14px;max-width:calc(50vw - 200px);font-size:10px;line-height:1.55;letter-spacing:.2px;color:#f4efe5;text-shadow:0 1px 8px rgba(8,18,15,.85)}
#site-footer a{font-weight:600;text-underline-offset:3px;white-space:nowrap}
#site-footer .foot-short{display:none}
.rights-note{font-size:11px!important;line-height:1.7!important;color:#6f745f;margin:34px 0 0!important;padding-top:18px;border-top:1px solid #d6cfba;max-width:none!important}
.rights-note a{font-weight:600;text-underline-offset:3px;text-decoration:underline}
.collection-dialog .rights-note{border-top-color:#b8baad;text-align:center}
@media(max-width:700px){
  #site-footer{left:7%;right:7%;bottom:8px;max-width:none;font-size:9px;line-height:1.5}
  body.entered #site-footer{bottom:5px;text-align:center}
  body.entered #site-footer .foot-full{display:none}
  body.entered #site-footer .foot-short{display:inline}
  body.entered #site-footer .foot-short::after{content:' ·'}
  .essay-pending{font-size:17px!important;margin:12px 0 4px!important}
}