.site-overview{margin-top:8px;margin-bottom:26px}
.site-plan__media{position:relative;isolation:isolate}
.site-plan__image{aspect-ratio:2400/1698;overflow:hidden;background:var(--sand)}
.site-plan__image picture{display:block;width:100%;height:100%}
.site-plan__image img{object-fit:contain;background:var(--sand)}
.site-plan__hotspots{position:absolute;inset:0;z-index:2;pointer-events:none}
.site-plan__hotspot{position:absolute;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;transform:translate(-50%,-50%);color:var(--ink);pointer-events:auto;text-decoration:none;touch-action:manipulation}
.site-plan__hotspot::before{content:"";width:12px;height:12px;border:2px solid var(--paper);border-radius:50%;background:var(--mustard-deep);box-shadow:0 0 0 1px rgba(0,0,0,.5)}
.site-plan__hotspot span{position:absolute;bottom:calc(100% - 3px);left:50%;transform:translateX(-50%);white-space:nowrap;padding:3px 8px;border:1px solid rgba(0,0,0,.22);background:rgba(255,255,255,.94);font-size:12px;font-weight:750;line-height:1.35;letter-spacing:-.01em;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.site-plan__hotspot:hover span,.site-plan__hotspot:focus-visible span{border-color:var(--mustard-deep);background:var(--mustard-pale)}
.site-plan__hotspot--unit-a{left:37%;top:32%}
.site-plan__hotspot--unit-b{left:74%;top:42%}
.site-plan__hotspot--courtyard{left:45%;top:61%}
.site-plan__hotspot--cafe{left:54%;top:80%}
.site-plan__hotspot--store{left:29%;top:79%}
.site-overview .cap{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-top:11px;font-size:13px;line-height:1.6}
.site-overview .cap b{font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.site-overview .cap span{color:var(--grey)}
.space-row,.visit-secondary-spaces .prod{scroll-margin-top:104px}
.space-meta{margin:1px 0 0;border-top:1px solid var(--hair)}
.space-meta>div{display:grid;grid-template-columns:minmax(72px,.34fr) minmax(0,1fr);gap:14px;padding:7px 0;border-bottom:1px solid var(--hair)}
.space-meta dt{color:var(--grey-l);font-size:12px;font-weight:700;line-height:1.55;letter-spacing:.06em}
.space-meta dd{min-width:0;color:var(--grey);font-size:13px;line-height:1.55;text-align:right;overflow-wrap:anywhere}
.space-meta dd b{color:var(--ink);font-weight:700}
.visit-secondary-spaces .space-meta{margin:12px 0}
@media (max-width:560px){
  .site-plan__hotspot span{visibility:hidden;opacity:0;transform:translate(-50%,4px)}
  .site-plan__hotspot.is-active span,.site-plan__hotspot:focus-visible span{visibility:visible;opacity:1;transform:translate(-50%,0)}
  .site-plan__hotspot--unit-a span,.site-plan__hotspot--store span{left:0;transform:translate(0,4px)}
  .site-plan__hotspot--unit-a.is-active span,.site-plan__hotspot--unit-a:focus-visible span,.site-plan__hotspot--store.is-active span,.site-plan__hotspot--store:focus-visible span{transform:translate(0,0)}
  .site-plan__hotspot--unit-b span{left:auto;right:0;transform:translate(0,4px)}
  .site-plan__hotspot--unit-b.is-active span,.site-plan__hotspot--unit-b:focus-visible span{transform:translate(0,0)}
  .site-overview .cap{display:grid;grid-template-columns:minmax(0,1fr);gap:2px}
}
@media (prefers-reduced-motion:reduce){
  .site-plan__hotspot span{transition:none}
}