/* SpatialStay design system (2026-10-19). One surface, one type system, one button language for every piece of chrome.
   Display: Instrument Serif · Interface: DM Sans · Surface: frosted ivory · Accent: bronze. Loaded last, so it wins. */
:root{--ss-surface:rgba(248,245,239,.86);--ss-surface-solid:#f7f4ee;--ss-blur:blur(22px) saturate(1.5);--ss-ink:#1d1c1a;--ss-ink2:rgba(29,28,26,.62);--ss-ink3:rgba(29,28,26,.42);
  --ss-stroke:rgba(29,28,26,.10);--ss-hover:rgba(29,28,26,.06);--ss-active:rgba(29,28,26,.09);--ss-bronze:#a9824c;--ss-r:16px;--ss-r-sm:10px;
  --ss-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 18px 48px -22px rgba(24,20,14,.45),0 2px 8px rgba(24,20,14,.07);
  --ss-ui:'DM Sans',system-ui,-apple-system,sans-serif;--ss-display:'Instrument Serif','Iowan Old Style',Georgia,serif;--ui-paper:var(--ss-surface)}
body,#experience,#spatial{font-family:var(--ss-ui)}
/* surfaces */
.identity,.header-actions,.scene-controls>summary,.scene-controls-body,.tour-dock,#settings,#people,#info{background:var(--ss-surface)!important;-webkit-backdrop-filter:var(--ss-blur);backdrop-filter:var(--ss-blur);box-shadow:var(--ss-shadow);border:1px solid rgba(255,255,255,.55)!important;color:var(--ss-ink)}
.identity,.header-actions,.tour-dock,.scene-controls-body{border-radius:var(--ss-r)!important}
.scene-controls>summary{border-radius:12px!important;font:500 13px/1 var(--ss-ui)!important;gap:9px}
/* mark + wordmark */
.brand{gap:10px;color:var(--ss-ink);font:700 9px/1.18 var(--ss-ui);letter-spacing:.2em}
.brand-mark.ss{width:38px;height:38px;border:0!important;border-radius:0;display:block;font-size:0}
.brand-mark.ss svg{width:100%;height:100%;display:block;overflow:visible}
h1{font:400 31px/1 var(--ss-display)!important;letter-spacing:-.01em!important}
.title-dot{color:var(--ss-bronze)!important}
.property-location{font:500 11.5px/1.3 var(--ss-ui);color:var(--ss-ink2)}
/* one button language */
.icon-button{border-radius:var(--ss-r-sm)!important;color:var(--ss-ink)}
.icon-button:hover,.views button:hover,.scene-controls button:hover,.tour-dock .orn.in-dock button:hover{background:var(--ss-hover)!important}
.tour-dock{padding:5px!important;gap:3px!important;align-items:center}
.tour-dock button,.views button,#walkButton,#roomViewsButton,.tour-dock .orn.in-dock button{font:500 13px/1 var(--ss-ui)!important;letter-spacing:0!important;min-height:42px!important;padding:0 14px!important;border-radius:var(--ss-r-sm)!important;gap:8px!important;color:var(--ss-ink)}
.tour-dock svg{width:15px!important;height:15px!important;stroke-width:1.7}
.views button.active{background:var(--ss-active)!important;color:var(--ss-ink)!important}
#walkButton{background:var(--ss-ink)!important;color:#f7f4ee!important;padding:0 18px!important;min-width:0!important}
#walkButton:hover{background:#34322e!important}#walkButton[aria-pressed=true]{background:#2b2a27!important}#walkButton[aria-pressed=true]:hover{background:#3a3834!important}
.tour-dock .dock-sep{background:var(--ss-stroke)!important;margin:8px 4px!important}
.scene-controls .lighting>span{font:600 11px/1 var(--ss-ui)!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--ss-ink3)}
.scene-controls .lighting button,.scene-controls .space-actions button,.scene-controls .walk-actions button,.scene-controls #infoButton{font:500 13px/1 var(--ss-ui)!important;border-radius:var(--ss-r-sm)!important;border:1px solid var(--ss-stroke)!important;background:none}
.scene-controls .lighting button.selected,.scene-controls .walk-actions button[aria-pressed=true]{background:var(--ss-ink)!important;color:#f7f4ee!important;border-color:var(--ss-ink)!important}
.scene-controls .lamp-toggle.selected i{background:var(--ss-bronze)!important}
kbd{font:600 10px/1 var(--ss-ui);padding:3px 5px;border-radius:5px;background:rgba(29,28,26,.07);border:0;color:var(--ss-ink2)}
/* dialogs: settings, people, info */
#settings,#people,#info{border-radius:22px!important;padding:30px 30px 24px!important}
dialog::backdrop{background:rgba(18,16,13,.32)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
#settings h2,#people h2,#info h2{font:400 34px/1.05 var(--ss-display)!important;letter-spacing:-.01em!important;color:var(--ss-ink)}
#settings .row,#settings .check{font:500 13px/1.3 var(--ss-ui);color:var(--ss-ink)}
#settings output{color:var(--ss-bronze);font-weight:600}
#settings select{appearance:none;-webkit-appearance:none;font:500 13px/1 var(--ss-ui);color:var(--ss-ink);background:rgba(255,255,255,.6) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1c1a' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/14px;border:1px solid var(--ss-stroke)!important;border-radius:var(--ss-r-sm)!important;padding:12px 36px 12px 14px!important;box-shadow:none!important;outline:none}
#settings input[type=range]{accent-color:var(--ss-ink)}
#settings input[type=checkbox]{appearance:none;-webkit-appearance:none;width:36px;height:22px;flex:none;border-radius:11px;background:rgba(29,28,26,.16);position:relative;cursor:pointer;transition:background .2s;margin:0;border:0}
#settings input[type=checkbox]::before{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .22s cubic-bezier(.2,1.3,.4,1)}
#settings input[type=checkbox]:checked{background:var(--ss-ink)}#settings input[type=checkbox]:checked::before{transform:translateX(14px)}
#settings .check{display:flex;align-items:center;gap:12px}
#settings .keys{font:500 12px/1.6 var(--ss-ui);color:var(--ss-ink2)}
#settings button,#people button,#info button,#error button{font:500 13px/1 var(--ss-ui)!important;min-height:42px;padding:0 20px!important;border-radius:var(--ss-r-sm)!important}
#settings .primary{background:var(--ss-ink)!important;color:#f7f4ee!important;border:0!important}
#settings .ghost{background:none!important;border:1px solid var(--ss-stroke)!important;color:var(--ss-ink)!important}
/* spatial layer joins the same system */
#spatial{--g-bg:rgba(248,245,239,.80);--g-line:rgba(255,255,255,.6);--ink:var(--ss-ink);--ink2:var(--ss-ink2);--ink3:var(--ss-ink3)}
#spatial .panel{border-radius:24px}
#spatial .hd h3{font:400 27px/1.05 var(--ss-display)!important;letter-spacing:-.01em!important}
#spatial .hd small,#spatial .tag small,#spatial .lbl{font-family:var(--ss-ui)}
#spatial .btn,#spatial .seg button,#spatial .back,#spatial .sugg button,#spatial input[type=text]{font-family:var(--ss-ui)!important}
#spatial .btn{border-radius:var(--ss-r-sm)!important;min-height:40px}#spatial .btn.primary{background:var(--ss-ink)}
#spatial .seg{border-radius:12px}#spatial .seg button{border-radius:9px}
#spatial .tag b{font-family:var(--ss-ui);font-weight:600}
body:has(#sceneControls[open]) #spatial .tag,body:has(dialog[open]) #spatial .tag{opacity:0!important;pointer-events:none!important}
/* rooms live in the Map panel now; the dock keeps walk + tools */
.tour-dock #roomViews,.tour-dock #roomViewsButton{display:none!important}
#spatial .goto{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
#spatial .goto button{border:1px solid var(--ss-stroke);background:rgba(255,255,255,.5);border-radius:10px;padding:9px 13px;font:500 13px/1 var(--ss-ui);color:var(--ss-ink);cursor:pointer;display:flex;align-items:center;gap:7px}
#spatial .goto button:hover{background:rgba(255,255,255,.85)}
#spatial .goto .above{background:var(--ss-ink);color:#f7f4ee;border-color:var(--ss-ink)}
#spatial .goto svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.7}
/* dwell ring: dark so it reads on glass */
#spatial .tag .dw{background:conic-gradient(var(--ss-ink) var(--dw,0deg),rgba(29,28,26,.12) 0)!important;inset:-5px!important;-webkit-mask:radial-gradient(circle,transparent 16px,#000 17px)!important;mask:radial-gradient(circle,transparent 16px,#000 17px)!important}
#spatial .places>.place:last-child:nth-child(odd){grid-column:1/-1}#spatial .places>.place:last-child:nth-child(odd) .ph{aspect-ratio:16/7}
#spatial .step .sph img{-webkit-mask-image:radial-gradient(ellipse 58% 53% at 50% 50%,#000 58%,transparent 100%);mask-image:radial-gradient(ellipse 58% 53% at 50% 50%,#000 58%,transparent 100%);filter:drop-shadow(0 12px 16px rgba(30,22,14,.18))}
#spatial .step .sph{height:min(260px,30vh)!important}
/* album: masonry so vertical phone shots stay whole */
#spatial .agrid{display:block!important;columns:3;column-gap:8px}
#spatial .agrid>*{break-inside:avoid;margin:0 0 8px!important;display:block}
#spatial .aph{aspect-ratio:auto!important;background:none!important}
#spatial .aph img{height:auto!important;border-radius:14px}
#spatial .mstage{background:rgba(20,18,16,.55)!important;aspect-ratio:4/3!important}
/* steps: whole picture, no mask, larger */
#spatial .step .sph{height:auto!important;aspect-ratio:auto!important;display:flex;justify-content:center}
#spatial .step .sph img{-webkit-mask-image:none!important;mask-image:none!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:min(330px,36vh)!important;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(30,22,14,.22))}
/* moments: the frame takes each photo's own ratio */
#spatial .mstage{aspect-ratio:auto!important;background:none!important;display:flex;justify-content:center;border-radius:0!important;overflow:visible!important}
#spatial .mstage img{width:auto!important;max-width:100%!important;height:auto!important;max-height:min(62vh,600px)!important;border-radius:20px;display:block;box-shadow:0 18px 40px -18px rgba(20,16,12,.45)}
#spatial .mgr{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:6px}
#spatial .mrow{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:.5px solid rgba(29,28,26,.1)}
#spatial .mrow>i{flex:none;width:12px;height:12px;border-radius:50%}
#spatial .mrow span{flex:1;display:flex;flex-direction:column;line-height:1.25}#spatial .mrow b{font:600 13px var(--ss-ui)}#spatial .mrow small{font:500 11.5px var(--ss-ui);color:var(--ss-ink2)}
#spatial .mrow .btn{min-height:32px!important;padding:0 12px!important;font-size:12px!important}
#spatial .mcol>.btn{margin-top:10px}
/* house panel: plan left, rooms + people right */
#spatial .panel.house-panel{width:min(1040px,calc(100vw - 48px))!important;max-height:calc(100vh - 150px)!important}
#spatial .house{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-areas:"map mgr" "legend mgr" "goto mgr";column-gap:22px;align-items:start}
#spatial .house>.map{grid-area:map}#spatial .house>.legend{grid-area:legend}#spatial .house>.goto{grid-area:goto}
#spatial .house>.mgr{grid-area:mgr;grid-template-columns:1fr;margin-top:0;max-height:calc(100vh - 260px);overflow:auto;scrollbar-width:none}
@media (max-width:900px){#spatial .house{grid-template-columns:1fr;grid-template-areas:"map" "legend" "goto" "mgr"}}
#spatial .btn.lit{background:#f3dfb8!important}
/* music */
#spatial .mus .now{display:flex;align-items:center;gap:14px;padding:10px;border-radius:18px;background:rgba(255,255,255,.5)}
#spatial .mus .now img{width:78px;height:78px;border-radius:12px;object-fit:cover;box-shadow:0 10px 24px -12px rgba(0,0,0,.45)}
#spatial .mus .now>div{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
#spatial .mus .now small{font:600 9.5px var(--ss-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--ss-ink3)}
#spatial .mus .now b{font:400 22px/1.1 var(--ss-display)}#spatial .mus .now span{font:500 12px var(--ss-ui);color:var(--ss-ink2)}
#spatial .mus .now a{font:500 10.5px var(--ss-ui);color:var(--ss-ink3);text-decoration:none}
#spatial .mus .row input[type=range]{flex:1;min-width:120px}
#spatial .covers{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
#spatial .cov{border:0;background:none;padding:0;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:3px}
#spatial .cov img{width:100%;aspect-ratio:1;border-radius:12px;object-fit:cover;transition:transform .25s cubic-bezier(.2,1.3,.4,1),box-shadow .25s}
#spatial .cov:hover img{transform:translateY(-2px);box-shadow:0 12px 24px -12px rgba(0,0,0,.5)}
#spatial .cov.on img{outline:2px solid var(--ss-ink);outline-offset:2px}
#spatial .cov b{font:600 12px/1.2 var(--ss-ui);color:var(--ss-ink)}#spatial .cov span{font:500 10.5px var(--ss-ui);color:var(--ss-ink3)}
/* cookbook spread (owner 2026-10-19: replicate real cookbooks) */
#spatial .panel.book{width:min(1080px,calc(100vw - 48px))!important;max-height:calc(100vh - 140px)!important}
#spatial .spread{display:grid;grid-template-columns:1fr 1.15fr;background:#fbf8f2;border-radius:10px;box-shadow:0 30px 60px -30px rgba(30,22,14,.5),inset 0 0 0 1px rgba(0,0,0,.04);overflow:hidden;position:relative}
#spatial .spread::after{content:'';position:absolute;top:0;bottom:0;left:46.5%;width:60px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(0,0,0,.07) 45%,rgba(0,0,0,.12) 50%,rgba(0,0,0,.05) 55%,transparent);pointer-events:none}
#spatial .pg{position:relative;padding:38px 40px 46px;min-height:520px}
#spatial .pl{background:#f3ece0;display:flex;flex-direction:column;justify-content:center;align-items:center}
#spatial .pl .dish{width:86%;aspect-ratio:1}#spatial .pl .dish img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(40,28,16,.28))}
#spatial .pl .cap{margin-top:18px;text-align:center;display:flex;flex-direction:column;gap:4px}
#spatial .pl .cap small{font:600 10px var(--ss-ui);letter-spacing:.18em;text-transform:uppercase;color:#8a6a3c}
#spatial .pl .cap span{font:italic 14px var(--ss-display);color:var(--ss-ink2)}
#spatial .pr .kick{font:600 10px var(--ss-ui);letter-spacing:.2em;text-transform:uppercase;color:#8a6a3c}
#spatial .pr h4{margin:8px 0 0;font:400 44px/1.02 var(--ss-display);letter-spacing:-.015em;color:var(--ss-ink)}
#spatial .pr .rule{height:1px;background:rgba(29,28,26,.18);margin:20px 0 22px;width:64px}
#spatial .cols{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px}
#spatial .hd2{font:600 10.5px var(--ss-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--ss-ink3);margin-bottom:10px}
#spatial .ings ul{list-style:none;margin:0;padding:0}
#spatial .ings li{font:500 13.5px/1.35 var(--ss-ui);color:var(--ss-ink);padding:8px 0;border-bottom:1px solid rgba(29,28,26,.1)}
#spatial .meth ol{list-style:none;margin:0;padding:0;display:grid;gap:14px}
#spatial .meth li{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:start}
#spatial .meth .num{font:400 28px/1 var(--ss-display);color:#8a6a3c}
#spatial .meth p{margin:3px 0 0;font:400 14.5px/1.55 Georgia,'Iowan Old Style',serif;color:#2b2925}
#spatial .folio{position:absolute;bottom:16px;font:italic 12px var(--ss-display);color:var(--ss-ink3)}#spatial .pl .folio{left:24px}#spatial .pr .folio{right:24px}
#spatial .bknav{display:flex;justify-content:space-between;margin-top:14px}
@media (max-width:860px){#spatial .spread{grid-template-columns:1fr}#spatial .spread::after{display:none}#spatial .cols{grid-template-columns:1fr}#spatial .pg{min-height:0;padding:26px}}
/* dock: Book first, walk as an enter/exit icon at the right */
.tour-dock .book-btn{order:-2;display:flex;align-items:center;gap:8px;min-height:42px;padding:0 20px!important;border:0;border-radius:var(--ss-r-sm);background:var(--ss-ink);color:#f7f4ee;font:600 13px/1 var(--ss-ui);cursor:pointer}
.tour-dock .book-btn:hover{background:#34322e}.tour-dock .book-btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round}
.tour-dock .dock-sep{order:-1}
#walkButton.walk-icon{order:99!important;min-width:42px!important;width:42px;padding:0!important;background:transparent!important;color:var(--ss-ink)!important;border-left:1px solid var(--ss-stroke)!important;border-radius:0 var(--ss-r-sm) var(--ss-r-sm) 0!important;position:relative}
#walkButton.walk-icon:hover{background:var(--ss-hover)!important}
#walkButton.walk-icon>*{display:none!important}
#walkButton.walk-icon::after{content:'';position:absolute;inset:0;margin:auto;width:18px;height:18px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-4'/%3E%3Cpath d='M3 12h11M10 8l4 4-4 4'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-4'/%3E%3Cpath d='M3 12h11M10 8l4 4-4 4'/%3E%3C/svg%3E") center/contain no-repeat}
#walkButton.walk-icon[aria-pressed=true]::after{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h4'/%3E%3Cpath d='M21 12H10M17 8l4 4-4 4'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h4'/%3E%3Cpath d='M21 12H10M17 8l4 4-4 4'/%3E%3C/svg%3E") center/contain no-repeat}
/* book panel */
#spatial .panel.book-panel{width:min(1100px,calc(100vw - 48px))!important;max-height:calc(100vh - 140px)!important}
#spatial .bkstage{position:relative;border-radius:16px;overflow:hidden;background:#111;aspect-ratio:16/9;display:grid;place-items:center}
#spatial .bkstage img{width:100%;height:100%;object-fit:cover;animation:sp-fade .35s ease both}
#spatial .bkstage .cap{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 14px;background:linear-gradient(transparent,rgba(0,0,0,.6));color:#fff;font:500 13px var(--ss-ui)}
#spatial .bkstage .cnt{position:absolute;top:12px;right:12px;padding:5px 10px;border-radius:999px;background:rgba(0,0,0,.45);color:#fff;font:600 11px var(--ss-ui)}
#spatial .bkstage .nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.85);font:400 26px/1 var(--ss-ui);cursor:pointer;color:var(--ss-ink)}
#spatial .bkstage .pv{left:12px}#spatial .bkstage .nx{right:12px}
#spatial .bkstrip{display:flex;gap:6px;overflow-x:auto;margin:8px 0 18px;scrollbar-width:none}
#spatial .bkth{flex:none;width:86px;height:58px;padding:0;border:0;border-radius:9px;overflow:hidden;opacity:.6;cursor:pointer;outline:2px solid transparent;outline-offset:1px}
#spatial .bkth.on{opacity:1;outline-color:var(--ss-ink)}#spatial .bkth img{width:100%;height:100%;object-fit:cover}
#spatial .bkhead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:14px}
#spatial .bkhead small{font:600 10px var(--ss-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--ss-ink3)}
#spatial .bkhead h4{margin:4px 0 8px;font:400 40px/1 var(--ss-display);letter-spacing:-.01em}
#spatial .facts{display:flex;flex-wrap:wrap;gap:6px}#spatial .facts span{font:500 12px var(--ss-ui);padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.6)}
#spatial .reserve{text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;min-height:46px!important;padding:0 24px!important;font-size:14px!important}
#spatial .desc{columns:2;column-gap:28px}#spatial .desc p{font:400 14px/1.6 Georgia,'Iowan Old Style',serif;color:#2b2925;margin:0 0 12px;break-inside:avoid}
#spatial .ams{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}#spatial .ams span{font:500 12px var(--ss-ui);padding:6px 10px;border-radius:8px;border:1px solid var(--ss-stroke)}
@media (max-width:760px){#spatial .desc{columns:1}#spatial .bkhead{flex-direction:column;align-items:flex-start}}
#spatial .bkstage{aspect-ratio:auto!important;height:min(48vh,460px)}
#spatial .book-panel .bkinfo{padding-top:4px}

/* moments: vertical shots sized to fit the panel */
#spatial .mstage img{max-height:min(52vh,520px)!important}
/* book v2 */
#spatial .panel.book-panel{width:min(1120px,calc(100vw - 40px))!important;max-height:calc(100vh - 130px)!important}
#spatial .mos{position:relative;display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:6px;height:min(40vh,380px);border-radius:16px;overflow:hidden}
#spatial .mos .mt{border:0;padding:0;cursor:pointer;overflow:hidden;background:#ddd}#spatial .mos .mt.big{grid-row:1/3}
#spatial .mos img{width:100%;height:100%;object-fit:cover;transition:transform .5s,filter .3s}#spatial .mos .mt:hover img{transform:scale(1.03);filter:brightness(.92)}
#spatial .allph{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:7px;border:0;border-radius:10px;padding:9px 13px;background:rgba(255,255,255,.92);font:600 12.5px var(--ss-ui);color:var(--ss-ink);cursor:pointer;box-shadow:0 6px 18px -6px rgba(0,0,0,.35)}
#spatial .allph svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.7}
#spatial .bkgrid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:30px;margin-top:22px;align-items:start}
#spatial .bkl .kick{font:600 10px var(--ss-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--ss-ink3)}
#spatial .bkl h4{margin:4px 0 6px;font:400 40px/1 var(--ss-display);letter-spacing:-.01em}
#spatial .bkl .facts{display:flex;gap:8px;align-items:center;font:500 13.5px var(--ss-ui);color:var(--ss-ink2)}#spatial .bkl .facts span{background:none;padding:0}#spatial .bkl .facts i{color:var(--ss-ink3);font-style:normal}
#spatial .bkl .sec{padding:18px 0;border-top:1px solid rgba(29,28,26,.1);margin-top:16px}
#spatial .about p{font:400 14.5px/1.65 var(--ss-ui);color:#2f2d29;margin:0 0 10px}
#spatial .about.clamp{max-height:7.6em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}
#spatial .more{border:0;background:none;padding:6px 0 0;font:600 13px var(--ss-ui);color:var(--ss-ink);text-decoration:underline;cursor:pointer}
#spatial .amen{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:9px 20px}
#spatial .amen li{font:500 13.5px var(--ss-ui);color:var(--ss-ink);display:flex;gap:9px;align-items:center}#spatial .amen li::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--ss-bronze);flex:none}
#spatial .bul{margin:6px 0 0;padding-left:18px}#spatial .bul li{font:400 13.5px/1.55 var(--ss-ui);color:#2f2d29;margin:0 0 6px}
#spatial .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}#spatial .chips span{font:500 12.5px var(--ss-ui);padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.65);border:1px solid var(--ss-stroke)}
#spatial .bkcard{position:sticky;top:0;padding:20px;border-radius:18px;background:rgba(255,255,255,.78);box-shadow:0 16px 40px -20px rgba(24,20,14,.4),inset 0 0 0 1px rgba(29,28,26,.06)}
#spatial .bkt{display:flex;flex-direction:column;gap:2px;margin-bottom:14px}#spatial .bkt b{font:400 24px/1.1 var(--ss-display)}#spatial .bkt span{font:500 12px var(--ss-ui);color:var(--ss-ink2)}
#spatial .dates{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(29,28,26,.2);border-radius:12px 12px 0 0;overflow:hidden}
#spatial .dates label{padding:9px 12px;display:flex;flex-direction:column;gap:2px}#spatial .dates label+label{border-left:1px solid rgba(29,28,26,.2)}
#spatial .dates small,#spatial .gst small{font:700 9.5px var(--ss-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--ss-ink)}
#spatial .dates input{border:0;background:none;font:500 13.5px var(--ss-ui);color:var(--ss-ink);padding:0;outline:none;width:100%}
#spatial .gst{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border:1px solid rgba(29,28,26,.2);border-top:0;border-radius:0 0 12px 12px}
#spatial .gst>span:first-child{display:flex;flex-direction:column;gap:2px}#spatial .gst b{font:500 13.5px var(--ss-ui)}
#spatial .step{display:flex;gap:6px}#spatial .step button{width:30px;height:30px;border-radius:50%;border:1px solid rgba(29,28,26,.25);background:none;font:500 16px/1 var(--ss-ui);cursor:pointer;color:var(--ss-ink)}
#spatial .nights{display:flex;justify-content:space-between;margin:14px 2px;font:500 13px var(--ss-ui);color:var(--ss-ink2)}#spatial .nights span:first-child{color:var(--ss-ink);font-weight:600}
#spatial .reserve2{width:100%;min-height:48px!important;font-size:15px!important;background:linear-gradient(135deg,#2a2824,#141311)!important}
#spatial .bkcard .fine{text-align:center;margin-top:10px}
#spatial .done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
#spatial .done .tick{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#1d1c1a;color:#fff;font-size:24px;animation:sp-open .4s cubic-bezier(.2,1.4,.4,1)}
#spatial .done b{font:400 26px var(--ss-display)}#spatial .done p{margin:0;font-size:13px;color:var(--ss-ink2)}
#spatial .done .sum{display:flex;flex-direction:column;gap:3px;padding:12px 16px;border-radius:12px;background:rgba(29,28,26,.05);width:100%;font:500 13px var(--ss-ui)}
#spatial .done .btn{width:100%;text-decoration:none;display:inline-flex;justify-content:center;align-items:center}
#spatial .lb{position:fixed;inset:0;z-index:60;background:rgba(12,11,10,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;animation:sp-fade .25s ease}
#spatial .lbimg{width:calc(100vw - 180px);height:calc(100vh - 160px);display:grid;place-items:center}#spatial .lbimg img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}
#spatial .lb p{color:rgba(255,255,255,.85);font:500 14px var(--ss-ui);margin:14px 0 0}#spatial .lbc{position:absolute;top:22px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.7);font:600 13px var(--ss-ui)}
#spatial .lbx{position:absolute;top:18px;right:22px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.12);cursor:pointer;display:grid;place-items:center}#spatial .lbx svg{width:14px;height:14px;stroke:#fff;stroke-width:2.2;fill:none}
#spatial .lbn{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font:300 30px/1 var(--ss-ui);cursor:pointer}#spatial .lbn.pv{left:28px}#spatial .lbn.nx{right:28px}
@media (max-width:860px){#spatial .bkgrid{grid-template-columns:1fr}#spatial .mos{grid-template-columns:1fr 1fr;height:300px}#spatial .mos .mt.big{grid-column:1/3;grid-row:auto}#spatial .mos .mt:nth-child(n+4){display:none}#spatial .lbimg{width:100vw}}
#spatial .lbimg{height:calc(100vh - 210px)!important}#spatial .lb p{min-height:20px}