@layer theme,base,components,utilities,bx-reset,bx-tokens,bx-base;@layer bx-layout{.bx .hf__body{grid-template-rows:repeat(2,auto);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);gap:0 clamp(2rem,4.5vw,5rem);display:grid}.bx .hf__facts{grid-row:1/span 2;grid-template-rows:subgrid;margin:0;padding:0;list-style:none;display:grid}.bx .hf__facts--l{text-align:right;grid-column:1;justify-items:end}.bx .hf__facts--r{grid-column:3}.bx .hf__fact{align-self:center;gap:.5rem;max-width:16rem;display:grid}.bx .hf__key{font-size:var(--size-lg);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-variation-settings:"wdth" 118;overflow-wrap:anywhere;font-weight:500;line-height:1}.bx .hf__line{color:var(--ink-55);text-wrap:pretty}.bx .hf__stage{grid-area:1/2/span 2;margin:0}.bx .hf__frame{aspect-ratio:4/5;position:relative}.bx .hf__model{opacity:0;pointer-events:none;transition:opacity .9s var(--ease-out);position:absolute;inset:0}.bx .hf__canvas{width:100%;height:100%;display:block}.bx .hf__stage.is-model .hf__model{opacity:1}@media (max-width:63.99rem){.bx .hf__body{gap:1.75rem var(--gap-grid);grid-template-rows:auto repeat(2,auto);grid-template-columns:repeat(2,minmax(0,1fr))}.bx .hf__stage{grid-area:1/1/auto/-1;margin-bottom:.75rem}.bx .hf__facts{grid-row:2/span 2}.bx .hf__facts--l{text-align:left;grid-column:1;justify-items:start}.bx .hf__facts--r{grid-column:2}.bx .hf__fact{border-top:1px solid var(--ink-10);align-self:start;gap:.4rem;padding-top:.9rem}.bx .hf__frame{aspect-ratio:4/3}}@media (max-width:47.99rem){.bx .hf__frame{aspect-ratio:1}}.bx .hf .head{text-align:center;z-index:2;align-items:center;margin-bottom:0;position:relative}.bx .hf .head__kicker{align-self:center}.bx .hf .head__title{max-width:100%}.bx .hf .head__text{max-width:min(100%,34rem)}.bx .hf__journey:has(.is-model){--hf-scene-height:min(calc(100dvh - 5rem), var(--hf-content-height,calc(60vw + 12rem)));--hf-hold:22svh;margin-inline:calc(50% - 50vw);width:100vw;height:calc(var(--hf-scene-height) + var(--hf-hold));margin-top:clamp(3rem,8svh,6rem);position:relative}.bx .hf__journey:has(.is-model) .hf__pin{top:calc(100dvh - var(--hf-scene-height));height:var(--hf-scene-height);position:sticky;overflow:visible}.bx .hf__body:has(.is-model){translate:0 var(--hf-entry-y,0px);display:block;position:absolute;inset:0}.bx .hf__body:has(.is-model) .hf__stage{margin:0}.bx .hf__body:has(.is-model) .hf__frame{aspect-ratio:auto;height:var(--hf-scene-height)}.bx .hf__body:has(.is-model) .hf__model{inset:0}.bx .hf__body:has(.is-model) .hf__facts{display:contents}.bx .hf__body:has(.is-model) .hf__fact{z-index:1;text-align:left;width:clamp(8rem,38vw,11rem);max-width:none;transform:translate3d(var(--fact-x,0px), var(--fact-y,0px), 0) translate(-50%, -50%);background:#fffffff0;border:1px solid #1a21271f;border-radius:4px;gap:.35rem;padding:.6rem .7rem;position:absolute;top:0;left:0;box-shadow:0 3px 18px #1a21270d}.bx .hf__body:has(.is-model) .hf__key{font-size:clamp(1rem,3.5vw,1.3rem)}.bx .hf__body:has(.is-model) .hf__line{color:var(--ink-55);font-size:.72rem;line-height:1.35}@media (min-width:64rem){.bx .hf__journey:has(.is-model){--hf-hold:30svh}.bx .hf .head{margin-bottom:0}.bx .hf__body:has(.is-model) .hf__fact{width:clamp(10rem,16vw,14rem);padding:.85rem 1rem}.bx .hf__body:has(.is-model) .hf__key{font-size:clamp(1.15rem,1.65vw,1.65rem)}.bx .hf__body:has(.is-model) .hf__line{font-size:.8rem}}}@layer bx-components,bx-motion,bx-utilities;@media (prefers-reduced-motion:reduce){.bx .hf__model{transition:none!important}.bx .hf__journey:has(.is-model){--hf-hold:0px}.bx .hf__journey:has(.is-model) .hf__pin{position:relative;top:0}.bx .hf__body:has(.is-model){translate:none}}
@layer theme,base,components,utilities,bx-reset;@layer bx-tokens{.bx .map,.bx .map-legend{--map-sea:var(--soft-2);--map-land:var(--soft);--map-tint:color-mix(in srgb, var(--oak) 16%, var(--soft));--map-line:color-mix(in srgb, var(--k) 36%, transparent);--map-line-strong:color-mix(in srgb, var(--k) 70%, transparent);--map-pin:var(--oak);--map-branch:var(--k);--zoom:1}}@layer bx-base;@layer bx-layout{.bx .rooms--map .rooms__body{gap:clamp(2.75rem, 4.5vw, 4rem) var(--gap-grid);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.bx .rooms--map .rooms__map{flex-direction:column;grid-column:1/-1;gap:.9rem;min-width:0;display:flex}.bx .rooms--map .map{height:clamp(26rem,48vw,46rem)}.bx .rooms--map .rooms__list{grid-column:1/-1;grid-template-columns:subgrid;gap:3rem var(--gap-grid);display:grid}.bx .map{border-radius:var(--radius-card);background:var(--map-sea);-webkit-user-select:none;user-select:none;touch-action:manipulation;position:relative;overflow:hidden;container-type:size}.bx .map__stage{--sw:calc(max(100cqw, 100cqh * var(--ar)) * var(--zoom));--sh:calc(var(--sw) / var(--ar));width:var(--sw);height:var(--sh);left:clamp(calc(100cqw - var(--sw)), calc(50cqw - var(--fx) * var(--sw)), 0px);top:clamp(calc(100cqh - var(--sh)), calc(50cqh - var(--fy) * var(--sh)), 0px);position:absolute}.bx .map__svg{width:100%;max-width:none;height:100%;position:absolute;inset:0;overflow:visible}@media (max-width:63.99rem){.bx .rooms--map .map{aspect-ratio:16/10;height:auto}}@media (max-width:47.99rem){.bx .rooms--map .rooms__body{grid-template-columns:minmax(0,1fr)}.bx .rooms--map .map{aspect-ratio:1}}}@layer bx-components{.bx .map__lands path{fill:var(--map-land);transition:fill .25s var(--ease-out)}.bx .map__lands path.is-hover{fill:var(--map-tint)}.bx .map__line{fill:none;stroke:var(--map-line);stroke-width:1px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;pointer-events:none}.bx .map__line--hover{stroke:var(--map-line-strong);stroke-width:1.25px}.bx .map__city{color:var(--ink-55);white-space:nowrap;pointer-events:none;text-shadow:0 0 3px var(--map-land), 0 0 3px var(--map-land);padding-left:.6rem;font-size:.75rem;line-height:1;position:absolute;translate:0 -50%}.bx .map__city:before{content:"";width:4px;height:4px;box-shadow:inset 0 0 0 1px var(--ink-40);border-radius:50%;margin-top:-2px;position:absolute;top:50%;left:-2px}.bx .map__city--l{padding:0 .6rem 0 0;translate:-100% -50%}.bx .map__city--l:before{left:auto;right:-2px}.bx .map__branch{background:var(--map-branch);width:7px;height:7px;box-shadow:0 0 0 1.5px var(--map-land);cursor:default;transition:scale .2s var(--ease-out), background-color .2s var(--ease-out);border-radius:50%;position:absolute;translate:-50% -50%}.bx .map__branch:after{content:"";border-radius:50%;position:absolute;inset:-5px}.bx .map__branch.is-active{z-index:1;background:var(--map-pin);scale:1.6}.bx .map-legend{color:var(--ink-55);flex-wrap:wrap;gap:.5rem 1.75rem;list-style:none;display:flex}.bx .map-legend__item{align-items:center;gap:.6rem;display:inline-flex}.bx .map-legend__item:before{content:"";background:var(--map-branch);border-radius:50%;flex:none;width:7px;height:7px;margin-inline:2.5px}.bx .map-legend__item--own:before{background:var(--map-pin);width:12px;height:12px;margin-inline:0}.bx .map__pin{z-index:1;cursor:default;width:0;height:0;position:absolute}.bx .map__dot{background:var(--map-pin);width:12px;height:12px;box-shadow:0 0 0 2px var(--map-land);transition:scale .3s var(--ease-out);border-radius:50%;position:absolute;top:0;left:0;translate:-50% -50%}.bx .map__dot:after{content:"";border-radius:50%;position:absolute;inset:-12px}.bx .map__pin--hq .map__dot{width:18px;height:18px}.bx .map__label{border-radius:var(--radius);height:1.75rem;color:var(--k);white-space:nowrap;transition:background-color .25s var(--ease-out), color .25s var(--ease-out);background:#fff;align-items:center;padding-inline:.7em;display:inline-flex;position:absolute;top:0;left:16px;translate:0 -50%}.bx .map__pin--hq .map__label{left:24px}.bx .map__pin--l .map__label{left:auto;right:16px}.bx .map__pin.is-active .map__label{background:var(--k);color:#fff}.bx .map__pin.is-active .map__dot{scale:1.2}.bx .map__tip{z-index:2;border-radius:var(--radius);background:var(--k);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;height:1.75rem;transition:opacity .15s var(--ease-out);align-items:center;padding-inline:.75em;display:inline-flex;position:absolute;top:0;left:0;transform:translate(-50%,calc(-100% - 14px))}.bx .map.has-tip .map__tip{opacity:1}@media (max-width:63.99rem){.bx .map__city--hide-md{display:none}}@media (max-width:47.99rem){.bx .map__city--hide-sm{display:none}}}@layer bx-motion,bx-utilities;
