:root{--gold:#d7a24a;--cream:#f2ebde}*{box-sizing:border-box}html,body,#hotel{margin:0;width:100%;height:100%;overflow:hidden;background:#090705;color:var(--cream);font-family:DM Mono,monospace}button,input{font:inherit}#room{position:absolute;inset:-5%;transition:.7s;will-change:transform}#room>img{width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#0007,transparent 45%,#0002),linear-gradient(0deg,#0006,transparent 35%)}header{position:fixed;z-index:10;width:100%;height:86px;padding:0 3vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #fff3}.brand{color:inherit;text-decoration:none;font-size:.65rem;letter-spacing:.18em}.brand em{font:500 1.7rem Playfair Display;margin-left:.4rem;letter-spacing:-.03em}header>span,#menu{font-size:.58rem;letter-spacing:.15em}#menu{justify-self:end;background:none;border:0;color:inherit;text-transform:uppercase;cursor:pointer}.welcome{position:fixed;z-index:8;left:6vw;top:49%;transform:translateY(-50%);transition:.7s}.welcome.gone{opacity:0;transform:translate(-40px,-50%);pointer-events:none}.welcome p,.k{font-size:.58rem;letter-spacing:.2em;color:var(--gold)}h1,h2{font:500 clamp(4.5rem,9vw,9rem)/.73 Playfair Display;margin:1.3rem 0;letter-spacing:-.055em;text-shadow:0 5px 30px #0007}h1 em{color:var(--gold)}.welcome button{background:var(--cream);border:0;padding:1.1rem 1.4rem;font-size:.62rem;text-transform:uppercase;cursor:pointer}.clock{position:fixed;z-index:8;right:3vw;bottom:3vw;text-align:right;font-size:.58rem;text-transform:uppercase}.clock span:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--gold);margin-right:7px}.clock time{display:block;font:500 1.4rem Playfair Display;margin-top:.25rem}.hint{position:fixed;z-index:8;left:3vw;bottom:3vw;font-size:.52rem;text-transform:uppercase;letter-spacing:.1em}.hotspot{position:absolute;z-index:4;left:var(--x);top:var(--y);width:44px;height:44px;transform:translate(-50%,-50%);background:none;border:0;color:#fff;cursor:pointer}.hotspot i{position:absolute;inset:18px;width:8px;height:8px;border:1px solid;border-radius:50%;box-shadow:0 0 0 0 #fff6;animation:pulse 2.4s infinite}.hotspot span{position:absolute;left:30px;top:20px;opacity:0;white-space:nowrap;text-align:left;font-size:.5rem;text-transform:uppercase;transition:.2s;text-shadow:0 2px 8px #000}.hotspot b{display:block;color:var(--gold);font:500 1rem Playfair Display;text-transform:none}.hotspot:hover span{opacity:1}.speaker i{border-color:var(--gold)}body:not(.entered) .hotspot{opacity:0;pointer-events:none}@keyframes pulse{70%{box-shadow:0 0 0 13px #fff0}}#panel{position:fixed;z-index:14;inset:0 0 0 48%;padding:11vh 6vw;background:#15110eF2;backdrop-filter:blur(18px);transform:translateX(110%);transition:.6s;overflow:auto}#panel.open{transform:none}.close{position:absolute;top:3vh;right:3vw;width:42px;height:42px;border:1px solid #fff5;border-radius:50%;background:none;color:#fff;font-size:1.3rem}.dim{filter:brightness(.4) blur(2px)}#content h2{font-size:clamp(4rem,7vw,7rem)}.lead,blockquote{font:500 1.2rem/1.6 Playfair Display;max-width:650px}blockquote{border-left:1px solid var(--gold);padding-left:1.4rem;margin:2rem 0}.videos{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#fff2}.videos a{min-height:180px;padding:1.4rem;background:linear-gradient(145deg,#35140f,#0e0c0b);color:#fff;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between}.videos small,.videos span{font-size:.52rem;color:var(--gold)}.videos b{font:500 1.5rem Playfair Display}article{display:grid;grid-template-columns:60px 1fr auto;gap:1rem;align-items:center;padding:1.25rem 0;border-top:1px solid #fff3}article time{font-size:.58rem;color:var(--gold)}article b,article span{display:block}article b{font:500 1.2rem Playfair Display}article span{font-size:.55rem;color:#999}.trackplay{background:none;border:0;color:var(--cream);font-size:.58rem}.tags{display:flex;flex-wrap:wrap;gap:.6rem}.tags span{padding:.8rem;border:1px solid #fff4;font-size:.6rem}form{display:flex;max-width:520px;margin-top:2rem}input{flex:1;padding:1rem;background:#fff1;border:1px solid #fff4;color:#fff;border-radius:0}form button{border:0;background:var(--gold);font-size:.58rem;padding:0 1rem}nav{position:fixed;z-index:16;top:86px;right:0;bottom:0;width:min(390px,100%);padding:5vh 3rem;background:#130f0cF2;transform:translateX(100%);transition:.5s}nav.open{transform:none}nav button{display:block;width:100%;padding:1.2rem 0;background:none;border:0;border-bottom:1px solid #fff2;color:#ddd;text-align:left;text-transform:uppercase;font-size:.65rem;cursor:pointer}.player{position:fixed;z-index:18;left:3vw;bottom:3vw;display:grid;grid-template-columns:40px 1fr auto 35px;gap:1rem;align-items:center;min-width:390px;padding:1rem;background:#eee6d9;color:#17120e;transform:translateY(160%);transition:.5s;box-shadow:0 18px 60px #0008}.player.show{transform:none}.player button{border:0;background:none}.player small,.player b,.player span{display:block}.player small{font-size:.48rem;color:#965d1e}.player b{font:500 1rem Playfair Display}.player span{font-size:.52rem}.bars{display:flex;align-items:center;gap:3px}.bars i{display:block;width:2px;height:8px;background:#9a621d}.player.playing .bars i{animation:eq .6s infinite alternate}.player.playing .bars i:nth-child(2){animation-delay:.2s}.player.playing .bars i:nth-child(3){animation-delay:.4s}@keyframes eq{to{height:22px}}@media(max-width:800px){#room{inset:0;width:150%;left:-25%}header{grid-template-columns:1fr auto}header>span{display:none}.welcome{left:7vw}.welcome h1{font-size:20vw}#panel{inset:0;padding:13vh 7vw 8vh}.hotspot span{display:none}.videos{grid-template-columns:1fr}.player{left:0;bottom:0;min-width:100%;grid-template-columns:36px 1fr auto}.player .bars{display:none}.hint{max-width:180px;line-height:1.5}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.entrance{position:fixed;z-index:50;inset:0;background:#080604;overflow:hidden;transition:opacity .7s}.entrance.gone{opacity:0;pointer-events:none}.entrance-half{position:absolute;top:0;bottom:0;width:50%;background-image:url('assets/butler-entrance.png');background-size:200% 100%;transition:transform 1.25s cubic-bezier(.7,0,.2,1),filter 1.2s}.entrance-half.left{left:0;background-position:left}.entrance-half.right{right:0;background-position:right}.entrance.opening .left{transform:translateX(-100%);filter:blur(2px)}.entrance.opening .right{transform:translateX(100%);filter:blur(2px)}.checkin{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;text-shadow:0 3px 24px #000;transition:.45s}.entrance.opening .checkin{opacity:0}.checkin p{font-size:.58rem;letter-spacing:.2em;color:var(--gold)}.checkin h2{font-size:clamp(3.5rem,7vw,7rem)}.checkin button{padding:1.1rem 1.4rem;border:0;background:var(--cream);font-size:.62rem;text-transform:uppercase;cursor:pointer}