:root{--ink: #1d1d1b;--paper: #f6f3ee;--muted: #77716a;--rule: rgba(29, 29, 27, .16);--light: #fbfaf7;--ease: cubic-bezier(.2, .7, .1, 1);--serif: "Cormorant Garamond", "Iowan Old Style", Georgia, serif;--sans: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--gutter: clamp(16px, 5.5vw, 88px);--bar: clamp(44px, calc((100vh - 100vw / 2.2) / 2), 22vh)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#view{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}html:has([data-mode=walk]) #view{cursor:grab}html:has([data-mode=walk]) #view:active{cursor:grabbing}#ui{position:fixed;inset:0;pointer-events:none;user-select:none}#ui>section{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s var(--ease),visibility 0s linear .9s}#ui[data-mode=loading]>.loader,#ui[data-mode=cover]>.cover,#ui[data-mode=film]>.film,#ui[data-mode=walk]>.walk{opacity:1;visibility:visible;transition:opacity 1.2s var(--ease),visibility 0s}#ui[data-mode=cover]>.loader{transition-duration:1.6s,0s;transition-delay:0s,1.6s}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:focus-visible{outline:1px solid currentColor;outline-offset:4px}.eyebrow{margin:0 0 18px;font:500 11px/1.4 var(--sans);letter-spacing:.22em;text-transform:uppercase}.display{margin:0;font:300 clamp(46px,7.2vw,96px)/.94 var(--serif);letter-spacing:-.012em}.loader{background:var(--paper);display:grid;place-items:center;padding:0 var(--gutter)}.loader-in{width:min(560px,100%)}.loader .eyebrow{color:var(--muted)}.hairline{margin:40px 0 14px;height:1px;background:var(--rule);overflow:hidden}.hairline i{display:block;height:100%;background:var(--ink);transform:scaleX(.02);transform-origin:left center;transition:transform .7s var(--ease)}.status{margin:0;font:400 12px/1.5 var(--sans);letter-spacing:.04em;color:var(--muted)}.loader.failed .hairline i{background:#8a3b2e}.cover{background:linear-gradient(to top,#0e0d0c94,#0e0d0c38 34%,#0e0d0c00 58%),linear-gradient(to right,#0e0d0c47,#0e0d0c00 46%);color:var(--light)}.cover-in{position:absolute;left:var(--gutter);right:var(--gutter);bottom:clamp(28px,9vh,104px);max-width:680px;pointer-events:auto}.cover .eyebrow{opacity:.82}.facts{display:flex;flex-wrap:wrap;gap:14px 44px;margin:30px 0 36px;padding-top:16px;border-top:1px solid rgba(251,250,247,.34);max-width:520px}.facts dt{font:500 10.5px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;opacity:.72}.facts dd{margin:6px 0 0;font:400 27px/1 var(--serif);font-variant-numeric:lining-nums}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:baseline;gap:14px;padding:16px 24px 15px;border:1px solid;border-radius:2px;font:500 13px/1 var(--sans);letter-spacing:.06em;transition:background-color .5s var(--ease),color .5s var(--ease),border-color .5s var(--ease)}.btn small{font-size:12px;opacity:.5;font-variant-numeric:tabular-nums;letter-spacing:.02em}.btn.primary{background:var(--light);color:var(--ink);border-color:var(--light)}.btn.primary:hover{background:#fff}.btn.ghost{color:var(--light);border-color:#fbfaf78c}.btn.ghost:hover{background:#fbfaf71a;border-color:var(--light)}.film{color:var(--light)}.bar-top,.bar-bottom{position:absolute;left:0;right:0;height:var(--bar);background:#0f0f0e;transition:transform 1.4s var(--ease)}.bar-top{top:0;transform:translateY(-101%)}.bar-bottom{bottom:0;transform:translateY(101%);padding:0 var(--gutter)}#ui[data-mode=film] .bar-top,#ui[data-mode=film] .bar-bottom{transform:none}.progress{position:absolute;left:0;right:0;top:0;height:1px;background:#fbfaf729}.progress i{display:block;height:100%;background:#fbfaf7cc;transform:scaleX(0);transform-origin:left center}.film-ctl{position:absolute;right:var(--gutter);top:50%;transform:translateY(-50%);display:flex;gap:28px;align-items:center;font:500 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;pointer-events:auto}.film-ctl .clock{opacity:.55;letter-spacing:.06em;font-variant-numeric:tabular-nums}.link{opacity:.85;transition:opacity .4s var(--ease)}.link:hover{opacity:1}.film .notice{position:absolute;left:var(--gutter);top:50%;transform:translateY(-50%);margin:0}.caption{position:absolute;left:var(--gutter);right:var(--gutter);bottom:calc(var(--bar) + clamp(20px,4.5vh,48px));opacity:0;transform:translateY(10px);transition:opacity 1.1s var(--ease),transform 1.6s var(--ease);text-shadow:0 1px 28px rgba(0,0,0,.32)}.caption.on{opacity:1;transform:none}.caption h2{margin:0;font:300 clamp(32px,4.2vw,58px)/1 var(--serif)}.caption p{margin:12px 0 0;font:500 11px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;opacity:.85}html[data-capture] .film-ctl{display:none}.walk{color:var(--light)}.walk .brand{position:absolute;left:var(--gutter);top:22px;font:500 11px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;text-shadow:0 1px 14px rgba(0,0,0,.4)}.tools{position:absolute;right:var(--gutter);top:16px;display:flex;gap:8px;pointer-events:auto}.tools .link{padding:8px 12px;font:500 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;background:#14131252;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:2px}.room-label{position:absolute;left:50%;top:64px;transform:translate(-50%,-6px);text-align:center;opacity:0;transition:opacity 1s var(--ease),transform 1.3s var(--ease);text-shadow:0 1px 22px rgba(0,0,0,.35);white-space:nowrap}.room-label.on{opacity:1;transform:translate(-50%)}.room-label strong{display:block;font:300 clamp(28px,3.2vw,40px)/1 var(--serif)}.room-label span{display:block;margin-top:8px;font:500 10.5px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;opacity:.85}.plan{position:absolute;right:var(--gutter);bottom:20px;width:256px;margin:0;padding:14px;background:#f6f3eef2;border-radius:2px;box-shadow:0 22px 44px -22px #00000073;pointer-events:auto;transition:opacity .8s var(--ease),transform 1s var(--ease)}.plan svg{display:block;width:100%;height:auto}.plan [data-room]{cursor:pointer}.plan .viewer{pointer-events:none}.plan .cone{fill:#1d1d1b2b}.plan .dot{fill:var(--ink);stroke:var(--paper);stroke-width:.045}.walk.plan-hidden .plan{opacity:0;transform:translateY(10px);pointer-events:none}.hint{position:absolute;left:50%;bottom:28px;transform:translate(-50%);margin:0;padding:11px 16px;font:400 12.5px/1 var(--sans);letter-spacing:.02em;white-space:nowrap;background:#1413126b;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:2px;transition:opacity .9s var(--ease)}.hint.gone{opacity:0}.notice{font:400 10px/1.3 var(--sans);letter-spacing:.08em;color:#fbfaf79e}.walk .notice{position:absolute;left:var(--gutter);bottom:18px;margin:0;text-shadow:0 1px 10px rgba(0,0,0,.4)}@media(max-width:720px){.facts{gap:12px 28px;margin:24px 0 28px}.facts dd{font-size:23px}.actions{flex-direction:column;align-items:stretch}.btn{justify-content:space-between}.film-ctl{gap:18px}.film .notice{display:none}.walk .notice{bottom:auto;top:44px}.hint{bottom:22px;white-space:normal;width:max-content;max-width:calc(100vw - 32px);text-align:center;line-height:1.4}.plan{left:16px;right:16px;width:auto;bottom:16px}}@media(prefers-reduced-motion:reduce){#ui>section,.caption,.bar-top,.bar-bottom,.room-label{transition-duration:.01s!important}}