.room-page{--night-deep:#12192b;--night-raised:#1c2745;--room:#f2873f;--room-ink:#20100a;--dim:#ffffffbd;--faint:#ffffff8f;--hair:#ffffff29;--rule-night:#ffffff52;--floor-ground:#212d4f;--sheet:min(1400px, max(960px, calc((100vh - 360px) * 1.977 + 48px)));background:var(--night);color:#fff;-webkit-font-smoothing:antialiased}.room-page .foot{border-top:1px solid var(--hair);max-width:none;color:var(--faint);margin:0;padding:2rem 24px 3rem}main.room{display:block;position:relative;overflow-x:clip}.room a:focus-visible{outline-offset:3px;outline:2px solid #fff}.stars{pointer-events:none;width:100%;height:560px;position:absolute;top:0;left:0}.kicker{font:500 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin:0}.lobby-head{max-width:var(--sheet);grid-template-columns:auto 1fr;align-items:end;gap:10px 48px;margin:0 auto;padding:26px 24px 0;display:grid;position:relative}.lobby-head .kicker{grid-column:1/-1}.lobby-head h1{font:400 clamp(60px, 6.4vw, 88px)/.86 var(--display);letter-spacing:.14em;text-transform:uppercase;margin:0}.lede{max-width:36rem;font:400 21px/1.42 var(--serif);color:var(--dim);text-wrap:pretty;margin:0 0 4px}.lede a{color:#fff;text-underline-offset:.18em;text-decoration-thickness:1px}.plan-wrap{max-width:var(--sheet);margin:0 auto;padding:10px 24px 0;position:relative}.plan-sheet{position:relative;container-type:inline-size}.plan{width:100%;height:auto;display:block;overflow:visible}.plan-tall{display:none}.plan text{font-family:var(--sans);fill:#fff}.plan .t-cap{letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:600}.plan .t-room{letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:600}.plan .t-sub{letter-spacing:.12em;text-transform:uppercase;fill:var(--faint);font-size:9.5px;font-weight:500}.plan .t-year{letter-spacing:.14em;fill:var(--faint);font-size:11px;font-weight:600}.plan .t-big{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;font-size:24px}.plan .t-wit{font-family:var(--serif);fill:var(--faint);font-size:12px;font-style:italic}.plan .t-orange,.plan .enter{fill:var(--room)}.plan-tall .t-sub{letter-spacing:.06em}.plan .grid line{stroke:#ffffff09;stroke-width:1px}.plan .frame{fill:none;stroke:var(--rule-night);stroke-width:1px}.plan .wall{fill:none;stroke:#fff;stroke-width:5px;stroke-linecap:square}.plan .door{fill:none;stroke:#fff;stroke-width:1.2px}.plan .swing{fill:none;stroke:var(--faint);stroke-width:.8px;stroke-dasharray:2 2.5}.plan .tick{stroke:var(--rule-night);stroke-width:1px}.plan .dim{stroke:var(--room);stroke-width:1px;fill:none}.plan .leader{stroke:var(--faint);stroke-width:.7px;fill:none}.plan .case{fill:none;stroke:#fff;stroke-width:1px}.plan path.case{stroke-width:.7px}.plan .plan-figure path{stroke-width:.9px;vector-effect:non-scaling-stroke}.plan-room{cursor:pointer;outline:none}.plan-room .fill{fill:var(--night-deep);fill-opacity:.62;transition:fill-opacity .25s}.plan-room .photo,.plan-room .shade,.plan-room .enter{opacity:0;transition:opacity .35s}.plan-room .photo img{object-fit:cover;width:100%;height:100%;display:block}.plan-room .edge{fill:none;stroke:var(--room);stroke-width:1.5px;opacity:.75;transition:opacity .25s,stroke-width .25s}.plan-room .obj{transition:opacity .35s}.plan-room:is(:hover,:focus-visible,.on) .fill{fill-opacity:.9}.plan-room:is(:hover,:focus-visible,.on) :is(.photo,.shade,.enter){opacity:1}.plan-room:is(:hover,:focus-visible,.on) .edge{opacity:1;stroke-width:3px}.plan-room:is(:hover,:focus-visible,.on) .obj{opacity:0}.plan-room:focus-visible .edge{stroke:#fff}.plan-corridor .fill{fill:#fff;fill-opacity:0;transition:fill-opacity .25s}.plan-corridor:is(:hover,:focus-visible) .fill{fill-opacity:.05}.plan-bay{outline:none}.plan-bay .fill{fill:var(--night-deep);fill-opacity:.62;transition:fill-opacity .2s}.plan-bay:is(:hover,:focus-visible,.on) .fill{fill:var(--room);fill-opacity:.9}.plan-bay:is(:hover,:focus-visible,.on) .case{stroke:var(--room-ink)}.plan-bay:is(:hover,:focus-visible,.on) .num,.plan .here-dot{fill:var(--room)}.plan .here-ring{fill:none;stroke:var(--room);stroke-width:1.2px;transform-box:fill-box;transform-origin:50%;animation:2.4s ease-out infinite ping}.plan .draw{stroke-dasharray:1;stroke-dashoffset:1px;animation:1.5s cubic-bezier(.6,.1,.3,1) forwards draw}.plan .door.draw{animation-delay:.7s}.plan .dim.draw{animation-delay:1s}.plan .swing{opacity:0;animation:.6s 1.1s forwards fade}.plan .late{opacity:0;animation:.8s 1.15s forwards fade}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fade{to{opacity:1}}@keyframes ping{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}.cards{z-index:2;width:31%;position:absolute;top:0;left:13.3%}.card{background:var(--night-raised);border:1px solid #ffffff3d;border-top:3px solid var(--room);border-radius:var(--radius);padding:clamp(12px,1.3cqw,18px) clamp(14px,1.5cqw,20px) clamp(13px,1.4cqw,18px);box-shadow:0 10px 28px #060a1680}.card[hidden]{display:none}.card.quiet{border-top-color:#fff6}.card p{margin:0 0 clamp(7px,.8cqw,10px)}.card-kick{font:600 clamp(10px, 1.03cqw, 12px)/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--room)}.card.quiet .card-kick{color:var(--dim)}.card-title{font:400 clamp(22px, 2.6cqw, 32px)/1 var(--display);letter-spacing:.08em;text-transform:uppercase}.card-idea{font:400 clamp(14px, 1.45cqw, 18px)/1.36 var(--serif);text-wrap:pretty}.card-meta{font:500 clamp(11px, 1.1cqw, 13px)/1.5 var(--sans);color:var(--dim)}.card-enter{font:600 clamp(11px, 1.1cqw, 13px)/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#fff;text-decoration:none}.card-enter:hover{text-underline-offset:.4em;text-decoration:underline}.hall{border-top:1px solid var(--hair);margin-top:56px;padding:0 24px 64px;position:relative;overflow:hidden}.hall-in{max-width:calc(var(--sheet) - 48px);margin:0 auto;position:relative;container-type:inline-size}.hall-head{grid-template-columns:auto 1fr;align-items:end;gap:10px 48px;padding-top:44px;display:grid}.hall-head .kicker,.hall-head .scale{grid-column:1/-1}.hall-head h2{font:400 40px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;margin:0}.hall-lede{max-width:34rem;font:400 19px/1.42 var(--serif);color:var(--dim);text-wrap:pretty;margin:0}.scale{--col:calc((100cqw - 3 * 28px) / 4);font:500 11px/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);align-items:center;gap:12px;margin:6px 0 0;display:flex}.scale-bar{width:calc(var(--col) * 10 / 22);background:linear-gradient(#fff9,#fff9) 50% 100%/1px 5px no-repeat;border:1px solid #fff9;border-top:0;height:9px}.row{--floor:calc((100cqw - 3 * 28px) / 4 * 34 / 22 + 28px);grid-template-columns:repeat(4,1fr);column-gap:28px;padding-top:28px;display:grid;position:relative}.row:before{content:"";left:-100vw;right:-100vw;top:var(--floor);background:var(--floor-ground);pointer-events:none;position:absolute;bottom:-400px}.row:after{content:"";left:-24px;right:-24px;top:var(--floor);background:var(--rule-night);pointer-events:none;height:1px;position:absolute}.exhibit{grid-template-rows:subgrid;color:inherit;outline:none;grid-row:span 6;text-decoration:none;display:grid;position:relative}.exhibit:focus-visible{outline-offset:6px;border-radius:var(--radius-sm);outline:2px solid #fff}.stage{align-self:end;position:relative}.stage svg{z-index:1;width:100%;height:auto;display:block;position:relative;overflow:visible}.behind{z-index:0;aspect-ratio:1/.92;opacity:0;transition:opacity .6s;position:absolute;bottom:0;left:-6%;right:-6%;overflow:hidden;-webkit-mask-image:radial-gradient(58% 56% at 50% 54%,#000 38%,#0000008c 66%,#0000 100%);mask-image:radial-gradient(58% 56% at 50% 54%,#000 38%,#0000008c 66%,#0000 100%)}.behind img,.behind video{object-fit:cover;filter:saturate(.8)brightness(.6);width:100%;height:100%;position:absolute;inset:0}.behind img{transition:transform 8s linear;transform:scale(1.04)}.exhibit:is(:hover,:focus-visible,.on) .behind{opacity:.68}.exhibit:is(:hover,:focus-visible,.on) .behind img{transform:scale(1.12)}.exhibit:is(:hover,:focus-visible,.on) .obj.field{filter:brightness(1.12)}.exhibit:is(:hover,:focus-visible,.on) .obj:not(.field){filter:drop-shadow(0 0 3px #f2873ff2)drop-shadow(0 0 18px #f2873f66)}.exhibit:is(:hover,:focus-visible,.on) :is(.beam,.pool){opacity:1}.exhibit:is(:hover,:focus-visible,.on) :is(.dais,.field-floor){stroke:var(--room)}.stage .obj{transition:filter .4s}.stage :is(.beam,.pool){opacity:0;transition:opacity .5s}.stage .dais{fill:#24315a;stroke:#ffffff38;stroke-width:1.2px;transition:stroke .4s}.stage .field-floor{fill:#24315a;stroke:#ffffff2e;stroke-width:1.2px;transition:stroke .4s}.stage .field-seam{stroke:#ffffff0f;stroke-width:.6px}.stage .cable{stroke:#fff6;stroke-width:.9px}.room .figure circle{fill:#fff}.room .figure path{fill:none;stroke:#fff;stroke-width:.85px;stroke-linecap:round;stroke-linejoin:round}.stage .rig-legs,.stage .rig-feet,.stage .rig-truss{fill:none;stroke:#b8c4dc;stroke-linecap:round;stroke-linejoin:round}.stage .rig-truss{stroke:#8796b8}.stage .rig-ring{fill:#6f7fa3}.stage .rig-bell{fill:#3a4462;stroke:#8a96b4;stroke-width:.6px}.stage .rig-nub{fill:#c8d0df}.stage .rig-weld{fill:none;stroke:#28345640}.what{font:500 11px/1.35 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin:12px 0 0}.what b{color:var(--dim);font-weight:600}.when{font:500 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--room);border-top:3px solid #0000;margin:18px 0 0;padding:16px 0 10px;transition:border-color .4s}.exhibit:is(:hover,:focus-visible,.on) .when{border-top-color:var(--room)}.exhibit .title{font:400 34px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;align-self:start;margin:0 0 12px}.exhibit .idea{font:400 18px/1.42 var(--serif);color:var(--dim);margin:0 0 16px}.go{font:500 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 12px;margin:0;display:flex}.go .mins{color:var(--faint);white-space:nowrap}.go .enter{color:var(--room);white-space:nowrap}.go .enter span{transition:transform .3s;display:inline-block}.exhibit:is(:hover,:focus-visible,.on) .go .enter span{transform:translate(5px)}@media (width<=1100px){.scale{--col:calc((100cqw - 32px) / 2)}.row{grid-template-columns:repeat(2,1fr);column-gap:32px}.row:before,.row:after{display:none}.exhibit{margin-bottom:56px}.stage{border-bottom:1px solid var(--rule-night)}.stage svg{overflow:hidden}.behind{aspect-ratio:auto;top:6%}}@media (width<=760px){.lobby-head{grid-template-columns:1fr;max-width:none;padding:30px 16px 4px}.lede{margin-top:6px;font-size:19px}.hall-head{grid-template-columns:1fr}.plan-wrap{max-width:none;padding:20px 16px 0}.plan-wide,.cards{display:none}.plan-tall{display:block}}@media (width<=640px){.hall{padding:0 16px 48px}.hall-head h2{font-size:34px}.hall-lede{font-size:18px}.scale{--col:100cqw}.row{grid-template-columns:1fr;margin-top:20px}.exhibit .title{font-size:30px}}@media (prefers-reduced-motion:reduce){.plan .draw{stroke-dashoffset:0;stroke-dasharray:none;animation:none}.plan .swing,.plan .late{opacity:1;animation:none}.plan .here-ring{opacity:.6;animation:none}.plan *,.stage *,.behind,.when,.go .enter span{transition:none!important}.exhibit:is(:hover,:focus-visible,.on) .behind img{transform:scale(1.04)}}
