/* Source-project orientation. These rails are outside the drawing, so their
   labels stay readable at every viewport and never obscure a room. */
.bp-oriented-plan{min-width:0;width:100%}
.bp-direction-rail{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 16px;color:#79603a;font-family:Jost,Arial,sans-serif;font-size:13px;font-weight:500;line-height:1.35;letter-spacing:.04em}
.bp-direction-rail span{display:block}
.bp-direction-rail small{display:block;margin-top:3px;font-size:10px;font-weight:400;letter-spacing:.06em;color:#867860}
.bp-direction-rail svg{display:block;width:22px!important;height:22px!important;flex:0 0 22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.bp-direction-top{border-bottom:1px solid #ad916a33}
.bp-direction-bottom{border-top:1px solid #ad916a33}
.bp-direction-horizontal{justify-content:space-between;gap:16px;border-bottom:1px solid #ad916a33}
.bp-direction-horizontal>span{display:flex;align-items:center;gap:9px}
.bp-direction-horizontal>span:last-child{text-align:right}
body.bp-public .bp-oriented-plan .bp-floor-viewport{padding:clamp(8px,1.5vw,20px)}
body.bp-public .bp-furnished-image>img[src*="-terrace.svg"]{mix-blend-mode:darken}
body.bp-public .bp-plan-tabs{display:flex;gap:4px;margin:12px 0 20px;padding:4px;border:1px solid #ad916a55}
body.bp-public .bp-plan-tabs button{flex:1;min-height:44px;padding:10px 8px;border:0;border-radius:0;background:transparent;color:#715e3f;font:400 12px/1.4 var(--sans);cursor:pointer}
body.bp-public .bp-plan-tabs button[aria-selected="true"]{background:#29251d;color:#f2e3c5}
body.bp-public .bp-plan-tabs button:focus-visible{outline:2px solid #aa854a;outline-offset:2px}
body.bp-public .bp-penthouse-views [hidden]{display:none!important}

/* All five facts share a baseline, rhythm and label color, including links. */
body.bp-public.page-home .bp-project-numbers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;align-items:start}
body.bp-public.page-home .bp-project-numbers>div{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:16px;min-width:0;padding:0 18px;text-align:center;border-left:1px solid #baaa8d66}
body.bp-public.page-home .bp-project-numbers>div:first-child{border-left:0;padding-left:18px}
body.bp-public.page-home .bp-project-numbers>div>a{display:flex;align-items:center;flex-direction:column;gap:16px;width:100%;color:inherit;text-decoration:none}
body.bp-public.page-home .bp-project-numbers strong{display:block;font-size:clamp(66px,6.2vw,96px);font-weight:300;line-height:1}
body.bp-public.page-home .bp-project-numbers span,
body.bp-public.page-home .bp-project-numbers>div:nth-last-child(-n+2) span{color:#826d49;font-size:12px;font-weight:400;line-height:1.5;letter-spacing:.09em;min-height:3em}
body.bp-public.page-home .bp-project-numbers a:focus-visible{outline:2px solid #a17e43;outline-offset:8px}

/* Custom vector tap symbol, matched to the supplied hand/circular-ripple cue. */
body.bp-public.page-home .bp-hero-hotspot .bp-tap-icon{width:38px;height:47px;stroke-width:1.85;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;transform:none;color:#efd7a5;filter:drop-shadow(0 2px 3px #000b)}
body.bp-public.page-home .bp-hero-hotspot:before{inset:6px;background:#00000042;border:1px solid #ecd19c45;backdrop-filter:blur(2px)}
body.bp-public.page-home .bp-hero-hotspot .bp-hotspot-ring{inset:4px;animation:bp-building-beacon 3.8s ease-out infinite}
body.bp-public.page-home .bp-hero-hotspot .bp-hotspot-ring-delay{animation-delay:-1.9s}
body.bp-public.page-home .bp-tap-waves{animation:bp-tap-emphasis 3.8s ease-in-out infinite}
@keyframes bp-tap-emphasis{0%,65%,100%{opacity:.65}15%,35%{opacity:1}}

/* A brief double lift, moving arrow and gold sweep draw attention without
   shifting document layout or changing the existing inquiry destination. */
body.bp-public .mobile-contact a.bp-inquiry-attention{display:flex;align-items:center;justify-content:center;gap:12px;position:relative;isolation:isolate;overflow:hidden;animation:bp-inquiry-invite 6s ease-in-out infinite;will-change:auto}
body.bp-public .mobile-contact a.bp-inquiry-attention>span,
body.bp-public .mobile-contact a.bp-inquiry-attention>svg{position:relative;z-index:2}
body.bp-public .mobile-contact a.bp-inquiry-attention:before{inset:-20% -65%;z-index:0;background:linear-gradient(105deg,transparent 40%,#fff8dfb3 50%,transparent 60%);animation:bp-inquiry-sweep 6s ease-in-out infinite}
body.bp-public .mobile-contact a.bp-inquiry-attention:after{z-index:1;inset:4px;border:1px solid #fff0cc99;pointer-events:none}
body.bp-public .bp-inquiry-arrow{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;animation:bp-inquiry-arrow 6s ease-in-out infinite}
body.bp-public .mobile-contact a.bp-inquiry-attention:where(:hover,:focus-visible){animation-play-state:paused;box-shadow:0 0 22px #c9a76877}
@keyframes bp-inquiry-invite{0%,60%,100%{transform:translateY(0);box-shadow:inset 0 1px 0 #fff0cc,0 0 0 #c9a76800}68%,80%{transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff0cc,0 0 22px #c9a76880}74%,87%{transform:translateY(0);box-shadow:inset 0 1px 0 #fff0cc,0 0 8px #c9a76833}}
@keyframes bp-inquiry-sweep{0%,60%{transform:translateX(-75%)}85%,100%{transform:translateX(75%)}}
@keyframes bp-inquiry-arrow{0%,63%,100%{transform:translate(0,0)}70%,80%{transform:translate(3px,-3px)}75%,87%{transform:translate(0,0)}}

@media(max-width:760px){
 .bp-direction-rail{padding:11px 9px;font-size:12px;letter-spacing:.025em}
 .bp-direction-rail small{font-size:9px;letter-spacing:.025em}
 .bp-direction-horizontal{gap:8px}
 .bp-direction-horizontal>span{gap:6px}
 body.bp-public .bp-parking-plan{padding:8px}
 body.bp-public.page-home .bp-project-numbers{grid-template-columns:repeat(6,minmax(0,1fr));gap:25px 0;margin-top:32px}
 body.bp-public.page-home .bp-project-numbers>div{grid-column:span 2;padding:0 8px;gap:12px;border-left:1px solid #baaa8d66}
 body.bp-public.page-home .bp-project-numbers>div:first-child{padding-left:8px;border-left:0}
 body.bp-public.page-home .bp-project-numbers>div>a{gap:12px}
 body.bp-public.page-home .bp-project-numbers>div:nth-child(n+4){grid-column:span 3;padding:22px 8px 0;border-top:1px solid #baaa8d66}
 body.bp-public.page-home .bp-project-numbers>div:nth-child(4){border-left:0}
 body.bp-public.page-home .bp-project-numbers strong{font-size:clamp(46px,13vw,65px);line-height:1}
 body.bp-public.page-home .bp-project-numbers span,
 body.bp-public.page-home .bp-project-numbers>div:nth-last-child(-n+2) span{font-size:11px;line-height:1.45;letter-spacing:.06em;min-height:1.45em}
 body.bp-public .mobile-contact a.bp-inquiry-attention{gap:8px}
}
@media(max-width:650px){
 body.bp-public.page-home .bp-hero-hotspot .bp-tap-icon{width:31px;height:39px;stroke-width:1.8}
 body.bp-public.page-home .bp-hero-hotspot:before{inset:5px}
 body.bp-public.page-home .bp-hero-hotspot .bp-hotspot-ring{inset:2px}
}
@media(prefers-reduced-motion:reduce){
 body.bp-public .mobile-contact a.bp-inquiry-attention,
 body.bp-public .mobile-contact a.bp-inquiry-attention:before,
 body.bp-public .bp-inquiry-arrow,
 body.bp-public.page-home .bp-tap-waves,
 body.bp-public.page-home .bp-hero-hotspot .bp-hotspot-ring{animation:none!important;transform:none}
 body.bp-public .mobile-contact a.bp-inquiry-attention:before{display:none}
 body.bp-public.page-home .bp-hero-hotspot .bp-hotspot-ring-delay{display:none}
}