:root{--sc-canvas:#171812;--sc-ink:#f4f1e8;--sc-ink-soft:#cecbc1;--sc-accent:#d5da79;--sc-font-display:'Archivo Black',sans-serif;--sc-font-text:'Archivo',sans-serif;--gutter:clamp(24px,4vw,72px);--header-h:100px}
html{scroll-behavior:auto;background:#171812}body{margin:0;font-family:'Archivo',sans-serif;color:var(--sc-ink);background:var(--sc-canvas);overscroll-behavior-y:none}body.menu-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,p,figure{margin:0}button:disabled{opacity:.25;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #e0e88b;outline-offset:7px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.3}::selection{background:#d5da79;color:#171812}.skip-link{position:fixed;z-index:200;left:20px;top:12px;padding:12px 20px;background:#171812;transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-header{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:28px var(--gutter);height:var(--header-h);pointer-events:none}.site-header>*{pointer-events:auto}.wordmark{font-family:'Archivo Black';font-size:36px;letter-spacing:-.095em;line-height:1}.brand-dot{font-family:'Archivo';font-size:16px;letter-spacing:0;display:inline-block;vertical-align:top;margin:2px 0 0 5px}.header-note{font-size:10px;letter-spacing:.18em;font-weight:600;position:absolute;left:50%;transform:translateX(-50%);pointer-events:none}.menu-toggle{display:flex;align-items:center;gap:12px;font-size:13px;padding:12px 0}.menu-toggle:hover svg{transform:translateY(-2px)}.menu-toggle svg{transition:transform .25s}
.room{position:relative;min-height:100svh}.room-panel{position:relative;width:100%;height:100svh;overflow:hidden;background:#171812;isolation:isolate}.enhanced .room{height:calc(var(--span,1.3)*100svh);min-height:0}.enhanced .room-panel{position:fixed;inset:0;height:100%;opacity:0;visibility:hidden;pointer-events:none;will-change:opacity,clip-path}.enhanced .room-panel.is-visible{visibility:visible}.enhanced .room-panel.is-active{pointer-events:auto}.scene-frame{position:absolute;inset:0;overflow:hidden}.composition{position:absolute;inset:0;width:100%;height:100%;transform-origin:center;will-change:transform}.poster,.ambient,.reaction{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.ambient,.reaction{opacity:0;transition:opacity .24s linear;pointer-events:none}.ambient.is-ready{opacity:1}.reaction.is-playing{opacity:1}.scene-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(9,12,9,.63),transparent 21%,transparent 54%,rgba(9,12,9,.77) 100%);z-index:2}.room-entrance .scene-shade{background:linear-gradient(180deg,rgba(9,12,9,.6),transparent 24%),linear-gradient(32deg,rgba(9,12,9,.88),rgba(9,12,9,.06) 63%)}.entry-frame{position:absolute;inset:0;z-index:2;pointer-events:none}.entry-frame i{position:absolute;top:0;bottom:0;width:3.2%;background:linear-gradient(90deg,#141710,#20251a 65%,#454a2d);box-shadow:8px 0 35px #0006;transform:translateX(calc(var(--entry,0)*-140%))}.entry-frame i:last-child{right:0;transform:translateX(calc(var(--entry,0)*140%));background:linear-gradient(270deg,#141710,#20251a 65%,#454a2d);box-shadow:-8px 0 35px #0006}.room-copy{position:absolute;z-index:4;bottom:calc(115px + env(safe-area-inset-bottom));left:var(--gutter);max-width:min(750px,58vw);pointer-events:none}.room-copy a{pointer-events:auto}.room-eyebrow{display:flex;gap:22px;align-items:center;font-size:10px;font-weight:600;letter-spacing:.18em;margin-bottom:20px}.room-eyebrow time{font-variant-numeric:tabular-nums;letter-spacing:.08em}.room-eyebrow span:before{content:'';display:inline-block;width:20px;height:1px;margin:0 20px 3px 0;background:#e4e5c2}.room-copy h1,.room-copy h2{font-family:'Archivo Black';font-weight:400;letter-spacing:-.065em;line-height:1.02;text-wrap:balance;text-shadow:0 2px 24px #0002}.room-copy h1{font-size:clamp(50px,6.25vw,112px);line-height:.96;letter-spacing:-.075em}.room-copy h2{font-size:clamp(32px,4.3vw,72px);max-width:660px}.room-description{margin-top:16px;font-size:14px;line-height:1.5;letter-spacing:-.01em;color:#f0eee7;max-width:330px}.entry-note{position:absolute;z-index:4;right:var(--gutter);bottom:126px;font-size:13px;line-height:1.6;text-align:right}.replay{display:inline-flex;margin-top:22px;gap:35px;border-bottom:1px solid #cdd091;padding:4px 0 10px;color:#edf1be;font-size:14px}.replay:hover span{transform:translate(3px,-3px)}.replay span{transition:transform .2s}
.house-controls{position:fixed;z-index:40;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:20px var(--gutter) calc(22px + env(safe-area-inset-bottom));background:linear-gradient(0deg,rgba(9,12,9,.5),transparent);font-size:11px;height:90px}.location{display:flex;gap:14px;align-items:center}.location time{margin-left:8px;font-variant-numeric:tabular-nums;color:#cbd0af}.status-dot{width:5px;height:5px;border-radius:50%;background:#d5da79}.controls-right{display:flex;align-items:center;gap:32px}#motion-toggle{display:flex;gap:8px;align-items:center;font-size:11px;padding:9px 0}.pause-icon{width:18px;height:18px}.step-nav{display:flex;gap:8px}.step-nav button{width:38px;height:38px;border:1px solid #eceede50;border-radius:50%;font-size:17px;transition:background .2s}.step-nav button:not(:disabled):hover{background:#d5da7920}.day-progress{position:absolute;bottom:0;left:var(--gutter);right:var(--gutter);height:2px;background:#f4f1e820}.day-progress i{display:block;height:100%;width:100%;transform:scaleX(var(--day,0));transform-origin:left;background:#d5da79}
.droge-hit{position:absolute;z-index:5;padding:0;min-width:44px;min-height:44px;display:none;cursor:pointer;border-radius:45% 45% 25% 25%;touch-action:manipulation}.enhanced .is-active .droge-hit{display:block}.droge-hit:focus-visible{outline:1px solid #edf1be;outline-offset:8px}.hello-tag{display:block;position:absolute;top:-25px;left:50%;transform:translate(-50%,5px);padding:7px 12px;border:1px solid #f4f1e84d;border-radius:20px;background:#1b211bd9;color:#f6f4e9;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;transition:opacity .2s,transform .2s}.droge-hit:hover .hello-tag,.droge-hit:focus-visible .hello-tag{opacity:1;transform:translate(-50%,-3px)}.reply{position:absolute;z-index:6;pointer-events:none;color:#182015;background:#eef0da;font-size:13px;line-height:1.25;white-space:nowrap;padding:12px 16px;border-radius:14px 14px 14px 2px;box-shadow:0 8px 24px #0003;transform:translate(-5%,-120%) scale(.96);opacity:0;transition:opacity .25s,transform .25s}.reply.is-shown{opacity:1;transform:translate(-5%,-140%) scale(1)}.is-reacting .hello-tag{display:none}
#room-menu{position:fixed;inset:0;margin:0;width:100%;height:100%;max-width:none;max-height:none;padding:0;background:#171b15;color:#f4f1e8;border:0;overflow:auto;z-index:100}#room-menu::backdrop{background:#171b15}.menu-head{height:var(--header-h);padding:28px var(--gutter);display:flex;justify-content:space-between;align-items:center}.menu-close{display:flex;align-items:center;gap:18px;font-size:13px;padding:12px 0}.menu-close span{font-size:25px;font-weight:400}.menu-body{display:grid;grid-template-columns:1fr 1.3fr;gap:9vw;padding:30px var(--gutter) 40px}.menu-eyebrow{font-size:10px;letter-spacing:.16em;color:#d5da79;margin-bottom:20px}.room-index nav{display:flex;flex-direction:column}.room-link{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f4f1e822;padding:10px 0;font-size:clamp(23px,2.6vw,42px);line-height:1.2;letter-spacing:-.045em;transition:color .2s,padding .2s}.room-link time{font-size:11px;letter-spacing:0;color:#ccd1bc}.room-link:hover,.room-link[aria-current="location"]{color:#d5da79;padding-left:8px}.menu-preview{align-self:center}.menu-preview img{display:block;width:100%;aspect-ratio:1.35;object-fit:cover;border-radius:2px}.menu-preview figcaption{display:flex;justify-content:space-between;margin-top:18px;font-size:11px;gap:20px}.menu-preview figcaption span:last-child{font-size:9px;letter-spacing:.12em;color:#c3c8b5}.menu-foot{position:absolute;bottom:30px;left:var(--gutter);font-size:10px;color:#c3c8b5}.noscript-note{padding:30px}
@media(min-width:1800px){.room-copy{bottom:140px}.room-description{font-size:16px}.site-header{padding-top:38px}}
@media(max-width:850px){.header-note{display:none}.entry-note{display:none}.room-copy{max-width:76vw}.menu-body{gap:5vw;grid-template-columns:1fr 1fr}.menu-preview img{aspect-ratio:.8}.menu-foot{position:static;padding:0 var(--gutter) 25px}.room-copy h1{font-size:clamp(50px,8vw,70px)}}
@media(max-width:600px){:root{--gutter:22px;--header-h:84px}.site-header,.menu-head{padding:25px var(--gutter)}.wordmark{font-size:29px}.menu-toggle{font-size:12px;gap:9px}.menu-toggle svg{width:19px}.room-copy{bottom:calc(103px + env(safe-area-inset-bottom));max-width:calc(100vw - 44px)}.room-copy h1{font-size:clamp(41px,10.6vw,63px)}.room-copy h2{font-size:clamp(31px,8.7vw,47px);max-width:350px}.room-description{font-size:12px;max-width:255px;margin-top:13px}.room-eyebrow{font-size:9px;margin-bottom:13px;gap:14px}.room-eyebrow span:before{width:14px;margin-right:14px}.scene-shade{background:linear-gradient(180deg,#080c09aa,transparent 21%,transparent 48%,#080c09dd 89%)}.room-entrance .scene-shade{background:linear-gradient(180deg,#080c09aa,transparent 23%,transparent 43%,#080c09e6 90%)}.entry-frame i{width:12px}.house-controls{height:78px;padding:17px var(--gutter) calc(17px + env(safe-area-inset-bottom));font-size:10px}.controls-right{gap:12px}.location{gap:8px}.location time{display:none}#motion-toggle span{display:none}#motion-toggle{width:30px;justify-content:center}.step-nav button{width:33px;height:33px}.step-nav{gap:6px}.menu-body{display:block;padding:20px var(--gutter) 35px}.menu-preview{display:none}.room-link{font-size:29px;padding:12px 0}.menu-foot{font-size:10px;max-width:300px;padding-top:15px}.menu-eyebrow{margin-bottom:20px}.reply{font-size:12px;padding:10px 13px;transform:translate(-40%,-120%) scale(.96)}.reply.is-shown{transform:translate(-40%,-140%) scale(1)}.replay{font-size:13px;margin-top:18px}.hello-tag{font-size:11px}}
@media(max-height:680px) and (min-width:601px){.room-copy{bottom:95px}.room-copy h1{font-size:55px}.room-copy h2{font-size:45px}.room-description{margin-top:10px}.menu-body{padding-top:5px}.room-link{font-size:26px;padding:6px 0}.menu-foot{position:static;padding:0 var(--gutter) 20px}.menu-preview img{max-height:340px}.menu-head{height:85px}}
@media(max-height:690px) and (max-width:600px){.room-copy{bottom:91px}.room-copy h1{font-size:39px}.room-copy h2{font-size:30px}.room-description{margin-top:8px}.room-eyebrow{margin-bottom:10px}.room-link{font-size:25px;padding:9px 0}.menu-body{padding-top:0}.menu-foot{padding-top:0}.replay{margin-top:12px}.room-terrace .room-description{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.entry-frame{display:none}}

@media(max-width:850px){.composition{mask-image:linear-gradient(to bottom,#000 78%,transparent 100%)}.scene-shade{background:linear-gradient(180deg,#080c0980,transparent 20%,transparent 49%,#171812 88%)}.room-entrance .scene-shade{background:linear-gradient(180deg,#080c0980,transparent 23%,transparent 43%,#171812 90%)}}