.demo-page{--w-pad:1.5rem;--cut:60%;--plinth-min:11rem;--walk:15svh}@media (width>=640px){.demo-page{--w-pad:2rem}}.demo-h1{max-width:6.35em}.chooser{margin-top:3.5rem}@media (width>=1024px){.chooser{margin-top:2.75rem}}.chooser__label{margin-bottom:1.25rem}.chooser__list{border-top:1px solid var(--color-line);gap:0;margin:0;padding:0;list-style:none;display:grid}.chooser__list li{border-bottom:1px solid var(--color-line)}.chooser__entry{color:var(--color-ink);align-items:baseline;gap:1rem;padding:1.125rem 0;text-decoration:none;display:flex;position:relative}.chooser__index{font-family:var(--font-display-cut);letter-spacing:.14em;color:var(--color-accent-strong);flex:none;font-size:.8125rem;font-weight:400;line-height:1}.chooser__name{--display-wght:380;letter-spacing:-.015em;font-size:1.5rem;line-height:1.1}.chooser__rule{background-color:var(--color-accent);transform-origin:0;height:1px;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.chooser__entry[aria-current=true] .chooser__rule{transform:scaleX(1)}@media (hover:hover) and (pointer:fine){.chooser__entry:hover .chooser__rule{transform:scaleX(1)}}.chooser__entry:focus-visible .chooser__rule{transform:scaleX(1)}@media (prefers-reduced-motion:no-preference){.chooser__rule{transition:transform var(--dur) var(--ease)}}@media (width>=768px){.chooser__list{border-top:0;grid-template-columns:repeat(3,minmax(0,1fr))}.chooser__list li{border-bottom:0;border-top:1px solid var(--color-line)}.chooser__entry{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.25rem 1.5rem 1.5rem 0}.chooser__name{font-size:1.75rem}.chooser__rule{top:-1px;bottom:auto;right:1.5rem}}.room{isolation:isolate;background-color:var(--room-ground);color:var(--room-body,var(--color-text));position:relative}.room__frame{width:100%;max-width:72rem;padding-inline:var(--w-pad);margin-inline:auto;position:relative}.beat{position:relative}.plate{pointer-events:none;display:block;position:absolute;inset:-6% 0}.plate__img{object-fit:cover;object-position:var(--plate-narrow);width:100%;height:100%;display:block}@media (width>=1024px){.plate__img{object-position:var(--plate-wide)}}.room__flow .plate__img{filter:var(--room-grade)}.beat--hero{grid-template-rows:var(--seam-h) minmax(var(--plinth-min), auto);min-height:100svh;display:grid}.beat--hero:before{content:"";z-index:3;height:var(--walk);pointer-events:none;background-image:linear-gradient(to bottom, var(--room-prev) 0%, color-mix(in srgb, var(--room-prev) 58%, transparent) 42%, transparent 100%);position:absolute;inset:0 0 auto}.hero__plate{grid-row:1;position:relative}.hero__media{position:absolute;inset:0;overflow:hidden}.plate__scrim{pointer-events:none;display:block;position:absolute;inset:0}.plate__scrim--head{background-image:linear-gradient(to bottom, color-mix(in srgb, var(--scrim-head) var(--scrim-head-a,66%), transparent) 0, color-mix(in srgb, var(--scrim-head) var(--scrim-head-a,66%), transparent) 8rem, color-mix(in srgb, var(--scrim-head) calc(var(--scrim-head-a,66%) * .86), transparent) 12.5rem, transparent 22rem)}.plate__scrim--foot{background-image:linear-gradient(to top, color-mix(in srgb, var(--scrim-foot) var(--scrim-foot-a,82%), transparent) 0, color-mix(in srgb, var(--scrim-foot) calc(var(--scrim-foot-a,82%) * .86), transparent) 16%, color-mix(in srgb, var(--scrim-foot) calc(var(--scrim-foot-a,82%) * .45), transparent) 26%, transparent 44%)}.hero__window{pointer-events:none;border:1px solid color-mix(in srgb, var(--color-accent) 46%, transparent);display:block;position:absolute;inset:1rem}.hero__head-frame{z-index:2;padding-top:6.5rem;position:relative}.room__head{justify-content:space-between;align-items:flex-start;gap:1.25rem;display:flex}.room__head .chapter{align-items:flex-start}.room__head .chapter__rule{margin-top:.52em}.room__head .chapter__name,.room__head .chapter__rule{color:var(--room-caption)}.room__head .chapter__rule{background:var(--color-accent)}.room__index{--display-wght:340;color:var(--room-caption);flex:none;font-size:2.5rem;line-height:1}.hero__plinth{border-top:1px solid var(--seam-rule,var(--color-accent));background-color:var(--room-plinth);grid-area:2/1/3/2}.hero__name-frame{z-index:1;grid-area:2/1/3/2;align-self:start;padding-block:2.75rem 3rem}.demo-page .room__name{--display-wght:340;font-size:var(--name-fs);letter-spacing:-.022em;color:var(--name-plinth);margin:0;line-height:.92}.room__name-line{display:block;position:relative}.room__name-cut{color:var(--name-sky);clip-path:inset(0 0 calc(100% - var(--cut)) 0);pointer-events:none;user-select:none;display:none;position:absolute;inset:0}.band{height:58svh;position:relative;overflow:hidden}.panel{background-color:var(--room-ground);border-top:1px solid var(--color-accent);max-width:32rem;padding:2rem 0 0}.room__lines{gap:.875rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.room__lines li{color:var(--color-text);grid-template-columns:.75rem 1fr;align-items:start;gap:.875rem;font-size:1rem;line-height:1.55;display:grid}.room__tick{background-color:var(--color-accent);width:.75rem;height:1px;margin-top:.78em;display:block}.exp{gap:2.75rem;display:grid}.exp__plate{aspect-ratio:3/4;margin:0;position:relative}.exp__window{pointer-events:none;border:1px solid color-mix(in srgb, var(--color-accent) 52%, transparent);display:block;position:absolute;inset:-.75rem}.exp__line{color:var(--color-ink);max-width:16ch;margin-top:1.25rem;font-size:clamp(1.5rem,5.2vw,2rem);line-height:1.14}.book{justify-items:start;gap:1.75rem;max-width:34rem;display:grid}.beat--book .room__frame:before{content:"";background-color:color-mix(in srgb, var(--color-accent) 62%, transparent);height:1px;margin-bottom:2.75rem;display:block}.book__line{color:var(--color-text);margin:0;font-size:1.0625rem;line-height:1.6}.book__sea{z-index:0;height:46%;position:absolute;inset:auto 0 0;overflow:hidden}.book__sea:after{content:"";background-image:linear-gradient(to bottom, var(--color-bg) 0%, color-mix(in srgb, var(--color-bg) 55%, transparent) 26%, color-mix(in srgb, var(--color-bg) 12%, transparent) 62%, transparent 100%);position:absolute;inset:0}.beat--book .room__frame{z-index:1}.room__flow .btn-pill{color:var(--room-type,var(--color-ink))}.room__flow .btn-pill__fill{background-color:var(--room-type,var(--color-ink));color:var(--room-ground)}.room__flow :focus-visible{outline-color:var(--room-focus)}.room__handoff{height:0}.beat--hero{--seam-h:clamp(38svh, calc(var(--seam) * .86svh), calc(100svh - var(--plinth-min)))}.demo-page .room__name{--name-fs:clamp(2.5rem, 12vw, 4.5rem)}.beat--arrival{padding-block:3.5rem 4rem}.beat--arrival .room__frame{margin-top:2rem}.beat--experience{padding-block:3.5rem 4rem}.beat--book{min-height:78svh;padding-block:4rem 5rem}@media (width>=640px){.hero__head-frame{padding-top:7rem}.room__index{font-size:3.25rem}.room__lines li{font-size:1.0625rem}.band{height:62svh}.exp{grid-template-columns:minmax(0,1fr) minmax(0,24rem);align-items:center;gap:3rem}.exp__plate{order:2}.exp__copy{order:1}.beat--arrival,.beat--experience{padding-block:5rem 6rem}.beat--book{padding-block:6rem 7rem}}@media (width>=1024px){.beat--hero{--seam-h:clamp(42svh, calc(var(--seam) * 1svh), calc(100svh - var(--plinth-min)))}.hero__head-frame{padding-top:8.5rem}.room__index{font-size:4.5rem}.hero__window{inset:1.75rem}.hero__name-frame{top:var(--seam-h);grid-area:1/1/3/2;padding-block:0;position:absolute;left:0;right:0}.demo-page .room__name{--name-fs:clamp(3rem, 13.5vw, 9.5rem);font-size:calc(var(--name-fs) * var(--name-k,1));transform:translateY(calc(-1 * var(--cut)));white-space:nowrap}.room__name-cut{display:block}.beat--arrival{flex-direction:column;justify-content:center;min-height:100svh;padding-block:0;display:flex}.band{height:64svh}.beat--arrival .room__frame{margin-top:-7rem}.panel{max-width:34rem;padding:2.25rem 2.5rem 2.5rem 0}.beat--experience{align-items:center;min-height:100svh;padding-block:0;display:flex}.exp{grid-template-columns:minmax(0,1fr) minmax(0,30rem);gap:4.5rem}.exp__plate{margin-right:1.5rem}.exp__window{inset:-1.5rem}.exp__line{max-width:14ch;font-size:clamp(1.9rem,3vw,2.9rem)}.beat--book{align-items:flex-start;min-height:100svh;padding-block:26svh 0;display:flex}.book{gap:2rem}}@media (width>=1024px) and (prefers-reduced-motion:no-preference){.beat--book{height:100svh;margin-bottom:-100svh;position:sticky;top:0}.room__handoff{height:100svh}}@supports (animation-timeline:view()){@media (width>=640px) and (prefers-reduced-motion:no-preference){.band .plate,.hero__media .plate,.exp__plate .plate{animation:linear both plate-drift}.band>.plate,.hero__media>.plate,.exp__plate>.plate{animation-timeline:view();animation-range:entry exit}.exp__plate>.plate{animation-name:plate-settle;animation-range:entry 12% cover 42%}}@media (width>=1024px) and (prefers-reduced-motion:no-preference){.room{timeline-scope:--handoff}.room__handoff{view-timeline-name:--handoff;view-timeline-axis:block}.beat--book{animation:linear forwards act-settle}.room>.room__flow>.beat--book{animation-timeline:--handoff;animation-range:exit}}}@keyframes plate-drift{0%{transform:translateY(-4%)}to{transform:translateY(4%)}}@keyframes plate-settle{0%{transform:translateY(3.5%)}to{transform:translate(0,0)}}@keyframes act-settle{0%{filter:brightness();transform:translate(0,0)}to{filter:brightness(.86);transform:translateY(-2.5vh)}}.room--coast{--room-ground:var(--color-bg);--room-prev:var(--color-bg);--room-plinth:var(--color-bg);--name-plinth:var(--color-sea);--name-sky:var(--color-bg);--room-caption:var(--color-bg);--room-focus:var(--color-accent-strong);--scrim-head:color-mix(in srgb, var(--color-sea) 74%, #000);--scrim-foot:var(--color-sea);--room-grade:sepia(.12) saturate(.94) brightness(1.04);--scrim-head-a:66%;--scrim-foot-a:82%;--seam:74;--name-k:1}.room--city{--room-ground:var(--color-ink);--room-prev:var(--color-bg);--room-plinth:var(--color-bg);--name-plinth:var(--color-ink);--name-sky:var(--color-bg);--room-caption:color-mix(in srgb, var(--color-bg) 82%, transparent);--room-focus:var(--color-bg);--scrim-head:var(--color-ink);--scrim-foot:var(--color-ink);--room-grade:sepia(.06) saturate(1.04) brightness(1.1);--scrim-head-a:82%;--scrim-foot-a:88%;--seam:76;--name-k:1.276}.room--city .room__flow{--room-type:var(--color-bg);--room-body:color-mix(in srgb, var(--color-bg) 92%, transparent);--color-ink:var(--color-bg);--color-text:color-mix(in srgb, var(--color-bg) 92%, transparent);--color-text-muted:color-mix(in srgb, var(--color-bg) 72%, transparent);--color-line:color-mix(in srgb, var(--color-bg) 20%, transparent);--color-surface:color-mix(in srgb, var(--color-bg) 5%, transparent);--color-accent-strong:var(--color-bg);color:var(--color-text)}.room--city .hero__plinth,.room--city .hero__name-frame{--color-ink:#17130d;--color-text:#2c2620;--color-accent-strong:#7a6238}.room--estate{--room-ground:var(--color-secondary-deep);--room-prev:var(--color-ink);--room-plinth:var(--color-secondary-deep);--name-plinth:var(--color-bg);--name-sky:var(--color-ink);--room-caption:var(--color-secondary-deep);--room-focus:var(--color-bg);--seam-rule:#7a6238;--scrim-head:var(--color-bg);--scrim-foot:var(--color-bg);--room-grade:sepia(.1) saturate(.98) contrast(1.04);--scrim-head-a:76%;--scrim-foot-a:84%;--seam:70;--name-k:1.026}.room--estate .room__flow{--room-type:var(--color-bg);--room-body:color-mix(in srgb, var(--color-bg) 92%, transparent);--color-ink:var(--color-bg);--color-text:color-mix(in srgb, var(--color-bg) 92%, transparent);--color-text-muted:color-mix(in srgb, var(--color-bg) 72%, transparent);--color-line:color-mix(in srgb, var(--color-bg) 22%, transparent);--color-surface:color-mix(in srgb, var(--color-bg) 5%, transparent);--color-accent-strong:var(--color-bg);color:var(--color-text)}.room--estate .hero__head-frame{--color-accent-strong:#7a6238}html.is-room-olive .site-header{background-color:var(--color-secondary-deep);border-bottom-color:#0000}html.is-room-olive .site-header>div{--color-ink:var(--color-bg);--color-text-muted:color-mix(in srgb, var(--color-bg) 72%, transparent)}html.is-room-olive .site-header>div :focus-visible{outline-color:var(--color-bg)}.demo-outro{isolation:isolate;background-color:var(--color-bg);position:relative}.demo-outro:before{content:"";z-index:1;height:var(--walk,15svh);pointer-events:none;background-image:linear-gradient(to bottom, var(--color-secondary-deep) 0%, color-mix(in srgb, var(--color-secondary-deep) 58%, transparent) 42%, transparent 100%);position:absolute;inset:0 0 auto}.demo-h1[data-astro-cid-soxsnotx]{max-width:6.35em}