:root{--ink:#090b0d;--paper:#d8d0c3;--muted:#948d83;--amber:#c98b4d;--ember:#e7ad69;--blue:#8b9cab;--line:rgba(216,208,195,.18);--serif:"Cormorant Garamond",Georgia,serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--serif);font-size:18px;line-height:1.55;overflow-x:hidden}.grain{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.masthead{position:fixed;z-index:15;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:24px 34px;background:linear-gradient(#090b0de6,transparent);mix-blend-mode:normal}.wordmark{display:flex;flex-direction:column;color:#eee8de;text-decoration:none;font-family:var(--mono);font-size:.7rem;line-height:1.15;letter-spacing:.28em}.wordmark span:last-child{color:var(--amber)}nav{display:flex;gap:25px}nav a,.menu-button{color:#cbc4b8;text-decoration:none;text-transform:uppercase;font-family:var(--mono);font-size:.62rem;letter-spacing:.12em}.menu-button{display:none;border:1px solid var(--line);background:#111;color:var(--paper);padding:8px 10px}.threshold{min-height:100svh;position:relative;display:grid;align-items:end;padding:0 0 8vh}.house-frame{position:absolute;inset:0;overflow:hidden;background:#080a0c}.house-frame img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.72) contrast(1.08);animation:house-in 1.8s ease both}.house-vignette{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(4,6,8,.18) 30%,rgba(5,6,7,.35) 60%,#090b0d 100%),linear-gradient(90deg,rgba(0,0,0,.25),transparent 30%,transparent 70%,rgba(0,0,0,.25))}.threshold-copy{position:relative;z-index:3;width:min(820px,90%);margin:0 auto;text-align:center}.eyebrow,.label,.room-number{font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.18em;color:var(--amber)}h1,h2,h3,p{margin-top:0}h1{margin:.5rem 0 1.1rem;font-weight:400;font-size:clamp(3rem,7vw,7rem);line-height:.82;letter-spacing:-.04em;text-wrap:balance}h2{font-weight:400;font-size:clamp(3.6rem,8vw,7.5rem);line-height:.85;letter-spacing:-.04em}h3{font-weight:400;font-size:1.8rem;line-height:1.02}.invitation{font-family:var(--mono);font-size:.69rem;letter-spacing:.08em;color:#aaa39a}.hotspot{position:absolute;z-index:4;padding:8px 10px;border:1px solid rgba(230,187,125,.5);background:rgba(8,9,10,.64);backdrop-filter:blur(6px);color:#f2dfc5;text-decoration:none;font-family:var(--mono);font-size:.6rem;letter-spacing:.07em;opacity:0;transform:translateY(8px);animation:spot-in .6s 1.2s ease forwards}.hotspot span{color:var(--amber);margin-right:5px}.hotspot:hover,.hotspot:focus-visible{background:#c58b52;color:#111;outline:none}.cinema-spot{top:21%;left:12%}.sound-spot{top:21%;right:15%}.broadcast-spot{top:47%;right:19%}.archive-spot{top:69%;left:13%}.room{min-height:100svh;display:grid;grid-template-columns:170px 1fr;gap:5vw;padding:12vh 7vw;border-top:1px solid var(--line);position:relative;scroll-margin-top:0}.room-number{writing-mode:vertical-rl;justify-self:start;color:var(--muted)}.room-copy{max-width:1140px}.lede{font-size:clamp(1.45rem,2.5vw,2.35rem);line-height:1.25;max-width:860px;color:#bdb5a9;margin-bottom:4rem}.room-cinema{background:radial-gradient(circle at 20% 40%,#342216 0,transparent 38%),#0a0a0a}.shelves{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.shelves article{background:#0d0d0d;padding:35px;min-height:240px;transition:background .3s}.shelves article:hover{background:#17120e}.shelves span{font:400 .6rem var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.shelves h3{margin:4.2rem 0 .8rem}.shelves p{font-size:1rem;color:#9e968a}.room-sound{background:radial-gradient(circle at 78% 28%,#1d2b34 0,transparent 35%),#090b0d}.record-list{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.record-list>article{border:1px solid var(--line);padding:38px;background:rgba(8,10,12,.5)}.record-list h3{font-size:2.7rem}.record-list ol{list-style:none;padding:0;margin:2.5rem 0 0}.record-list li{display:flex;gap:20px;padding:13px 0;border-top:1px solid var(--line);font-size:1rem}.record-list li span{font:400 .62rem var(--mono);color:var(--amber);padding-top:6px}.transmission-card p:not(.label){color:#aaa}.frequency{height:82px;margin-top:3rem;display:flex;align-items:center;gap:5px}.frequency i{display:block;width:4px;height:25%;background:#7c93a5;animation:signal 2s infinite ease-in-out}.frequency i:nth-child(3n){height:70%;animation-delay:.2s}.frequency i:nth-child(4n){height:45%;animation-delay:.5s}.frequency i:nth-child(5n){height:90%;animation-delay:.8s}.room-broadcast{background:#080b0d}.broadcast-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:1px;background:var(--line);border:1px solid var(--line)}.broadcast-grid>*{background:#090b0d;padding:42px}.broadcast-feature{min-height:390px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.broadcast-feature:before{content:"09";position:absolute;right:25px;top:-35px;font:400 12rem/1 var(--mono);color:#111820;text-shadow:0 0 30px rgba(95,132,160,.1)}.broadcast-feature h3{font-size:clamp(3rem,6vw,6rem);position:relative}.broadcast-feature p{position:relative;max-width:590px}.broadcast-grid aside ul{list-style:none;padding:0;margin:3rem 0 0}.broadcast-grid aside li{padding:14px 0;border-top:1px solid var(--line);font-size:1rem;color:#aaa}.room-writing{background:linear-gradient(120deg,#17100c,#090909 45%)}.bookcase{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:20px;border-bottom:5px solid #4a2e1c;padding:0 15px}.bookcase article{min-height:350px;padding:38px 24px;background:linear-gradient(90deg,#2a1b12,#3b271a 8%,#25170f 95%);border-left:1px solid #795031;box-shadow:7px 5px 20px #000;display:flex;flex-direction:column;justify-content:flex-end}.bookcase article:nth-child(2){min-height:420px;background:linear-gradient(90deg,#15191d,#283038 8%,#161a1e 95%);border-color:#59636b}.bookcase article:nth-child(3){min-height:320px;background:linear-gradient(90deg,#271213,#421e20 8%,#251112 95%);border-color:#744548}.bookcase article p,.bookcase article span{font:400 .6rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#aa9d8e}.about{padding:18vh 12vw 12vh;border-top:1px solid var(--line);background:#d4cdc1;color:#151310}.about .eyebrow{color:#76502e}.about h2{max-width:1100px}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin:6rem 0}.about-columns p{font-size:clamp(1.3rem,2.1vw,2rem);line-height:1.35}.return{font:400 .7rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#4b3422;text-decoration:none;border-bottom:1px solid #76502e;padding-bottom:6px}.return span{margin-left:8px}footer{display:flex;justify-content:space-between;padding:35px 5vw;color:#756f67;font:400 .62rem var(--mono);text-transform:uppercase;letter-spacing:.11em}footer p{margin:0}@keyframes house-in{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes spot-in{to{opacity:1;transform:none}}@keyframes signal{50%{transform:scaleY(.35);opacity:.4}}@media (max-width:850px){.masthead{padding:18px}.menu-button{display:block}nav{display:none;position:absolute;right:18px;top:55px;flex-direction:column;gap:0;background:#0b0c0e;border:1px solid var(--line);padding:12px}nav.open{display:flex}nav a{padding:10px 18px}.house-frame img{height:67%;object-position:center top}.house-vignette{background:linear-gradient(to bottom,transparent 20%,#090b0d 68%)}.hotspot{display:none}.threshold{padding-bottom:10vh}.threshold-copy{text-align:left}.threshold-copy h1{font-size:clamp(3.6rem,14vw,6rem);line-height:.88}.room{grid-template-columns:1fr;padding:12vh 7vw}.room-number{writing-mode:horizontal-tb}.shelves,.record-list,.broadcast-grid,.bookcase,.about-columns{grid-template-columns:1fr}.shelves article{min-height:auto}.bookcase{align-items:stretch;border:0}.bookcase article,.bookcase article:nth-child(2),.bookcase article:nth-child(3){min-height:260px}.about{padding:14vh 8vw}.about-columns{gap:2rem;margin:3rem 0 5rem}footer{flex-direction:column;gap:10px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* The threshold */
.door-intro{position:fixed;inset:0;z-index:1000;perspective:1800px;background:#030405;overflow:hidden;transition:visibility 0s 2.2s}.door{position:absolute;top:0;bottom:0;width:50.15%;background-image:url("ancient-doors.webp");background-size:200% 100%;background-repeat:no-repeat;backface-visibility:hidden;will-change:transform;transition:transform 2s cubic-bezier(.72,.01,.22,1),filter 1.8s ease;filter:brightness(.78)}.door-left{left:0;background-position:left center;transform-origin:left center}.door-right{right:0;background-position:right center;transform-origin:right center}.door-title{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e9d8be;font:400 .78rem/1.25 var(--mono);letter-spacing:.45em;text-shadow:0 2px 20px #000;transition:opacity .45s ease}.door-title span:last-child{color:#dc9a55}.skip-intro{position:absolute;z-index:3;right:24px;bottom:22px;border:1px solid rgba(232,202,162,.4);background:rgba(5,6,7,.65);color:#ddd2c3;padding:10px 13px;font:400 .75rem var(--mono);letter-spacing:.08em;cursor:pointer}.door-intro.open{pointer-events:none;visibility:hidden}.door-intro.open .door-left{transform:rotateY(-104deg);filter:brightness(.35)}.door-intro.open .door-right{transform:rotateY(104deg);filter:brightness(.35)}.door-intro.open .door-title,.door-intro.open .skip-intro{opacity:0}
.eyebrow,.label,.room-number{font-size:.75rem}.daydream-spot{top:67%;right:16%}.runway-spot{top:48%;left:13%}.record-list{grid-template-columns:repeat(2,1fr)}.ambient-card{grid-column:1/-1;min-height:auto!important}.release-note{margin-top:2rem;color:#91897f;font-family:var(--mono);font-size:.75rem}.room-daydream{background:radial-gradient(circle at 18% 15%,#3e2633 0,transparent 34%),radial-gradient(circle at 85% 70%,#183442 0,transparent 38%),#090a0c}.project-plaque{border:1px solid rgba(216,208,195,.22);padding:4rem;max-width:720px;background:rgba(8,9,11,.45);box-shadow:0 30px 90px rgba(0,0,0,.35)}.project-plaque span{font:400 .75rem var(--mono);text-transform:uppercase;letter-spacing:.15em;color:#aa96a5}.project-plaque h3{font-size:clamp(3rem,6vw,6rem);margin:2.5rem 0 .6rem}.project-plaque p{color:#aaa}.room-runway{background:linear-gradient(105deg,#090909 0,#211417 52%,#0b0a0a 100%)}.runway-marquee{display:flex;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.runway-marquee span{flex:1 1 230px;padding:26px 18px;font:400 .75rem var(--mono);text-transform:uppercase;letter-spacing:.13em;text-align:center;border-right:1px solid var(--line);color:#c8b6ac}.runway-marquee span:last-child{border-right:0}
@media (max-width:850px){.door{background-size:auto 100%;}.door-left{background-position:39% center}.door-right{background-position:61% center}.record-list{grid-template-columns:1fr}.ambient-card{grid-column:auto}.project-plaque{padding:2.2rem}.daydream-spot,.runway-spot{display:none}}
@media (prefers-reduced-motion:reduce){.door-intro{display:none}}