/* Framed CAST residence explorer on Residences. */
.residence-explorer{margin-top:clamp(40px,5vw,72px);scroll-margin-top:110px;min-width:0}
.residence-explorer.rx-inline-first{margin-top:0;margin-bottom:clamp(40px,5vw,72px)}
#plans:has(.rx-inline-first){padding-top:24px}
#plans:has(.rx-inline-first)>.wrap>.sec-head{margin-bottom:24px}
#plans .rx-inline-first .rx-heading{border-top:0;padding-top:0;margin-bottom:16px}
.residence-explorer.rx-inline-first .rx-frame {height:min(740px,60svh);min-height:360px}
.residence-explorer .rx-heading{display:flex;align-items:end;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;border-top:1px solid var(--rule);padding-top:24px;margin-bottom:20px}
.residence-explorer .fp-kicker{font:600 11px/1.5 var(--archivo);letter-spacing:.18em;text-transform:uppercase;color:rgba(28,23,18,.72)}
.residence-explorer h3{font:700 clamp(28px,3vw,44px)/1 var(--jost);letter-spacing:-.02em;margin-top:12px;text-wrap:balance}
.residence-explorer .rx-open{display:inline-flex;align-items:center;gap:14px;min-height:44px;border-bottom:1px solid currentColor;font:600 12px/1.5 var(--archivo);letter-spacing:.1em;text-transform:uppercase}
.residence-explorer .rx-open:hover{text-decoration:underline;text-underline-offset:4px}
.residence-explorer .rx-open:focus-visible{outline:3px solid currentColor;outline-offset:4px}
/* A viewport-based app: start at a usable height; the explorer then reports its
   own. No border: a border-box edge would shrink each reported height (loop). */
.residence-explorer .rx-frame{display:block;width:100%;height:min(850px,calc(100svh - 96px));min-height:560px;border:0;box-shadow:0 0 0 1px var(--rule);background:#f5f3ef}