:root { --black:#030405; --ivory:#f2eadb; --muted:#b8b1a5; --gold:#c8a45d; --gold-light:#e4cb8d; --blue:#8fb2da; --line:rgba(200,164,93,.26); --display:Georgia,"Times New Roman",serif; --sans:Arial,Helvetica,sans-serif; color-scheme:dark; }
*{box-sizing:border-box;margin:0;padding:0}html{min-width:320px;background:var(--black);scroll-behavior:smooth}body{min-width:320px;overflow-x:hidden;color:var(--ivory);background:var(--black);font-family:var(--display)}a{color:inherit}:focus-visible{outline:2px solid var(--gold-light);outline-offset:5px}.skip-link{position:fixed;z-index:100;top:1rem;left:1rem;padding:.8rem 1rem;color:#050505;background:var(--ivory);font:700 .7rem var(--sans);text-transform:uppercase;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}
.exhibition-header{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem clamp(1rem,4vw,4rem);background:linear-gradient(#020304e8,transparent)}.house-mark{display:inline-flex;align-items:center;gap:.8rem;text-decoration:none;letter-spacing:.2em}.house-mark span{display:grid;place-items:center;width:2.2rem;aspect-ratio:1;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:.72rem}.house-mark strong,.return-passage{font:500 .62rem/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase}.return-passage{color:var(--muted);text-decoration:none}.return-passage:hover{color:var(--gold-light)}
.threshold{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;isolation:isolate}.threshold__architecture{position:absolute;inset:0;z-index:-3}.threshold__architecture img{width:100%;height:100%;object-fit:cover;object-position:center}.threshold__veil{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#02030455 30%,#020304cc 100%),linear-gradient(90deg,#0009,transparent 55%,#0005)}.threshold__designation{position:absolute;left:clamp(1.2rem,7vw,8rem);bottom:clamp(3rem,8vh,7rem);max-width:46rem}.threshold__designation p,.eyebrow{color:var(--gold);font:500 .64rem/1.5 var(--sans);letter-spacing:.28em;text-transform:uppercase}.threshold h1{margin-top:.6rem;font-size:clamp(3.8rem,9vw,9rem);font-weight:400;letter-spacing:-.04em;line-height:.85;text-shadow:0 .2rem 2rem #000}.threshold__designation a{display:inline-block;margin-top:2rem;color:var(--gold-light);font:600 .65rem/1.5 var(--sans);letter-spacing:.16em;text-decoration:none;text-transform:uppercase}
.installation{position:relative;display:grid;grid-template-columns:minmax(16rem,40rem) minmax(18rem,1fr);align-items:center;gap:clamp(3rem,10vw,12rem);min-height:100vh;padding:clamp(7rem,12vw,12rem) clamp(1.2rem,7vw,8rem);overflow:hidden;background:radial-gradient(circle at 30% 42%,#6e91ba26,transparent 25%),linear-gradient(110deg,#03070d,#080706 58%,#030303)}.installation::before,.installation::after{position:absolute;content:"";pointer-events:none}.installation::before{inset:7% 3%;border:1px solid #c8a45d17;border-radius:50% 50% 5% 5%/15% 15% 3% 3%}.installation::after{left:0;right:0;bottom:0;height:34%;background:linear-gradient(105deg,transparent,#789bc62e 48%,transparent 62%);transform:skewY(-4deg)}.installation__light{position:absolute;z-index:0;top:-10%;left:17%;width:30%;height:90%;background:linear-gradient(160deg,#9fc4f32b,transparent 66%);filter:blur(2rem);transform:rotate(8deg)}.installation__artwork{position:relative;z-index:1;padding:clamp(.6rem,1.5vw,1.2rem);border:1px solid var(--line);background:#080808;box-shadow:0 3rem 8rem #000,0 0 4rem #7499c21e}.installation__artwork img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.installation__plaque{position:relative;z-index:2;max-width:43rem}.installation__plaque h2,.listening-gallery h2,.reflection-room h2{margin-top:.8rem;font-size:clamp(3rem,6vw,7rem);font-weight:400;line-height:.92}.installation__plaque>p:not(.eyebrow){max-width:37rem;margin-top:2rem;color:var(--muted);font-size:1.1rem;line-height:1.8}.installation blockquote{max-width:38rem;margin-top:3rem;padding:1.5rem 0 1.5rem 1.5rem;border-left:1px solid var(--gold);color:var(--gold-light);font-size:clamp(1.15rem,2vw,1.5rem);font-style:italic;line-height:1.7}
.listening-gallery{padding:clamp(7rem,13vw,13rem) clamp(1.2rem,7vw,8rem);background:linear-gradient(180deg,#070708,#030303)}.listening-gallery>header{display:grid;grid-template-columns:1fr minmax(18rem,35rem);gap:2rem 8vw;align-items:end;max-width:100rem;margin:0 auto 5rem}.listening-gallery>header .eyebrow,.listening-gallery>header h2{grid-column:1}.listening-gallery>header>p:last-child{grid-column:2;grid-row:1/span 2;color:var(--muted);line-height:1.8}.listening-gallery ol{max-width:100rem;margin:auto;border-top:1px solid var(--line);list-style:none}.listening-gallery li a{display:grid;grid-template-columns:4rem 1fr auto 2rem;align-items:center;gap:1rem;min-height:6rem;padding:1rem;border-bottom:1px solid #f2eadb18;text-decoration:none}.listening-gallery li a:hover{background:#c8a45d0d}.track-number{color:#75582b;font:.7rem var(--sans)}.track-title{display:grid;gap:.35rem}.track-title strong{font-size:clamp(1.2rem,2.2vw,2rem);font-weight:400}.track-title small,.track-status{color:var(--muted);font:.61rem/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase}.listening-gallery li i{color:var(--gold);font-style:normal}.track-empty{padding:2rem;color:var(--muted)}
.reflection-room{position:relative;display:grid;place-items:center;min-height:80vh;padding:7rem 1.2rem;overflow:hidden;text-align:center;background:radial-gradient(ellipse at 50% 5%,#8fb2da29,transparent 35%),#020304}.reflection-room__light{position:absolute;top:0;left:50%;width:1px;height:70%;background:linear-gradient(#b8d4ef55,transparent)}.reflection-room>div:last-child{position:relative;max-width:55rem}.reflection-room p:not(.eyebrow){max-width:35rem;margin:2rem auto;color:var(--muted);line-height:1.8}.reflection-room nav{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 2rem;margin-top:3rem}.reflection-room nav a{padding:.9rem 0;border-bottom:1px solid var(--gold);color:var(--gold-light);font:600 .63rem/1.4 var(--sans);letter-spacing:.14em;text-decoration:none;text-transform:uppercase}footer{display:flex;justify-content:space-between;gap:1rem;padding:2rem clamp(1.2rem,4vw,4rem);border-top:1px solid #f2eadb18;color:var(--muted);font:.6rem/1.5 var(--sans);letter-spacing:.14em;text-transform:uppercase}
@media(max-width:760px){.exhibition-header{align-items:flex-start}.return-passage{max-width:10rem;text-align:right}.threshold__architecture img{object-position:center}.threshold__veil{background:linear-gradient(180deg,#02030455 25%,#020304e5 100%)}.threshold__designation{left:1.2rem;right:28%;bottom:4rem}.threshold h1{font-size:clamp(3.2rem,16vw,5rem)}.installation{grid-template-columns:1fr;padding-top:9rem}.installation__artwork{width:min(100%,30rem);margin:auto}.installation__plaque{margin:auto}.listening-gallery>header{grid-template-columns:1fr}.listening-gallery>header>*{grid-column:1!important;grid-row:auto!important}.listening-gallery li a{grid-template-columns:2.5rem 1fr 1.5rem}.track-status{grid-column:2}.listening-gallery li i{grid-column:3;grid-row:1/span 2}.reflection-room nav{display:grid}.reflection-room nav a{min-height:2.75rem}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(prefers-reduced-transparency:reduce){.threshold__veil{background:#020304d9}.exhibition-header{background:#020304}}@media(forced-colors:active){.installation__artwork,.listening-gallery ol{border:1px solid CanvasText}.eyebrow,.threshold__designation p{color:LinkText}}