/* inline-style */
@font-face{font-family:Founders;src:url("fonts/FoundersGrotesk-Regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Founders;src:url("fonts/FoundersGrotesk-Medium.otf") format("opentype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Founders;src:url("fonts/FoundersGrotesk-Semibold.otf") format("opentype");font-weight:650;font-style:normal;font-display:swap}
@font-face{font-family:Founders;src:url("fonts/FoundersGrotesk-Bold.otf") format("opentype");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:IvyPresto;src:url("fonts/IvyPrestoDisplay-Thin.otf") format("opentype");font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:IvyPresto;src:url("fonts/IvyPrestoDisplay-Light.otf") format("opentype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:IvyPresto;src:url("fonts/IvyPrestoDisplay-Regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:IvyPresto;src:url("fonts/IvyPrestoDisplay-SemiBold.otf") format("opentype");font-weight:650;font-style:normal;font-display:swap}
@font-face{font-family:Montserrat;src:url("fonts/Montserrat-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Montserrat;src:url("fonts/Montserrat-SemiBold.ttf") format("truetype");font-weight:650;font-style:normal;font-display:swap}
@font-face{font-family:Montserrat;src:url("fonts/Montserrat-Bold.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}

:root{
  --paper:#fbf7ee;
  --paper-warm:#f2eadf;
  --paper-cool:#e6e6e6;
  --ink:#0e091e;
  --hillage-brown:#3d1f0b;
  --hillage-gold:#e8a31a;
  --hillage-red:#8f0308;
  --hillage-cream:#fbf7ee;
  --bg-main:var(--paper);
  --bg-section:var(--paper);
  --bg-soft:var(--paper-warm);
  --bg-soft-alt:var(--paper-cool);
  --accent-1:var(--hillage-brown);
  --accent-2:var(--hillage-gold);
  --accent-3:var(--hillage-red);
  --accent-4:#d8c9b5;
  --text-main:var(--ink);
  --text-muted:#6b5d51;
  --border-soft:rgba(61,31,11,.16);
  --shadow-soft:0 22px 70px rgba(14,9,30,.14);
  --control-bg:rgba(255,255,255,.36);
  --control-bg-strong:rgba(251,247,238,.92);
  --control-border:rgba(61,31,11,.13);
  --control-active:linear-gradient(145deg,var(--accent-3),#4f1714);
  --control-shadow:inset 0 1px 0 rgba(255,255,255,.45);
  --control-active-shadow:0 12px 26px rgba(143,3,8,.2),inset 0 1px 0 rgba(255,255,255,.16);
  --font-body:Founders,Arial,sans-serif;
  --font-display:Founders,Arial,sans-serif;
  --font-accent:IvyPresto,Georgia,serif;
}
*{box-sizing:border-box;}
html,body{margin:0;width:100%;min-height:100%;background:var(--bg-main);color:var(--text-main);font-family:var(--font-body);}
body{line-height:1.45;overflow-x:hidden;}
body.modal-open{overflow:hidden;}
img,video{display:block;max-width:100%;}
button,input,select{font:inherit;}
button{letter-spacing:0;}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid rgba(232,163,26,.7);outline-offset:3px;}
a{color:inherit;text-decoration:none;}
section{position:relative;padding:78px clamp(18px,5vw,64px);background:var(--bg-section);overflow:hidden;}
.section-inner{position:relative;z-index:2;max-width:1220px;margin:0 auto;}
.section-label,.release-kicker,.news-kicker,.construction-point-kicker{font-family:var(--font-display);font-size:11px;text-transform:uppercase;letter-spacing:.22em;color:var(--accent-2);margin-bottom:14px;}
h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:400;color:var(--accent-1);line-height:.98;letter-spacing:0;}
h1{font-size:clamp(58px,12vw,158px);text-transform:uppercase;}
h2{font-family:var(--font-accent);font-style:italic;font-weight:300;font-size:clamp(30px,4.2vw,58px);line-height:1.05;text-transform:none;letter-spacing:0;}
h3{font-family:var(--font-accent);font-style:italic;font-weight:300;font-size:clamp(20px,2.35vw,30px);line-height:1.08;text-transform:none;letter-spacing:0;}
p{margin:0;color:var(--text-muted);font-size:clamp(15px,1.35vw,18px);}
p+p{margin-top:14px;}
.hillage-script{font-family:var(--font-accent);font-style:italic;font-weight:300;color:var(--accent-2);text-transform:none;}
.fade-up{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease;}
.fade-up.in-view{opacity:1;transform:none;}

.site-loader{position:fixed;inset:0;z-index:999;background:var(--ink);color:var(--hillage-cream);display:grid;place-items:center;transition:opacity .45s ease,visibility .45s ease;}
.site-loader.is-hidden{opacity:0;visibility:hidden;}
.loader-ring{width:52px;height:52px;border-radius:50%;border:1px solid rgba(251,247,238,.28);border-top-color:var(--hillage-cream);animation:spin 1s linear infinite;margin:auto;}
.loader-copy{margin-top:14px;font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;font-size:12px;}
@keyframes spin{to{transform:rotate(360deg)}}

#logo.logo-full{width:100%;padding:0;}
.hero-cover-image{position:absolute;left:50%;top:50%;z-index:2;width:min(44vw,660px);height:auto;aspect-ratio:779/188;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 26px 48px rgba(61,31,11,.24));}
.hero-cover-bg,.hero-cover-mask,.hero-cover-outline{display:none;}
#logo::before,#logo::after{display:none;}
.hero-title{position:absolute;left:50%;top:calc(50% + min(7vw,105px));transform:translateX(-50%);z-index:4;color:var(--accent-1);width:min(760px,calc(100% - 42px));text-align:center;}
.hillage-hero-logo{display:none;}
.hero-title .kicker{display:none;}
.hero-title h1{display:none;}
.hero-title p{max-width:680px;margin:0 auto;color:rgba(61,31,11,.78);font-size:clamp(16px,1.5vw,21px);}
.hero-nav{position:fixed;left:50%;top:16px;transform:translateX(-50%);z-index:60;max-width:calc(100vw - 24px);overflow-x:auto;}
.hero-nav-inner{display:flex;gap:6px;padding:7px;border-radius:18px;background:linear-gradient(145deg,rgba(251,247,238,.82),rgba(242,234,223,.52));border:1px solid rgba(255,255,255,.48);backdrop-filter:blur(18px);box-shadow:0 14px 44px rgba(0,0,0,.18);}
.hero-nav-link{white-space:nowrap;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--accent-1);padding:8px 12px;font-family:var(--font-accent);font-style:italic;font-weight:300;letter-spacing:0;text-transform:none;font-size:16px;line-height:1;cursor:pointer;opacity:.84;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;}
.hero-nav-link:hover{background:rgba(255,255,255,.34);border-color:var(--control-border);opacity:1;transform:translateY(-1px);}
.hero-nav-link.is-active{background:var(--control-active);border-color:rgba(143,3,8,.45);color:var(--hillage-cream);opacity:1;box-shadow:var(--control-active-shadow);}

#story{padding:0;min-height:92vh;display:grid;place-items:center;background:#1f1813;overflow:hidden;}
.story-bg,.story-bg img{position:absolute;inset:0;width:100%;height:100%;}
.story-bg img{object-fit:cover;opacity:0;transition:opacity 1.4s ease;filter:saturate(.94) contrast(1.03);}
.story-bg img.active{opacity:1;}
.story-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(24,18,13,.72),rgba(24,18,13,.18) 38%,rgba(24,18,13,.04) 68%),linear-gradient(90deg,rgba(24,18,13,.2),rgba(24,18,13,0) 42%,rgba(24,18,13,.3));}
.story-content{position:absolute;z-index:2;right:clamp(22px,5vw,76px);bottom:clamp(24px,5vw,78px);width:min(620px,calc(100% - 44px));text-align:right;}
.story-card{padding:0;border:0;background:transparent;backdrop-filter:none;box-shadow:none;}
.story-card h2{color:var(--hillage-cream);font-size:clamp(38px,6vw,86px);line-height:.9;text-shadow:0 18px 46px rgba(12,8,5,.48);}.story-headline{display:block;opacity:0;transform:translateY(18px);transition:opacity 1s ease,transform 1s cubic-bezier(.2,.82,.18,1);position:absolute;right:0;bottom:0;width:100%;pointer-events:none;}.story-headline.active{opacity:1;transform:translateY(0);}.story-card{position:relative;min-height:clamp(95px,11vw,170px);}
.story-card p{display:none;}

#location{background:var(--bg-soft);}
.location-window{max-width:1360px;margin:0 auto;}
.location-inner{position:relative;}
.loc-guide{position:absolute;z-index:12;inset:0;display:block;min-width:0;pointer-events:none;}
.loc-headline{position:relative;width:min(520px,38vw);text-align:left;margin:0;pointer-events:auto;padding:76px 72px 72px 58px;border-radius:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none;}
.loc-headline::before{content:"";position:absolute;z-index:-1;left:-42%;right:-52%;top:-66%;bottom:-58%;background:url("location/cloud-fluffy.png") center/contain no-repeat;opacity:.94;filter:drop-shadow(0 24px 56px rgba(14,9,30,.14));pointer-events:none;}
.loc-headline p{position:relative;margin:8px 0 0;color:var(--accent-1);font-size:clamp(13px,1vw,16px);text-shadow:0 1px 0 rgba(255,255,255,.35);}
.loc-headline h2{position:relative;color:var(--accent-1);font-size:clamp(34px,3.1vw,52px);text-shadow:0 1px 0 rgba(255,255,255,.35);}
.loc-scene{position:relative;min-height:720px;}
.loc-camera{position:absolute;inset:0;}
.loc-turntable{position:absolute;inset:0;transition:transform .55s cubic-bezier(.2,.8,.2,1);}
#location[data-zoom="city"] .loc-map-stack{transform:translate3d(var(--map-x,0px),var(--map-y,0px),0) scale(var(--map-scale,1.08));}
#location[data-zoom="mediate"] .loc-map-stack{transform:translate3d(var(--map-x,0px),var(--map-y,0px),0) scale(var(--map-scale,1));}
#location[data-zoom="site"] .loc-map-stack{transform:translate3d(var(--map-x,0px),var(--map-y,0px),0) scale(var(--map-scale,1.42));}
.loc-plane{position:absolute;inset:0;border-radius:24px;background:#efe6d7;box-shadow:0 34px 94px rgba(14,9,30,.24),0 0 0 1px rgba(61,31,11,.18);overflow:hidden;border:1px solid rgba(61,31,11,.2);clip-path:polygon(.7% 1.1%,99.1% .4%,99.6% 28%,98.9% 48%,99.7% 73%,98.8% 99%,72% 99.4%,50% 98.8%,27% 99.5%,.9% 98.7%,.3% 72%,1% 51%,.4% 26%);}
.loc-plane::before{content:"";position:absolute;z-index:6;inset:0;pointer-events:none;background:
linear-gradient(90deg,transparent calc(25% - 1px),rgba(61,31,11,.34) 25%,transparent calc(25% + 2px),transparent calc(50% - 1px),rgba(255,255,255,.3) 50%,rgba(61,31,11,.24) calc(50% + 2px),transparent calc(50% + 4px),transparent calc(75% - 1px),rgba(61,31,11,.3) 75%,transparent calc(75% + 2px)),
linear-gradient(0deg,transparent calc(25% - 1px),rgba(61,31,11,.3) 25%,transparent calc(25% + 2px),transparent calc(50% - 1px),rgba(255,255,255,.28) 50%,rgba(61,31,11,.22) calc(50% + 2px),transparent calc(50% + 4px),transparent calc(75% - 1px),rgba(61,31,11,.28) 75%,transparent calc(75% + 2px)),
linear-gradient(90deg,rgba(61,31,11,.16) 0 1px,transparent 1px 7.142%),
linear-gradient(0deg,rgba(61,31,11,.15) 0 1px,transparent 1px 7.142%),
linear-gradient(102deg,transparent 0 30%,rgba(255,255,255,.22) 31%,rgba(61,31,11,.18) 32%,transparent 34%),
linear-gradient(78deg,transparent 0 61%,rgba(255,255,255,.2) 62%,rgba(61,31,11,.18) 63%,transparent 65%);
background-size:100% 100%,100% 100%,7.142% 7.142%,7.142% 7.142%,100% 100%,100% 100%;mix-blend-mode:multiply;opacity:.72;}
.loc-plane::after{content:"";position:absolute;z-index:7;inset:0;pointer-events:none;background:
radial-gradient(circle at 18% 14%,rgba(255,255,255,.26),transparent 26%),
radial-gradient(circle at 80% 82%,rgba(61,31,11,.13),transparent 30%),
linear-gradient(90deg,transparent 0 24.7%,rgba(255,255,255,.34) 24.9%,rgba(61,31,11,.18) 25.2%,transparent 25.7%,transparent 49.6%,rgba(61,31,11,.18) 50%,rgba(255,255,255,.22) 50.35%,transparent 51%,transparent 74.6%,rgba(61,31,11,.2) 75%,transparent 75.5%),
linear-gradient(180deg,rgba(251,247,238,.2),rgba(251,247,238,.04) 42%,rgba(61,31,11,.15));
opacity:.68;box-shadow:inset 0 0 0 12px rgba(251,247,238,.12),inset 0 0 46px rgba(61,31,11,.25);}
.map-clouds{display:none;}
.map-clouds::before,.map-clouds::after{content:"";position:absolute;background:url("location/cloud-fluffy.png") center/contain no-repeat;opacity:.92;}
.map-clouds::before{left:0;top:0;width:58%;height:48%;}
.map-clouds::after{right:0;bottom:2%;width:52%;height:42%;transform:scale(.86) rotate(2deg);opacity:.78;}
@keyframes cloudDrift{from{transform:translateX(-9%)}to{transform:translateX(22%)}}
.loc-map-stack,.loc-map,.loc-masterplan-overlay,.loc-roads{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;}
.loc-map-stack{z-index:5;pointer-events:none;transform-origin:50% 50%;transition:transform .65s cubic-bezier(.2,.8,.2,1);}
.loc-map{background:#050505;opacity:0;transition:opacity .35s ease,filter .35s ease;}
.leaflet-live-map{position:absolute;inset:0;z-index:3;background:#0c0a08;filter:saturate(.84) contrast(.96) sepia(.12);}
.leaflet-live-map .leaflet-control-attribution{font-size:10px;background:rgba(251,247,238,.78);color:var(--text-muted);}
.leaflet-live-map .leaflet-control-zoom{border:0;box-shadow:0 12px 34px rgba(0,0,0,.18);}
.leaflet-live-map .leaflet-control-zoom a{background:rgba(251,247,238,.88);color:var(--accent-1);border-color:rgba(61,31,11,.12);}
.hillage-masterplan-image{position:absolute;z-index:2;display:block;max-width:none;object-fit:contain;opacity:.98;filter:contrast(1.2) saturate(1.14) drop-shadow(0 12px 28px rgba(0,0,0,.22));transform-origin:center center;mix-blend-mode:multiply;pointer-events:none;}
.main-road-pane-filter img{filter:none;opacity:.9;}
.main-road-overlay{stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 5px rgba(0,0,0,.52));}
.map-marker-pin{position:relative;width:18px;height:18px;border-radius:50%;background:var(--accent-1);border:2px solid var(--hillage-cream);box-shadow:0 8px 18px rgba(0,0,0,.28),0 0 0 9px rgba(61,31,11,.18);display:grid;place-items:center;color:var(--hillage-cream);font-size:10px;font-weight:800;}
.map-marker-pin svg{width:13px;height:13px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.map-marker-pin::after{content:attr(data-label);position:absolute;left:22px;top:-7px;white-space:nowrap;background:rgba(251,247,238,.94);padding:6px 9px;border-radius:999px;color:var(--text-main);font-size:11px;letter-spacing:.05em;box-shadow:0 10px 28px rgba(0,0,0,.16);opacity:0;pointer-events:none;}
.map-marker-pin.site::after{display:none;}
.map-marker-pin.site{width:136px;height:42px;border-radius:999px;background:rgba(61,31,11,.82);border:1px solid rgba(251,247,238,.58);box-shadow:0 16px 34px rgba(0,0,0,.3),0 0 0 10px rgba(143,3,8,.16);padding:8px 14px;backdrop-filter:blur(10px);}
.map-marker-pin.site::before{content:"";position:absolute;left:50%;bottom:-9px;width:12px;height:12px;border-radius:50%;background:var(--hillage-red);border:2px solid var(--hillage-cream);transform:translateX(-50%);box-shadow:0 8px 16px rgba(0,0,0,.25);}
.map-marker-pin.site img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.22));}
.map-marker-pin.nearby{width:18px;height:18px;box-shadow:0 7px 16px rgba(0,0,0,.24),0 0 0 8px rgba(251,247,238,.22);}
.map-marker-pin.nearby::after{opacity:0;transform:translateX(-4px);transition:opacity .2s ease,transform .2s ease;}
.map-marker-pin.nearby:hover::after,.map-marker-pin.nearby.selected::after{opacity:1;transform:none;}
.map-marker-pin.restaurant{background:#b26b4a;}.map-marker-pin.cafe{background:#c19855;}.map-marker-pin.hospital{background:#7c8e9a;}.map-marker-pin.school{background:#7d8e62;}.map-marker-pin.mall{background:#8f7352;}
.map-marker-pin.has-time::before{display:none;}
.distance-ring-label{background:rgba(14,9,30,.7);border:1px solid rgba(251,247,238,.34);border-radius:999px;color:var(--hillage-cream);font-family:var(--font-display);font-size:11px;letter-spacing:.12em;padding:5px 8px;text-transform:uppercase;white-space:nowrap;box-shadow:0 10px 24px rgba(0,0,0,.18);}
.neighborhood-label{background:rgba(251,247,238,.86);border:1px solid rgba(61,31,11,.18);border-radius:999px;color:var(--accent-1);font-family:var(--font-display);font-size:12px;letter-spacing:.08em;padding:6px 10px;white-space:nowrap;box-shadow:0 12px 30px rgba(0,0,0,.16);}
.loc-map svg{width:100%;height:100%;display:block;}
.map-bg{fill:#050505;}
.map-road{fill:none;stroke:#bdb5a7;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;opacity:.66;}
.map-road.major{stroke:#d3ccbe;stroke-width:5.8;opacity:.9;}
.map-road.secondary{stroke-width:2.2;opacity:.38;}
.map-axis{fill:none;stroke:#b59c36;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.9;}
.map-label{fill:#f1eadc;font-family:var(--font-display);font-size:18px;letter-spacing:.12em;text-transform:uppercase;paint-order:stroke;stroke:#050505;stroke-width:4px;}
.map-label.dark{fill:#b75d66;font-size:20px;letter-spacing:.02em;text-transform:none;opacity:.84;}
.map-label.gold{fill:#c5aa3b;font-size:15px;font-weight:650;}
.map-label.site{fill:var(--hillage-cream);font-size:18px;}
.map-chip{fill:var(--hillage-cream);opacity:.94;}
.map-chip-text{fill:#5d5044;font-family:var(--font-display);font-size:16px;letter-spacing:.12em;}
.map-water{fill:#f5f4ef;opacity:.98;}
.map-destination{fill:#73323b;opacity:.82;}
.map-site-mark{fill:#7a3f47;stroke:#111;stroke-width:8;}
.map-site-dot{fill:#050505;}
.map-soft-dot{fill:var(--hillage-red);opacity:.88;}
.loc-masterplan-overlay{background-image:url("masterplan/masterplan-cutout.png");opacity:0;transition:opacity .35s ease,filter .35s ease;}
.loc-roads{opacity:0;background:linear-gradient(45deg,transparent 44%,rgba(255,255,255,.7) 45%,rgba(255,255,255,.7) 46%,transparent 47%),linear-gradient(-18deg,transparent 48%,rgba(61,31,11,.85) 49%,rgba(61,31,11,.85) 50%,transparent 51%);transition:opacity .35s ease;}
#location.satellite-on .loc-map{opacity:0;}
#location.satellite-on .loc-masterplan-overlay{opacity:1;filter:contrast(1.04) saturate(.95);}
.google-satellite-frame{display:none;}
#location.google-satellite-on .google-satellite-frame{display:none;}
#location.google-satellite-on .loc-map-stack{opacity:1;pointer-events:none;}
.satellite-loader{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px 16px;border-radius:999px;background:rgba(251,247,238,.9);color:var(--accent-1);font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:0;pointer-events:none;}
#location.google-satellite-on.is-sat-loading .satellite-loader{opacity:1;}
.map-focus-card{position:absolute;z-index:8;left:var(--focus-x,49%);top:var(--focus-y,34%);width:128px;height:128px;min-height:128px;transform:translate(var(--card-shift-x,18px),var(--card-shift-y,-142px)) scale(.9);border-radius:12px;overflow:hidden;background:linear-gradient(145deg,rgba(251,247,238,.98),rgba(251,247,238,.84));border:1px solid rgba(255,255,255,.74);box-shadow:0 18px 44px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.68);opacity:0;pointer-events:none;transition:opacity .35s ease,transform .35s ease,left .45s ease,top .45s ease;backdrop-filter:blur(16px);}
.map-focus-card.is-on{opacity:1;transform:translate(var(--card-shift-x,18px),var(--card-shift-y,-142px)) scale(1);}
.map-focus-card.is-nearby,.map-focus-card.at-point{left:var(--focus-x,49%)!important;right:auto;top:var(--focus-y,34%)!important;width:128px;height:128px;min-height:128px;}
.map-focus-kicker{display:block;padding:9px 10px 0;font-size:7px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2);}
.map-time-row{position:absolute;left:10px;right:10px;bottom:10px;display:flex;align-items:flex-end;gap:5px;color:var(--accent-1);padding-top:7px;border-top:1px solid rgba(143,3,8,.22);}
.map-time-number{position:relative;color:var(--accent-3);font-family:var(--font-display);font-size:34px;line-height:.78;font-weight:650;font-variant-numeric:tabular-nums;text-shadow:0 1px 0 rgba(255,255,255,.45);}
.map-time-number::after{content:"";position:absolute;left:2px;right:2px;bottom:-5px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--accent-3),rgba(232,163,26,.62));}
.map-time-unit{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:650;padding-bottom:2px;}
.map-time-row.is-direct .map-time-number{display:none;}
.map-time-row.is-direct{align-items:center;}
.map-time-row.is-direct .map-time-unit{color:var(--accent-3);font-size:11px;letter-spacing:.12em;padding-bottom:0;}
.map-focus-card b{padding:5px 10px 0;font-family:var(--font-display);font-size:13px;line-height:1.08;color:var(--accent-1);white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:44px;}
.map-focus-card span.map-time-copy{display:none;}
#location.roads-on .loc-roads{opacity:0;}
.loc-overlays{position:absolute;inset:0;pointer-events:none;}
.loc-pin{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:none;}
.loc-pin.is-on{display:block;}
.loc-pin::before{content:"";display:block;width:16px;height:16px;border-radius:50%;background:var(--accent-1);box-shadow:0 0 0 9px rgba(61,31,11,.2);}
.loc-pin span{position:absolute;left:24px;top:-8px;white-space:nowrap;background:rgba(251,247,238,.94);padding:7px 10px;border-radius:999px;color:var(--text-main);font-size:11px;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 10px 28px rgba(0,0,0,.16);}
.nearby-point{position:absolute;z-index:7;left:var(--x);top:var(--y);width:10px;height:10px;border-radius:50%;background:var(--accent-4);border:2px solid #fff;box-shadow:0 7px 16px rgba(0,0,0,.22),0 0 0 7px rgba(209,191,153,.16);transform:translate(-50%,-50%) scale(0);opacity:0;transition:transform .28s ease,opacity .28s ease,box-shadow .22s ease;cursor:pointer;pointer-events:auto;}
.nearby-point.is-on{transform:translate(-50%,-50%) scale(1);opacity:1;}
.nearby-point.is-selected{box-shadow:0 9px 24px rgba(0,0,0,.3),0 0 0 11px rgba(251,247,238,.34),0 0 0 18px rgba(61,31,11,.12);}
.nearby-point.restaurant{background:#b26b4a;}.nearby-point.cafe{background:#c19855;}.nearby-point.hospital{background:#7c8e9a;}.nearby-point.school{background:#7d8e62;}
.nearby-point::after{content:attr(data-name);position:absolute;left:16px;top:-8px;white-space:nowrap;background:rgba(251,247,238,.96);border:1px solid var(--border-soft);border-radius:999px;padding:5px 8px;color:var(--text-main);font-size:10px;letter-spacing:.03em;opacity:0;transform:translateX(-4px);transition:opacity .2s ease,transform .2s ease;}
.nearby-point:hover::after,.nearby-point.is-selected::after{opacity:1;transform:none;}
.loc-ui-panel{position:absolute;inset:0;width:auto;padding:0;border-radius:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none;display:block;overflow:visible;pointer-events:none;}
.loc-ui-panel::before{display:none;}
.loc-block{position:absolute;padding:9px;background:rgba(251,247,238,.78);border:1px solid rgba(255,255,255,.5);border-radius:12px;box-shadow:0 16px 42px rgba(14,9,30,.12),inset 0 1px 0 rgba(255,255,255,.44);backdrop-filter:blur(16px);display:block;pointer-events:auto;}
.loc-block:first-child{flex:auto;justify-content:normal;}
.loc-block:nth-of-type(1){left:clamp(22px,3vw,44px);bottom:clamp(22px,3vw,42px);width:min(440px,35vw);padding-top:9px;}
.loc-block:nth-of-type(2){right:clamp(22px,3vw,44px);top:clamp(108px,13vh,154px);width:170px;}
.loc-block:nth-of-type(3){right:clamp(22px,3vw,44px);top:50%;width:62px;transform:translateY(-50%);}
.loc-block-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
.loc-toggles{display:grid;grid-template-columns:1fr 1fr;gap:6px;}
.loc-toggles.stack{display:grid;grid-template-columns:1fr 1fr;gap:6px;}
.loc-toggles.inline{display:grid;grid-template-columns:1fr 1fr;gap:6px;}
.loc-block:nth-of-type(3) .loc-toggles.inline{grid-template-columns:1fr;}
.loc-toggles.stack{max-height:none;overflow:visible;margin-bottom:0;}
.loc-toggle-btn{position:relative;border:1px solid rgba(255,255,255,.5);background:rgba(251,247,238,.66);color:var(--text-main);padding:7px 8px;border-radius:7px;font-size:9.5px;line-height:1;cursor:pointer;box-shadow:0 7px 18px rgba(14,9,30,.06),inset 0 1px 0 rgba(255,255,255,.5);transition:background .2s ease,color .2s ease,transform .2s ease,border-color .2s ease,box-shadow .2s ease;text-align:left;}
.loc-toggle-btn:hover{transform:translateY(-1px);border-color:rgba(143,3,8,.28);}
.loc-toggle-btn .mini{display:inline-grid;place-items:center;margin-left:5px;padding:2px 4px;border-radius:5px;background:rgba(61,31,11,.08);color:var(--text-muted);font-size:9px;line-height:1;}
.loc-toggle-btn.is-on{background:var(--control-active);border-color:rgba(143,3,8,.45);color:var(--hillage-cream);box-shadow:var(--control-active-shadow);}
.loc-toggle-btn.is-on .mini{background:rgba(251,247,238,.18);color:rgba(251,247,238,.78);}
.loc-toggle-btn.icon-only{display:grid;place-items:center;min-height:34px;text-align:center;}
.loc-toggle-btn.icon-only svg{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.loc-toggle-btn.icon-only span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
.loc-actions{position:absolute;right:clamp(22px,3vw,44px);bottom:clamp(22px,3vw,42px);display:grid;grid-template-columns:1fr;gap:6px;padding:9px;border:1px solid rgba(255,255,255,.48);border-radius:12px;background:rgba(251,247,238,.72);box-shadow:0 16px 42px rgba(14,9,30,.11),inset 0 1px 0 rgba(255,255,255,.42);backdrop-filter:blur(16px);pointer-events:auto;}
.loc-action{border:1px solid rgba(255,255,255,.46);background:rgba(251,247,238,.52);color:var(--text-main);border-radius:7px;padding:7px 8px;font-size:9.5px;cursor:pointer;text-align:center;transition:background .2s ease,transform .2s ease,border-color .2s ease;box-shadow:0 7px 18px rgba(14,9,30,.06),inset 0 1px 0 rgba(255,255,255,.48);}
.loc-action:hover{background:rgba(255,255,255,.7);transform:translateY(-1px);}
.nearby-guide{display:none;}
.nearby-card{border:1px solid rgba(61,31,11,.12);background:rgba(255,255,255,.32);border-radius:8px;padding:9px 10px;text-align:left;color:var(--text-main);cursor:pointer;min-height:0;transition:background .22s ease,transform .22s ease,border-color .22s ease;}
.nearby-card:hover,.nearby-card.is-active{background:rgba(251,247,238,.94);border-color:rgba(143,3,8,.3);transform:translateX(3px);}
.nearby-card-top{display:flex;align-items:center;gap:8px;margin-bottom:6px;}
.nearby-card-icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--accent-1);color:#fff;flex:0 0 auto;}
.nearby-card-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.nearby-card b{display:block;font-size:13px;line-height:1.1;color:var(--accent-1);}
.nearby-card span{display:block;font-size:11px;color:var(--text-muted);}
.nearby-card p{display:none;}
.nearby-empty{display:none;}
.location-hint{display:none;}

.section-aerial{min-height:92vh;padding:0;display:grid;place-items:center;background:var(--ink);color:var(--hillage-cream);}
.aerial-slider,.aerial-slide{position:absolute;inset:0;width:100%;height:100%;}
.aerial-slide{object-fit:cover;opacity:0;transition:opacity 1.2s ease;filter:saturate(.92);}
.aerial-slide.active{opacity:1;}
.section-aerial::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(28,21,16,.22),rgba(28,21,16,0) 48%);}
.aerial-content{position:relative;z-index:2;text-align:center;max-width:850px;padding:32px;}
.aerial-content h2{color:var(--hillage-cream);}.aerial-content p{color:rgba(251,247,238,.78);margin-top:14px;}
.render-feature{min-height:92vh;padding:0;display:grid;place-items:center;background:#1f1813;overflow:hidden;color:var(--hillage-cream);}
.render-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.96) contrast(1.02);}
.render-feature::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(24,18,13,.66),rgba(24,18,13,.1) 42%,rgba(24,18,13,0) 68%),linear-gradient(90deg,rgba(24,18,13,.1),rgba(24,18,13,0) 42%,rgba(24,18,13,.28));}
.render-feature .story-content{z-index:2;}

#masterplan{min-height:100vh;padding:0;background:linear-gradient(145deg,#f6efe5,#e2d7c9);overflow:hidden;}
#masterplan .section-inner{max-width:none;width:100%;height:100vh;}
.master-wrap{height:100vh;}
.master-grid{position:relative;height:100%;display:block;}
.master-stage{position:absolute;inset:0;background:transparent;overflow:visible;--mp-base-scale:.88;--mp-zoom:1;--mp-pan-x:0px;--mp-pan-y:0px;}
.master-stage::after{display:none;}
.master-base{width:100%;height:100%;box-sizing:border-box;padding:clamp(4px,1vw,18px);object-fit:contain;object-position:68% center;filter:drop-shadow(0 44px 54px rgba(42,31,22,.3)) drop-shadow(0 12px 22px rgba(42,31,22,.16));transform:translate(calc(var(--mp-pan-x) + 8vw),var(--mp-pan-y)) scale(calc(var(--mp-base-scale) * var(--mp-zoom)));transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .35s ease;transform-origin:68% center;}

.master-analysis-layer{position:absolute;inset:0;z-index:5;pointer-events:none;transform:translate(calc(var(--mp-pan-x) + 8vw),var(--mp-pan-y)) scale(calc(var(--mp-base-scale) * var(--mp-zoom)));transform-origin:68% center;transition:transform .75s cubic-bezier(.2,.8,.2,1),opacity .45s ease;opacity:0;}

.master-stage.show-wind .master-wind-overlay,.master-stage.show-topography .master-topography-overlay,.master-stage.show-walk .master-walk-overlay{opacity:1;}
.master-wind-overlay{z-index:6;mix-blend-mode:screen;}
.wind-thread{fill:none;stroke:rgba(255,255,255,.74);stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;filter:blur(.15px) drop-shadow(0 0 8px rgba(255,255,255,.36));stroke-dasharray:185 95;stroke-dashoffset:280;animation:windThread 9.5s ease-in-out infinite;}
.wind-thread:nth-of-type(2n){animation-delay:-2.6s;animation-duration:11.5s;opacity:.58;}.wind-thread:nth-of-type(3n){animation-delay:-5.1s;animation-duration:13s;opacity:.46;}.wind-thread:nth-of-type(4n){animation-delay:-7.8s;animation-duration:15s;opacity:.38;}
.wind-feather{fill:none;stroke:rgba(255,255,255,.13);stroke-width:9;stroke-linecap:round;stroke-linejoin:round;filter:blur(4px);}
@keyframes windThread{0%{opacity:0;stroke-dashoffset:290}18%{opacity:.78}64%{opacity:.54}100%{opacity:0;stroke-dashoffset:-150}}
.master-topography-overlay{z-index:7;}
.topo-tag{fill:rgba(80,58,39,.88);stroke:rgba(251,247,238,.24);stroke-width:.8;}.topo-text{font-family:var(--font-body);font-size:18px;fill:#fff;letter-spacing:0;}
.master-walk-overlay{z-index:6;mix-blend-mode:multiply;}.master-safe-mask{width:100%;height:100%;box-sizing:border-box;padding:clamp(4px,1vw,18px);object-fit:contain;object-position:68% center;filter:drop-shadow(0 14px 18px rgba(54,74,41,.14)) blur(.25px);opacity:0;transform:translate(calc(var(--mp-pan-x) + 8vw),calc(var(--mp-pan-y) - 25px)) scale(calc(var(--mp-base-scale) * var(--mp-zoom) * .62));transform-origin:68% center;mask-image:radial-gradient(ellipse at center,#000 0 58%,rgba(0,0,0,.78) 72%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse at center,#000 0 58%,rgba(0,0,0,.78) 72%,transparent 100%);}.master-stage.show-walk .master-safe-mask{opacity:.78;}
@keyframes walkFlow{to{stroke-dashoffset:-136}}@keyframes walkPulse{50%{fill:rgba(180,205,151,.55)}}
.master-analysis-tools{position:absolute;z-index:12;right:clamp(18px,3vw,44px);top:50%;transform:translateY(-50%);display:grid;gap:8px;padding:8px;border:1px solid rgba(255,255,255,.48);border-radius:16px;background:rgba(251,247,238,.72);box-shadow:0 18px 48px rgba(42,31,22,.14),inset 0 1px 0 rgba(255,255,255,.55);backdrop-filter:blur(14px);}
.master-tool-btn{width:44px;height:44px;border:1px solid rgba(61,31,11,.12);border-radius:12px;background:rgba(251,247,238,.66);color:var(--accent-1);display:grid;place-items:center;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.5);}
.master-tool-btn:hover{transform:translateY(-1px);background:rgba(251,247,238,.92);border-color:rgba(143,3,8,.28);}.master-tool-btn.is-on{background:var(--accent-3);color:var(--hillage-cream);border-color:rgba(143,3,8,.45);}
.master-tool-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}.master-tool-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
.mp-photo-card{position:absolute;background:#f8f3e8;border:1px solid rgba(255,255,255,.72);opacity:0;}
.mp-photo-card.is-on{opacity:1;}

.mp-photo-card img{width:100%;object-fit:cover;}
.mp-photo-card b{display:block;color:var(--accent-1);font-family:var(--font-display);}
.mp-photo-card span{color:var(--text-muted);}

.mp-photo-card.is-below::after{filter:drop-shadow(0 -7px 9px rgba(38,30,24,.08));}
.mp-point-dot{position:absolute;z-index:7;left:var(--dot-x);top:var(--dot-y);width:24px;height:24px;border-radius:50%;background:#613039;border:2px solid #fff;box-shadow:0 0 0 10px rgba(61,31,11,.16);transform:translate(-50%,-50%) scale(0);transition:transform .28s ease;color:#fff;font-family:var(--font-display);font-size:12px;font-weight:700;display:grid;place-items:center;}
.mp-point-dot.is-on{transform:translate(-50%,-50%) scale(1);}
.mp-point-dot::after{content:attr(data-num);}
.master-copy{position:absolute;z-index:11;left:clamp(22px,3.4vw,48px);top:clamp(96px,13vh,138px);bottom:auto;width:min(340px,25vw);display:grid;grid-template-columns:1fr;gap:10px;align-items:start;padding:0;background:transparent;border:0;box-shadow:none;transform:none;}
.master-copy .section-label{grid-column:1;grid-row:auto;margin-bottom:2px;color:var(--accent-1);text-align:left;text-shadow:none;}
.master-copy h2{grid-column:1;grid-row:auto;font-size:clamp(28px,2.65vw,40px);color:var(--accent-1);text-align:left;justify-self:start;text-shadow:none;}
.master-copy p{grid-column:1;grid-row:auto;margin-top:0;max-width:310px;font-size:clamp(12px,1vw,14px);color:var(--text-muted);text-align:left;justify-self:start;text-shadow:none;}
.master-legend{grid-column:1;grid-row:auto;display:flex;gap:6px;margin-top:6px;max-height:none;overflow:visible;padding:0;justify-content:flex-start;align-items:flex-start;align-self:start;flex-wrap:wrap;}
.master-legend::-webkit-scrollbar{height:0;}
.legend-item{flex:0 0 auto;border:1px solid rgba(251,247,238,.42);border-radius:12px;background:linear-gradient(145deg,rgba(251,247,238,.72),rgba(251,247,238,.46));backdrop-filter:blur(14px);padding:8px 10px;text-align:left;color:var(--text-main);cursor:pointer;font-size:11px;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 10px 28px rgba(14,9,30,.12);transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;}
.legend-item:hover{transform:translateY(-1px);border-color:rgba(143,3,8,.32);}
.legend-item.is-active{background:linear-gradient(145deg,var(--accent-3),#4f1714);border-color:rgba(143,3,8,.5);color:var(--hillage-cream);}
.legend-num{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:7px;background:rgba(61,31,11,.14);margin-right:5px;font-size:10px;}
.legend-item.is-active .legend-num{background:rgba(251,247,238,.18);color:rgba(251,247,238,.9);}
#masterplan .legend-item{padding:7px 8px;font-size:10px;border-radius:10px;}
#masterplan .legend-num{width:16px;height:16px;border-radius:6px;margin-right:4px;font-size:9px;}

#amenities{background:var(--bg-soft);padding-inline:0;}
.amenities-bg{position:absolute;inset:0;opacity:.12;background:url("amenities/waterfall-lounge.jpg") center/cover no-repeat;}
.amenities-foreground{max-width:none;width:100%;}
.amenities-heading{text-align:center;max-width:960px;margin:0 auto;padding:0 clamp(18px,5vw,64px);}
.amenities-intro{text-align:center;max-width:760px;margin:18px auto 0;padding:0 clamp(18px,5vw,64px);}
.amenities-strip{position:relative;margin-top:34px;overflow:hidden;padding:8px 0 18px;cursor:grab;user-select:none;mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);}
.amenities-strip.is-dragging{cursor:grabbing;}
.amenities-track{display:flex;width:max-content;gap:0;overflow:visible;animation:none;will-change:transform;}
.amenity-card-floating{flex:0 0 clamp(400px,42vw,660px);margin-left:clamp(-78px,-4.8vw,-34px);background:transparent;border:0;box-shadow:none;}
.amenity-card-floating-image{height:clamp(240px,29vw,390px);background-size:cover;background-position:center;filter:saturate(.95) contrast(1.02);mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%),linear-gradient(0deg,transparent 0,#000 10%,#000 90%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%),linear-gradient(0deg,transparent 0,#000 10%,#000 90%,transparent 100%);mask-composite:intersect;-webkit-mask-composite:source-in;}
.amenity-card-floating-body{padding:12px clamp(38px,5.4vw,86px) 0;}
.amenity-card-floating-body h3{font-size:clamp(19px,1.9vw,28px);color:var(--accent-1);}
.amenity-card-floating-body p{max-width:340px;font-size:13px;margin-top:4px;color:var(--text-muted);}
.amenity-time-chip{display:none;}

#lifestyle{background:var(--ink);color:#fff;padding-left:0;padding-right:0;overflow:hidden;}
.lifestyle-head{width:min(1180px,calc(100% - 36px));margin:0 auto 26px;}.lifestyle-head h2{color:#fff;}.lifestyle-head p{color:rgba(255,255,255,.76);max-width:760px;margin-top:14px;}
.lifestyle-wide-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 clamp(18px,5vw,70px) 18px;cursor:grab;user-select:none;}
.lifestyle-wide-track:active{cursor:grabbing;}.lifestyle-wide-track::-webkit-scrollbar{height:0;}
.life-card{position:relative;flex:0 0 min(86vw,1180px);height:clamp(520px,72vh,820px);overflow:hidden;background:#1c1713;box-shadow:0 24px 70px rgba(0,0,0,.28);scroll-snap-align:center;}
.life-card img,.life-card video{width:100%;height:100%;object-fit:cover;transition:transform .7s ease,filter .7s ease;filter:saturate(.94) contrast(1.03);}
.life-card video{display:block;background:#1c1713;}
.life-card:hover img,.life-card:hover video,.life-card:focus-within video{transform:scale(1.035);filter:saturate(1) contrast(1.04);}
.life-card div{position:absolute;left:0;right:0;bottom:0;padding:clamp(22px,4vw,54px);background:linear-gradient(0deg,rgba(14,9,30,.82),rgba(14,9,30,.46) 48%,transparent);color:#fff;}
.life-card h3{color:#fff;font-size:clamp(26px,3.2vw,46px);line-height:1.04;}.life-card p{color:rgba(255,255,255,.8);font-size:clamp(14px,1.35vw,18px);max-width:560px;margin-top:10px;}
.section-interior{padding:0;background:var(--ink);overflow:hidden;}.interior-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease;}.interior-slide.active{opacity:1;}
.interior-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,9,30,.68),rgba(14,9,30,.12)),linear-gradient(0deg,rgba(14,9,30,.65),transparent);z-index:1;}.interior-copy{position:relative;z-index:2;height:100%;display:grid;align-content:end;max-width:900px;padding:clamp(28px,6vw,80px);color:#fff;}.interior-copy h2{color:#fff;}.interior-copy p{color:rgba(255,255,255,.78);margin-top:14px;}

#feel{min-height:100vh;background:linear-gradient(145deg,#f6efe5,#e5dacb);overflow:hidden;display:grid;align-items:center;}
#feel::before{content:"";position:absolute;inset:0;background:url("feel/villa-unit-draft-croquis.png") right center/contain no-repeat;opacity:.58;filter:saturate(.94) contrast(1.02);}
#feel::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,239,229,.98),rgba(246,239,229,.86) 34%,rgba(246,239,229,.36) 58%,rgba(246,239,229,.08) 78%),linear-gradient(0deg,rgba(246,239,229,.7),rgba(246,239,229,0) 32%,rgba(246,239,229,.54) 100%);pointer-events:none;}
.feel-layout{position:relative;z-index:2;display:block;width:min(560px,42vw);margin-left:clamp(22px,5vw,78px);margin-right:auto;}
.feel-layout,.feel-layout .section-label,.feel-layout h2,.feel-layout p{text-align:left;}
.feel-layout h2{max-width:480px;margin-left:0;margin-right:auto;}.feel-layout p{max-width:520px;margin-left:0;margin-right:auto;}
.feel-board{display:none;}


.units-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:24px;align-items:start;}
.render-viewer{position:relative;min-height:560px;background:var(--ink);overflow:hidden;box-shadow:var(--shadow-soft);}
.render-track,.render-slide{position:absolute;inset:0;}.render-slide{opacity:0;transition:opacity .7s ease;}.render-slide.active{opacity:1;}.render-slide img{width:100%;height:100%;object-fit:cover;}
.render-overlay-grad{position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,9,30,.78),transparent 60%);}.render-caption{position:absolute;left:0;right:0;bottom:0;z-index:2;color:#fff;padding:24px;display:flex;justify-content:space-between;gap:14px;}.render-caption h3{color:#fff;}.render-caption p{color:rgba(255,255,255,.78);font-size:14px;margin-top:4px;}.render-chip{align-self:end;border:1px solid rgba(255,255,255,.34);border-radius:999px;padding:7px 10px;font-size:12px;}
.render-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.42);background:rgba(251,247,238,.16);color:#fff;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.22);backdrop-filter:blur(12px);transition:background .2s ease,border-color .2s ease;}.render-arrow:hover{background:rgba(251,247,238,.28);border-color:rgba(255,255,255,.62);}.render-arrow.left{left:14px;}.render-arrow.right{right:14px;}.render-dots{position:absolute;z-index:3;left:24px;bottom:12px;display:flex;gap:6px;}.render-dots button{width:18px;height:6px;border-radius:6px;border:0;background:rgba(255,255,255,.45);padding:0;}.render-dots button.active{background:#fff;}
.unit-animating .render-slide.active img{animation:unitImageReveal .95s cubic-bezier(.16,1,.3,1) both;transform-origin:center;}.unit-animating .render-caption{animation:unitCaptionReveal .62s cubic-bezier(.16,1,.3,1) both;}.unit-animating .unit-meta{animation:unitInfoReveal .58s cubic-bezier(.16,1,.3,1) both;}.unit-animating .floorplan-layer{animation:unitPlanReveal .7s cubic-bezier(.16,1,.3,1) both;}.unit-animating .unit-stat{animation:unitStatPop .56s cubic-bezier(.16,1,.3,1) both;}.unit-animating .unit-stat:nth-child(2){animation-delay:.04s;}.unit-animating .unit-stat:nth-child(3){animation-delay:.08s;}@keyframes unitImageReveal{0%{opacity:.72;transform:scale(1.035)}100%{opacity:1;transform:scale(1)}}@keyframes unitCaptionReveal{0%{opacity:0;transform:translate3d(0,10px,0)}100%{opacity:1;transform:translate3d(0,0,0)}}@keyframes unitInfoReveal{0%{opacity:0;transform:translate3d(0,8px,0)}100%{opacity:1;transform:translate3d(0,0,0)}}@keyframes unitPlanReveal{0%{opacity:0;transform:translate3d(0,12px,0) scale(.99)}100%{opacity:1;transform:translate3d(0,0,0) scale(1)}}@keyframes unitStatPop{0%{opacity:0;transform:translate3d(0,8px,0)}100%{opacity:1;transform:translate3d(0,0,0)}}.units-right h2{margin-bottom:16px;}.unit-type-list{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0;}.unit-pill{border:1px solid var(--control-border);background:linear-gradient(145deg,rgba(251,247,238,.74),rgba(251,247,238,.48));border-radius:12px;padding:10px 12px;cursor:pointer;color:var(--text-main);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.5);transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;}.unit-pill:hover{transform:translateY(-1px);border-color:rgba(143,3,8,.32);}.unit-pill.active{background:linear-gradient(145deg,var(--accent-3),#4f1714);border-color:rgba(143,3,8,.5);color:var(--hillage-cream);}.unit-meta{color:var(--text-muted);}
.unit-floor-wide{grid-column:1/-1;background:linear-gradient(145deg,rgba(251,247,238,.72),rgba(242,234,223,.56));border:1px solid rgba(61,31,11,.14);box-shadow:0 18px 56px rgba(14,9,30,.1),inset 0 1px 0 rgba(255,255,255,.52);padding:18px;}.unit-floor-top{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:14px;}#unitFloorSelect{width:100%;min-width:min(520px,88vw);padding:13px 15px;border:1px solid rgba(61,31,11,.14);border-radius:14px;background:linear-gradient(145deg,rgba(251,247,238,.98),rgba(242,234,223,.78));color:var(--accent-1);box-shadow:inset 0 1px 0 rgba(255,255,255,.62);font-size:13px;}
.unit-stats{display:flex;gap:8px;flex-wrap:wrap;}.unit-stat{background:rgba(251,247,238,.82);border:1px solid rgba(61,31,11,.13);border-radius:14px;padding:10px 12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.52);}.unit-stat b{display:block;color:var(--accent-1);font-family:var(--font-display);}.unit-stat span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--text-muted);}
.floorplan-radar-frame{position:relative;height:680px;background:linear-gradient(145deg,#fbf7ee,#eee6da);overflow:hidden;border:1px solid rgba(61,31,11,.15);box-shadow:inset 0 0 0 1px rgba(255,255,255,.44);}.floorplan-layer{position:absolute;inset:0;background-position:center;background-size:contain;background-repeat:no-repeat;transition:opacity .28s ease,transform .35s ease;}.floorplan-layer.is-3d{transform:perspective(900px) rotateX(50deg) rotateZ(-7deg) scale(.82);filter:drop-shadow(0 30px 24px rgba(0,0,0,.2));}.floorplan-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(61,31,11,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(61,31,11,.045) 1px,transparent 1px);background-size:34px 34px;}.floorplan-radar{position:absolute;inset:28px;border:1px solid rgba(61,31,11,.16);pointer-events:none;}.fp-ui{position:absolute;z-index:4;left:16px;right:16px;top:16px;display:flex;justify-content:space-between;gap:10px;align-items:flex-start;}.fp-ui-right{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}.fp-pill,.fp-btn,.fp-3d-btn,.fp-view-launch{border:1px solid rgba(61,31,11,.14);border-radius:14px;background:linear-gradient(145deg,rgba(251,247,238,.94),rgba(242,234,223,.78));color:var(--accent-1);padding:9px 11px;cursor:pointer;box-shadow:0 12px 30px rgba(14,9,30,.08),inset 0 1px 0 rgba(255,255,255,.58);backdrop-filter:blur(12px);}.fp-btn:hover,.fp-3d-btn:hover,.fp-view-launch:hover{border-color:rgba(143,3,8,.28);background:linear-gradient(145deg,rgba(251,247,238,1),rgba(242,234,223,.9));}.fp-pill b{display:block;}.fp-pill span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);}.fp-btn-img img{width:20px;height:20px;}.fp-3d-btn.is-on{background:linear-gradient(145deg,var(--accent-3),#4f1714);border-color:rgba(143,3,8,.5);color:var(--hillage-cream);}.fp-sliders{position:absolute;z-index:4;left:18px;bottom:18px;background:linear-gradient(145deg,rgba(251,247,238,.94),rgba(242,234,223,.78));border:1px solid rgba(61,31,11,.14);border-radius:14px;padding:10px 12px;box-shadow:0 12px 30px rgba(14,9,30,.08),inset 0 1px 0 rgba(255,255,255,.58);backdrop-filter:blur(12px);}.fp-range{display:flex;gap:8px;align-items:center;color:var(--accent-1);font-size:12px;}.fp-range input{accent-color:var(--accent-3);}.fp-roomlist{position:absolute;z-index:4;right:18px;bottom:18px;width:min(360px,calc(100% - 36px));max-height:230px;overflow:auto;background:linear-gradient(145deg,rgba(251,247,238,.95),rgba(242,234,223,.82));border:1px solid rgba(61,31,11,.14);border-radius:16px;padding:14px;box-shadow:0 16px 38px rgba(14,9,30,.11),inset 0 1px 0 rgba(255,255,255,.58);backdrop-filter:blur(14px);}.fp-roomlist h4{margin:0 0 8px;color:var(--accent-1);font-family:var(--font-accent);font-style:italic;font-weight:300;font-size:24px;}.fp-rl-item{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid rgba(61,31,11,.12);font-size:13px;}.fp-rl-item b{color:var(--accent-1);}

#accuracy{background:#17110d;padding:0;min-height:100vh;overflow:hidden;}.accuracy-wrap{max-width:none;width:100%;min-height:100vh;padding:0;position:relative;}.accuracy-collage{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,50vh);background:#15100d;overflow:hidden;}.accuracy-tile{position:relative;appearance:none;padding:0;border:0;background:#17110d;cursor:pointer;overflow:hidden;isolation:isolate;transition:filter .45s ease;}.accuracy-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.15s cubic-bezier(.16,1,.3,1),filter .55s ease,opacity .45s ease;}.accuracy-tile::before{content:"";position:absolute;inset:10px;z-index:5;border:1px solid rgba(248,241,229,.62);box-shadow:0 0 0 1px rgba(74,45,28,.18),inset 0 0 36px rgba(248,241,229,.16),0 18px 46px rgba(0,0,0,.22);opacity:0;transform:scale(.985);transition:opacity .42s ease,transform .72s cubic-bezier(.16,1,.3,1);pointer-events:none;}.accuracy-tile::after{content:"";position:absolute;inset:0;z-index:4;background:radial-gradient(circle at 50% 44%,rgba(248,241,229,.26),transparent 42%),linear-gradient(120deg,rgba(255,255,255,.08),transparent 34%,rgba(61,31,11,.2));opacity:.34;mix-blend-mode:soft-light;pointer-events:none;transition:opacity .42s ease;}.accuracy-collage:hover .accuracy-tile:not(:hover) img:not(.incoming):not(.outgoing){filter:saturate(.76) contrast(.9) brightness(.78);}.accuracy-tile:hover::before{opacity:1;transform:scale(1);}.accuracy-tile:hover::after{opacity:.72;}.accuracy-tile:hover img:not(.incoming):not(.outgoing){transform:scale(1.032);filter:saturate(1.08) contrast(1.05) brightness(1.04);}.accuracy-tile .outgoing{z-index:2;animation:accuracyOut .72s cubic-bezier(.2,.82,.18,1) both;}.accuracy-tile .incoming{z-index:3;animation:accuracyIn .72s cubic-bezier(.2,.82,.18,1) both;}@keyframes accuracyOut{to{transform:translate(var(--out-x,0),var(--out-y,0)) scale(1.02)}}@keyframes accuracyIn{from{transform:translate(var(--in-x,0),var(--in-y,0)) scale(1.02)}to{transform:translate(0,0) scale(1)}}.accuracy-copy{position:absolute;right:clamp(22px,5vw,72px);bottom:clamp(24px,6vw,78px);z-index:5;width:min(460px,calc(100% - 44px));color:#f8f1e5;text-shadow:0 3px 22px rgba(0,0,0,.45);pointer-events:none;}.accuracy-copy .section-label{color:#f0b24b;}.accuracy-copy h2{font-size:clamp(42px,7vw,104px);line-height:.86;margin:10px 0 12px;color:#fff;}.accuracy-copy p{max-width:390px;color:rgba(255,255,255,.84);font-size:clamp(14px,1.4vw,18px);}

.construction-grid{display:grid;grid-template-columns:minmax(240px,.28fr) minmax(0,1fr);gap:clamp(22px,4vw,58px);align-items:center;}.construction-copy{max-width:360px;align-self:center;}.construction-copy p{margin:18px 0 0;color:var(--muted);font-size:clamp(15px,1.2vw,18px);line-height:1.72;}.construction-copy .section-label{margin-bottom:12px;}.construction-copy h2{font-size:clamp(30px,3.1vw,48px);line-height:1;color:var(--accent-1);margin:0;}.construction-title-row h2{max-width:720px;}.construction-summary-card{background:transparent;border:0;box-shadow:none;padding:0;}.phase-line{padding:0;background:transparent;border:0;margin:18px 0 0;}.phase-row{display:flex;justify-content:space-between;color:var(--accent-1);}.phase-bar,.construction-bar-track{height:8px;background:rgba(61,31,11,.12);margin-top:10px;overflow:hidden;}.phase-fill,.construction-bar-track span{display:block;height:100%;width:var(--bar,0);background:var(--accent-1);}.construction-points{display:grid;grid-template-columns:1fr;gap:8px;margin-top:22px;}.construction-point{display:flex;align-items:center;gap:10px;background:rgba(251,247,238,.62);border:1px solid var(--border-soft);border-radius:12px;padding:10px 12px;}.construction-point::before{content:"";width:12px;height:12px;border-radius:4px;background:var(--phase-color,var(--accent-1));box-shadow:0 0 0 6px color-mix(in srgb,var(--phase-color,var(--accent-1)) 18%,transparent);}.construction-bar-head{display:block;}.construction-bar-head b{display:block;color:var(--accent-1);font-size:13px;}.construction-point p,.construction-bar-track{display:none;}.construction-phase-diagram{position:relative;min-height:clamp(430px,62vh,720px);border-radius:28px;background:linear-gradient(145deg,rgba(251,247,238,.72),rgba(232,222,205,.42));border:1px solid rgba(61,31,11,.12);box-shadow:0 28px 86px rgba(42,31,22,.13),inset 0 1px 0 rgba(255,255,255,.58);overflow:hidden;}.construction-phase-diagram::before{content:"";position:absolute;inset:-3%;background:url("masterplan/masterplan-cutout.png") center/contain no-repeat;opacity:.58;filter:saturate(.86) contrast(.9);transform:translateX(calc(-1.5% + 15px)) scale(.94) rotate(-13deg);}.phase-map-svg{position:absolute;inset:0;width:100%;height:100%;z-index:2;}.phase-zone{stroke-width:2;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 10px 14px rgba(42,31,22,.1));transition:opacity .25s ease,transform .35s ease;}.construction-phase-diagram:hover .phase-zone{opacity:.86;}.phase-zone:hover{opacity:1;transform:translateY(-3px);}.phase-zone.phase-1{fill:rgba(215,106,45,.24);stroke:#c85e18;}.phase-zone.phase-2{fill:rgba(75,130,187,.23);stroke:#285f9d;}.phase-zone.phase-3{fill:rgba(118,165,85,.25);stroke:#4d7e35;}.phase-zone.phase-4{fill:rgba(224,184,63,.25);stroke:#b58b00;}.phase-zone.phase-5{fill:rgba(108,111,112,.2);stroke:#55585a;}.phase-label{font-family:var(--font-display);font-size:26px;fill:#111;letter-spacing:.01em;paint-order:stroke;stroke:rgba(251,247,238,.72);stroke-width:3px;stroke-linejoin:round;}.phase-label.small{font-size:24px;stroke-width:2px;}.cluster-label{font-family:var(--font-display);font-size:23px;font-weight:700;fill:#111;paint-order:stroke;stroke:rgba(251,247,238,.72);stroke-width:3px;stroke-linejoin:round;}.cluster-line{stroke:#1f1813;stroke-width:1.8;marker-end:url(#clusterArrow);fill:none;}.phase-key{position:absolute;z-index:3;left:18px;bottom:18px;display:flex;flex-wrap:wrap;gap:8px;max-width:calc(100% - 36px);}.phase-key span{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(61,31,11,.12);background:rgba(251,247,238,.76);border-radius:999px;padding:7px 10px;font-size:11px;color:var(--accent-1);box-shadow:inset 0 1px 0 rgba(255,255,255,.55);backdrop-filter:blur(8px);}.phase-key i{width:10px;height:10px;border-radius:4px;background:var(--swatch);}
.news-section{background:var(--bg-soft);}.news-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center;}.news-media{min-height:520px;background:url("news/news-01.jpg") center/cover no-repeat;box-shadow:var(--shadow-soft);}
.developer-section{position:relative;color:#fff;display:grid;align-items:center;overflow:hidden;}.developer-section::before{content:"";position:absolute;inset:0;pointer-events:none;}.developer-bg{position:absolute;inset:0;background:url("developer/developer-bg.jpg") center/cover no-repeat;}.developer-overlay{display:none;}.developer-inner{position:relative;z-index:2;margin:0 auto;display:grid;text-align:left;}.developer-logo{display:block;height:auto;}.developer-inner h2{font-size:clamp(42px,6vw,92px);line-height:.9;margin:0;}.developer-inner p{color:rgba(255,255,255,.78);max-width:520px;margin:18px 0 0;}.developer-tagline{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;}.developer-project-frame{position:relative;overflow:hidden;background:#251a14;}.developer-project-frame img{width:100%;height:100%;min-height:inherit;object-fit:cover;display:block;}.developer-project-frame::after{position:absolute;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:9px 14px;backdrop-filter:blur(12px);font-size:11px;letter-spacing:.2em;text-transform:uppercase;}.footer-note{font-size:12px;color:rgba(255,255,255,.66);}

.floorplan-lightbox{position:fixed;inset:0;z-index:200;display:none;align-items:flex-start;justify-content:center;background:rgba(25,19,15,.9);padding:28px;overflow:auto;}.floorplan-lightbox.open{display:flex;}.floorplan-lightbox .content{width:min(1240px,96vw);background:linear-gradient(145deg,#fbf7ee,#eee6da);border:1px solid rgba(251,247,238,.5);border-radius:18px;padding:14px;box-shadow:0 30px 90px rgba(0,0,0,.35);}.floorplan-lightbox img{width:100%;height:auto;}.floorplan-lightbox .close{position:fixed;right:22px;top:18px;width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.45);background:rgba(251,247,238,.16);color:#fff;font-size:24px;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.18);backdrop-filter:blur(12px);}

@media(max-width:920px){
  section{padding:62px 18px;}.hero-nav{top:auto;bottom:12px;left:10px;right:10px;transform:none;}.master-grid,.units-layout,.accuracy-wrap,.news-grid,.location-inner,.construction-grid{grid-template-columns:1fr;}.feel-layout{width:auto;margin-left:0;margin-right:0;}.loc-scene{min-height:620px;}.master-stage,.floorplan-radar-frame{height:560px;}.construction-points{grid-template-columns:1fr 1fr;}.construction-phase-diagram{min-height:460px;}.lifestyle-grid{grid-template-columns:1fr;}.life-card,.life-card:nth-child(n){grid-column:auto;min-height:330px;}.fp-roomlist{left:18px;right:18px;width:auto;max-height:180px;}.fp-sliders{bottom:216px;}
  .loc-guide{inset:14px;display:block;padding:0;}.loc-headline{position:absolute;left:0;top:54px;width:min(360px,58vw);text-align:left;padding:36px 34px 34px;}.loc-headline::before{left:-24%;right:-24%;top:-34%;bottom:-34%;opacity:.82;}.loc-headline p{display:none;}.loc-ui-panel{position:absolute;inset:0;width:auto;max-height:none;overflow:visible;}.loc-block:nth-of-type(1){left:0;right:auto;bottom:0;width:min(470px,calc(100% - 178px));padding:7px;}.loc-block:nth-of-type(2){right:0;top:78px;width:152px;padding:7px;}.loc-block:nth-of-type(3){right:0;top:50%;width:52px;padding:7px;transform:translateY(-50%);}.loc-actions{display:grid;right:0;bottom:0;width:156px;padding:7px;}
  #masterplan,#masterplan .section-inner,.master-wrap{height:auto;min-height:0;}.master-grid{display:flex;flex-direction:column;gap:12px;height:auto;}.master-stage{position:relative;inset:auto;height:min(58vh,520px);min-height:360px;border-radius:24px;}.master-stage::after{background:linear-gradient(0deg,rgba(14,9,30,.12),rgba(14,9,30,0) 42%);}.master-base{padding:6px;}.master-analysis-tools{right:12px;top:14px;transform:none;grid-auto-flow:column;}.master-tool-btn{width:38px;height:38px;border-radius:10px;}.master-copy{position:relative;left:auto;right:auto;bottom:auto;width:auto;display:grid;grid-template-columns:1fr;gap:10px;padding:0 4px 8px;background:transparent;}.master-copy .section-label,.master-copy h2,.master-copy p{grid-column:1;grid-row:auto;text-align:left;justify-self:start;text-shadow:none;}.master-copy .section-label{color:var(--accent-1);}.master-copy h2{font-size:32px;color:var(--accent-1);}.master-copy p{display:block;max-width:620px;color:var(--text-muted);}.master-legend{grid-column:1;grid-row:auto;justify-content:flex-start;align-self:start;max-width:100%;padding-bottom:2px;gap:6px;}.legend-item{font-size:10px;padding:7px 9px;}
}
@media(max-width:560px){
  h1{font-size:54px;}.hero-cover-image{width:61vw;}.hero-title{top:calc(50% + 58px);}.loc-turntable{inset:0;}.loc-guide{inset:10px;}.loc-headline{top:58px;width:min(270px,68vw);padding:28px 24px 28px;}.loc-headline::before{left:-22%;right:-22%;top:-28%;bottom:-28%;opacity:.78;}.loc-headline h2{font-size:30px;line-height:.98;}.loc-block:nth-of-type(1){left:0;right:0;bottom:0;width:auto;max-height:102px;overflow:auto;padding:7px;}.loc-block:nth-of-type(1) .loc-toggles.stack{grid-template-columns:1fr 1fr;}.loc-block:nth-of-type(2){top:auto;right:0;bottom:114px;width:132px;padding:7px;}.loc-block:nth-of-type(3){right:0;top:132px;width:50px;padding:6px;transform:none;}.loc-actions{left:0;right:auto;bottom:114px;width:132px;padding:7px;}.loc-toggle-btn{font-size:8.5px;padding:7px 7px;}.loc-toggle-btn.icon-only{min-height:36px;}.loc-toggle-btn.icon-only svg{width:16px;height:16px;}.loc-toggle-btn .mini{display:none;}.nearby-guide{grid-template-columns:1fr;}.map-focus-card,.map-focus-card.is-nearby,.map-focus-card.at-point{width:112px;height:112px;min-height:112px;}.construction-points{grid-template-columns:1fr;}.construction-phase-diagram{border-radius:20px;}.phase-label{font-size:18px;}.phase-label.small{font-size:16px;}.cluster-label{font-size:16px;}.unit-stats{width:100%;}.unit-stat{flex:1;}.floorplan-radar-frame{height:500px;}.render-viewer{min-height:430px;}.master-tool-btn{width:35px;height:35px;}.master-copy h2{font-size:28px;}.master-copy p{display:block;font-size:13px;}.legend-item{font-size:10px;padding:6px 8px;}.legend-num{width:16px;height:16px;}.mp-photo-card{width:min(220px,72vw);}
}
@media(max-width:720px){}
@media(max-width:720px){
  
  
  .location-window{max-width:none;width:100%;}
  .location-inner{min-height:auto;display:block;padding-top:72px;}
  .loc-scene{height:calc(100svh - 118px);min-height:560px;max-height:760px;border-radius:22px;overflow:hidden;box-shadow:0 24px 64px rgba(42,31,22,.18);}
  .loc-plane{border-radius:22px;clip-path:polygon(1% 1%,99% .4%,99.4% 99%,1% 98.8%);box-shadow:none;}
  .leaflet-live-map{filter:saturate(.88) contrast(.98) sepia(.1);}
  .leaflet-live-map .leaflet-control-attribution{display:none;}
  .hillage-masterplan-image{filter:contrast(1.14) saturate(1.08) drop-shadow(0 8px 18px rgba(0,0,0,.18));mix-blend-mode:multiply;}
  .map-clouds::before{width:88vw;height:42vw;left:-18vw;top:22px;opacity:.88;}
  .map-clouds::after{width:72vw;height:34vw;right:-24vw;top:80px;opacity:.58;}
  .loc-guide{position:absolute;z-index:18;inset:72px 10px 28px;display:block;pointer-events:none;}
  .loc-headline{position:absolute;left:10px;top:8px;width:min(310px,78vw);padding:34px 30px 30px 28px;text-align:left;z-index:4;}
  .loc-headline::before{left:-22%;right:-26%;top:-38%;bottom:-34%;opacity:.9;filter:drop-shadow(0 18px 36px rgba(42,31,22,.16));}
  .loc-headline h2{line-height:.96;color:#4b2618;max-width:260px;}
  .loc-headline p{display:none;}
  .loc-ui-panel{position:absolute;inset:0;display:block;pointer-events:none;background:transparent;border:0;box-shadow:none;padding:0;}
  .loc-block{background:rgba(251,247,238,.82);border:1px solid rgba(255,255,255,.58);box-shadow:0 14px 34px rgba(42,31,22,.14),inset 0 1px 0 rgba(255,255,255,.55);backdrop-filter:blur(16px);pointer-events:auto;}
  .loc-block:nth-of-type(1){left:10px;right:10px;bottom:10px;width:auto;overflow:auto;}
  .loc-block:nth-of-type(1) .loc-toggles.stack{display:grid;grid-template-columns:1fr 1fr;}
  .loc-block:nth-of-type(2){left:10px;right:auto;top:auto;width:auto;}
  .loc-block:nth-of-type(2) .loc-toggles.inline{display:flex;}
  .loc-block:nth-of-type(3){right:10px;top:50%;transform:translateY(-50%);}
  .loc-block:nth-of-type(3) .loc-toggles.inline{display:grid;grid-template-columns:1fr;}
  .loc-actions{left:10px;right:auto;width:auto;display:block;background:rgba(251,247,238,.82);pointer-events:auto;}
  
  .loc-toggle-btn{text-align:center;background:rgba(251,247,238,.72);}
  .loc-toggle-btn .mini{display:inline-grid;}
  .loc-toggle-btn.icon-only{padding:0;}
  
  .map-focus-card,.map-focus-card.is-nearby,.map-focus-card.at-point{width:104px;height:104px;min-height:104px;border-radius:16px;padding:9px;transform:translate(-50%,calc(-100% - 14px)) scale(.94);}
  .map-focus-card.is-on{transform:translate(-50%,calc(-100% - 14px)) scale(1);}
  .map-focus-kicker{font-size:8px;}.map-time-number{font-size:30px;}.map-focus-card b{font-size:11px;line-height:1.05;}.map-time-copy{font-size:8.5px;}
  .nearby-guide,.location-hint{display:none!important;}

  #masterplan{background:linear-gradient(145deg,#f6efe5,#e2d7c9);}
  #masterplan .section-inner,.master-wrap{height:auto;min-height:0;width:100%;}
  .master-grid{height:auto;}
  .master-stage{position:relative;order:1;inset:auto;max-height:560px;overflow:hidden;background:radial-gradient(circle at 64% 42%,rgba(255,255,255,.45),transparent 42%);}
  .master-stage::after{display:block;content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(246,239,229,.18),rgba(246,239,229,0) 44%);pointer-events:none;z-index:4;}
  .master-base{object-position:center center;padding:10px;transform:translate(var(--mp-pan-x),var(--mp-pan-y)) scale(calc(.74 * var(--mp-zoom)));transform-origin:center center;filter:drop-shadow(0 28px 36px rgba(42,31,22,.22));}
  .master-stage:hover .master-base{filter:drop-shadow(0 28px 36px rgba(42,31,22,.22));}
  .master-analysis-layer{transform:translate(var(--mp-pan-x),var(--mp-pan-y)) scale(calc(.74 * var(--mp-zoom)));transform-origin:center center;}
  
  .master-safe-mask{padding:10px;object-position:center center;transform:translate(var(--mp-pan-x),calc(var(--mp-pan-y) - 12px)) scale(calc(.74 * var(--mp-zoom) * .62));transform-origin:center center;}
  
  .master-analysis-tools{display:flex;z-index:14;}
  
  
  .master-copy{position:relative;order:2;left:auto;top:auto;width:auto;display:block;background:transparent;z-index:15;}
  .master-copy .section-label,.master-copy h2,.master-copy p{text-align:left;justify-self:start;text-shadow:none;}
  .master-copy h2{line-height:.96;margin-top:4px;color:var(--accent-1);}
  .master-copy p{display:block;color:var(--text-muted);margin-top:8px;}
  .master-legend{margin-top:14px;overflow:auto;padding:0 0 3px;justify-content:stretch;}
  #masterplan .legend-item{background:rgba(251,247,238,.78);}
  
  .mp-photo-card{z-index:13;}
  
  
  
  
  .mp-point-dot{box-shadow:0 0 0 7px rgba(61,31,11,.14);}
}

@media(max-width:420px){
  .loc-scene{height:calc(100svh - 104px);min-height:540px;}
  .loc-headline{width:min(276px,76vw);padding:30px 26px 26px 24px;}.loc-headline h2{font-size:34px;max-width:220px;}
  .loc-toggle-btn .mini{display:none;}
  
  .master-stage{height:52svh;min-height:350px;}.master-base{transform:translate(var(--mp-pan-x),var(--mp-pan-y)) scale(calc(.68 * var(--mp-zoom)));}.master-analysis-layer{transform:translate(var(--mp-pan-x),var(--mp-pan-y)) scale(calc(.68 * var(--mp-zoom)));}
}

@media(max-width:720px){.construction-copy{max-width:100%;}.construction-copy h2{font-size:34px;line-height:1.02;}.construction-copy p{font-size:14px;line-height:1.55;margin-top:12px;}}

"[bad string]

.mp-photo-card{width:min(340px,30vw);min-width:260px;}.mp-point-dot{pointer-events:auto;cursor:pointer;}.mp-default-dot{z-index:6;opacity:.92;background:#6f3038;box-shadow:0 0 0 8px rgba(111,48,56,.14),0 12px 24px rgba(42,31,22,.16);}.mp-default-dot:hover{transform:translate(-50%,-50%) scale(1.16);box-shadow:0 0 0 10px rgba(111,48,56,.18),0 16px 30px rgba(42,31,22,.2);}.mp-default-dot.is-muted{opacity:.38;transform:translate(-50%,-50%) scale(.86);}
@media(max-width:720px){}
"[bad string]


.architecture-renders{min-height:92vh;padding:0;background:#1f1813;color:var(--hillage-cream);overflow:hidden;display:grid;align-items:end;}.architecture-render-bg{position:absolute;inset:0;background:url("units/hillage-types/standalone-villa-01/renders/front.jpg") center/cover no-repeat;filter:saturate(.94) contrast(1.02);transform:scale(1.02);}.architecture-renders::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(24,18,13,.76),rgba(24,18,13,.18) 44%,rgba(24,18,13,.04)),linear-gradient(90deg,rgba(24,18,13,.64),rgba(24,18,13,.1) 56%,rgba(24,18,13,.34));}.architecture-render-inner{position:relative;z-index:2;width:100%;padding:clamp(28px,5vw,72px);display:grid;grid-template-columns:minmax(260px,.42fr) minmax(0,1fr);gap:clamp(24px,4vw,58px);align-items:end;}.architecture-render-copy h2{color:#fff;font-size:clamp(42px,6.2vw,92px);line-height:.9;max-width:620px;}.architecture-render-copy p{color:rgba(251,247,238,.78);max-width:520px;margin-top:16px;font-size:clamp(14px,1.25vw,18px);}.architecture-render-strip{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;align-items:end;}.architecture-render-card{position:relative;height:clamp(210px,28vw,420px);overflow:hidden;border-radius:22px;border:1px solid rgba(251,247,238,.24);background:#2b2119;box-shadow:0 26px 70px rgba(0,0,0,.28);isolation:isolate;}.architecture-render-card:nth-child(2),.architecture-render-card:nth-child(4){height:clamp(170px,22vw,330px);}.architecture-render-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.95) contrast(1.03);transition:transform .8s cubic-bezier(.16,1,.3,1),filter .45s ease;}.architecture-render-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(24,18,13,.62),transparent 52%);z-index:1;}.architecture-render-card:hover img{transform:scale(1.045);filter:saturate(1.04) contrast(1.05);}.architecture-render-card span{position:absolute;z-index:2;left:14px;right:14px;bottom:12px;color:#fff;font-family:var(--font-display);font-size:clamp(14px,1.15vw,18px);}
@media(max-width:820px){.architecture-renders{min-height:auto;padding:0;}.architecture-render-inner{grid-template-columns:1fr;padding:54px 18px 28px;gap:22px;}.architecture-render-copy h2{font-size:42px;}.architecture-render-copy p{font-size:14px;}.architecture-render-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;}.architecture-render-strip::-webkit-scrollbar{height:0;}.architecture-render-card,.architecture-render-card:nth-child(2),.architecture-render-card:nth-child(4){flex:0 0 76vw;height:380px;scroll-snap-align:center;border-radius:18px;}}

@media(max-width:720px){
  .loc-block{padding:6px;border-radius:13px;}.loc-block:nth-of-type(1){max-height:104px;padding:7px;}.loc-block:nth-of-type(1) .loc-toggles.stack{gap:5px;}.loc-block:nth-of-type(2){bottom:126px;padding:6px;}.loc-block:nth-of-type(2) .loc-toggles.inline{gap:5px;}.loc-block:nth-of-type(3){width:44px;padding:5px;border-radius:14px;}.loc-block:nth-of-type(3) .loc-toggles.inline{gap:5px;}.loc-actions{bottom:176px;padding:6px;border-radius:13px;}.loc-toggle-btn{min-height:30px;padding:7px 7px;border-radius:9px;font-size:8.6px;}.loc-toggle-btn .mini{font-size:7px;margin-left:3px;padding:1px 3px;}.loc-toggle-btn.icon-only{width:32px;height:32px;min-height:32px;border-radius:9px;}.loc-toggle-btn.icon-only svg{width:15px;height:15px;}.loc-action{min-width:116px;padding:8px 9px;border-radius:9px;font-size:8.8px;}.master-analysis-tools{gap:5px;padding:5px;border-radius:13px;}.master-tool-btn{width:32px;height:32px;border-radius:9px;}.master-tool-btn svg{width:15px;height:15px;}.master-legend{grid-template-columns:repeat(3,1fr);max-height:118px;}.master-legend .legend-item,#masterplan .legend-item{padding:7px 6px;font-size:8.8px;border-radius:9px;line-height:1;}.master-legend .legend-num,#masterplan .legend-num{width:15px;height:15px;border-radius:5px;font-size:8px;margin-right:3px;}.mp-point-dot{width:18px;height:18px;font-size:9px;}.mp-default-dot{width:18px;height:18px;font-size:9px;box-shadow:0 0 0 6px rgba(111,48,56,.13);}
}
@media(max-width:420px){
  .loc-block:nth-of-type(1){max-height:94px;}.loc-block:nth-of-type(2){bottom:116px;}.loc-actions{bottom:164px;}.loc-toggle-btn{font-size:8px;padding:6px 5px;min-height:28px;}.loc-toggle-btn.icon-only{width:30px;height:30px;min-height:30px;}.loc-action{min-width:108px;font-size:8px;}.master-legend{grid-template-columns:repeat(3,1fr);max-height:106px;}.master-legend .legend-item,#masterplan .legend-item{font-size:8px;padding:6px 5px;}.master-tool-btn{width:30px;height:30px;}
}

.unit-legacy{display:none!important;}
#units{padding:0;background:#1f1813;color:var(--hillage-cream);overflow:hidden;}
.unit-collection{position:relative;display:grid;gap:0;background:#1f1813;}
.unit-collection-head{position:relative;z-index:3;min-height:46vh;display:grid;align-content:end;padding:clamp(42px,7vw,96px);background:linear-gradient(0deg,rgba(24,18,13,.84),rgba(24,18,13,.22)),url("units/hillage-types/standalone-villa-01/renders/back.jpg") center/cover no-repeat;color:#fff;}
.unit-collection-head .section-label{color:#f0b24b;}.unit-collection-head h2{color:#fff;font-size:clamp(48px,7vw,108px);line-height:.86;max-width:840px;}.unit-collection-head p{max-width:620px;color:rgba(251,247,238,.78);font-size:clamp(15px,1.25vw,19px);margin-top:18px;}
.unit-card-stack{display:grid;gap:0;}
.unit-showcase-card{position:relative;min-height:86vh;display:grid;align-items:end;overflow:hidden;border-top:1px solid rgba(251,247,238,.16);isolation:isolate;}
.unit-showcase-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.94) contrast(1.04);transform:scale(1.01);transition:transform 1s cubic-bezier(.16,1,.3,1),filter .5s ease;}
.unit-showcase-card::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(24,18,13,.8),rgba(24,18,13,.18) 48%,rgba(24,18,13,.05)),linear-gradient(90deg,rgba(24,18,13,.62),rgba(24,18,13,.12) 58%,rgba(24,18,13,.44));}
.unit-showcase-card:hover img{transform:scale(1.045);filter:saturate(1.02) contrast(1.05);}
.unit-showcase-copy{position:relative;z-index:2;width:min(760px,calc(100% - 130px));padding:clamp(26px,5vw,72px);color:#fff;}.unit-showcase-copy h3{color:#fff;font-size:clamp(38px,5.8vw,92px);line-height:.88;}.unit-showcase-copy p{color:rgba(251,247,238,.8);max-width:520px;margin-top:14px;font-size:clamp(14px,1.1vw,18px);}
.unit-showcase-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px;}.unit-showcase-meta span{display:inline-flex;align-items:center;min-height:30px;padding:7px 10px;border-radius:999px;background:rgba(251,247,238,.15);border:1px solid rgba(251,247,238,.24);backdrop-filter:blur(12px);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(251,247,238,.86);}
.unit-plan-arrow{position:absolute;z-index:4;right:clamp(18px,4vw,58px);top:50%;transform:translateY(-50%);width:62px;height:118px;border-radius:999px;border:1px solid rgba(251,247,238,.34);background:rgba(251,247,238,.14);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 18px 52px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.22);backdrop-filter:blur(16px);transition:transform .3s ease,background .25s ease,border-color .25s ease;}.unit-plan-arrow:hover{transform:translateY(-50%) translateX(4px);background:rgba(251,247,238,.24);border-color:rgba(251,247,238,.56);}.unit-plan-arrow::before{content:"";width:18px;height:18px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);margin-left:-5px;}
.unit-plan-drawer{position:fixed;z-index:190;top:0;right:0;height:100svh;width:min(760px,92vw);background:linear-gradient(145deg,#fbf7ee,#e9dfd1);box-shadow:-32px 0 90px rgba(24,18,13,.34);transform:translateX(104%);transition:transform .62s cubic-bezier(.16,1,.3,1);padding:clamp(18px,3vw,36px);display:grid;grid-template-rows:auto auto 1fr auto;gap:14px;color:var(--accent-1);overflow:auto;}.unit-plan-drawer.is-open{transform:translateX(0);}.unit-plan-drawer h3{font-size:clamp(32px,4vw,58px);line-height:.96;color:var(--accent-1);}.unit-plan-drawer p{color:var(--text-muted);max-width:560px;}.unit-plan-close{position:absolute;right:16px;top:14px;width:42px;height:42px;border-radius:14px;border:1px solid rgba(61,31,11,.14);background:rgba(251,247,238,.76);color:var(--accent-1);font-size:24px;cursor:pointer;}.unit-plan-image-wrap{position:relative;min-height:420px;background:linear-gradient(145deg,#fffaf1,#eee3d4);border:1px solid rgba(61,31,11,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.42);display:grid;place-items:center;overflow:hidden;}.unit-plan-image-wrap img{width:100%;height:100%;object-fit:contain;padding:14px;}.unit-plan-stats{display:flex;gap:8px;flex-wrap:wrap;}.unit-plan-stats span{border:1px solid rgba(61,31,11,.12);border-radius:12px;background:rgba(251,247,238,.74);padding:9px 11px;font-size:12px;}.unit-plan-open-full{justify-self:start;border:1px solid rgba(61,31,11,.14);border-radius:14px;background:linear-gradient(145deg,var(--accent-3),#4f1714);color:var(--hillage-cream);padding:11px 14px;cursor:pointer;}
.unit-plan-backdrop{position:fixed;inset:0;z-index:189;background:rgba(24,18,13,.42);opacity:0;pointer-events:none;transition:opacity .35s ease;}.unit-plan-backdrop.is-open{opacity:1;pointer-events:auto;}
@media(max-width:720px){.unit-collection-head{min-height:38vh;padding:56px 18px 26px;}.unit-collection-head h2{font-size:42px;}.unit-showcase-card{min-height:72vh;}.unit-showcase-copy{width:calc(100% - 86px);padding:24px 18px;}.unit-showcase-copy h3{font-size:38px;}.unit-plan-arrow{right:14px;width:46px;height:86px;}.unit-showcase-meta span{font-size:9px;padding:6px 8px;}.unit-plan-drawer{width:96vw;padding:54px 16px 18px;}.unit-plan-image-wrap{min-height:350px;}}

/* Integrated architectural unit viewer */
.architecture-units{position:relative;min-height:100svh;display:block;overflow:hidden;background:#f4eee4;color:var(--accent-1);isolation:isolate;padding:0;}.architecture-units::after{content:none;}.architecture-units .architecture-render-bg,.architecture-units-shell,.architecture-unit-viewer{display:contents;}.unit-fullscreen-render{position:absolute;inset:0;z-index:0;min-height:100%;height:100%;border-radius:0;border:0;box-shadow:none;}.unit-fullscreen-render .render-track,.unit-fullscreen-render .render-slide{position:absolute;inset:0;}.unit-fullscreen-render .render-slide{opacity:0;transition:opacity .9s ease;}.unit-fullscreen-render .render-slide.active{opacity:1;}.unit-fullscreen-render .render-slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.035);transition:transform 1.25s cubic-bezier(.16,1,.3,1),filter .7s ease;filter:saturate(1) contrast(1.02) brightness(1);}.unit-fullscreen-render .render-slide.active img{transform:scale(1);}.unit-fullscreen-render .render-overlay-grad{display:none;}.unit-side-panel{position:relative;z-index:3;min-height:100svh;width:min(390px,calc(100vw - 34px));display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:clamp(76px,8vw,120px) 22px clamp(34px,5vw,72px) clamp(22px,5vw,64px);background:rgba(246,239,229,.74);border-right:1px solid rgba(61,31,11,.16);box-shadow:18px 0 50px rgba(61,31,11,.08);backdrop-filter:blur(14px);}.unit-side-panel .section-label{color:var(--accent-3);letter-spacing:.24em;}.unit-side-panel .render-chip{position:static;align-self:flex-start;margin:14px 0 10px;border:1px solid rgba(61,31,11,.16);background:rgba(251,247,238,.64);color:var(--accent-1);border-radius:999px;padding:7px 11px;font-family:var(--font-sans);font-size:11px;text-transform:uppercase;letter-spacing:.12em;}.unit-side-panel h2{color:var(--accent-1);font-size:clamp(40px,5.4vw,76px);line-height:.88;max-width:350px;text-shadow:0 1px 0 rgba(255,255,255,.46);}.unit-side-panel p{margin-top:16px;max-width:330px;color:rgba(61,31,11,.78);font-size:clamp(14px,1.15vw,17px);line-height:1.55;}.architecture-units .unit-type-list{width:min(292px,100%);display:grid;grid-template-columns:1fr;gap:8px;margin:22px 0 14px;}.architecture-units .unit-pill{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;color:var(--accent-1);background:rgba(251,247,238,.72);border:1px solid rgba(61,31,11,.16);border-radius:14px;padding:10px 12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 12px 28px rgba(61,31,11,.08);backdrop-filter:blur(10px);}.architecture-units .unit-pill:hover{transform:translateX(4px);border-color:rgba(143,3,8,.34);background:rgba(251,247,238,.92);}.architecture-units .unit-pill.active{background:linear-gradient(145deg,#8f0308,#4f1714);color:#fff;border-color:rgba(255,255,255,.32);}.architecture-units .unit-meta{max-width:320px;min-height:44px;color:rgba(61,31,11,.68);font-size:13px;line-height:1.45;}.architecture-units .unit-meta strong{display:none;}.unit-floor-expand{margin-top:16px;border:1px solid rgba(61,31,11,.18);border-radius:16px;background:linear-gradient(145deg,rgba(251,247,238,.92),rgba(232,222,205,.78));color:var(--accent-1);padding:12px 16px;font-family:var(--font-display);font-style:italic;font-size:18px;cursor:pointer;backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 16px 34px rgba(61,31,11,.12);transition:transform .22s ease,background .22s ease,color .22s ease;}.unit-floor-expand:hover{transform:translateY(-2px);background:linear-gradient(145deg,#8f0308,#4f1714);color:#fff;}.architecture-units .render-arrow{top:50%;z-index:4;background:rgba(246,239,229,.62);color:var(--accent-1);border-color:rgba(61,31,11,.2);}.architecture-units .render-arrow:hover{background:rgba(251,247,238,.92);border-color:rgba(143,3,8,.32);}.architecture-units .render-dots{bottom:26px;}.architecture-units .render-dots button{background:rgba(61,31,11,.28);}.architecture-units .render-dots button.active{background:var(--accent-3);}.unit-floor-backdrop{position:fixed;inset:0;z-index:188;background:rgba(23,17,13,.24);opacity:0;pointer-events:none;transition:opacity .32s ease;}.unit-floor-backdrop.is-open{opacity:1;pointer-events:auto;}.unit-floor-drawer{position:fixed;z-index:189;top:0;left:0;width:min(860px,94vw);height:100svh;display:grid;grid-template-rows:auto 1fr;gap:14px;padding:clamp(18px,3vw,36px);background:linear-gradient(145deg,#fbf7ee,#e8decd);box-shadow:34px 0 90px rgba(14,9,30,.24);transform:translateX(-104%);transition:transform .62s cubic-bezier(.16,1,.3,1);overflow:auto;}.unit-floor-drawer.is-open{transform:translateX(0);}.unit-floor-close{position:absolute;right:16px;top:14px;width:42px;height:42px;border-radius:14px;border:1px solid rgba(61,31,11,.14);background:rgba(251,247,238,.72);color:var(--accent-1);font-size:26px;cursor:pointer;}.unit-floor-drawer .floorplan-radar-frame{height:min(680px,calc(100svh - 180px));min-height:420px;border-radius:22px;}.unit-floor-drawer .unit-floor-top{padding-right:54px;}.unit-floor-drawer .fp-view-launch{min-width:42px;}.unit-floor-drawer .fp-roomlist{max-height:200px;}.unit-floor-drawer .fp-sliders{bottom:18px;}body.unit-drawer-open{overflow:hidden;}@media(max-width:820px){.architecture-units{min-height:100svh;}.unit-side-panel{width:100%;min-height:100svh;padding:56px 18px 28px;background:linear-gradient(0deg,rgba(246,239,229,.86),rgba(246,239,229,.48) 48%,rgba(246,239,229,.08));justify-content:flex-end;border-right:0;}.unit-side-panel h2{font-size:40px;max-width:320px;}.unit-side-panel p{font-size:13px;max-width:320px;}.architecture-units .unit-type-list{grid-template-columns:1fr 1fr;width:100%;gap:7px;margin:16px 0 10px;}.architecture-units .unit-pill{font-size:10px;padding:9px 8px;border-radius:12px;}.architecture-units .unit-meta{font-size:12px;max-width:100%;min-height:0;}.architecture-units .render-arrow{width:36px;height:36px;top:auto;bottom:24px;}.architecture-units .render-arrow.left{left:auto;right:68px;}.architecture-units .render-arrow.right{right:24px;}.architecture-units .render-dots{left:18px;bottom:32px;}.unit-floor-drawer{width:100vw;}.unit-floor-drawer .floorplan-radar-frame{height:62vh;}.fp-roomlist{display:none;}}
/* Restored tail-section safety styles */
.interior-slide{background-position:center;background-size:cover;background-repeat:no-repeat;}.section-interior .interior-overlay{display:grid;align-content:end;padding:clamp(28px,6vw,80px);color:#fff;}.section-interior .interior-overlay h2{color:#fff;font-size:clamp(48px,8vw,112px);line-height:.86;max-width:760px;}.section-interior .interior-overlay p{max-width:620px;color:rgba(255,255,255,.78);font-size:clamp(15px,1.4vw,20px);margin-top:14px;}.construction-card img{width:100%;display:block;border-radius:24px;box-shadow:0 28px 80px rgba(42,31,22,.14);}.developer-section p{margin-top:18px;color:rgba(255,255,255,.72);letter-spacing:.18em;text-transform:uppercase;}.unit-floor-drawer .fp-view-launch.copied{background:linear-gradient(145deg,var(--accent-3),#4f1714);color:#fff;}


/* Units drawer: hidden right-side selector with floor-plan back flow */
.architecture-units{--unit-panel-width:min(392px,calc(100vw - 34px));}
.architecture-units .unit-side-panel{position:absolute;z-index:6;top:0;right:0;bottom:0;min-height:100%;width:var(--unit-panel-width);transform:translateX(calc(100% + 24px));opacity:.98;pointer-events:none;border-right:0;border-left:1px solid rgba(61,31,11,.16);box-shadow:-24px 0 70px rgba(39,23,13,.16);transition:transform .72s cubic-bezier(.16,1,.3,1),box-shadow .72s cubic-bezier(.16,1,.3,1);}
.architecture-units.unit-menu-open .unit-side-panel{transform:translateX(0);pointer-events:auto;box-shadow:-34px 0 90px rgba(39,23,13,.2);}
.unit-menu-toggle{position:absolute;z-index:7;right:18px;top:50%;transform:translateY(-50%);min-width:54px;height:154px;border:1px solid rgba(61,31,11,.18);border-radius:24px;background:linear-gradient(145deg,rgba(251,247,238,.9),rgba(232,222,205,.7));color:var(--accent-1);font-family:var(--font-display);font-style:italic;font-size:20px;letter-spacing:.03em;writing-mode:vertical-rl;text-orientation:mixed;cursor:pointer;box-shadow:0 18px 44px rgba(39,23,13,.15),inset 0 1px 0 rgba(255,255,255,.55);backdrop-filter:blur(14px);transition:right .72s cubic-bezier(.16,1,.3,1),background .22s ease,color .22s ease,transform .22s ease;}
.unit-menu-toggle:hover{transform:translateY(-50%) translateX(-2px);background:linear-gradient(145deg,#8f0308,#4f1714);color:#fff;}
.architecture-units.unit-menu-open .unit-menu-toggle{right:calc(var(--unit-panel-width) + 18px);background:linear-gradient(145deg,#8f0308,#4f1714);color:#fff;}
.architecture-units .render-arrow.left{left:24px;}
.architecture-units .render-arrow.right{right:86px;}
.architecture-units.unit-menu-open .render-arrow.right{right:calc(var(--unit-panel-width) + 24px);}
.architecture-units .render-dots{left:28px;}
.unit-floor-back{position:absolute;z-index:2;left:16px;top:14px;height:42px;border:1px solid rgba(61,31,11,.14);border-radius:14px;background:rgba(251,247,238,.78);color:var(--accent-1);padding:0 14px;font-family:var(--font-display);font-style:italic;font-size:18px;cursor:pointer;box-shadow:0 12px 28px rgba(39,23,13,.1),inset 0 1px 0 rgba(255,255,255,.58);}
.unit-floor-back:hover{background:linear-gradient(145deg,#8f0308,#4f1714);color:#fff;}
.unit-floor-drawer .unit-floor-top{padding-left:128px;}
.unit-render-caption{position:absolute;z-index:4;left:clamp(22px,5vw,72px);top:clamp(90px,12vh,150px);width:min(440px,calc(100vw - 150px));color:#fff;text-shadow:0 16px 44px rgba(0,0,0,.42);pointer-events:none;}
.unit-render-caption .section-label{color:rgba(255,255,255,.78);letter-spacing:.28em;margin-bottom:8px;}
.unit-render-caption h2{font-size:clamp(34px,4.8vw,68px);line-height:.9;color:#fff;margin:0;font-weight:300;}
.unit-render-caption p{max-width:360px;margin:12px 0 0;color:rgba(255,255,255,.82);font-size:clamp(13px,1.05vw,16px);line-height:1.5;}
.render-disclaimer{position:absolute;z-index:4;left:clamp(18px,3vw,44px);right:clamp(88px,8vw,150px);bottom:clamp(16px,2.2vw,28px);margin:0;color:rgba(255,255,255,.68);font-size:10px;line-height:1.45;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 8px 22px rgba(0,0,0,.42);pointer-events:none;}
.architecture-units .unit-side-panel h2,.architecture-units .unit-side-panel>p{display:none;}
@media(max-width:820px){
  .architecture-units{--unit-panel-width:calc(100vw - 24px);}
  .unit-render-caption{left:18px;top:82px;width:calc(100vw - 90px);}
  .unit-render-caption h2{font-size:34px;}
  .unit-render-caption p{font-size:12px;max-width:260px;}
  .render-disclaimer{left:18px;right:72px;bottom:18px;font-size:8.5px;}
  .unit-menu-toggle{right:12px;top:auto;bottom:96px;width:46px;min-width:46px;height:128px;border-radius:20px;font-size:17px;}
  .architecture-units.unit-menu-open .unit-menu-toggle{right:calc(var(--unit-panel-width) + 8px);}
  .architecture-units .unit-side-panel{top:12px;right:12px;bottom:12px;width:var(--unit-panel-width);min-height:auto;padding:58px 16px 22px;background:linear-gradient(0deg,rgba(246,239,229,.92),rgba(246,239,229,.76));border-radius:24px;border:1px solid rgba(61,31,11,.14);box-shadow:0 22px 70px rgba(39,23,13,.2);overflow:auto;}
  .architecture-units .render-arrow.right,.architecture-units.unit-menu-open .render-arrow.right{right:24px;}
  .unit-floor-back{left:12px;top:12px;height:38px;font-size:16px;padding:0 12px;}
  .unit-floor-close{right:12px;top:12px;}
  .unit-floor-drawer .unit-floor-top{padding-left:0;padding-top:46px;padding-right:0;}
}


@media(max-width:920px){
  .developer-section{min-height:auto;}
  
  .developer-logo{margin-bottom:24px;}
  .developer-inner h2{font-size:clamp(36px,12vw,58px);}
  
}


/* Stable masterplan point overlay */
.master-stage{cursor:default;}
.master-stage:hover .master-base{transform:translate(calc(var(--mp-pan-x) + 8vw),var(--mp-pan-y)) scale(calc(var(--mp-base-scale) * var(--mp-zoom)));filter:drop-shadow(0 44px 54px rgba(42,31,22,.3)) drop-shadow(0 12px 22px rgba(42,31,22,.16));}
.master-stage:hover .master-analysis-layer{transform:translate(calc(var(--mp-pan-x) + 8vw),var(--mp-pan-y)) scale(calc(var(--mp-base-scale) * var(--mp-zoom)));}
.master-stage:hover .master-safe-mask{transform:translate(calc(var(--mp-pan-x) + 8vw),calc(var(--mp-pan-y) - 25px)) scale(calc(var(--mp-base-scale) * var(--mp-zoom) * .62));}
.mp-default-dot,.mp-extra-dot,#mpPointDot{transition:transform .22s ease,opacity .22s ease,box-shadow .22s ease;will-change:transform;}
.mp-photo-card{transition:opacity .24s ease,transform .24s ease;will-change:transform,opacity;}
@media(max-width:720px){
  .master-stage:hover .master-base{transform:translate(var(--mp-pan-x),var(--mp-pan-y)) scale(calc(.74 * var(--mp-zoom)));}
  .master-stage:hover .master-analysis-layer{transform:translate(var(--mp-pan-x),var(--mp-pan-y)) scale(calc(.74 * var(--mp-zoom)));}
  .master-stage:hover .master-safe-mask{transform:translate(var(--mp-pan-x),calc(var(--mp-pan-y) - 12px)) scale(calc(.74 * var(--mp-zoom) * .62));}
}
@media(max-width:420px){
  .master-stage:hover .master-base{transform:translate(var(--mp-pan-x),var(--mp-pan-y)) scale(calc(.68 * var(--mp-zoom)));}
  .master-stage:hover .master-analysis-layer{transform:translate(var(--mp-pan-x),var(--mp-pan-y)) scale(calc(.68 * var(--mp-zoom)));}
}


/* Smaller masterplan point cards */
.mp-photo-card{box-shadow:0 18px 48px rgba(38,30,24,.24)!important;}


.mp-photo-card::after{border-left-width:10px!important;border-right-width:10px!important;border-top-width:12px!important;}
.mp-photo-card.is-below::after{border-bottom-width:12px!important;}
@media(max-width:720px){}


/* Masterplan points attached to the plan layer */
.mp-point-layer{position:absolute;inset:0;pointer-events:none;transform:translate(calc(var(--mp-pan-x) + 8vw),var(--mp-pan-y)) scale(calc(var(--mp-base-scale) * var(--mp-zoom)));transform-origin:68% center;transition:transform .75s cubic-bezier(.2,.8,.2,1);}
.master-stage:hover .mp-point-layer{transform:translate(calc(var(--mp-pan-x) + 8vw),var(--mp-pan-y)) scale(calc(var(--mp-base-scale) * var(--mp-zoom)));}
.mp-layer-dot{position:absolute;left:var(--dot-x);top:var(--dot-y);border-radius:50%;border:2px solid #fff;background:#6f3038;color:#fff;font-family:var(--font-display);font-weight:700;transform:translate(-50%,-50%);cursor:pointer;transition:opacity .22s ease,box-shadow .22s ease,background .22s ease;}
.mp-layer-dot::after{content:attr(data-num);}


.master-stage>.mp-default-dot,.master-stage>.mp-extra-dot,#mpPointDot{display:none!important;}
@media(max-width:720px){.mp-point-layer{transform:translate(var(--mp-pan-x),var(--mp-pan-y)) scale(calc(.74 * var(--mp-zoom)));transform-origin:center center;}.master-stage:hover .mp-point-layer{transform:translate(var(--mp-pan-x),var(--mp-pan-y)) scale(calc(.74 * var(--mp-zoom)));}}
@media(max-width:420px){.mp-point-layer{transform:translate(var(--mp-pan-x),var(--mp-pan-y)) scale(calc(.68 * var(--mp-zoom)));}.master-stage:hover .mp-point-layer{transform:translate(var(--mp-pan-x),var(--mp-pan-y)) scale(calc(.68 * var(--mp-zoom)));}}


/* Masterplan point hit targets */
.mp-point-layer{z-index:20!important;}


@media(max-width:720px){}


/* Masterplan compact points and bottom-left zone card */
.mp-photo-card{pointer-events:none!important;}
.mp-photo-card.is-on,.mp-photo-card.is-on.is-below{transform:translate(0,0) scale(1)!important;}
.mp-photo-card::after,.mp-photo-card.is-below::after{content:none!important;}


.mp-layer-dot{width:16px!important;height:16px!important;font-size:8px!important;border-width:1.5px!important;opacity:1!important;box-shadow:0 0 0 4px rgba(111,48,56,.14),0 8px 16px rgba(42,31,22,.16)!important;pointer-events:auto!important;}
.mp-layer-dot{padding:0!important;display:grid!important;place-items:center!important;line-height:1!important;text-align:center!important;}
.mp-layer-dot::after{position:relative!important;inset:auto!important;display:block!important;width:auto!important;height:auto!important;line-height:1!important;transform:none!important;margin:0!important;}
.mp-layer-dot::before{content:"";position:absolute;inset:-14px;border-radius:50%;pointer-events:auto;}
.mp-layer-dot:hover,.mp-layer-dot.is-active{background:#8f0308!important;box-shadow:0 0 0 5px rgba(143,3,8,.2),0 10px 20px rgba(42,31,22,.18)!important;}
.mp-layer-dot.is-muted{opacity:1!important;}
@media(max-width:720px){
  
  
  
  
  .mp-layer-dot{width:14px!important;height:14px!important;font-size:7px!important;box-shadow:0 0 0 4px rgba(111,48,56,.14),0 8px 16px rgba(42,31,22,.14)!important;}
  .mp-layer-dot::before{inset:-13px;}
}


/* Let vertical scrolling pass through the amenities banner */


/* Masterplan copy sits in the lower-left open space on desktop */
@media(min-width:721px){
  #masterplan .master-copy{top:auto!important;bottom:clamp(42px,7vh,86px)!important;left:clamp(34px,4vw,64px)!important;width:min(790px,48vw)!important;display:grid!important;grid-template-columns:minmax(260px,360px) minmax(280px,1fr)!important;column-gap:14px!important;row-gap:8px!important;align-items:end!important;}
  #masterplan .master-copy .section-label,#masterplan .master-copy h2{grid-column:1/-1!important;}
  
  #masterplan .master-copy p{grid-column:1!important;grid-row:3!important;max-width:360px!important;margin:0!important;}
  #masterplan .master-legend{grid-column:2!important;grid-row:3!important;max-width:390px!important;margin:0!important;align-self:end!important;}
}


/* Masterplan selected-zone card floats from the active point */
.mp-photo-card{left:var(--card-x,50%)!important;top:var(--card-y,50%)!important;right:auto!important;bottom:auto!important;z-index:18!important;}


@media(max-width:720px){
  .mp-photo-card{left:var(--card-x,50%)!important;top:var(--card-y,50%)!important;bottom:auto!important;transform:translate(-50%,-114%) scale(.94)!important;}
  .mp-photo-card.is-on{transform:translate(-50%,-108%) scale(1)!important;}
  .mp-photo-card.is-on.is-below{transform:translate(-50%,16px) scale(1)!important;}
}


/* Masterplan square point cards with corner arrow */
.mp-photo-card{width:176px!important;height:176px!important;min-width:0!important;display:grid!important;grid-template-rows:82px auto!important;overflow:visible!important;}
.mp-photo-card img{height:82px!important;}
.mp-photo-card b{font-size:15px!important;line-height:1.05!important;padding:9px 11px 2px!important;}
.mp-photo-card span{font-size:9.5px!important;line-height:1.22!important;padding:0 11px 10px!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}

.mp-photo-card.is-below::after{right:18px!important;}
@media(max-width:720px){
  
  
  
  .mp-photo-card span{font-size:8.5px!important;line-height:1.15!important;padding:0 9px 8px!important;-webkit-line-clamp:3!important;}
  .mp-photo-card::after{right:14px!important;}
  .mp-photo-card.is-below::after{right:14px!important;}
}


/* Brochure typography rhythm */
:root{
  --type-label-size:clamp(10px,.72vw,12px);
  --type-label-tracking:.18em;
  --type-heading-section:clamp(34px,4.1vw,64px);
  --type-heading-visual:clamp(42px,6vw,86px);
  --type-heading-panel:clamp(28px,3vw,44px);
  --type-heading-card:clamp(18px,1.45vw,24px);
  --type-body:clamp(14px,1.02vw,17px);
  --type-body-small:clamp(12px,.86vw,14px);
  --type-copy-width:560px;
  --type-copy-wide:680px;
  --type-section-gap:14px;
}
.section-label,.release-kicker,.news-kicker,.construction-point-kicker,.loc-block-title{
  font-size:var(--type-label-size)!important;
  line-height:1.2!important;
  letter-spacing:var(--type-label-tracking)!important;
  margin:0 0 12px!important;
}
section p,
.developer-section p,
.architecture-render-copy p,
.unit-render-caption p,
.life-card p,
.amenity-card-floating-body p,
.construction-copy p,
.accuracy-copy p,
.section-interior .interior-overlay p,
.aerial-content p,
.loc-headline p,
.master-copy p,
.feel-layout p{
  font-size:var(--type-body)!important;
  line-height:1.58!important;
  letter-spacing:0!important;
}
section h2,
.aerial-content h2,
.render-feature h2,
.lifestyle-head h2,
.amenities-heading,
.feel-layout h2,
.architecture-render-copy h2,
.accuracy-copy h2,
.construction-copy h2,
.developer-inner h2,
.section-interior .interior-overlay h2{
  font-family:var(--font-accent)!important;
  font-style:italic!important;
  font-weight:300!important;
  font-size:var(--type-heading-section)!important;
  line-height:.98!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.story-card h2,
.render-feature .story-card h2,
.section-aerial .aerial-content h2{
  font-size:var(--type-heading-visual)!important;
  line-height:.92!important;
}
.loc-headline h2,
#masterplan .master-copy h2,
.unit-render-caption h2,
.architecture-units .unit-side-panel h2,
.developer-inner h2{
  font-size:var(--type-heading-panel)!important;
  line-height:1!important;
}
.life-card h3,
.amenity-card-floating-body h3,
.render-caption h3{
  font-size:var(--type-heading-card)!important;
  line-height:1.08!important;
  letter-spacing:0!important;
}
.aerial-content,
.lifestyle-head,
.accuracy-copy,
.construction-copy,
.developer-copy,
.feel-layout,
.architecture-render-copy,
.section-interior .interior-overlay,
.unit-render-caption,
.loc-headline,
#masterplan .master-copy{
  text-wrap:balance;
}
.lifestyle-head p,
.amenities-intro,
.feel-layout p,
.architecture-render-copy p,
.section-interior .interior-overlay p,
.aerial-content p,
.accuracy-copy p,
.developer-copy p{
  max-width:var(--type-copy-width)!important;
  margin-top:var(--type-section-gap)!important;
}
.master-copy p,
.loc-headline p,
.construction-copy p,
.unit-render-caption p{
  max-width:var(--type-copy-width)!important;
  margin-top:10px!important;
}
.amenities-heading,
.amenities-intro,
.lifestyle-head,
.aerial-content{
  text-align:center!important;
}
.amenities-intro,
.lifestyle-head p,
.aerial-content p{
  margin-left:auto!important;
  margin-right:auto!important;
}
.accuracy-copy{
  text-align:right!important;
}
.accuracy-copy p{
  margin-left:auto!important;
}
.section-interior .interior-overlay,
.feel-layout,
.architecture-render-copy,
.construction-copy,
.developer-copy,
#masterplan .master-copy,
.loc-headline{
  text-align:left!important;
}
@media(min-width:721px){
  #masterplan .master-copy h2{font-size:clamp(34px,3.5vw,56px)!important;}
  #masterplan .master-copy p{font-size:var(--type-body-small)!important;line-height:1.55!important;}
  .developer-logo{margin-bottom:24px!important;}
}
@media(max-width:720px){
  :root{
    --type-label-size:10px;
    --type-heading-section:clamp(30px,9.4vw,42px);
    --type-heading-visual:clamp(40px,12vw,58px);
    --type-heading-panel:clamp(28px,9vw,38px);
    --type-body:clamp(13px,3.7vw,15px);
    --type-body-small:12px;
    --type-section-gap:10px;
  }
  .story-card h2,.render-feature .story-card h2{font-size:var(--type-heading-visual)!important;}
  .accuracy-copy,.amenities-heading,.amenities-intro,.lifestyle-head,.aerial-content{text-align:left!important;}
  .accuracy-copy p,.amenities-intro,.lifestyle-head p,.aerial-content p{margin-left:0!important;margin-right:0!important;}
  .loc-headline h2{font-size:clamp(32px,10vw,44px)!important;}
}


/* Progress data and construction album */
.construction-data{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:22px;
}
.construction-metric{
  min-height:86px;
  border:1px solid rgba(61,31,11,.13);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(251,247,238,.76),rgba(232,222,205,.48));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 16px 42px rgba(42,31,22,.08);
  padding:14px 13px;
}
.construction-metric b{
  display:block;
  font-family:var(--font-display);
  font-size:clamp(24px,2.6vw,38px);
  line-height:.9;
  color:var(--accent-3);
}
.construction-metric span{
  display:block;
  margin-top:8px;
  color:rgba(61,31,11,.7);
  font-size:11px;
  line-height:1.28;
}
.construction-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.construction-album-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(143,3,8,.28);
  border-radius:16px;
  background:linear-gradient(145deg,#8f0308,#4f1714);
  color:#fff;
  padding:12px 15px;
  font-family:var(--font-display);
  font-style:italic;
  font-size:17px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 18px 42px rgba(143,3,8,.18),inset 0 1px 0 rgba(255,255,255,.2);
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}
.construction-album-btn:hover{
  transform:translateY(-2px);
  filter:saturate(1.06);
  box-shadow:0 24px 52px rgba(143,3,8,.22),inset 0 1px 0 rgba(255,255,255,.24);
}
.construction-album-btn svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.construction-card{
  position:relative;
}
.construction-card::after{
  content:"Phase and cluster diagram";
  position:absolute;
  right:18px;
  bottom:18px;
  z-index:2;
  border:1px solid rgba(255,255,255,.38);
  border-radius:999px;
  background:rgba(251,247,238,.7);
  backdrop-filter:blur(12px);
  padding:8px 12px;
  color:var(--accent-1);
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
  box-shadow:0 14px 34px rgba(42,31,22,.12);
}
.construction-album-modal{
  position:fixed;
  inset:0;
  z-index:210;
  display:none;
  place-items:center;
  padding:clamp(16px,3vw,38px);
  background:rgba(25,19,15,.86);
  backdrop-filter:blur(14px);
}
.construction-album-modal.is-open{
  display:grid;
}
.construction-album-frame{
  position:relative;
  width:min(1180px,94vw);
  max-height:90svh;
  border:1px solid rgba(251,247,238,.34);
  border-radius:28px;
  overflow:hidden;
  background:#f6efe5;
  box-shadow:0 36px 120px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.38);
}
.construction-album-frame img{
  display:block;
  width:100%;
  max-height:90svh;
  object-fit:contain;
}
.construction-album-close{
  position:absolute;
  right:14px;
  top:14px;
  width:42px;
  height:42px;
  border:1px solid rgba(61,31,11,.18);
  border-radius:14px;
  background:rgba(251,247,238,.78);
  color:var(--accent-1);
  font-size:24px;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(42,31,22,.18),inset 0 1px 0 rgba(255,255,255,.5);
}
@media(max-width:920px){
  .construction-data{grid-template-columns:repeat(4,minmax(108px,1fr));overflow-x:auto;padding-bottom:4px;}
  .construction-metric{min-width:108px;min-height:78px;}
}
@media(max-width:560px){
  .construction-data{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;}
  .construction-actions{margin-top:14px;}
  .construction-album-btn{width:100%;justify-content:center;}
  .construction-card::after{left:12px;right:auto;bottom:12px;font-size:8px;}
}


/* Uniform full-page brochure sections */
html{
  
  scroll-padding-top:0;
}

main{
  position:relative;
}
main>section{
  height:100svh!important;
  min-height:100svh!important;
  max-height:100svh!important;
  box-sizing:border-box;
  
  
  overflow:hidden!important;
}
#logo.logo-full{
  height:100svh!important;
  min-height:100svh!important;
}
#story,
.section-aerial,
.render-feature,
#location,
#masterplan,
#lifestyle,
#amenities,
#feel,
#units,
#accuracy,
.section-interior,
#construction,
.developer-section{
  min-height:100svh!important;
}
#masterplan .section-inner,
.master-wrap,
.accuracy-wrap{
  min-height:100svh!important;
}
#masterplan .section-inner,
.master-wrap{
  height:100svh!important;
}
.section-interior{
  height:100svh!important;
}
.location-inner{
  min-height:calc(100svh - 112px)!important;
}
.loc-scene{
  height:calc(100svh - 112px)!important;
}
.lifestyle-wide-track,
.accuracy-collage,
.amenities-strip,
.unit-floor-drawer,
.floorplan-lightbox,
.construction-album-modal{
  scroll-snap-type:none;
}
@media(max-width:920px){
  html{
    scroll-snap-type:none;
  }
  main>section{
    height:100svh!important;
    min-height:100dvh!important;
    max-height:100svh!important;
    scroll-snap-align:none;
  }
  #logo.logo-full,
  #story,
  .section-aerial,
  .render-feature,
  #location,
  #masterplan,
  #lifestyle,
  #amenities,
  #feel,
  #units,
  #accuracy,
  .section-interior,
  #construction,
  .developer-section{
    min-height:100dvh!important;
  }
  #masterplan .section-inner,
  .master-wrap,
  .accuracy-wrap{
    min-height:100dvh!important;
  }
  #masterplan .section-inner,
  .master-wrap,
  .section-interior{
    height:100dvh!important;
  }
  .location-inner{
    min-height:calc(100dvh - 72px)!important;
  }
  .loc-scene{
    height:calc(100dvh - 118px)!important;
  }
  .developer-section{
    align-items:center!important;
  }
}
@media(max-width:560px){
  main>section{
    min-height:100dvh!important;
  }
  .loc-scene{
    height:calc(100dvh - 118px)!important;
    min-height:0!important;
  }
  .master-stage{
    height:min(56dvh,430px)!important;
    min-height:330px!important;
  }
  .construction-phase-diagram{
    min-height:min(48dvh,380px)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html{
    scroll-behavior:auto;
    scroll-snap-type:none;
  }
}


/* Equal snap-page height for masterplan, water, and amenities */
#masterplan,
#lifestyle,
#amenities{
  height:100svh!important;
  min-height:100svh!important;
  max-height:100svh!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
#lifestyle{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:clamp(16px,2.4vh,26px)!important;
  padding:clamp(58px,7vh,86px) 0 clamp(28px,4vh,48px)!important;
}
#lifestyle .lifestyle-head{
  flex:0 0 auto!important;
  margin:0 auto!important;
}
#lifestyle .lifestyle-head p{
  margin-top:10px!important;
}
#lifestyle .lifestyle-wide-track{
  flex:0 1 auto!important;
  height:clamp(420px,64svh,690px)!important;
  min-height:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
#lifestyle .life-card{
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
}
#amenities{
  display:grid!important;
  align-items:center!important;
  padding:clamp(58px,7vh,86px) 0 clamp(28px,4vh,48px)!important;
}
#amenities .amenities-foreground{
  display:grid!important;
  align-content:center!important;
  min-height:0!important;
}
#amenities .amenities-intro{
  margin-top:10px!important;
}
#amenities .amenities-strip{
  margin-top:clamp(18px,3vh,28px)!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
#amenities .amenity-card-floating-image{
  height:clamp(220px,34svh,360px)!important;
}
#amenities .amenity-card-floating-body{
  padding-top:10px!important;
}
#masterplan .section-inner,
#masterplan .master-wrap{
  height:100svh!important;
  min-height:100svh!important;
  max-height:100svh!important;
}
@media(max-width:920px){
  #masterplan,
  #lifestyle,
  #amenities{
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
  }
  #masterplan .section-inner,
  #masterplan .master-wrap{
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
  }
  #lifestyle{
    padding:58px 0 24px!important;
    gap:14px!important;
  }
  #lifestyle .lifestyle-wide-track{
    height:calc(100dvh - 212px)!important;
  }
  #amenities{
    padding:58px 0 24px!important;
  }
  #amenities .amenity-card-floating-image{
    height:clamp(190px,32dvh,310px)!important;
  }
}
@media(max-width:560px){
  #lifestyle .lifestyle-head,
  #amenities .amenities-heading,
  #amenities .amenities-intro{
    width:calc(100% - 32px)!important;
    padding-inline:0!important;
  }
  #lifestyle .lifestyle-wide-track{
    height:calc(100dvh - 190px)!important;
    gap:12px!important;
    padding-inline:16px!important;
  }
  #lifestyle .life-card{
    flex-basis:82vw!important;
  }
  #amenities .amenities-strip{
    margin-top:14px!important;
  }
  #amenities .amenity-card-floating{
    flex-basis:78vw!important;
  }
  #amenities .amenity-card-floating-image{
    height:30dvh!important;
  }
  #amenities .amenity-card-floating-body p{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
}


/* Remove small section labels above headlines */


/* Post-units aerial headline placement */
#aerial-after-floorplan{
  place-items:start!important;
}
#aerial-after-floorplan .aerial-content{
  align-self:start!important;
  justify-self:start!important;
  text-align:left!important;
  max-width:min(640px,calc(100% - 44px))!important;
  padding:clamp(84px,10vh,118px) clamp(22px,5vw,72px)!important;
}
#aerial-after-floorplan .aerial-content p{
  margin-left:0!important;
  margin-right:0!important;
}
@media(max-width:720px){
  #aerial-after-floorplan .aerial-content{
    padding:76px 18px 0!important;
    
  }
}


/* Clean presentation preview: hide scrollbars without disabling scroll */
html,
body,
main,
section,
.lifestyle-wide-track,
.amenities-strip,
.unit-floor-drawer,
.floorplan-lightbox,
.construction-album-modal{
  scrollbar-width:none;
  -ms-overflow-style:none;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar,
main::-webkit-scrollbar,
section::-webkit-scrollbar,
.lifestyle-wide-track::-webkit-scrollbar,
.amenities-strip::-webkit-scrollbar,
.unit-floor-drawer::-webkit-scrollbar,
.floorplan-lightbox::-webkit-scrollbar,
.construction-album-modal::-webkit-scrollbar{
  width:0;
  height:0;
  display:none;
}


/* Download wheels for heavy media */
.media-load-target{
  position:relative;
}
.media-load-target.media-loading::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:30;
  background:radial-gradient(circle at center,rgba(33,23,18,.18),rgba(33,23,18,.05) 42%,transparent 68%);
  pointer-events:none;
}
.media-load-target.media-loading::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  z-index:31;
  width:42px;
  height:42px;
  margin:-21px 0 0 -21px;
  border-radius:50%;
  border:2px solid rgba(251,247,238,.42);
  border-top-color:#8f0308;
  border-right-color:#f0b24b;
  box-shadow:0 16px 42px rgba(42,31,22,.2),inset 0 0 0 1px rgba(255,255,255,.22);
  animation:mediaWheel .8s linear infinite;
  pointer-events:none;
}
.media-load-target.media-loading.media-light::before{
  background:radial-gradient(circle at center,rgba(251,247,238,.52),rgba(251,247,238,.18) 44%,transparent 72%);
}
.media-load-target.media-loading.media-light::after{
  border-color:rgba(61,31,11,.16);
  border-top-color:#8f0308;
  border-right-color:#f0b24b;
}
@keyframes mediaWheel{to{transform:rotate(360deg)}}
@media(max-width:720px){
  .media-load-target.media-loading::after{
    width:34px;
    height:34px;
    margin:-17px 0 0 -17px;
  }
}


/* Developer closing spread */
.developer-section{
  min-height:100svh!important;
  padding:clamp(52px,6vw,96px) clamp(22px,6vw,96px)!important;
  background:
    radial-gradient(circle at 76% 18%,rgba(232,163,26,.16),transparent 30%),
    radial-gradient(circle at 18% 76%,rgba(143,3,8,.26),transparent 34%),
    linear-gradient(135deg,#1a110d 0%,#321d14 48%,#120d0a 100%)!important;
}
.developer-section::before{
  background:linear-gradient(90deg,rgba(18,13,10,.76),rgba(18,13,10,.28) 48%,rgba(18,13,10,.72))!important;
}
.developer-section::after{
  content:"MADAAR";
  position:absolute;
  left:50%;
  bottom:-.18em;
  transform:translateX(-50%);
  font-family:var(--font-display);
  font-size:clamp(116px,20vw,360px);
  line-height:.72;
  letter-spacing:.06em;
  color:rgba(255,255,255,.035);
  pointer-events:none;
  white-space:nowrap;
}
.developer-bg{
  opacity:.22!important;
  filter:saturate(.72) contrast(1.05) brightness(.72)!important;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.28) 32%,#000 100%);
}
.developer-inner{
  width:min(1280px,100%)!important;
  min-height:min(760px,82svh);
  grid-template-columns:minmax(320px,.92fr) minmax(420px,1.08fr)!important;
  gap:clamp(34px,5.4vw,86px)!important;
  align-items:center!important;
}
.developer-copy{
  
  padding:clamp(14px,2vw,28px) 0!important;
}
.developer-logo{
  
  
  opacity:.98;
  filter:drop-shadow(0 22px 48px rgba(0,0,0,.36))!important;
}
.developer-inner h2{
  max-width:560px;
  color:#fff7e8!important;
  text-shadow:0 18px 54px rgba(0,0,0,.36);
}

.developer-proof{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:clamp(22px,3vw,34px);
  max-width:590px;
}
.developer-proof div{
  min-height:88px;
  padding:14px 14px 13px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(255,247,232,.12),rgba(255,247,232,.045));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 18px 44px rgba(0,0,0,.18);
  backdrop-filter:blur(14px);
}
.developer-proof b{
  display:block;
  color:#f1dfbd;
  font-family:var(--font-accent);
  font-style:italic;
  font-weight:300;
  font-size:clamp(26px,3vw,42px);
  line-height:.92;
}
.developer-proof span{
  display:block;
  margin-top:8px;
  color:rgba(255,247,232,.66);
  font-size:10px;
  line-height:1.25;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.developer-project-frame{
  min-height:min(72svh,720px)!important;
  border-radius:0 34px 34px 34px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 42px 130px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.16)!important;
  isolation:isolate;
}
.developer-project-frame::before{
  content:"";
  position:absolute;
  inset:14px;
  z-index:2;
  border:1px solid rgba(255,255,255,.16);
  border-radius:0 24px 24px 24px;
  pointer-events:none;
}
.developer-project-frame::after{
  content:"Madaar portfolio"!important;
  left:28px!important;
  top:28px!important;
  bottom:auto!important;
  background:rgba(33,23,18,.52)!important;
  color:#f1dfbd!important;
}
.developer-project-frame img{
  filter:saturate(.94) contrast(1.06) brightness(.9)!important;
  transform:scale(1.018);
  transition:transform 1.2s cubic-bezier(.2,.8,.2,1),filter 1.2s ease;
}
.developer-project-frame:hover img{
  transform:scale(1.055);
  filter:saturate(1) contrast(1.08) brightness(.96)!important;
}
.developer-project-frame figcaption{
  position:absolute;
  z-index:3;
  left:28px;
  right:28px;
  bottom:26px;
  max-width:520px;
  color:rgba(255,247,232,.86);
  font-family:var(--font-display);
  font-size:clamp(18px,2vw,30px);
  line-height:1.12;
  text-shadow:0 12px 34px rgba(0,0,0,.54);
}
@media(max-width:920px){
  .developer-section{
    padding:72px 18px 28px!important;
    overflow:auto!important;
  }
  .developer-inner{
    min-height:auto!important;
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  .developer-logo{width:min(240px,68vw)!important;}
  .developer-proof{grid-template-columns:1fr 1fr 1fr;gap:7px;}
  .developer-proof div{min-height:70px;padding:10px;}
  .developer-proof b{font-size:24px;}
  .developer-proof span{font-size:8px;letter-spacing:.1em;}
  .developer-project-frame{min-height:38dvh!important;border-radius:0 22px 22px 22px!important;}
  .developer-project-frame figcaption{left:18px;right:18px;bottom:18px;font-size:17px;}
}
@media(max-width:520px){
  .developer-copy p:not(.developer-tagline){font-size:12.5px!important;}
  .developer-proof{grid-template-columns:1fr;}
  .developer-proof div{min-height:auto;}
  .developer-project-frame{min-height:34dvh!important;}
}


/* Developer square previous-project slideshow */
.developer-section .developer-inner{
  grid-template-columns:minmax(320px,.95fr) minmax(340px,.82fr)!important;
}
.developer-project-frame.developer-slideshow{
  
  
  
  justify-self:end!important;
  border-radius:0 30px 30px 30px!important;
  background:#251a14!important;
}
.developer-slideshow .developer-project-slide{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:cover!important;
  opacity:0;
  transform:scale(1.04);
  animation:developerSlideFade 16s infinite;
  filter:saturate(.96) contrast(1.04) brightness(.92)!important;
}
.developer-slideshow .developer-project-slide:nth-child(1){animation-delay:0s;}
.developer-slideshow .developer-project-slide:nth-child(2){animation-delay:4s;}
.developer-slideshow .developer-project-slide:nth-child(3){animation-delay:8s;}
.developer-slideshow .developer-project-slide:nth-child(4){animation-delay:12s;}
.developer-project-frame.developer-slideshow:hover .developer-project-slide{
  animation-play-state:paused;
}
.developer-project-frame.developer-slideshow::before{
  border-radius:0 22px 22px 22px!important;
}
.developer-project-frame.developer-slideshow::after{
  content:"Madaar projects"!important;
}
.developer-project-frame.developer-slideshow figcaption{
  max-width:360px!important;
  font-size:clamp(15px,1.45vw,22px)!important;
  line-height:1.18!important;
}
@keyframes developerSlideFade{
  0%{opacity:0;transform:scale(1.04)}
  7%{opacity:1;transform:scale(1.015)}
  25%{opacity:1;transform:scale(1)}
  32%{opacity:0;transform:scale(1)}
  100%{opacity:0;transform:scale(1.04)}
}
@media(max-width:920px){
  .developer-section .developer-inner{grid-template-columns:1fr!important;}
  .developer-project-frame.developer-slideshow{
    width:min(460px,100%)!important;
    justify-self:start!important;
    min-height:0!important;
  }
}
@media(max-width:520px){
  .developer-project-frame.developer-slideshow{
    width:100%!important;
    aspect-ratio:1/1!important;
  }
  .developer-project-frame.developer-slideshow figcaption{font-size:15px!important;}
}


/* Simplified developer brochure ending */


.developer-project-frame.developer-slideshow{
  width:min(560px,40vw)!important;
  min-height:0!important;
  aspect-ratio:1/1!important;
}
.developer-project-frame.developer-slideshow .developer-project-slide{
  position:absolute!important;
  inset:0!important;
  min-height:0!important;
}
@media(max-width:720px){
  
  
  .developer-project-frame.developer-slideshow{width:100%!important;}
}


/* Developer copy drawn from the brochure profile */

.developer-copy .developer-tagline{
  color:#f1dfbd!important;
  font-size:clamp(13px,1vw,16px)!important;
  line-height:1.2!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  margin-top:18px!important;
}
@media(max-width:720px){
  .developer-copy p:not(.developer-tagline){margin-top:10px!important;}
}


/* Final pinned-card and label-only map interaction polish */
.developer-inner h2,
.developer-proof,
.developer-tagline{display:none!important;}
.developer-copy{max-width:680px!important;}
.developer-logo{width:min(360px,46vw)!important;margin:0 0 clamp(26px,4vw,48px)!important;}
.developer-copy p:not(.developer-tagline){
  max-width:640px!important;
  margin-top:14px!important;
  color:rgba(255,247,232,.78)!important;
  font-size:clamp(15px,1.15vw,18px)!important;
  line-height:1.72!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
@media(max-width:720px){
  
  .developer-copy p:not(.developer-tagline){font-size:13.5px!important;line-height:1.58!important;}
}
.mp-photo-card{
  border-radius:18px 18px 0 18px!important;
  transform:translate(-100%,calc(-100% - 12px)) scale(.94)!important;
  transform-origin:100% 100%!important;
}
.mp-photo-card.is-on{
  transform:translate(-100%,calc(-100% - 12px)) scale(1)!important;
  animation:mpCardSoftIn .48s cubic-bezier(.2,.8,.2,1) both;
}
.mp-photo-card.is-on.is-below{transform:translate(-100%,calc(-100% - 12px)) scale(1)!important;transform-origin:100% 100%!important;}
.mp-photo-card img{border-radius:18px 18px 0 0!important;}
.mp-photo-card::after{
  content:""!important;
  position:absolute!important;
  left:auto!important;
  right:0!important;
  bottom:-12px!important;
  top:auto!important;
  width:0!important;
  height:0!important;
  border-left:12px solid transparent!important;
  border-right:0!important;
  border-top:12px solid #f8f3e8!important;
  border-bottom:0!important;
  transform:none!important;
  filter:drop-shadow(0 7px 8px rgba(38,30,24,.12))!important;
}
.mp-photo-card.is-below{border-radius:18px 18px 0 18px!important;}
.mp-photo-card.is-below::after{
  top:auto!important;
  bottom:-12px!important;
  border-top:12px solid #f8f3e8!important;
  border-bottom:0!important;
}
@keyframes mpCardSoftIn{
  0%{opacity:0;filter:blur(3px);transform:translate(-100%,calc(-100% - 4px)) scale(.965)}
  100%{opacity:1;filter:blur(0);transform:translate(-100%,calc(-100% - 12px)) scale(1)}
}
.mp-layer-dot.is-card-anchor{
  z-index:15!important;
  box-shadow:0 0 0 7px rgba(111,48,56,.12),0 10px 24px rgba(42,31,22,.22)!important;
}
@media(max-width:720px){
  
  #masterplan .master-base,
  #masterplan .master-analysis-layer,
  #masterplan .mp-point-layer{transform:translate(var(--mp-pan-x),var(--mp-pan-y)) scale(calc(.88 * var(--mp-zoom)))!important;}
  #masterplan .master-stage:hover .master-base{transform:translate(var(--mp-pan-x),var(--mp-pan-y)) scale(calc(.88 * var(--mp-zoom)))!important;}
  .mp-photo-card{height:118px!important;min-width:0!important;grid-template-rows:48px auto!important;border-radius:13px 13px 0 13px!important;}
  .mp-photo-card img{height:48px!important;border-radius:13px 13px 0 0!important;}
  .mp-photo-card b{font-size:10.5px!important;line-height:1.08!important;padding:7px 8px 1px!important;}
  .mp-photo-card span{display:none!important;}
  .mp-photo-card::after{bottom:-10px!important;border-left-width:10px!important;border-top-width:10px!important;}
  .mp-photo-card.is-below{border-radius:13px 13px 0 13px!important;}
  .mp-photo-card.is-below::after{top:auto!important;bottom:-10px!important;border-top-width:10px!important;border-bottom-width:0!important;}
}
@media(max-width:420px){
  #masterplan .master-stage{height:70dvh!important;min-height:450px!important;}
  #masterplan .master-base,
  #masterplan .master-analysis-layer,
  #masterplan .mp-point-layer{transform:translate(var(--mp-pan-x),var(--mp-pan-y)) scale(calc(.92 * var(--mp-zoom)))!important;}
  #masterplan .master-stage:hover .master-base{transform:translate(var(--mp-pan-x),var(--mp-pan-y)) scale(calc(.92 * var(--mp-zoom)))!important;}
}
/* Location final styling */
#location{
  
  
  height:100svh;
  min-height:100svh;
  padding:clamp(18px,3vw,38px);
  overflow:hidden;
  display:grid;
  align-items:center;
}
#location .location-window{
  height:min(820px,calc(100svh - clamp(36px,6vw,76px)));
  min-height:620px;
  max-width:1360px;
  width:100%;
  margin:0 auto;
}
#location .location-inner{
  height:100%;
  min-height:0;
  width:100%;
  display:block;
  padding-top:0;
}
#location .loc-scene{
  height:100%;
  min-height:0;
  max-height:none;
  border-radius:28px;
  overflow:hidden;
  background:#efe6d7;
  border:1px solid rgba(61,31,11,.22);
  box-shadow:0 30px 86px rgba(42,31,22,.22),0 0 0 10px rgba(251,247,238,.42),inset 0 1px 0 rgba(255,255,255,.38);
}
#location .loc-plane{
  border-radius:28px;
  clip-path:polygon(.6% 1%,99.2% .45%,99.55% 29%,99.05% 50%,99.6% 73%,98.9% 99%,72% 99.35%,50% 98.85%,27% 99.45%,.85% 98.65%,.28% 72%,.9% 51%,.36% 26%);
  overflow:hidden;
}
#location .loc-plane::before,
#location .loc-plane::after{
  border-radius:inherit;
  inset:0;
}
#location .loc-plane::before{
  background:
    linear-gradient(90deg,transparent calc(25% - 1px),rgba(61,31,11,.24) 25%,rgba(255,255,255,.22) calc(25% + 1px),transparent calc(25% + 4px),transparent calc(50% - 1px),rgba(255,255,255,.3) 50%,rgba(61,31,11,.2) calc(50% + 2px),transparent calc(50% + 5px),transparent calc(75% - 1px),rgba(61,31,11,.24) 75%,rgba(255,255,255,.18) calc(75% + 2px),transparent calc(75% + 5px)),
    linear-gradient(0deg,transparent calc(33.333% - 1px),rgba(61,31,11,.18) 33.333%,rgba(255,255,255,.2) calc(33.333% + 2px),transparent calc(33.333% + 5px),transparent calc(66.666% - 1px),rgba(255,255,255,.24) 66.666%,rgba(61,31,11,.18) calc(66.666% + 2px),transparent calc(66.666% + 5px)),
    linear-gradient(90deg,rgba(61,31,11,.1) 0 1px,transparent 1px 7.142%),
    linear-gradient(0deg,rgba(61,31,11,.09) 0 1px,transparent 1px 7.142%),
    linear-gradient(101deg,transparent 0 28%,rgba(255,255,255,.2) 29.2%,rgba(61,31,11,.13) 30.4%,transparent 32.5%),
    linear-gradient(79deg,transparent 0 61%,rgba(255,255,255,.18) 62%,rgba(61,31,11,.12) 63.2%,transparent 65.4%);
  background-size:100% 100%,100% 100%,7.142% 7.142%,7.142% 7.142%,100% 100%,100% 100%;
  opacity:.78;
  mix-blend-mode:multiply;
}

#location .leaflet-live-map{
  inset:0;
  height:100%;
}
#location .leaflet-tile-pane img{
  filter:saturate(.94) contrast(1.02) brightness(.98);
}
#location .main-road-pane-filter img{
  filter:none;
  opacity:.86;
}
#location .map-focus-card{
  display:none;
}


#location .loc-zoom-controls{
  position:absolute;
  z-index:14;
  right:clamp(22px,3vw,44px);
  top:clamp(22px,3vw,42px);
  display:grid;
  gap:6px;
  padding:7px;
  border:1px solid rgba(255,255,255,.5);
  border-radius:14px;
  background:rgba(251,247,238,.76);
  box-shadow:0 16px 42px rgba(14,9,30,.12),inset 0 1px 0 rgba(255,255,255,.5);
  backdrop-filter:blur(16px);
  pointer-events:auto;
}
#location .loc-zoom-btn{
  width:36px;
  height:36px;
  border:1px solid rgba(255,255,255,.52);
  border-radius:10px;
  background:rgba(251,247,238,.68);
  color:var(--accent-1);
  font-family:var(--font-body);
  font-size:22px;
  line-height:1;
  font-weight:500;
  cursor:pointer;
  box-shadow:0 7px 18px rgba(14,9,30,.06),inset 0 1px 0 rgba(255,255,255,.52);
  transition:background .2s ease,transform .2s ease,border-color .2s ease,color .2s ease;
}
#location .loc-zoom-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(143,3,8,.28);
  background:rgba(255,255,255,.78);
}
#location .loc-zoom-btn:active{
  transform:translateY(0) scale(.97);
}
#location .map-marker-pin.has-time::after,
#location .map-marker-pin.nearby.has-time::after,
#location .map-marker-pin.nearby.selected::after{
  content:none;
}
#location .map-marker-shell{
  background:transparent;
  border:0;
}
#location .map-marker-pin:not(.site){
  width:14px;
  height:12px;
  background:transparent;
  border:0;
  box-shadow:none;
  color:transparent;
  transform:none !important;
  animation:none !important;
  will-change:auto;
}
#location .map-marker-pin:not(.site) svg{
  display:none;
}
#location .map-marker-pin .pin-label{
  position:absolute;
  left:50%;
  top:auto;
  bottom:18px;
  transform:translateX(-50%);
  display:none;
  min-width:92px;
  max-width:180px;
  width:max-content;
  padding:0;
  border-radius:0;
  background:transparent;
  border:0;
  box-shadow:none;
  color:#fffaf0;
  font-family:var(--font-accent);
  font-style:italic;
  font-size:var(--location-destination-label-size);
  line-height:.98;
  font-weight:300;
  letter-spacing:0;
  white-space:normal;
  text-align:center;
  writing-mode:horizontal-tb;
  text-orientation:mixed;
  text-shadow:0 2px 10px rgba(61,31,11,.55),0 10px 22px rgba(20,12,8,.28);
  pointer-events:none;
  opacity:1;
}
#location .map-marker-pin.has-time .pin-label,
#location .map-marker-pin.nearby.has-time .pin-label,
#location .map-marker-pin.nearby.selected .pin-label{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:3px;
}
#location .map-marker-pin .pin-name,
#location .map-marker-pin .pin-time{
  display:block;
}
#location .map-marker-pin .pin-time{
  
  font-family:var(--font-body);
  font-style:normal;
  
  
  
  letter-spacing:.08em;
  text-transform:uppercase;
  text-shadow:0 2px 10px rgba(61,31,11,.68),0 0 12px rgba(232,163,26,.22);
}
#location .map-marker-pin.has-time:not(.site),
#location .map-marker-pin.nearby.has-time,
#location .map-marker-pin.nearby.selected{
  width:14px;
  height:12px;
  background:transparent;
  border:0;
  box-shadow:none;
  color:transparent;
  animation:none !important;
}
#location .map-marker-pin.has-time:not(.site) svg,
#location .map-marker-pin.nearby.has-time svg,
#location .map-marker-pin.nearby.selected svg{
  display:none;
}
#location .map-marker-pin.has-time::before,
#location .map-marker-pin.nearby.has-time::before,
#location .map-marker-pin.nearby.selected::before{
  content:"";
  display:block;
  position:absolute;
  left:50%;
  top:0;
  width:0;
  height:0;
  border-left:7px solid transparent;
  border-right:7px solid transparent;
  border-top:12px solid rgba(255,250,240,.96);
  transform:translateX(-50%);
  filter:drop-shadow(0 8px 10px rgba(61,31,11,.45));
  pointer-events:none;
}


#location .map-marker-pin.site{
  
  
  background:transparent;
  border:0;
  box-shadow:none;
  padding:0;
  backdrop-filter:none;
  opacity:1;
  isolation:isolate;
}
#location .map-marker-pin.site::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  
  
  width:0 !important;
  height:0 !important;
  background:transparent !important;
  border:0 !important;
  border-left:8px solid transparent !important;
  border-right:8px solid transparent !important;
  border-top:13px solid var(--hillage-red) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  transform:translateX(-50%) !important;
  filter:drop-shadow(0 8px 10px rgba(61,31,11,.45)) !important;
}
#location .map-marker-pin.site img{
  display:block;
  position:absolute;
  
  
  
  
  object-fit:contain;
  
  opacity:1;
  filter:brightness(1.18) contrast(1.42) saturate(1.04) drop-shadow(0 12px 20px rgba(37,20,12,.76)) drop-shadow(0 1px 0 rgba(255,250,240,.6));
}
#location .neighborhood-label{
  
  
  border-radius:0;
  box-shadow:none;
  
  
  
  
  font-weight:300;
  
  
  
  
  white-space:nowrap;
}
#location .loc-plane::before{
  display:none;
}
#location .loc-plane::after{
  background:
    radial-gradient(circle at 12% 10%,rgba(255,255,255,.18),transparent 26%),
    radial-gradient(circle at 86% 88%,rgba(61,31,11,.11),transparent 30%),
    linear-gradient(180deg,rgba(251,247,238,.2),rgba(251,247,238,.03) 42%,rgba(61,31,11,.12));
  opacity:.42;
  mix-blend-mode:soft-light;
  box-shadow:inset 0 0 0 1px rgba(61,31,11,.16),inset 0 0 48px rgba(61,31,11,.18);
}
#location .leaflet-tile{
  backface-visibility:hidden;
}
#location .loc-map-stack{
  display:none!important;
}
#location .loc-plane::before,
#location .loc-plane::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}
#location .map-marker-pin.nearby,
#location .map-marker-pin.nearby.has-time,
#location .map-marker-pin.nearby.selected{
  width:24px;
  height:24px;
  background:transparent;
  border:0;
  box-shadow:none;
  color:#fffaf0;
  display:grid;
  place-items:center;
  opacity:.96;
  filter:drop-shadow(0 6px 10px rgba(61,31,11,.42));
}
#location .map-marker-pin.nearby svg,
#location .map-marker-pin.nearby.has-time svg,
#location .map-marker-pin.nearby.selected svg{
  display:block;
  width:21px;
  height:21px;
  opacity:1;
  stroke:currentColor;
}
#location .map-marker-pin.nearby .pin-label,
#location .map-marker-pin.nearby.has-time .pin-label,
#location .map-marker-pin.nearby.selected .pin-label{
  display:none;
}
#location .map-marker-pin.nearby::before,
#location .map-marker-pin.nearby.has-time::before,
#location .map-marker-pin.nearby.selected::before{
  content:none;
}
#masterplan .mp-point-layer,
#masterplan .mp-layer-dot,
#masterplan .mp-point-dot,
#masterplan .mp-default-dot,
#masterplan .mp-extra-dot{
  display:none;
  pointer-events:none;
}
#masterplan .mp-photo-card{
  margin-left:15px!important;
  margin-top:-5px!important;
}
@media(max-width:720px){
  
  
  
  #location .loc-scene,
  #location .loc-plane{
    border-radius:20px;
  }
  
  
  
  
  
  
  #location .map-marker-pin .pin-label{
    
    
    
    bottom:18px;
  }
  #location .map-marker-pin .pin-time{
    font-size:11px;
  }
}
@media(max-width:420px){
  #location .loc-block:nth-of-type(1){max-height:98px;}
  
}
/* Location mobile map-app controls */
#location .loc-headline::before{
  left:-62%;
  right:-42%;
  top:-82%;
  bottom:-66%;
  transform:scaleX(-1) scale(1.16);
}
@media(max-width:720px){
  
  #location .location-window{
    height:100dvh;
    width:100%;
  }
  #location .loc-scene{
    
    
    border:0;
    
  }
  
  
  
  
  
  
  
  
  #location .loc-block:nth-of-type(1) .loc-toggles.stack{
    
    
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scroll-snap-type:x proximity;
    padding-bottom:2px;
    -webkit-overflow-scrolling:touch;
  }
  #location .loc-block:nth-of-type(1) .loc-toggle-btn{
    flex:0 0 auto;
    min-width:116px;
    scroll-snap-align:start;
  }
  
  
  #location .loc-block:nth-of-type(2) .loc-toggle-btn{
    
    
    
    white-space:nowrap;
  }
  
  
  #location .loc-toggle-btn{
    
    
    
    background:rgba(251,247,238,.72);
  }
  
  
  #location .loc-zoom-controls{
    
    
    
    
    overflow:hidden;
    
    
  }
  #location .loc-zoom-btn{
    
    
    border:0;
    
    background:transparent;
    
    box-shadow:none;
  }
  #location .loc-zoom-btn + .loc-zoom-btn{
    border-top:1px solid rgba(61,31,11,.12);
  }
  #location .loc-actions{
    
    
    
    
    
    
    
    
    backdrop-filter:none;
  }
  
}
@media(max-width:420px){
  #location .loc-headline{
    
    top:24px;
    
  }
  #location .loc-headline::before{
    left:-78%;
    right:-18%;
    transform:scaleX(-1) scale(1.2);
  }
  #location .loc-block:nth-of-type(1) .loc-toggle-btn{
    min-width:106px;
  }
}

/* Final mobile compatibility pass */
@media(max-width:720px){
  html{
    scroll-padding-top:0!important;
  }
  body{
    overflow-x:hidden!important;
  }
  body::-webkit-scrollbar,
  .hero-nav::-webkit-scrollbar,
  .hero-nav-inner::-webkit-scrollbar,
  .loc-toggles::-webkit-scrollbar,
  .master-legend::-webkit-scrollbar,
  .architecture-units .unit-type-list::-webkit-scrollbar,
  .lifestyle-wide-track::-webkit-scrollbar,
  .amenities-track::-webkit-scrollbar{
    display:none;
  }
  main>section{
    width:100%!important;
    min-height:100dvh!important;
    box-sizing:border-box!important;
  }
  .hero-nav{
    
    
    
    
    
    
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
    
    
  }
  .hero-nav-inner{
    width:max-content!important;
    max-width:none!important;
    
    
    
  }
  .hero-nav-link{
    flex:0 0 auto!important;
    min-height:34px!important;
    
    
    
  }

  #location{
    
    
    
    
    
    background:#e8decd!important;
  }
  #location .location-window,
  #location .location-inner,
  #location .loc-scene{
    width:100%!important;
    
    
    
    padding:0!important;
    margin:0!important;
    border-radius:0!important;
  }
  #location .loc-scene{
    position:absolute!important;
    inset:0!important;
    box-shadow:none!important;
  }
  #location .loc-plane{
    border-radius:0!important;
    clip-path:none!important;
  }
  #location .map-clouds::before{
    width:122vw!important;
    height:58vw!important;
    left:-44vw!important;
    top:36px!important;
    opacity:.84!important;
    transform:scaleX(-1)!important;
  }
  #location .map-clouds::after{
    width:86vw!important;
    height:40vw!important;
    right:-42vw!important;
    top:130px!important;
    opacity:.42!important;
  }
  #location .loc-guide{
    position:absolute!important;
    inset:0!important;
    z-index:24!important;
    padding:0!important;
    pointer-events:none!important;
  }
  #location .loc-headline{
    position:absolute!important;
    
    
    
    
    
    
    text-align:left!important;
  }
  #location .loc-headline::before{
    left:-64%!important;
    right:-30%!important;
    top:-82%!important;
    bottom:-78%!important;
    transform:scaleX(-1) scale(1.35)!important;
    opacity:.9!important;
  }
  #location .loc-headline h2{
    max-width:300px!important;
    
    
    color:#3d1f0b!important;
  }
  #location .loc-headline p,
  #location .loc-block-title,
  #location .location-hint,
  #location .nearby-guide{
    display:none!important;
  }
  #location .loc-ui-panel{
    position:absolute!important;
    
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    
  }
  
  
  #location .loc-block:nth-of-type(1) .loc-toggles.stack{
    
    
    
    overflow:visible!important;
    
  }
  
  #location .loc-block:nth-of-type(2) .loc-toggles.inline{
    display:flex!important;
    
  }
  
  
  #location .loc-toggle-btn{
    min-width:0!important;
    
    
    
    
    
    
    white-space:normal!important;
  }
  #location .loc-toggle-btn .mini{
    
    width:max-content!important;
    margin:3px auto 0!important;
    padding:1px 5px!important;
    font-size:8px!important;
  }
  #location .loc-toggle-btn.icon-only{
    
    
    
    
    border-radius:14px!important;
  }
  #location .loc-toggle-btn.icon-only svg{
    width:20px!important;
    height:20px!important;
  }
  #location .loc-actions{
    position:absolute!important;
    
    
    
    
    
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    pointer-events:auto!important;
  }
  #location .loc-action{
    
    
    
    
    
    background:rgba(251,247,238,.78)!important;
    box-shadow:0 12px 28px rgba(42,31,22,.14)!important;
  }
  
  #location .map-marker-pin .pin-label{
    
    
    text-shadow:0 10px 24px rgba(0,0,0,.5)!important;
  }
  #location .map-marker-pin.neighborhood .pin-label{
    font-size:11px!important;
  }

  #masterplan{
    
    
    max-height:none!important;
    
    
  }
  
  
  #masterplan .master-stage{
    order:0!important;
    
    
    
    
  }
  #masterplan .master-base{
    
    
    transform:translate(var(--mp-pan-x),var(--mp-pan-y)) scale(calc(.78 * var(--mp-zoom)))!important;
  }
  #masterplan .master-analysis-layer,
  #masterplan .mp-point-layer{
    transform:translate(var(--mp-pan-x),var(--mp-pan-y)) scale(calc(.78 * var(--mp-zoom)))!important;
  }
  #masterplan .master-copy{
    order:1!important;
    
    
    
    
    
    
    
    
    
    
  }
  
  #masterplan .master-copy p{
    
    margin-top:6px!important;
    
    
  }
  #masterplan .master-legend{
    
    flex-wrap:nowrap!important;
    
    
    margin-top:8px!important;
    overflow-x:auto!important;
    padding-bottom:2px!important;
  }
  #masterplan .legend-item{
    flex:0 0 auto!important;
    
    
    
    
    
    
  }
  
  
  
  
  
  
  
  #masterplan .mp-photo-card::after{
    
    left:auto!important;
  }
  

  #lifestyle,
  #amenities,
  #accuracy,
  #construction,
  .developer-section{
    padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))!important;
  }
  .lifestyle-wide-track,
  .amenities-track,
  .accuracy-collage,
  .architecture-render-strip{
    touch-action:pan-y pan-x!important;
  }
  
  .architecture-units{
    min-height:100dvh!important;
  }
  .unit-render-caption{
    left:16px!important;
    top:calc(70px + env(safe-area-inset-top,0px))!important;
    width:calc(100vw - 96px)!important;
  }
  .unit-render-caption h2{
    font-size:32px!important;
  }
  .unit-render-caption p{
    font-size:12px!important;
    line-height:1.38!important;
    max-width:270px!important;
  }
  .unit-menu-toggle{
    right:12px!important;
    bottom:calc(92px + env(safe-area-inset-bottom,0px))!important;
    top:auto!important;
    width:44px!important;
    min-width:44px!important;
    height:118px!important;
    border-radius:20px!important;
  }
  .architecture-units .unit-side-panel{
    top:10px!important;
    right:10px!important;
    bottom:calc(70px + env(safe-area-inset-bottom,0px))!important;
    width:calc(100vw - 20px)!important;
    min-height:0!important;
    max-height:none!important;
    padding:56px 14px 18px!important;
    overflow:auto!important;
  }
  .architecture-units.unit-menu-open .unit-menu-toggle{
    right:18px!important;
    z-index:191!important;
  }
  .architecture-units .unit-type-list{
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
  }
  .architecture-units .unit-pill{
    min-height:38px!important;
    font-size:9px!important;
    padding:8px 7px!important;
  }
  .unit-floor-drawer{
    width:100vw!important;
    padding:54px 12px calc(16px + env(safe-area-inset-bottom,0px))!important;
  }
  .unit-floor-drawer .floorplan-radar-frame{
    height:58dvh!important;
    min-height:320px!important;
  }

  
  
  #construction .construction-grid{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    gap:12px!important;
    align-items:stretch!important;
    padding-top:64px!important;
  }
  
  
  #construction .construction-data{
    
    overflow-x:auto!important;
    
    margin-top:10px!important;
  }
  #construction .construction-metric{
    flex:0 0 136px!important;
    
    
  }
  
  
  
  

  .developer-section{
    min-height:100dvh!important;
    padding:72px 16px calc(76px + env(safe-area-inset-bottom,0px))!important;
  }
  .developer-inner{
    height:100%!important;
    min-height:0!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    gap:16px!important;
    align-items:start!important;
  }
  .developer-logo{
    width:min(236px,70vw)!important;
    margin:0 0 16px!important;
  }
  .developer-copy p{
    font-size:12px!important;
    line-height:1.5!important;
    letter-spacing:0!important;
    text-transform:none!important;
  }
  .developer-project-frame{
    min-height:0!important;
    height:100%!important;
    border-radius:20px!important;
  }
  .developer-project-frame img{
    min-height:0!important;
    height:100%!important;
  }
}

@media(max-width:420px){
  .hero-nav-link{
    font-size:14px!important;
    padding:8px 10px!important;
  }
  #location .loc-headline{
    left:14px!important;
    width:min(286px,76vw)!important;
  }
  
  #location .loc-block:nth-of-type(1) .loc-toggles.stack{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #location .loc-block:nth-of-type(1){
    bottom:calc(60px + env(safe-area-inset-bottom,0px))!important;
  }
  #location .loc-block:nth-of-type(2){
    bottom:calc(205px + env(safe-area-inset-bottom,0px))!important;
  }
  #location .loc-actions{
    bottom:calc(154px + env(safe-area-inset-bottom,0px))!important;
  }
  #location .loc-toggle-btn{
    min-height:32px!important;
    font-size:8.8px!important;
    padding:7px 6px!important;
  }
  #location .loc-toggle-btn.icon-only{
    width:40px!important;
    height:40px!important;
  }
  #masterplan .master-copy{
    padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))!important;
  }
  #masterplan .master-copy h2{
    font-size:26px!important;
  }
  #masterplan .master-copy p{
    font-size:11.5px!important;
  }
  #masterplan .legend-item{
    font-size:8.5px!important;
    padding:7px 8px!important;
  }
  .unit-render-caption{
    width:calc(100vw - 86px)!important;
  }
  .render-disclaimer{
    right:66px!important;
    bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;
  }
  #construction .construction-grid{
    padding-top:58px!important;
  }
}

/* Deployment/mobile repair: static unit fallback, no mobile main menu, compact panels */
.unit-fullscreen-render{
  background:#1f1813 url("units/hillage-types/standalone-villa-01/renders/front.jpg") center/cover no-repeat!important;
}
.unit-fullscreen-render .render-track:empty::before{
  content:"";
  position:absolute;
  inset:0;
  background:url("units/hillage-types/standalone-villa-01/renders/front.jpg") center/cover no-repeat;
}

@media(max-width:720px){
  
  main>section{
    padding-left:0!important;
    padding-right:0!important;
  }
  #location,
  #masterplan,
  #units,
  #construction,
  .developer-section{
    height:100svh!important;
    min-height:100svh!important;
    max-height:100svh!important;
    overflow:hidden!important;
  }
  
  #location .loc-block,
  #masterplan .master-copy{
    transition:max-height .35s cubic-bezier(.16,1,.3,1), opacity .25s ease, transform .35s cubic-bezier(.16,1,.3,1)!important;
  }
  #location .loc-block-title{
    
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    
    
    
    
    
    
  }
  #location .loc-block-title::after{
    content:"+";
    
    place-items:center;
    width:18px;
    height:18px;
    border-radius:50%;
    background:rgba(61,31,11,.08);
    font-size:14px;
    line-height:1;
  }
  
  #location .loc-block:not(.is-open) .loc-toggles{
    display:none!important;
  }
  
  
  
  
  
  
  
  #location .loc-block:nth-of-type(2) .loc-toggles.inline{
    padding:4px!important;
  }
  
  
  
  #location .loc-action{
    
    
    min-height:42px!important;
    
    
    
  }
  #location .loc-action::before{
    content:"?";
    font-size:18px;
  }
  

  #masterplan{
    display:grid!important;
    align-items:stretch!important;
    
  }
  #masterplan .section-inner,
  #masterplan .master-wrap{
    height:100dvh!important;
  }
  
  
  #masterplan .master-copy::before{
    
    
    align-items:center;
    justify-content:space-between;
    min-height:28px;
    
    font-family:var(--font-display);
    
    
    
  }
  #masterplan .master-copy::after{
    content:"+";
    position:absolute;
    right:18px;
    top:14px;
    width:20px;
    height:20px;
    
    place-items:center;
    border-radius:50%;
    background:rgba(61,31,11,.08);
    color:#3d1f0b;
  }
  
  #masterplan .master-copy.is-open::after{
    content:"-";
  }
  #masterplan .master-copy h2{
    margin-top:4px!important;
  }
  

  #units.architecture-units{
    
    
    
    background:#1f1813!important;
  }
  #units .unit-fullscreen-render,
  #units .unit-fullscreen-render .render-track,
  #units .unit-fullscreen-render .render-slide{
    position:absolute!important;
    
    
    
  }
  
  #units .unit-render-caption{
    
    
    
    
    
    border-radius:18px!important;
    
    
  }
  
  
  
  #units .unit-side-panel{
    
    
    
    
    
    
    
    
    
    
    
    border:1px solid rgba(255,255,255,.32)!important;
    
    
    
  }
  
  
  
  
  #units .unit-floor-expand{
    
    justify-content:center!important;
    margin-top:12px!important;
  }
  
  
  #units .render-arrow.right{
    right:94px!important;
  }
  
  
  .unit-floor-drawer{
    height:100dvh!important;
    max-height:100dvh!important;
    overflow:auto!important;
  }
}

@media(max-width:420px){
  #location .loc-headline h2{
    font-size:36px!important;
  }
  #location .loc-block:nth-of-type(1).is-open{
    max-height:238px!important;
  }
  #masterplan .master-copy.is-open{
    max-height:52dvh!important;
  }
  #units .unit-render-caption h2{
    font-size:28px!important;
  }
  #units .unit-side-panel{
    max-height:66dvh!important;
  }
}


  html{scroll-snap-type:none;scroll-behavior:auto;}
  body{overscroll-behavior-y:none;}
  main>section{min-height:100svh;height:100svh;max-height:100svh;scroll-snap-align:none;scroll-snap-stop:normal;overflow:hidden;}
  #lifestyle,#amenities,#masterplan,#units,#accuracy,#construction{min-height:100svh;height:100svh;max-height:100svh;}
  #aerial-after-floorplan{background:#f4eee4!important;}
  #aerial-after-floorplan::before,#aerial-after-floorplan::after{display:none!important;}
  .section-label{display:none!important;}
  .amenities-strip{touch-action:pan-y;contain:layout paint;will-change:transform;}
  .amenities-track{backface-visibility:hidden;transform:translateZ(0);}
  .life-card video{pointer-events:auto;}
  #units.architecture-units{display:block;position:relative;min-height:100svh;height:100svh;overflow:hidden;background:#f4eee4!important;}
  #units .unit-fullscreen-render,#units .render-track,#units .render-slide{position:absolute;inset:0;width:100%;height:100%;}
  #units .render-slide{opacity:0;visibility:hidden;}
  #units .render-slide.active{opacity:1;visibility:visible;}
  #units .render-slide img{width:100%;height:100%;object-fit:cover;}
  #units .unit-menu-toggle{display:grid!important;place-items:center;}
  #units .unit-side-panel{display:flex;}
  @media(max-width:720px){
    html{scroll-snap-type:none;}
    main>section{height:100svh;min-height:100svh;max-height:100svh;overflow:hidden;}
    #location{padding:0!important;}
    #location .location-inner{padding:0!important;min-height:100svh;height:100svh;}
    #location .loc-scene{height:100svh!important;min-height:100svh!important;max-height:none!important;border-radius:0!important;}
    
    
    
    #location .loc-block{max-width:calc(100vw - 24px);}
    
    
    #location .loc-block:not(.is-open) .loc-toggles{display:none;}
    
    
    
    
    #location .loc-toggles,#location .loc-toggles.stack,#location .loc-toggles.inline{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
    #location .loc-toggle-btn{text-align:center!important;}
    
    .map-label-pin.destination-label .map-pin-name{font-size:clamp(22px,8vw,34px)!important;}
    .map-label-pin.neighborhood-label .map-pin-name{font-size:clamp(11px,3.2vw,16px)!important;}
    #masterplan{height:100svh!important;min-height:100svh!important;}
    #masterplan .section-inner,.master-wrap,.master-grid{height:100%;min-height:0;}
    .master-grid{display:flex!important;flex-direction:column!important;gap:8px!important;}
    .master-stage{height:70svh!important;min-height:0!important;flex:1 1 auto!important;border-radius:0!important;}
    .master-copy{flex:0 0 auto!important;padding:10px 12px 14px!important;max-height:30svh!important;overflow:auto!important;}
    .master-copy h2{font-size:clamp(24px,8vw,34px)!important;margin:0 0 6px!important;}
    .master-copy p{font-size:12px!important;line-height:1.45!important;max-width:100%!important;margin:0 0 8px!important;}
    .master-legend{display:flex!important;gap:5px!important;overflow-x:auto!important;flex-wrap:nowrap!important;}
    .legend-item{font-size:9px!important;padding:6px 7px!important;white-space:nowrap!important;}
    .mp-photo-card{width:min(170px,56vw)!important;min-height:126px!important;}
    .master-analysis-tools{right:10px!important;top:50%!important;transform:translateY(-50%)!important;}
    
  }


  .water-heart-page{position:relative;height:100svh;min-height:100svh;padding:0;background:#17110d;overflow:hidden;color:#fff;}
  .water-heart-page video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.95) contrast(1.02);}
  .water-heart-page::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,9,30,.62),rgba(14,9,30,.08) 58%,rgba(14,9,30,.28));pointer-events:none;}
  .water-heart-copy{position:absolute;z-index:2;left:clamp(24px,6vw,86px);bottom:clamp(36px,8vh,92px);width:min(620px,calc(100% - 48px));text-shadow:0 18px 54px rgba(0,0,0,.36);}
  .water-heart-copy h2{color:#fff;font-size:clamp(42px,6vw,96px);line-height:.9;margin:0;}
  .water-heart-copy p{color:rgba(255,255,255,.82);max-width:520px;margin:16px 0 0;font-size:clamp(14px,1.25vw,18px);}
  #units .render-track{will-change:opacity;}
  #units.unit-render-fading .render-track{opacity:0!important;}
  #units.unit-render-ready .render-track{opacity:1!important;}
  #location.map-pan-on .leaflet-live-map{cursor:grab;}
  #location.map-pan-on .leaflet-live-map:active{cursor:grabbing;}
  #locPanToggle.is-on{background:linear-gradient(145deg,#8f0308,#4f1714)!important;color:#fff!important;border-color:rgba(255,255,255,.42)!important;}
  @media(max-width:720px){
    
    
    
    
    #location .loc-block:not(.is-open) .loc-toggles,#location .loc-block:not(.is-open) .nearby-guide{display:none!important;}
    
    
    
    #location .loc-block.is-open{z-index:24!important;transform:translateY(-50%)!important;}
    #location .loc-block:nth-of-type(1).is-open,#location .loc-block:nth-of-type(2).is-open{left:10px!important;right:auto!important;top:50%!important;}
    
    #location .loc-block.is-open .loc-block-title{margin-bottom:9px!important;}
    #location .loc-block.is-open .loc-toggles,#location .loc-block.is-open .loc-toggles.stack,#location .loc-block.is-open .loc-toggles.inline{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;}
    
    
    
    #location .nearby-guide{display:none!important;}
    .loc-zoom-controls{right:10px!important;top:50%!important;transform:translateY(66px)!important;}
    .loc-zoom-btn{width:38px!important;height:38px!important;border-radius:12px!important;}
    
    
    
    #masterplan .master-copy h2,#masterplan .master-copy p,#masterplan .master-legend{display:none!important;}
    
    
    
    
    #masterplan .master-copy.is-open .master-legend{flex-wrap:unset!important;}
    
    #location .loc-toggle-btn,
    #location .loc-action,
    #location .loc-zoom-btn,
    #masterplan .master-tool-btn,
    #masterplan .legend-item,
    #units .unit-pill,
    #units .unit-menu-toggle,
    #units .unit-floor-expand,
    #units .unit-floor-back,
    #units .unit-floor-close,
    #units .fp-view-launch,
    #units .fp-control-btn{
      background:linear-gradient(145deg,rgba(251,247,238,.96),rgba(233,223,209,.86))!important;
      color:#4b2a18!important;
      border:1px solid rgba(61,31,11,.16)!important;
      box-shadow:0 10px 24px rgba(42,31,22,.12),inset 0 1px 0 rgba(255,255,255,.62)!important;
      text-shadow:none!important;
    }
    #location .loc-toggle-btn.is-on,
    #location .loc-toggle-btn[aria-pressed="true"],
    #location .loc-zoom-btn.is-on,
    #locPanToggle.is-on,
    #masterplan .master-tool-btn.is-on,
    #masterplan .master-tool-btn[aria-pressed="true"],
    #masterplan .legend-item.is-active,
    #units .unit-pill.active,
    #units .unit-menu-toggle[aria-expanded="true"],
    #units .fp-view-launch.is-on,
    #units .fp-control-btn.is-on{
      background:linear-gradient(145deg,#8f0308,#5d1714)!important;
      color:#fff7e8!important;
      border-color:rgba(240,178,75,.72)!important;
      box-shadow:0 12px 28px rgba(95,17,15,.28),inset 0 1px 0 rgba(255,255,255,.24)!important;
    }
    #location .loc-block-title,
    #masterplan .master-copy::before,
    #masterplan .master-copy.is-open::before{
      color:#b58a22!important;
    }
    #location .loc-toggle-btn svg,
    #masterplan .master-tool-btn svg,
    #units .fp-view-launch svg,
    #units .fp-control-btn svg{
      stroke:currentColor!important;
    }
    #location .loc-toggle-btn:focus-visible,
    #location .loc-action:focus-visible,
    #location .loc-zoom-btn:focus-visible,
    #masterplan .master-tool-btn:focus-visible,
    #masterplan .legend-item:focus-visible,
    #units .unit-pill:focus-visible,
    #units .unit-menu-toggle:focus-visible,
    #units .unit-floor-expand:focus-visible{
      outline:2px solid #f0b24b!important;
      outline-offset:2px!important;
    }
    .water-heart-copy{left:18px;bottom:26px;width:calc(100% - 36px);}
    .water-heart-copy h2{font-size:clamp(36px,13vw,56px);}
    .water-heart-copy p{font-size:13px;line-height:1.45;}
    #feel{height:100svh!important;min-height:100svh!important;padding:0!important;align-items:end!important;}
    #feel::before{inset:0!important;background-size:auto 100%!important;background-position:center center!important;opacity:.62!important;}
    #feel::after{background:linear-gradient(0deg,rgba(246,239,229,.94),rgba(246,239,229,.68) 34%,rgba(246,239,229,.14) 72%,rgba(246,239,229,.04))!important;}
    #feel .feel-layout{margin:0!important;padding:0 18px 28px!important;}
    #feel .feel-layout h2{font-size:clamp(34px,11vw,52px)!important;max-width:300px!important;}
    #feel .feel-layout p{font-size:13px!important;line-height:1.45!important;max-width:330px!important;}
  }


  html,body{
    scroll-snap-type:none!important;
    overscroll-behavior:none!important;
    scroll-behavior:auto!important;
    overflow:hidden!important;
    height:100%!important;
  }
  body.hillage-paged main{
    position:relative!important;
    height:100svh!important;
    min-height:100svh!important;
    max-height:100svh!important;
    overflow:hidden!important;
  }
  body.hillage-paged main>section{
    position:absolute!important;
    inset:0!important;
    height:100svh!important;
    min-height:100svh!important;
    max-height:100svh!important;
    overflow:hidden!important;
    scroll-snap-align:none!important;
    scroll-snap-stop:normal!important;
    box-sizing:border-box!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translate3d(0,100%,0)!important;
    transition:transform .58s cubic-bezier(.2,.8,.2,1),visibility 0s linear .58s!important;
    will-change:transform;
  }
  body.hillage-paged main>section.is-page-active{
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translate3d(0,0,0)!important;
    transition:transform .58s cubic-bezier(.2,.8,.2,1),visibility 0s!important;
    z-index:2;
  }
  body.hillage-paged main>section.is-page-before{
    visibility:visible!important;
    transform:translate3d(0,-100%,0)!important;
    z-index:1;
  }
  body.hillage-paged main>section.is-page-after{
    visibility:visible!important;
    transform:translate3d(0,100%,0)!important;
    z-index:1;
  }
  @media(prefers-reduced-motion:reduce){
    body.hillage-paged main>section{
      transition:none!important;
    }
  }


@media(max-width:720px){
  
  #location .loc-block{
    position:absolute!important;
    display:block!important;
    width:38px!important;
    
    max-height:104px!important;
    padding:0!important;
    
    border-radius:15px!important;
    
    
    
    
    
    
  }
  #location .loc-block-title{
    position:static!important;
    width:100%!important;
    height:100%!important;
    clip:auto!important;
    overflow:visible!important;
    display:grid!important;
    place-items:center!important;
    padding:8px 0!important;
    margin:0!important;
    color:var(--accent-1)!important;
    font-size:8.5px!important;
    line-height:1!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
    writing-mode:vertical-rl!important;
    text-orientation:mixed!important;
    cursor:pointer!important;
  }
  #location .loc-block-title::after{
    display:none!important;
  }
  #location .loc-block:not(.is-open) .loc-toggles,
  #location .loc-block:not(.is-open) .nearby-guide{
    display:none!important;
  }
  
  
  
  #location .loc-block.is-open{
    width:min(306px,82vw)!important;
    height:auto!important;
    max-height:62svh!important;
    padding:10px!important;
    overflow:auto!important;
  }
  #location .loc-block:nth-of-type(1).is-open,
  #location .loc-block:nth-of-type(2).is-open{
    left:10px!important;
    right:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
  }
  #location .loc-block:nth-of-type(3).is-open{
    right:10px!important;
    left:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    
  }
  #location .loc-block.is-open .loc-block-title{
    height:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:0 0 9px!important;
    margin:0 0 9px!important;
    border-bottom:1px solid rgba(61,31,11,.1)!important;
    color:#ad8a1f!important;
    writing-mode:horizontal-tb!important;
    text-align:left!important;
  }
  #location .loc-block.is-open .loc-block-title::after{
    
    display:grid!important;
    width:18px;
    height:18px;
    place-items:center;
    border-radius:999px;
    background:rgba(61,31,11,.08);
    color:var(--accent-1);
  }
  #location .loc-block.is-open .loc-toggles,
  #location .loc-block.is-open .loc-toggles.stack,
  #location .loc-block.is-open .loc-toggles.inline{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    padding:0!important;
  }
  #location .loc-block:nth-of-type(3).is-open .loc-toggles.inline{
    grid-template-columns:repeat(3,1fr)!important;
  }
  #location .loc-toggle-btn{
    
    
    border-radius:10px!important;
    
    line-height:1.05!important;
  }
  #location .loc-toggle-btn.icon-only{
    
    
    
    padding:7px!important;
  }

  
  #masterplan .master-copy{
    
    
    
    
    
    
    
    height:112px!important;
    
    
    border-radius:15px!important;
    
    border:1px solid rgba(61,31,11,.14)!important;
    
    backdrop-filter:blur(14px)!important;
    
    transform:translateY(-50%)!important;
    cursor:pointer!important;
    transition:width .3s cubic-bezier(.16,1,.3,1),height .3s cubic-bezier(.16,1,.3,1),max-height .3s cubic-bezier(.16,1,.3,1),padding .3s cubic-bezier(.16,1,.3,1)!important;
  }
  #masterplan .master-copy::before{
    content:"Plan"!important;
    position:absolute!important;
    inset:0!important;
    display:grid!important;
    place-items:center!important;
    color:var(--accent-1)!important;
    font-size:9px!important;
    line-height:1!important;
    letter-spacing:.14em!important;
    text-transform:uppercase!important;
    writing-mode:vertical-rl!important;
    text-orientation:mixed!important;
  }
  #masterplan .master-copy::after{
    display:none!important;
  }
  #masterplan .master-copy h2,
  #masterplan .master-copy p,
  #masterplan .master-legend{
    display:none!important;
  }
  #masterplan .master-copy.is-open{
    width:min(320px,84vw)!important;
    height:auto!important;
    max-height:70svh!important;
    padding:13px!important;
    overflow:auto!important;
  }
  #masterplan .master-copy.is-open::before{
    position:static!important;
    content:"Masterplan"!important;
    display:block!important;
    margin:0 0 8px!important;
    color:#ad8a1f!important;
    writing-mode:horizontal-tb!important;
    text-align:left!important;
  }
  #masterplan .master-copy.is-open h2{
    display:block!important;
    font-size:23px!important;
    line-height:.98!important;
    margin:0!important;
  }
  #masterplan .master-copy.is-open p{
    display:block!important;
    margin:8px 0!important;
    font-size:11.5px!important;
    line-height:1.42!important;
  }
  #masterplan .master-copy.is-open .master-legend{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    margin-top:9px!important;
    overflow:visible!important;
  }
  

  #units .unit-render-caption{
    
    
    
    
    
    
    border:0!important;
    
    
    
  }
  #units .unit-render-caption::before,
  #units .unit-render-caption::after{
    content:none!important;
    display:none!important;
  }
  #units .unit-render-caption .section-label,
  #units .unit-render-caption .render-chip{
    display:none!important;
  }
  #units .unit-render-caption h2{
    
    
    
    
    color:#fff7e8!important;
  }
  #units .unit-render-caption p{
    
    
    
    
    color:rgba(255,247,232,.82)!important;
  }
  #units .unit-menu-toggle{
    
    
    
    
    
    
    padding:8px 0!important;
    border-radius:15px!important;
    font-size:13px!important;
    line-height:1!important;
    letter-spacing:.05em!important;
    writing-mode:vertical-rl!important;
    text-orientation:mixed!important;
    
    transform:none!important;
  }
  #units .unit-menu-toggle:hover{
    transform:none!important;
  }
  
  
  #units.unit-menu-open .unit-menu-toggle{
    right:10px!important;
    top:calc(18px + env(safe-area-inset-top,0px))!important;
  }
  
  
  #units .unit-meta{
    font-size:10.5px!important;
    line-height:1.34!important;
  }
  
}


#units .render-track{
  opacity:1!important;
  transition:none!important;
}
#units.unit-render-fading .render-track,
#units.unit-render-ready .render-track{
  opacity:1!important;
}
#units .render-slide.unit-crossfade-in{
  opacity:0!important;
  z-index:2!important;
  visibility:visible!important;
  transition:opacity .82s cubic-bezier(.16,1,.3,1)!important;
}
#units .render-slide.unit-crossfade-in.is-in{
  opacity:1!important;
}
#units .render-slide.unit-same-crossfade-in{
  opacity:0!important;
  z-index:2!important;
  visibility:visible!important;
  transition:opacity .78s cubic-bezier(.16,1,.3,1)!important;
}
#units .render-slide.unit-same-crossfade-in.is-in{
  opacity:1!important;
}
#units .render-slide.unit-crossfade-out{
  opacity:1!important;
  z-index:1!important;
  visibility:visible!important;
  animation:unitOutgoingFade .9s cubic-bezier(.16,1,.3,1) forwards!important;
}
@keyframes unitOutgoingFade{
  from{opacity:1;transform:scale(1)}
  to{opacity:0;transform:scale(1.018)}
}


@media(max-width:720px){
  #location .loc-headline{
    
    
    
    z-index:20!important;
    pointer-events:none!important;
  }
  #location .loc-ui-panel{
    z-index:42!important;
    inset:0!important;
    pointer-events:none!important;
  }
  #location .loc-zoom-controls{
    
    
    bottom:auto!important;
    
    
    
    
    
    
    
    
    
    
    
    pointer-events:auto!important;
  }
  #location .loc-zoom-btn{
    width:34px!important;
    height:34px!important;
    border-radius:11px!important;
    font-size:16px!important;
    padding:0!important;
  }
  #location .loc-block{
    pointer-events:auto!important;
    background:rgba(251,247,238,.9)!important;
    border:1px solid rgba(61,31,11,.14)!important;
    box-shadow:0 16px 38px rgba(42,31,22,.15),inset 0 1px 0 rgba(255,255,255,.62)!important;
    backdrop-filter:blur(14px)!important;
  }

  /* Destinations: bottom sheet, always usable */
  #location .loc-block:nth-of-type(1){
    
    
    
    
    
    height:auto!important;
    
    
    border-radius:18px!important;
    
    transform:none!important;
  }
  #location .loc-block:nth-of-type(1) .loc-block-title{
    position:static!important;
    width:auto!important;
    height:auto!important;
    clip:auto!important;
    display:block!important;
    margin:0 0 7px!important;
    padding:0!important;
    color:#ad8a1f!important;
    font-size:9px!important;
    letter-spacing:.18em!important;
    text-transform:uppercase!important;
    writing-mode:horizontal-tb!important;
    text-align:left!important;
  }
  #location .loc-block:nth-of-type(1) .loc-block-title::after{
    display:none!important;
  }
  #location .loc-block:nth-of-type(1) .loc-toggles.stack{
    display:grid!important;
    
    
    padding:0!important;
  }
  #location .loc-block:nth-of-type(1) .loc-toggle-btn{
    
    
    border-radius:12px!important;
    
    line-height:1.05!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:4px!important;
    text-align:left!important;
  }
  #location .loc-block:nth-of-type(1) .loc-toggle-btn .mini{
    display:block!important;
    margin:0!important;
    padding:0!important;
    width:auto!important;
    background:transparent!important;
    color:var(--hillage-gold)!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:.04em!important;
    align-self:flex-end!important;
  }

  /* Map layers: compact drawer above destinations */
  #location .loc-block:nth-of-type(2){
    
    
    
    
    
    height:auto!important;
    
    
    border-radius:16px!important;
    overflow:visible!important;
    transform:none!important;
  }
  #location .loc-block:nth-of-type(2) .loc-block-title{
    position:static!important;
    width:auto!important;
    height:auto!important;
    clip:auto!important;
    display:block!important;
    padding:0!important;
    margin:0 0 6px!important;
    color:#ad8a1f!important;
    font-size:8.5px!important;
    letter-spacing:.16em!important;
    text-transform:uppercase!important;
    writing-mode:horizontal-tb!important;
  }
  #location .loc-block:nth-of-type(2):not(.is-open) .loc-block-title{
    margin:0!important;
    cursor:pointer!important;
  }
  #location .loc-block:nth-of-type(2):not(.is-open) .loc-block-title::after{
    content:"";
    display:inline-block!important;
    width:6px;
    height:6px;
    margin-left:7px;
    border-right:1px solid currentColor;
    border-bottom:1px solid currentColor;
    transform:rotate(-135deg) translateY(-1px);
    opacity:.72;
  }
  #location .loc-block:nth-of-type(2):not(.is-open) .loc-toggles{
    display:none!important;
  }
  #location .loc-block:nth-of-type(2).is-open{
    width:auto!important;
    height:auto!important;
    
    padding:8px!important;
  }
  #location .loc-block:nth-of-type(2).is-open .loc-block-title{
    padding:0!important;
    margin:0 0 7px!important;
    border-bottom:0!important;
    color:#ad8a1f!important;
    writing-mode:horizontal-tb!important;
  }
  #location .loc-block:nth-of-type(2).is-open .loc-toggles.inline{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }

  /* Nearby: visible right-side icon rail */
  #location .loc-block:nth-of-type(3){
    
    
    
    
    
    height:auto!important;
    
    
    border-radius:18px!important;
    transform:translateY(-50%)!important;
    overflow:visible!important;
  }
  #location .loc-block:nth-of-type(3) .loc-block-title{
    display:none!important;
  }
  #location .loc-block:nth-of-type(3) .loc-toggles.inline{
    display:grid!important;
    
    
    padding:0!important;
  }
  #location .loc-block:nth-of-type(3) .loc-toggle-btn.icon-only{
    width:34px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0!important;
    border-radius:11px!important;
    display:grid!important;
    place-items:center!important;
  }
  #location .loc-block:nth-of-type(3) .loc-toggle-btn.icon-only span{
    display:none!important;
  }
  #location .loc-block:nth-of-type(3) .loc-toggle-btn.icon-only svg{
    width:17px!important;
    height:17px!important;
  }

  #masterplan{
    padding:0!important;
    
  }
  #masterplan .section-inner,
  #masterplan .master-wrap,
  #masterplan .master-grid{
    height:100svh!important;
    min-height:0!important;
  }
  #masterplan .master-grid{
    
    grid-template-rows:minmax(0,1fr) auto!important;
    gap:0!important;
  }
  #masterplan .master-stage{
    
    
    
    
    grid-row:1!important;
    
    --mp-mobile-fit:.96;
  }
  #masterplan .master-base,
  #masterplan .master-analysis-layer,
  #masterplan .master-safe-mask,
  #masterplan .mp-point-layer{
    transform:translate(var(--mp-pan-x),var(--mp-pan-y)) scale(calc(var(--mp-mobile-fit) * var(--mp-zoom)))!important;
    transform-origin:center center!important;
  }
  #masterplan .master-stage:hover .master-base,
  #masterplan .master-stage:hover .master-analysis-layer,
  #masterplan .master-stage:hover .master-safe-mask,
  #masterplan .master-stage:hover .mp-point-layer{
    transform:translate(var(--mp-pan-x),var(--mp-pan-y)) scale(calc(var(--mp-mobile-fit) * var(--mp-zoom)))!important;
  }
  #masterplan .master-base{
    padding:0!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
  #masterplan .master-safe-mask{
    
    object-fit:contain!important;
    object-position:center center!important;
  }
  
  
  #masterplan .master-copy,
  #masterplan .master-copy.is-open{
    position:relative!important;
    grid-row:2!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    
    height:auto!important;
    max-height:36svh!important;
    padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px))!important;
    border-radius:18px 18px 0 0!important;
    background:rgba(246,239,229,.94)!important;
    border:1px solid rgba(61,31,11,.12)!important;
    box-shadow:0 -18px 48px rgba(42,31,22,.13),inset 0 1px 0 rgba(255,255,255,.62)!important;
    backdrop-filter:blur(14px)!important;
    overflow:auto!important;
    transform:none!important;
    cursor:default!important;
  }
  #masterplan .master-copy::before,
  #masterplan .master-copy::after,
  #masterplan .master-copy.is-open::before,
  #masterplan .master-copy.is-open::after{
    content:none!important;
    display:none!important;
  }
  #masterplan .master-copy h2,
  #masterplan .master-copy p,
  #masterplan .master-legend,
  #masterplan .master-copy.is-open h2,
  #masterplan .master-copy.is-open p,
  #masterplan .master-copy.is-open .master-legend{
    display:block!important;
  }
  
  
  #masterplan .master-legend{
    
    
    
    margin:0!important;
    padding:0!important;
    
    
  }
  
  #masterplan .legend-num{
    
    
    
    border-radius:5px!important;
    
    
  }
  #masterplan .mp-photo-card{
    
    height:132px!important;
    
    
    
  }
  
  
  
  #masterplan .mp-layer-dot,
  #masterplan .mp-default-dot{
    width:13px!important;
    height:13px!important;
    font-size:6.5px!important;
    box-shadow:0 0 0 4px rgba(111,48,56,.14),0 8px 16px rgba(42,31,22,.12)!important;
  }
}


  #amenities .amenity-card-floating-body{
    box-sizing:border-box!important;
    padding:12px clamp(24px,3.2vw,52px) 0!important;
    text-align:left!important;
  }
  #amenities .amenity-card-floating-body h3,
  #amenities .amenity-card-floating-body p{
    width:100%!important;
    max-width:min(420px,calc(100% - 4px))!important;
    margin-left:0!important;
    margin-right:auto!important;
    text-align:left!important;
  }
  #amenities .amenity-card-floating-body p{
    margin-top:5px!important;
    font-size:13px!important;
    line-height:1.32!important;
    color:rgba(61,31,11,.68)!important;
  }
  @media(max-width:720px){
    
    #amenities .amenity-card-floating-body h3,
    #amenities .amenity-card-floating-body p{
      max-width:100%!important;
    }
    
  }


@media(min-width:721px){
  #location{
    height:100svh!important;
    min-height:100svh!important;
    max-height:100svh!important;
    padding:28px 36px!important;
    overflow:hidden!important;
    background:#e8decd!important;
  }
  #location .location-window,
  #location .location-inner{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
  }
  #location .loc-scene{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    border-radius:30px!important;
    overflow:hidden!important;
    box-shadow:0 28px 82px rgba(42,31,22,.18),0 0 0 1px rgba(61,31,11,.2)!important;
  }
  #location .loc-plane{
    border-radius:30px!important;
    clip-path:polygon(.8% 1%,99.1% .5%,99.5% 30%,99.05% 49%,99.55% 73%,98.8% 99%,72% 99.35%,50% 98.8%,27% 99.45%,.8% 98.7%,.25% 72%,.95% 51%,.35% 26%)!important;
    border:0!important;
    box-shadow:none!important;
  }
  #location .loc-guide{
    position:absolute!important;
    inset:0!important;
    z-index:34!important;
    pointer-events:none!important;
  }
  #location .loc-headline{
    position:absolute!important;
    
    
    
    padding:0!important;
    text-align:left!important;
    pointer-events:none!important;
    z-index:8!important;
  }
  #location .loc-headline::before{
    left:-52%!important;
    right:-32%!important;
    top:-94%!important;
    bottom:-72%!important;
    transform:scaleX(-1) scale(1.28)!important;
    opacity:.9!important;
    filter:drop-shadow(0 24px 52px rgba(42,31,22,.16))!important;
  }
  #location .loc-headline h2{
    
    
    line-height:.86!important;
    color:#3d1f0b!important;
    text-shadow:0 1px 0 rgba(255,255,255,.42),0 16px 42px rgba(61,31,11,.16)!important;
  }
  #location .loc-headline p{
    display:block!important;
    
    margin:14px 0 0!important;
    color:rgba(61,31,11,.78)!important;
    
    line-height:1.34!important;
    text-shadow:0 1px 0 rgba(255,255,255,.38)!important;
  }
  #location .loc-ui-panel{
    position:absolute!important;
    inset:0!important;
    z-index:18!important;
    padding:0!important;
    
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }
  #location .loc-block,
  #location .loc-actions{
    background:rgba(251,247,238,.72)!important;
    border:1px solid rgba(255,255,255,.58)!important;
    box-shadow:0 18px 46px rgba(42,31,22,.13),inset 0 1px 0 rgba(255,255,255,.56)!important;
    backdrop-filter:blur(18px)!important;
    border-radius:18px!important;
    pointer-events:auto!important;
  }
  #location .loc-block-title{
    position:static!important;
    width:auto!important;
    height:auto!important;
    clip:auto!important;
    display:block!important;
    margin:0 0 9px!important;
    padding:0!important;
    color:#ad8a1f!important;
    font-size:9px!important;
    line-height:1!important;
    letter-spacing:.2em!important;
    text-transform:uppercase!important;
    writing-mode:horizontal-tb!important;
    text-align:left!important;
  }
  #location .loc-block:nth-of-type(1){
    
    right:auto!important;
    top:auto!important;
    
    
    
    padding:12px!important;
    overflow:visible!important;
    transform:none!important;
  }
  #location .loc-block:nth-of-type(1) .loc-toggles.stack{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    overflow:visible!important;
    padding:0!important;
  }
  #location .loc-block:nth-of-type(2){
    
    right:auto!important;
    top:auto!important;
    
    
    padding:10px!important;
    transform:none!important;
  }
  #location .loc-block:nth-of-type(2) .loc-toggles.inline{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  #location .loc-block:nth-of-type(3){
    
    left:auto!important;
    
    bottom:auto!important;
    
    padding:9px!important;
    border-radius:22px!important;
    
  }
  #location .loc-block:nth-of-type(3) .loc-block-title{
    display:none!important;
  }
  #location .loc-block:nth-of-type(3) .loc-toggles.inline{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  #location .loc-toggle-btn{
    min-height:34px!important;
    padding:7px 9px!important;
    border-radius:12px!important;
    background:rgba(251,247,238,.72)!important;
    border:1px solid rgba(61,31,11,.12)!important;
    color:#3d1f0b!important;
    font-size:9.5px!important;
    line-height:1.08!important;
    text-align:left!important;
    box-shadow:0 8px 20px rgba(42,31,22,.08),inset 0 1px 0 rgba(255,255,255,.58)!important;
  }
  #location .loc-toggle-btn .mini{
    display:inline-grid!important;
    margin-left:7px!important;
    padding:2px 5px!important;
    border-radius:7px!important;
    color:#816b50!important;
    background:rgba(61,31,11,.08)!important;
    font-size:8px!important;
    line-height:1!important;
  }
  #location .loc-toggle-btn.is-on,
  #location .loc-toggle-btn[aria-pressed="true"]{
    background:linear-gradient(145deg,#8f0308,#5d1714)!important;
    color:#fff7e8!important;
    border-color:rgba(240,178,75,.72)!important;
  }
  #location .loc-toggle-btn.is-on .mini,
  #location .loc-toggle-btn[aria-pressed="true"] .mini{
    background:rgba(255,255,255,.16)!important;
    color:#f0b24b!important;
  }
  #location .loc-toggle-btn.icon-only{
    width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    text-align:center!important;
  }
  #location .loc-toggle-btn.icon-only svg{
    width:20px!important;
    height:20px!important;
  }
  #location .loc-actions{
    
    
    
    
    
    display:block!important;
  }
  #location .loc-action{
    
    min-height:40px!important;
    
    
    
    background:rgba(251,247,238,.76)!important;
    color:#3d1f0b!important;
  }
  #location .loc-zoom-controls{
    
    
    bottom:auto!important;
    
    
    
    
    grid-template-columns:1fr!important;
    
    
    
    
    
    backdrop-filter:blur(18px)!important;
  }
  #location .loc-zoom-btn{
    width:38px!important;
    height:38px!important;
    border-radius:12px!important;
    font-size:17px!important;
  }
  #location .nearby-guide,
  #location .location-hint{
    display:none!important;
  }
}


  #units .fp-view-launch{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    padding:0!important;
    display:inline-grid!important;
    place-items:center!important;
    line-height:1!important;
    font-size:0!important;
  }
  #units .fp-view-launch svg{
    
    
    display:block!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
    pointer-events:none!important;
  }
  #units .fp-ui-right{
    align-items:center!important;
  }
  @media(max-width:720px){
    #units .fp-view-launch{
      width:34px!important;
      height:34px!important;
      min-width:34px!important;
      border-radius:11px!important;
    }
    #units .fp-view-launch svg{
      width:16px!important;
      height:16px!important;
    }
  }


@media(max-width:720px){
  #story .story-content,
  #aerial .aerial-content,
  #aerial-after-floorplan .aerial-content,
  #location .loc-headline,
  #masterplan .master-copy,
  #lifestyle .lifestyle-head,
  #amenities .amenities-heading,
  #feel .feel-layout,
  #units .unit-render-caption,
  #construction .construction-copy,
  #accuracy .accuracy-copy,
  #developer .developer-copy,
  .section-interior .interior-overlay{
    box-sizing:border-box!important;
    text-align:left!important;
    max-width:none!important;
  }

  #aerial .aerial-content,
  #aerial-after-floorplan .aerial-content,
  #lifestyle .lifestyle-head,
  #amenities .amenities-heading,
  #construction .construction-copy,
  #developer .developer-copy,
  .section-interior .interior-overlay{
    width:100%!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }

  #story .story-content,
  #accuracy .accuracy-copy{
    left:18px!important;
    right:18px!important;
    width:auto!important;
  }

  #location .loc-headline{
    
    right:auto!important;
    
    padding-left:0!important;
    padding-right:0!important;
  }

  #masterplan .master-copy,
  #masterplan .master-copy.is-open{
    width:100%!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }

  #feel .feel-layout{
    width:100%!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }

  

  #story .story-content h2,
  #aerial .aerial-content h2,
  #aerial-after-floorplan .aerial-content h2,
  #location .loc-headline h2,
  #masterplan .master-copy h2,
  #lifestyle .lifestyle-head h2,
  #amenities .amenities-heading h2,
  #feel .feel-layout h2,
  #units .unit-render-caption h2,
  #units .unit-render-caption h3,
  #construction .construction-copy h2,
  #accuracy .accuracy-copy h2,
  #developer .developer-copy h2,
  .section-interior .interior-overlay h2{
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    text-align:left!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }

  #story .story-content p,
  #aerial .aerial-content p,
  #aerial-after-floorplan .aerial-content p,
  #location .loc-headline p,
  #masterplan .master-copy p,
  #lifestyle .lifestyle-head p,
  #amenities .amenities-heading p,
  #feel .feel-layout p,
  #units .unit-render-caption p,
  #construction .construction-copy p,
  #accuracy .accuracy-copy p,
  #developer .developer-copy p,
  .section-interior .interior-overlay p{
    display:block;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    text-align:left!important;
    line-height:1.34!important;
    overflow:visible!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    hyphens:auto;
  }

  
}


@media(max-width:720px){
  #units.architecture-units{
    height:100svh!important;
    min-height:100svh!important;
    overflow:hidden!important;
  }
  #units .unit-fullscreen-render,
  #units .unit-fullscreen-render .render-track,
  #units .unit-fullscreen-render .render-slide{
    inset:0!important;
    width:100%!important;
    height:100%!important;
  }
  #units .unit-fullscreen-render .render-slide img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
  #units .unit-render-caption{
    
    
    
    
    
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    text-shadow:0 12px 34px rgba(24,18,13,.5)!important;
  }
  #units .unit-render-caption h2{
    
    
    
    margin:0!important;
  }
  #units .unit-render-caption p{
    
    margin:8px 0 0!important;
    
    
  }
  #units .render-arrow{
    top:52%!important;
    bottom:auto!important;
    width:38px!important;
    height:54px!important;
    border-radius:999px!important;
    transform:translateY(-50%)!important;
    z-index:46!important;
    background:rgba(251,247,238,.72)!important;
    color:var(--accent-1)!important;
    border-color:rgba(61,31,11,.18)!important;
  }
  #units .render-arrow.left{
    left:9px!important;
    right:auto!important;
  }
  #units .render-arrow.right,
  #units.unit-menu-open .render-arrow.right{
    right:9px!important;
  }
  #units .render-dots{
    left:50%!important;
    right:auto!important;
    bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;
    transform:translateX(-50%)!important;
    justify-content:center!important;
    z-index:45!important;
  }
  #units .render-dots button{
    width:18px!important;
    height:5px!important;
  }
  #units .render-disclaimer{
    left:16px!important;
    right:16px!important;
    bottom:calc(44px + env(safe-area-inset-bottom,0px))!important;
    max-width:calc(100vw - 32px)!important;
    font-size:7.4px!important;
    line-height:1.22!important;
    letter-spacing:.055em!important;
    color:rgba(255,247,232,.72)!important;
    z-index:44!important;
  }
  #units .unit-menu-toggle{
    top:calc(18px + env(safe-area-inset-top,0px))!important;
    right:10px!important;
    bottom:auto!important;
    width:38px!important;
    min-width:38px!important;
    height:94px!important;
    z-index:58!important;
  }
  #units .unit-side-panel{
    
    
    
    
    
    
    z-index:57!important;
  }
}


  .water-heart-copy p,
  #aerial-after-floorplan .aerial-content p,
  #units .unit-render-caption p{
    max-width:min(620px,46vw)!important;
    font-size:clamp(15px,1.2vw,19px)!important;
    line-height:1.42!important;
  }
  
  
  @media(max-width:720px){
    .water-heart-copy p,
    #aerial-after-floorplan .aerial-content p{
      max-width:calc(100vw - 36px)!important;
      font-size:12.4px!important;
      line-height:1.28!important;
    }
    
    
  }


@media(max-width:720px){
  #construction{
    height:100svh!important;
    min-height:100svh!important;
    padding:0!important;
    overflow:hidden!important;
    background:linear-gradient(145deg,#f6efe5,#e6dbce)!important;
  }
  #construction .section-inner,
  #construction .construction-grid{
    position:relative!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    padding:0!important;
    display:block!important;
  }
  #construction .construction-card{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:0!important;
    
    
    
    
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    
  }
  #construction .construction-card::after{
    display:none!important;
  }
  #construction .construction-card img{
    
    
    
    
    border-radius:18px!important;
    box-shadow:0 22px 56px rgba(42,31,22,.13)!important;
    background:rgba(251,247,238,.32)!important;
  }
  #construction .construction-copy{
    position:absolute!important;
    z-index:4!important;
    left:12px!important;
    right:12px!important;
    
    width:auto!important;
    
    
    overflow:auto!important;
    
    
    background:rgba(251,247,238,.9)!important;
    border:1px solid rgba(61,31,11,.13)!important;
    box-shadow:0 20px 54px rgba(42,31,22,.18),inset 0 1px 0 rgba(255,255,255,.62)!important;
    backdrop-filter:blur(14px)!important;
  }
  
  
  
  
  
  
  #construction .construction-actions{
    margin-top:0!important;
  }
  #construction .construction-album-btn{
    
    
    justify-content:center!important;
    
    
    
  }
}


  /* Accuracy / Rubik */
  #accuracy .accuracy-copy{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    padding:0!important;
    text-shadow:0 12px 34px rgba(0,0,0,.46)!important;
  }
  #accuracy .accuracy-copy .section-label{display:none!important;}
  #accuracy .accuracy-collage{
    position:absolute!important;
    inset:0!important;
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    grid-template-rows:repeat(3,1fr)!important;
    gap:0!important;
    width:100%!important;
    height:100%!important;
    background:#2a2119!important;
    perspective:1200px;
    overflow:hidden!important;
    touch-action:manipulation!important;
  }
  #accuracy .accuracy-tile{
    display:block!important;
    min-width:0!important;
    min-height:0!important;
    background:#2a2119!important;
    transform:translateZ(0);
    backface-visibility:hidden;
    border:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  #accuracy .accuracy-tile img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    will-change:transform,opacity;
    backface-visibility:hidden;
  }
  #accuracy .accuracy-tile .incoming{
    opacity:1!important;
  }
  #accuracy .accuracy-tile .outgoing{
    opacity:1!important;
  }
  #accuracy .accuracy-tile.is-shifting{
    z-index:4;
  }
  #accuracy .accuracy-collage:hover .accuracy-tile:not(:hover) img:not(.incoming):not(.outgoing){
    filter:none!important;
  }
  @keyframes accuracyOut{
    0%{transform:translate3d(0,0,0) scale(1)}
    100%{transform:translate3d(var(--out-x,0),var(--out-y,0),0) scale(1)}
  }
  @keyframes accuracyIn{
    0%{transform:translate3d(var(--in-x,0),var(--in-y,0),0) scale(1)}
    100%{transform:translate3d(0,0,0) scale(1)}
  }
  #accuracy .accuracy-tile .outgoing{
    animation:accuracyOut .86s cubic-bezier(.22,1,.36,1) both!important;
  }
  #accuracy .accuracy-tile .incoming{
    animation:accuracyIn .86s cubic-bezier(.22,1,.36,1) both!important;
  }

  /* Desktop location layout */
  @media(min-width:721px){
    #location .loc-headline{
      left:clamp(40px,4.6vw,76px)!important;
      top:clamp(86px,10vh,118px)!important;
      width:min(470px,30vw)!important;
    }
    #location .loc-headline h2{
      font-size:clamp(48px,4.7vw,76px)!important;
      max-width:440px!important;
    }
    #location .loc-headline p{
      max-width:390px!important;
      font-size:clamp(12px,.95vw,15px)!important;
    }
    #location .loc-block:nth-of-type(1){
      left:clamp(34px,4vw,64px)!important;
      bottom:clamp(22px,3vh,34px)!important;
      width:min(590px,39vw)!important;
      max-height:174px!important;
    }
    #location .loc-block:nth-of-type(2){
      left:clamp(34px,4vw,64px)!important;
      bottom:calc(clamp(22px,3vh,34px) + 188px)!important;
      width:min(285px,22vw)!important;
    }
    #location .loc-block:nth-of-type(3){
      right:clamp(34px,4vw,64px)!important;
      top:50%!important;
      width:62px!important;
      transform:translateY(-50%)!important;
    }
    
  }

  /* Masterplan cards and overlays */
  #masterplan .mp-photo-card{
    display:grid!important;
    grid-template-rows:clamp(92px,10vw,150px) auto!important;
    border-radius:16px 16px 0 16px!important;
    overflow:visible!important;
    background:#f8f3e8!important;
    transform:translate(-100%,calc(-100% - 14px)) scale(.94)!important;
    transform-origin:100% 100%!important;
    animation:none;
  }
  #masterplan .mp-photo-card.is-on{
    transform:translate(-100%,calc(-100% - 14px)) scale(1)!important;
    animation:mpCardSoftIn .38s cubic-bezier(.2,.82,.2,1) both!important;
  }
  #masterplan .mp-photo-card.is-below,
  #masterplan .mp-photo-card.is-on.is-below{
    transform:translate(-100%,calc(-100% - 14px)) scale(1)!important;
  }
  #masterplan .mp-photo-card::after{
    left:auto!important;
    right:-1px!important;
    bottom:-15px!important;
    top:auto!important;
    border-left:0!important;
    border-right:16px solid #f8f3e8!important;
    border-top:16px solid transparent!important;
    border-bottom:0!important;
    transform:none!important;
    filter:drop-shadow(5px 7px 8px rgba(38,30,24,.12))!important;
  }
  #masterplan .mp-photo-card img{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    object-fit:cover!important;
    border-radius:16px 16px 0 0!important;
    background:#e8decd!important;
  }
  #masterplan .mp-photo-card b{
    padding:10px 13px 1px!important;
    font-size:clamp(15px,1.28vw,20px)!important;
    line-height:1.05!important;
  }
  #masterplan .mp-photo-card span{
    display:block!important;
    padding:0 13px 13px!important;
    font-size:clamp(11px,.86vw,13px)!important;
    line-height:1.32!important;
    color:rgba(61,31,11,.66)!important;
  }
  @keyframes mpCardSoftIn{
    from{opacity:0;filter:blur(3px);transform:translate(-100%,calc(-100% - 6px)) scale(.965)}
    to{opacity:1;filter:blur(0);transform:translate(-100%,calc(-100% - 14px)) scale(1)}
  }
  #masterplan .master-topography-overlay,
  #masterplan .master-wind-overlay{
    object-fit:contain!important;
    object-position:center center!important;
  }
  #masterplan .master-safe-mask{
    object-fit:contain!important;
    object-position:center center!important;
    opacity:0;
    mask-image:radial-gradient(ellipse at center,#000 0 68%,rgba(0,0,0,.84) 80%,transparent 100%)!important;
    -webkit-mask-image:radial-gradient(ellipse at center,#000 0 68%,rgba(0,0,0,.84) 80%,transparent 100%)!important;
  }
  #masterplan .master-stage.show-walk .master-safe-mask{opacity:.7!important;}

  /* Construction clustering */
  @media(min-width:721px){
    #construction .construction-grid{
      grid-template-columns:minmax(260px,30vw) minmax(0,1fr)!important;
      gap:clamp(28px,4vw,70px)!important;
      height:100svh!important;
      
      
      box-sizing:border-box!important;
    }
    #construction .construction-copy{
      max-width:390px!important;
      
    }
    #construction .construction-copy h2{
      font-size:clamp(34px,3.2vw,52px)!important;
      line-height:.96!important;
    }
    #construction .construction-copy p{
      font-size:clamp(13px,1vw,16px)!important;
      line-height:1.38!important;
      margin-top:14px!important;
    }
    #construction .construction-data{
      display:grid!important;
      grid-template-columns:repeat(2,minmax(0,1fr))!important;
      gap:8px!important;
      margin-top:18px!important;
    }
    #construction .construction-metric{
      min-width:0!important;
      padding:10px!important;
      border-radius:14px!important;
    }
    #construction .construction-metric b{
      font-size:clamp(22px,2vw,34px)!important;
      line-height:1!important;
    }
    #construction .construction-metric span{
      font-size:10px!important;
      line-height:1.2!important;
    }
    #construction .construction-card{
      min-height:0!important;
      
      display:grid!important;
      place-items:center!important;
      overflow:visible!important;
      background:transparent!important;
      box-shadow:none!important;
      border:0!important;
    }
    #construction .construction-card img{
      
      height:100%!important;
      
      border-radius:22px!important;
    }
  }

  @media(max-width:720px){
    #accuracy{
      height:100svh!important;
      min-height:100svh!important;
      padding:0!important;
      overflow:hidden!important;
      background:#17110d!important;
    }
    #accuracy .accuracy-wrap{
      height:100%!important;
      min-height:0!important;
    }
    #accuracy .accuracy-collage{
      grid-template-columns:repeat(3,1fr)!important;
      grid-template-rows:repeat(3,1fr)!important;
    }
    #accuracy .accuracy-tile{
      display:block!important;
    }
    #accuracy .accuracy-copy{
      left:16px!important;
      right:16px!important;
      bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;
      background:transparent!important;
      border:0!important;
      box-shadow:none!important;
      padding:0!important;
    }
    #accuracy .accuracy-copy h2{
      font-size:clamp(28px,10vw,42px)!important;
      max-width:310px!important;
    }
    #accuracy .accuracy-copy p{
      max-width:310px!important;
      font-size:11px!important;
      line-height:1.24!important;
    }
    
    
    
    
    
    #masterplan .master-safe-mask{
      padding:0!important;
      transform:translate(var(--mp-pan-x),calc(var(--mp-pan-y) - 3px)) scale(calc(.9 * var(--mp-zoom) * .54))!important;
      transform-origin:center center!important;
    }
    #masterplan .master-stage:hover .master-safe-mask{
      transform:translate(var(--mp-pan-x),calc(var(--mp-pan-y) - 3px)) scale(calc(.9 * var(--mp-zoom) * .54))!important;
    }
    
    
  }


  @media(min-width:721px){
    #construction{
      height:100svh!important;
      min-height:100svh!important;
      max-height:100svh!important;
      padding:0!important;
    }
    #construction .construction-grid{
      align-items:start!important;
      padding:clamp(54px,7vh,88px) clamp(38px,4vw,68px) clamp(28px,4vh,52px)!important;
    }
    #construction .construction-copy{
      align-self:start!important;
      padding-top:clamp(8px,2vh,24px)!important;
      transform:translateY(-18px)!important;
    }
    #construction .construction-card{
      align-self:start!important;
      margin-top:clamp(8px,2vh,22px)!important;
      
    }
    #developer.developer-section{
      height:100svh!important;
      min-height:100svh!important;
      max-height:100svh!important;
      align-items:start!important;
      padding:clamp(54px,7vh,86px) clamp(22px,7vw,110px) clamp(34px,5vh,70px)!important;
    }
    #developer .developer-inner{
      align-items:start!important;
      height:100%!important;
      padding-top:clamp(8px,2vh,22px)!important;
    }
    #developer .developer-copy{
      align-self:start!important;
      transform:translateY(-14px)!important;
    }
    #developer .developer-project-frame{
      align-self:start!important;
      height:min(66svh,650px)!important;
      min-height:0!important;
    }
  }
  @media(max-width:720px){
    
    
    #developer.developer-section{
      height:100svh!important;
      min-height:100svh!important;
      max-height:100svh!important;
      
      
    }
    
    #developer .developer-copy{
      align-self:start!important;
      padding-top:0!important;
    }
    
    
    #developer .developer-project-frame{
      min-height:0!important;
      height:auto!important;
      align-self:stretch!important;
    }
  }


  #accuracy .accuracy-tile img{
    transform:translate3d(0,0,0);
  }
  #accuracy .accuracy-tile.is-shifting img{
    pointer-events:none;
  }
  
  #location .map-marker-pin.site,
  #location .map-marker-pin.site img{
    transform:translateZ(0)!important;
  }
  @media(max-width:720px){
    #aerial-after-floorplan{
      height:100svh!important;
      min-height:100svh!important;
      max-height:100svh!important;
      padding:0!important;
      overflow:hidden!important;
    }
    #aerial-after-floorplan .aerial-slider{
      position:absolute!important;
      inset:0!important;
      height:100%!important;
      width:100%!important;
    }
    #aerial-after-floorplan .aerial-slide{
      position:absolute!important;
      inset:0!important;
      width:100%!important;
      height:100%!important;
      object-fit:cover!important;
    }
    #aerial-after-floorplan .aerial-content{
      left:18px!important;
      right:18px!important;
      bottom:calc(22px + env(safe-area-inset-bottom,0px))!important;
      top:auto!important;
      max-width:none!important;
    }
  }


  /* Rubik: remove hover styling, keep one physical click rule */
  #accuracy .accuracy-tile,
  #accuracy .accuracy-tile img,
  #accuracy .accuracy-tile::before,
  #accuracy .accuracy-tile::after{
    transition:none!important;
  }
  #accuracy .accuracy-tile::before,
  #accuracy .accuracy-tile::after{
    opacity:0!important;
  }
  #accuracy .accuracy-collage:hover .accuracy-tile:not(:hover) img:not(.incoming):not(.outgoing),
  #accuracy .accuracy-tile:hover img:not(.incoming):not(.outgoing){
    filter:none!important;
    transform:translate3d(0,0,0)!important;
  }

  /* Location labels: name lighter/smaller, time clearer */
  #location{
    --location-destination-label-size:clamp(18px,1.45vw,26px);
    --location-destination-time-size:clamp(18px,1.25vw,24px);
    --location-neighborhood-label-size:clamp(12px,.7vw,15px);
  }
  #location .map-marker-pin .pin-name{
    font-size:.74em!important;
    line-height:.94!important;
    letter-spacing:.01em!important;
    font-weight:500!important;
  }
  #location .map-marker-pin .pin-time{
    
    margin-top:2px!important;
    font-size:var(--location-destination-time-size)!important;
    line-height:.9!important;
    color:var(--hillage-yellow)!important;
    font-weight:800!important;
  }
  #location .map-marker-pin:not(.site) .pin-label{
    transform:translateX(-50%) scale(var(--loc-label-map-scale,1)) translateZ(0)!important;
    transform-origin:50% calc(100% + 14px)!important;
  }
  
  #location .map-clouds::before,
  #location .map-clouds::after{
    animation-duration:92s!important;
  }

  /* Copy refinements */
  #aerial-after-floorplan .aerial-content h2::before{
    content:"Renders shaped by landscape.";
    font:inherit;
  }
  #aerial-after-floorplan .aerial-content h2{
    font-size:0!important;
  }
  #aerial-after-floorplan .aerial-content h2::before{
    font-size:clamp(34px,4.2vw,68px)!important;
  }
  #interior .interior-overlay h2::before{
    content:"Warm interiors, quiet rituals.";
    font:inherit;
  }
  #interior .interior-overlay h2{
    font-size:0!important;
  }
  #interior .interior-overlay h2::before{
    font-size:clamp(34px,4.2vw,68px)!important;
  }

  @media(max-width:720px){
    #location{
      --location-destination-label-size:clamp(19px,5.4vw,28px);
      --location-destination-time-size:clamp(20px,5.8vw,30px);
      --location-neighborhood-label-size:clamp(11px,3vw,14px);
    }
    #location .loc-headline p{
      
      
      margin-top:8px!important;
      color:rgba(61,31,11,.72)!important;
      
      
    }
    #location .map-clouds::before,
    #location .map-clouds::after{
      animation-duration:120s!important;
    }
    
    
    
    
    #masterplan .mp-photo-card span{
      
      
      -webkit-box-orient:vertical!important;
      
    }
    
    #amenities .amenities-heading::before{
      content:"The club at the centre.";
      font:inherit;
    }
    
    #amenities .amenities-heading::before{
      font-size:clamp(30px,9vw,42px)!important;
      line-height:.96!important;
    }
    
    #interior .interior-slide{
      background-position:62% center!important;
      animation:interiorMobileDrift 18s ease-in-out infinite alternate!important;
    }
    @keyframes interiorMobileDrift{
      from{transform:translate3d(0,0,0) scale(1.04)}
      to{transform:translate3d(-7%,0,0) scale(1.04)}
    }
    #aerial-after-floorplan .aerial-content h2::before{
      font-size:clamp(30px,9vw,44px)!important;
    }
  }


  /* Location: remove masterplan overlay from the live map, keep the pointer as the location signal */
  #location .hillage-masterplan-image{
    display:none!important;
  }
  #location .neighborhood-label{
    
    
    font-style:normal!important;
    
    
    
  }
  #location .map-marker-pin.has-time::before,
  #location .map-marker-pin.nearby.has-time::before,
  #location .map-marker-pin.nearby.selected::before{
    
    filter:drop-shadow(0 8px 10px rgba(61,31,11,.45))!important;
  }
  #location .map-marker-pin[data-marker-key="dest-alex"] .pin-label{
    left:auto!important;
    right:20px!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%) scale(var(--loc-label-map-scale,1)) translateZ(0)!important;
    transform-origin:100% 50%!important;
    text-align:right!important;
    align-items:flex-end!important;
  }
  #location .map-marker-pin[data-marker-key="dest-alex"]::before{
    left:auto!important;
    right:2px!important;
    top:50%!important;
    bottom:auto!important;
    border-top:7px solid transparent!important;
    border-bottom:7px solid transparent!important;
    border-left:12px solid var(--hillage-yellow)!important;
    border-right:0!important;
    transform:translateY(-50%)!important;
  }
  #location .map-marker-pin.site{
    width:138px!important;
    height:58px!important;
  }
  #location .map-marker-pin.site::before{
    left:50%!important;
    bottom:0!important;
    border-left-width:9px!important;
    border-right-width:9px!important;
    border-top-width:15px!important;
    border-top-color:var(--hillage-red)!important;
    animation:hillagePointerBeat 2.4s ease-in-out infinite!important;
  }
  #location .map-marker-pin.site img{
    left:50%!important;
    top:0!important;
    width:100%!important;
    height:42px!important;
    transform:translateX(-50%)!important;
  }
  @keyframes hillagePointerBeat{
    0%,100%{filter:drop-shadow(0 8px 10px rgba(61,31,11,.38));transform:translateX(-50%) scale(1)}
    50%{filter:drop-shadow(0 10px 14px rgba(143,3,8,.45));transform:translateX(-50%) scale(1.16)}
  }

  /* Desktop masterplan card: tighter image/copy fit */
  @media(min-width:721px){
    #masterplan .mp-photo-card{
      width:min(210px,17vw)!important;
      min-width:178px!important;
      max-height:254px!important;
      grid-template-rows:112px minmax(0,1fr)!important;
      border-radius:16px 16px 0 16px!important;
      overflow:hidden!important;
      box-shadow:0 22px 62px rgba(38,30,24,.28)!important;
    }
    #masterplan .mp-photo-card::after{
      content:""!important;
      position:absolute!important;
      right:-1px!important;
      bottom:-15px!important;
      width:0!important;
      height:0!important;
      border-left:0!important;
      border-right:16px solid #f8f3e8!important;
      border-top:16px solid transparent!important;
      filter:drop-shadow(5px 7px 8px rgba(38,30,24,.12))!important;
    }
    #masterplan .mp-photo-card img{
      height:112px!important;
      object-fit:cover!important;
      border-radius:16px 16px 0 0!important;
    }
    #masterplan .mp-photo-card b{
      padding:9px 11px 1px!important;
      font-size:clamp(14px,1.08vw,17px)!important;
      line-height:1.04!important;
    }
    #masterplan .mp-photo-card span{
      padding:0 11px 11px!important;
      font-size:10.2px!important;
      line-height:1.22!important;
      display:-webkit-box!important;
      -webkit-line-clamp:3!important;
      -webkit-box-orient:vertical!important;
      overflow:hidden!important;
    }
  }

  /* Mobile masterplan: align overlays to the same visual plane as the plan */
  @media(max-width:720px){
    
    #masterplan .master-base,
    #masterplan .master-topography-overlay,
    #masterplan .master-wind-overlay,
    #masterplan .mp-point-layer,
    #masterplan .master-stage:hover .master-base,
    #masterplan .master-stage:hover .master-topography-overlay,
    #masterplan .master-stage:hover .master-wind-overlay,
    #masterplan .master-stage:hover .mp-point-layer{
      transform:translate(var(--mp-pan-x),var(--mp-pan-y)) scale(calc(1.03 * var(--mp-zoom)))!important;
      transform-origin:center center!important;
      object-fit:contain!important;
      object-position:center center!important;
    }
    #masterplan .master-safe-mask,
    #masterplan .master-stage:hover .master-safe-mask{
      padding:0!important;
      object-fit:contain!important;
      object-position:center center!important;
      
      
      opacity:0;
    }
    #masterplan .master-stage.show-walk .master-safe-mask{opacity:.74!important;}
    #masterplan .topo-tag{transform:scale(.70)!important;transform-origin:center!important;}
    #masterplan .topo-text{font-size:17px!important;}
    #masterplan .mp-photo-card{
      
      min-width:126px!important;
      max-height:134px!important;
      grid-template-rows:56px auto!important;
      border-radius:12px 12px 0 12px!important;
    }
    
    
    

    #amenities .amenities-foreground{
      align-content:start!important;
      padding-top:calc(30px + env(safe-area-inset-top,0px))!important;
    }
    
    
    #amenities .amenities-strip{
      
      bottom:auto!important;
      
      
      
    }
    #amenities .amenities-track{
      animation:none!important;
    }

    
    #construction .construction-copy{
      top:58svh!important;
      bottom:auto!important;
      max-height:calc(42svh - 18px)!important;
      padding:12px!important;
    }
    
    
    
    
    
    
    
    #developer .developer-copy p:not(.developer-tagline){
      
      
      margin-top:7px!important;
    }
    #developer .developer-project-frame.developer-slideshow{
      width:100%!important;
      max-width:none!important;
      
      min-height:0!important;
      align-self:stretch!important;
    }
  }


  #masterplan .media-load-target.media-loading::before,
  #masterplan .media-load-target.media-loading::after,
  #construction .media-load-target.media-loading::before,
  #construction .media-load-target.media-loading::after,
  #developer .media-load-target.media-loading::before,
  #developer .media-load-target.media-loading::after{
    display:none!important;
  }
  #developer .developer-project-frame.developer-slideshow{
    overflow:hidden!important;
  }
  @media(max-width:720px){
    #masterplan .master-copy{
      
      
      
      
      box-sizing:border-box!important;
      
      max-height:40svh!important;
      overflow:auto!important;
      
      
      border-top:1px solid rgba(61,31,11,.12)!important;
      
    }
    #masterplan .master-copy h2{
      
      
      margin-bottom:7px!important;
    }
    #masterplan .master-copy p{
      
      
      margin-bottom:9px!important;
    }
    #masterplan .master-legend{
      display:grid!important;
      grid-template-columns:repeat(2,minmax(0,1fr))!important;
      gap:6px!important;
      max-height:none!important;
      overflow:visible!important;
    }
    
    
    #amenities .amenity-card-floating{
      
      min-width:min(250px,74vw)!important;
      
    }
    
    
    
    
    
    #construction .construction-copy{
      border-radius:18px 18px 0 0!important;
    }
    #developer .developer-project-frame.developer-slideshow{
      max-height:45svh!important;
      height:42svh!important;
      border-radius:18px!important;
    }
    #developer .developer-slideshow .developer-project-slide{
      animation:none!important;
      opacity:0!important;
      visibility:hidden!important;
    }
    #developer .developer-slideshow .developer-project-slide:first-of-type{
      opacity:1!important;
      visibility:visible!important;
    }
    #developer .developer-project-frame figcaption{
      white-space:normal!important;
      
      
    }
  }


  @media(max-width:720px){
    #masterplan .master-copy,
    #masterplan .master-copy.is-open{
      
      
      
      
      
      
      
      box-sizing:border-box!important;
      
      
      border-radius:18px 18px 0 0!important;
    }
    #masterplan .master-copy h2,
    #masterplan .master-copy p,
    #masterplan .master-copy.is-open h2,
    #masterplan .master-copy.is-open p{
      display:block!important;
      max-width:100%!important;
      white-space:normal!important;
      overflow:visible!important;
      text-overflow:clip!important;
    }
    
    
    #masterplan .master-legend,
    #masterplan .master-copy.is-open .master-legend{
      
      
      
      
      
      overflow:visible!important;
    }
    #masterplan .legend-item{
      width:auto!important;
      
      
      
      line-height:1!important;
      white-space:nowrap!important;
    }
    

    #amenities{
      position:relative!important;
      overflow:hidden!important;
    }
    #amenities .amenities-foreground{
      
      
      
      
      min-height:0!important;
    }
    #amenities .amenities-heading{
      
      
      
      top:calc(56px + env(safe-area-inset-top,0px))!important;
      
      
      
    }
    #amenities .amenities-intro{
      
      
      
      top:calc(154px + env(safe-area-inset-top,0px))!important;
      
      
      
      
      
      
    }
    
    
    
    
    
    #amenities .amenity-card-floating-body p{
      
      
      margin-top:3px!important;
      
    }

    #developer .developer-project-frame.developer-slideshow{
      background:#3a251a url("developer/developer-bg.jpg") center/cover no-repeat!important;
    }
    #developer .developer-project-frame.developer-slideshow .developer-project-slide{
      display:block!important;
      opacity:0!important;
      visibility:hidden!important;
      z-index:1!important;
    }
    #developer .developer-project-frame.developer-slideshow .developer-project-slide:first-of-type,
    #developer .developer-project-frame.developer-slideshow .developer-project-slide:first-child{
      opacity:1!important;
      visibility:visible!important;
      z-index:2!important;
    }
  }


  #amenities .amenities-track{
    animation:none!important;
    transform:translate3d(0,0,0);
    will-change:transform;
  }
  #amenities .amenities-strip{
    cursor:grab;
    touch-action:pan-y;
    overscroll-behavior:contain;
  }
  #amenities .amenities-strip.is-dragging{
    cursor:grabbing;
  }
  @media(max-width:720px){
    
  }


  #location .map-marker-pin.has-time .pin-label,
  #location .map-marker-pin.nearby.has-time .pin-label,
  #location .map-marker-pin.nearby.selected .pin-label{
    gap:0!important;
  }
  #location .map-marker-pin .pin-time{
    display:none!important;
  }
  #location .map-marker-pin .pin-name{
    display:block!important;
  }
  #location .map-marker-pin.has-time::before,
  #location .map-marker-pin.nearby.has-time::before,
  #location .map-marker-pin.nearby.selected::before{
    border-top-color:var(--hillage-gold)!important;
  }
  #location .map-marker-pin[data-marker-key="dest-alex"]::before{
    border-bottom-color:var(--hillage-gold)!important;
  }
  
  @media(max-width:720px){
    #location .map-marker-pin .pin-label{
      min-width:58px!important;
      max-width:118px!important;
      font-size:calc(var(--location-destination-label-size) * .72)!important;
      line-height:.94!important;
    }
    

    #amenities .amenities-strip{
      contain:layout paint style!important;
      transform:translateZ(0);
      -webkit-transform:translateZ(0);
      backface-visibility:hidden;
    }
    #amenities .amenities-track{
      gap:0!important;
      
      
    }
    
    #amenities .amenity-card-floating-image{
      
      transform:translateZ(0);
    }

    #masterplan{
      overflow:hidden!important;
    }
    #masterplan .master-wrap,
    #masterplan .section-inner{
      padding:0!important;
      height:100svh!important;
      min-height:100svh!important;
    }
    #masterplan .master-grid{
      position:relative!important;
      display:block!important;
      width:100%!important;
      height:100%!important;
    }
    #masterplan .master-stage{
      
      
      
      
      max-height:none!important;
      
      
      z-index:1!important;
      
    }
    #masterplan .master-base,
    #masterplan .master-analysis-layer,
    #masterplan .master-safe-mask,
    #masterplan .mp-point-layer{
      position:absolute!important;
      left:50%!important;
      top:48%!important;
      width:152svh!important;
      height:92svw!important;
      max-width:none!important;
      max-height:none!important;
      padding:0!important;
      object-fit:contain!important;
      object-position:center center!important;
      transform:translate(-50%,-50%) rotate(90deg) scale(.94)!important;
      transform-origin:center center!important;
    }
    #masterplan .master-stage:hover .master-base,
    #masterplan .master-stage:hover .master-analysis-layer,
    #masterplan .master-stage:hover .master-safe-mask{
      transform:translate(-50%,-50%) rotate(90deg) scale(.84)!important;
    }
    
    #masterplan .master-copy,
    #masterplan .master-copy.is-open{
      position:absolute!important;
      left:14px!important;
      right:14px!important;
      top:calc(54px + env(safe-area-inset-top,0px))!important;
      bottom:auto!important;
      width:auto!important;
      max-height:none!important;
      height:auto!important;
      padding:0!important;
      background:transparent!important;
      border:0!important;
      box-shadow:none!important;
      backdrop-filter:none!important;
      transform:none!important;
      z-index:22!important;
      overflow:visible!important;
    }
    #masterplan .master-copy::before,
    #masterplan .master-copy::after,
    #masterplan .master-copy.is-open::before,
    #masterplan .master-copy.is-open::after{
      content:none!important;
      display:none!important;
    }
    #masterplan .master-copy h2,
    #masterplan .master-copy.is-open h2{
      display:block!important;
      width:min(300px,82vw)!important;
      
      
      
      color:var(--accent-1)!important;
      text-shadow:0 10px 28px rgba(246,239,229,.72)!important;
    }
    #masterplan .master-copy p,
    #masterplan .master-copy.is-open p{
      display:block!important;
      width:min(315px,84vw)!important;
      
      margin:0!important;
      color:rgba(61,31,11,.74)!important;
      
      
      text-shadow:0 8px 24px rgba(246,239,229,.62)!important;
    }
    #masterplan .master-legend,
    #masterplan .master-copy.is-open .master-legend{
      position:fixed!important;
      left:12px!important;
      right:12px!important;
      bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;
      display:grid!important;
      
      
      width:auto!important;
      max-width:none!important;
      z-index:24!important;
      
      
      background:rgba(246,239,229,.84)!important;
      border:1px solid rgba(61,31,11,.12)!important;
      box-shadow:0 16px 42px rgba(42,31,22,.16)!important;
      backdrop-filter:blur(10px)!important;
    }
    
    #masterplan .master-analysis-tools{
      
      
      
      
      
      
      grid-auto-flow:row!important;
      
      
      
      
      
    }
    
  }


  @media(max-width:720px){
    #masterplan .master-base,
    #masterplan .master-analysis-layer,
    #masterplan .mp-point-layer{
      transform:translate(-50%,-50%) rotate(90deg) scale(calc(.94 * var(--mp-zoom,1)))!important;
      transform-origin:var(--mp-origin-x,50%) var(--mp-origin-y,50%)!important;
    }
    #masterplan .master-stage:hover .master-base,
    #masterplan .master-stage:hover .master-analysis-layer,
    #masterplan .master-stage:hover .mp-point-layer{
      transform:translate(-50%,-50%) rotate(90deg) scale(calc(.94 * var(--mp-zoom,1)))!important;
    }
    
    #masterplan .master-legend,
    #masterplan .master-copy.is-open .master-legend{
      grid-template-columns:repeat(9,1fr)!important;
      gap:4px!important;
      padding:6px!important;
      border-radius:14px!important;
    }
    #masterplan .legend-item{
      min-width:0!important;
      min-height:30px!important;
      height:30px!important;
      padding:0!important;
      justify-content:center!important;
      font-size:0!important;
      border-radius:9px!important;
      overflow:hidden!important;
    }
    #masterplan .legend-num{
      
      
      min-width:20px!important;
      margin:0!important;
      
    }
    
    
    
  }


  
  .mobile-menu-toggle span{transition:transform .22s ease,opacity .18s ease;}
  
  
  
  @media(min-width:721px){
    body.mobile-menu-open .hero-nav{
      left:14px!important;
      right:auto!important;
      top:58px!important;
      bottom:auto!important;
      width:210px!important;
      max-width:210px!important;
      transform:none!important;
      z-index:119!important;
    }
    body.mobile-menu-open .hero-nav-inner{
      display:grid!important;
      grid-template-columns:1fr!important;
      gap:4px!important;
      padding:8px!important;
      border-radius:16px!important;
      background:rgba(246,239,229,.92)!important;
      box-shadow:0 18px 46px rgba(42,31,22,.18)!important;
      backdrop-filter:blur(14px)!important;
    }
    body.mobile-menu-open .hero-nav-link{
      font-size:13px!important;
      padding:8px 10px!important;
      text-align:left!important;
      border-radius:10px!important;
    }
  }
  @media(max-width:720px){
    .mobile-menu-toggle{
      
      
      
      
      
      
      
      padding:8px!important;
      gap:4px!important;
      border-radius:12px!important;
      border:1px solid rgba(61,31,11,.14)!important;
      background:rgba(246,239,229,.86)!important;
      box-shadow:0 12px 30px rgba(42,31,22,.14),inset 0 1px 0 rgba(255,255,255,.6)!important;
      backdrop-filter:blur(12px)!important;
      align-content:center!important;
    }
    .mobile-menu-toggle span{display:block;height:2px;border-radius:99px;background:#4b2a18;}
    body.mobile-menu-open .mobile-menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg);}
    body.mobile-menu-open .mobile-menu-toggle span:nth-child(2){opacity:0;}
    body.mobile-menu-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}
    .mobile-menu-toggle span{transition:transform .22s ease,opacity .18s ease;}
    .hero-nav{
      
      
      
      
      
      max-width:min(210px,72vw)!important;
      
      
      
      
      transition:opacity .22s ease,transform .22s ease!important;
    }
    
    .hero-nav-inner{
      display:grid!important;
      grid-template-columns:1fr!important;
      gap:4px!important;
      padding:8px!important;
      border-radius:16px!important;
      background:rgba(246,239,229,.92)!important;
      box-shadow:0 18px 46px rgba(42,31,22,.18)!important;
      backdrop-filter:blur(14px)!important;
      overflow:visible!important;
    }
    .hero-nav-link{font-size:13px!important;padding:8px 10px!important;text-align:left!important;border-radius:10px!important;}
    #masterplan .master-base,
    #masterplan .master-analysis-layer,
    #masterplan .mp-point-layer,
    #masterplan .master-safe-mask{will-change:transform!important;}
  }


  .mobile-menu-toggle{
    
    
    
    
    
    
    
    padding:8px!important;
    gap:4px!important;
    border-radius:12px!important;
    border:1px solid rgba(61,31,11,.14)!important;
    background:rgba(246,239,229,.9)!important;
    box-shadow:0 12px 30px rgba(42,31,22,.14),inset 0 1px 0 rgba(255,255,255,.6)!important;
    backdrop-filter:blur(12px)!important;
    align-content:center!important;
  }
  .mobile-menu-toggle span{display:block;height:2px;border-radius:99px;background:#4b2a18;}
  body.mobile-menu-open .mobile-menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg);}
  body.mobile-menu-open .mobile-menu-toggle span:nth-child(2){opacity:0;}
  body.mobile-menu-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}
  body.mobile-menu-open .hero-nav{
    display:block!important;
    
    
    
    
    
    
    
    
    
    
    
    
  }
  
  body.mobile-menu-open .hero-nav-inner{
    
    
    
    
    border-radius:16px!important;
    background:rgba(246,239,229,.94)!important;
    box-shadow:0 18px 46px rgba(42,31,22,.18)!important;
    backdrop-filter:blur(14px)!important;
  }
  body.mobile-menu-open .hero-nav-link{
    
    
    padding:8px 10px!important;
    
    border-radius:10px!important;
  }
  #logo .opener-bg-video{
    position:absolute;
    inset:0;
    z-index:0;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:.28;
    filter:saturate(.86) contrast(.96) brightness(1.08);
    pointer-events:none;
  }
  #logo .hero-cover-image,
  #logo .hero-title{z-index:3;}
  main video::-webkit-media-controls{display:none!important;}
  .water-heart-page video{pointer-events:none!important;}
  #masterplan .legend-num{
    display:inline-grid!important;
    place-items:center!important;
    line-height:1!important;
    text-align:center!important;
    flex:0 0 auto!important;
  }
  @media(max-width:720px){
    
    
    #location .neighborhood-label{
      color:#fff!important;
      
      line-height:1!important;
      letter-spacing:.04em!important;
      text-shadow:0 2px 8px rgba(38,22,12,.86),0 9px 22px rgba(20,12,8,.42)!important;
    }
    
    
    
    
    
    
    
    #masterplan .mp-photo-card span{
      
      
      
      
      -webkit-line-clamp:3!important;
      
    }
    
    #masterplan .legend-item{
      align-items:center!important;
    }
    #masterplan .legend-num{
      
      
      
      font-size:9px!important;
    }
  }


  .mobile-menu-toggle{
    display:grid!important;
    position:fixed!important;
    left:14px!important;
    top:14px!important;
    z-index:2147483000!important;
    width:34px!important;
    height:34px!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  body:not(.mobile-menu-open) .hero-nav{
    opacity:0!important;
    pointer-events:none!important;
    transform:translateY(-8px) scale(.98)!important;
  }
  body.mobile-menu-open .hero-nav{
    position:fixed!important;
    left:14px!important;
    right:auto!important;
    top:58px!important;
    bottom:auto!important;
    width:210px!important;
    max-width:calc(100vw - 28px)!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:none!important;
    z-index:2147482999!important;
    overflow:visible!important;
  }
  body.mobile-menu-open .hero-nav-inner{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:4px!important;
    padding:8px!important;
  }
  body.mobile-menu-open .hero-nav-link{
    width:100%!important;
    text-align:left!important;
    font-size:13px!important;
  }
  @media(max-width:720px){
    
    body.mobile-menu-open .hero-nav{
      left:10px!important;
      top:calc(50px + env(safe-area-inset-top,0px))!important;
      width:min(190px,68vw)!important;
    }
    #masterplan .master-stage{
      
      
      
      --mp-zoom:1!important;
      --mp-pan-x:0px!important;
      --mp-pan-y:0px!important;
    }
    #masterplan .master-base,
    #masterplan .master-analysis-layer,
    #masterplan .mp-point-layer,
    #masterplan .master-stage:hover .master-base,
    #masterplan .master-stage:hover .master-analysis-layer,
    #masterplan .master-stage:hover .mp-point-layer{
      transform:translate(0px,0px) scale(.92)!important;
      transform-origin:center center!important;
      transition:none!important;
    }
    #masterplan .master-safe-mask,
    #masterplan .master-stage:hover .master-safe-mask{
      
      
      transition:none!important;
    }
    #masterplan .mp-photo-card,
    #masterplan .mp-photo-card.is-on,
    #masterplan .mp-photo-card.is-on.is-below{
      position:absolute!important;
      left:var(--card-x,50%)!important;
      top:var(--card-y,50%)!important;
      right:auto!important;
      bottom:auto!important;
      width:132px!important;
      height:132px!important;
      min-width:0!important;
      display:grid!important;
      grid-template-rows:56px auto!important;
      border-radius:14px 14px 0 14px!important;
      transform:translate(-50%,-116%) scale(1)!important;
      opacity:1!important;
      z-index:35!important;
      pointer-events:none!important;
    }
    #masterplan .mp-photo-card:not(.is-on){
      opacity:0!important;
      transform:translate(-50%,-104%) scale(.94)!important;
    }
    
    #masterplan .mp-photo-card b{padding:7px 8px 1px!important;}
    #masterplan .mp-photo-card span{display:block!important;padding:0 8px 7px!important;overflow:hidden!important;}
    #masterplan .mp-photo-card::after,
    #masterplan .mp-photo-card.is-below::after{
      content:""!important;
      position:absolute!important;
      right:0!important;
      left:auto!important;
      bottom:-10px!important;
      top:auto!important;
      width:0!important;
      height:0!important;
      border-left:10px solid transparent!important;
      border-right:0!important;
      border-top:10px solid #f8f3e8!important;
      border-bottom:0!important;
      transform:none!important;
    }
    #masterplan .legend-num{
      display:inline-grid!important;
      place-items:center!important;
      width:16px!important;
      height:16px!important;
      line-height:1!important;
      text-align:center!important;
      margin-right:4px!important;
    }
  }


  @media(max-width:720px){
    .mobile-menu-toggle{
      display:grid!important;
      position:fixed!important;
      left:10px!important;
      top:calc(10px + env(safe-area-inset-top,0px))!important;
      width:34px!important;
      height:34px!important;
      z-index:2147483647!important;
      opacity:1!important;
      visibility:visible!important;
      pointer-events:auto!important;
    }
    .hero-nav{
      position:fixed!important;
      left:10px!important;
      top:calc(52px + env(safe-area-inset-top,0px))!important;
      bottom:auto!important;
      right:auto!important;
      width:min(190px,68vw)!important;
      transform:translateY(-8px) scale(.98)!important;
      opacity:0!important;
      visibility:hidden!important;
      pointer-events:none!important;
      z-index:2147483646!important;
      display:block!important;
    }
    body.mobile-menu-open .hero-nav{
      transform:none!important;
      opacity:1!important;
      visibility:visible!important;
      pointer-events:auto!important;
    }
    body.mobile-menu-open .hero-nav-inner{
      display:grid!important;
      grid-template-columns:1fr!important;
      gap:4px!important;
      padding:8px!important;
    }
    body.mobile-menu-open .hero-nav-link{
      display:block!important;
      width:100%!important;
      text-align:left!important;
      pointer-events:auto!important;
    }
    body.hillage-paged main > #masterplan.is-page-active .master-base,
    body.hillage-paged main > #masterplan.is-page-active .master-analysis-layer,
    body.hillage-paged main > #masterplan.is-page-active .mp-point-layer,
    body.hillage-paged main > #masterplan.is-page-active .master-stage:hover .master-base,
    body.hillage-paged main > #masterplan.is-page-active .master-stage:hover .master-analysis-layer,
    body.hillage-paged main > #masterplan.is-page-active .master-stage:hover .mp-point-layer,
    #masterplan.is-page-active .master-base,
    #masterplan.is-page-active .master-analysis-layer,
    #masterplan.is-page-active .mp-point-layer,
    #masterplan.is-page-active .master-stage:hover .master-base,
    #masterplan.is-page-active .master-stage:hover .master-analysis-layer,
    #masterplan.is-page-active .master-stage:hover .mp-point-layer{
      transform:translate(-50%,-52%) rotate(90deg) scale(.78)!important;
    }
    body.hillage-paged main > #masterplan.is-page-active .master-safe-mask,
    body.hillage-paged main > #masterplan.is-page-active .master-stage:hover .master-safe-mask,
    #masterplan.is-page-active .master-safe-mask,
    #masterplan.is-page-active .master-stage:hover .master-safe-mask{
      transform:translate(-50%,-50%) rotate(90deg) scale(.38)!important;
    }
  }


#location{
  --loc-panel-bg:rgba(248,243,232,.78);
  --loc-panel-border:rgba(255,255,255,.62);
  --loc-ink:#3d1f0b;
  --loc-gold:#d4a72c;
}

#location .loc-block,
#location .loc-actions{
  pointer-events:auto!important;
  background:var(--loc-panel-bg)!important;
  border:1px solid var(--loc-panel-border)!important;
  border-radius:18px!important;
  box-shadow:0 18px 48px rgba(45,33,22,.16),inset 0 1px 0 rgba(255,255,255,.52)!important;
  backdrop-filter:blur(18px)!important;
}

#location .loc-toggle-btn{
  border-radius:11px!important;
  border:1px solid rgba(61,31,11,.12)!important;
  background:rgba(255,252,245,.72)!important;
  color:#160f18!important;
  box-shadow:none!important;
  transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease!important;
}
#location .loc-toggle-btn:hover{transform:translateY(-1px);}
#location .loc-toggle-btn.is-on,
#location .loc-toggle-btn[aria-pressed=true]{
  background:#941116!important;
  border-color:#f3c75d!important;
  color:#fff!important;
}

#location .loc-toggle-btn.icon-only span{display:none!important;}
#location .loc-toggle-btn.icon-only svg{width:18px!important;height:18px!important;stroke:currentColor;stroke-width:1.9;fill:none;}


#location .nearby-guide{display:none!important;}

#location.map-2d-on .hillage-masterplan-img{opacity:.92!important;mix-blend-mode:multiply!important;}
#location .leaflet-marker-icon.neighborhood-label{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
#location .neighborhood-label{
  color:#fff!important;
  font-family:var(--font-display)!important;
  font-size:clamp(15px,.95vw,20px)!important;
  line-height:.92!important;
  letter-spacing:.02em!important;
  text-shadow:0 2px 10px rgba(0,0,0,.45)!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
}
@keyframes locTriangleBreath{
  0%,100%{filter:drop-shadow(0 4px 9px rgba(61,31,11,.32));opacity:.9}
  50%{filter:drop-shadow(0 7px 15px rgba(148,17,22,.42));opacity:1}
}
@keyframes locIconBreath{
  0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 4px 8px rgba(61,31,11,.24))}
  50%{transform:translateY(-2px) scale(1.06);filter:drop-shadow(0 7px 13px rgba(212,167,44,.32))}
}
#location .map-marker-pin:not(.site)::before,
#location .pin-label::before{animation:locTriangleBreath 2.8s ease-in-out infinite;}
#location .map-marker-pin.nearby svg{animation:locIconBreath 3.2s ease-in-out infinite;}
#location .map-marker-pin[data-marker-key="dest-smart"] .pin-label .pin-name,
#location .map-marker-pin[data-marker-key="dest-walk"] .pin-label .pin-name{font-size:.95em;}
@media (max-width:720px){
  #location{
    height:100svh!important;
    min-height:100svh!important;
    max-height:100svh!important;
    overflow:hidden!important;
  }
  #location .location-window{min-height:100svh;}
  #location .location-window,
  #location .location-inner,
  #location .loc-scene{
    height:100svh!important;
    min-height:100svh!important;
    max-height:100svh!important;
  }
  
  
  #location .loc-headline p{display:block!important;}
  #location .loc-block{
    height:auto!important;
    writing-mode:horizontal-tb!important;
  }
  #location .loc-block:nth-of-type(1){
    
    
    
    top:auto!important;
    
    
    
    
  }
  #location .loc-block:nth-of-type(1) .loc-toggles.stack{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    
  }
  #location .loc-block:nth-of-type(2){
    
    
    
    bottom:150px!important;
    
    padding:9px!important;
  }
  
  #location .loc-block:nth-of-type(3){
    
    left:auto!important;
    
    bottom:150px!important;
    
    
  }
  #location .loc-block:nth-of-type(3) .loc-toggles.inline{
    grid-template-columns:repeat(3,38px)!important;
    gap:5px!important;
  }
  
  #location .loc-toggle-btn .mini{display:none!important;}
  
  
  
  #location .loc-zoom-controls{
    position:fixed!important;
    
    
    z-index:35!important;
    
  }
  #location .neighborhood-label{font-size:clamp(14px,4.8vw,20px)!important;}
}


  
  
  #masterplan .mp-layer-dot{
    
    
    
    
    
    font-size:8px!important;
    line-height:1!important;
    
    
    
    
    
  }
  
  #masterplan .master-analysis-layer,
  #masterplan .master-stage:hover .master-analysis-layer{
    transform:translate(calc(var(--mp-pan-x,0px) + 8vw),var(--mp-pan-y,0px)) scale(calc(var(--mp-base-scale,.88) * var(--mp-zoom,1)))!important;
    transform-origin:68% center!important;
  }
  
  
  
  #masterplan .master-analysis-tools:not(.master-analysis-tools-clean){
    display:none!important;
  }
  #masterplan .master-analysis-tools-clean{
    display:grid!important;
    position:absolute!important;
    z-index:88!important;
    right:clamp(18px,3vw,44px)!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:auto!important;
    min-width:156px!important;
    gap:8px!important;
    padding:9px!important;
    border:1px solid rgba(255,255,255,.48)!important;
    border-radius:16px!important;
    background:rgba(251,247,238,.72)!important;
    box-shadow:0 18px 48px rgba(42,31,22,.14),inset 0 1px 0 rgba(255,255,255,.55)!important;
    backdrop-filter:blur(14px)!important;
  }
  
  
  #masterplan .clean-master-tool-btn{
    display:grid!important;
    align-items:center!important;
    width:100%!important;
    min-width:138px!important;
    height:42px!important;
    grid-template-columns:22px 1fr!important;
    justify-content:start!important;
    gap:9px!important;
    padding:0 12px!important;
    border-radius:12px!important;
    border:1px solid rgba(61,31,11,.1)!important;
    background:rgba(251,247,238,.72)!important;
    color:var(--accent-1)!important;
    cursor:pointer!important;
  }
  #masterplan .clean-master-tool-btn.is-on{
    background:linear-gradient(145deg,var(--hillage-red),#5a1010)!important;
    color:#fff!important;
  }
  #masterplan .clean-master-tool-btn svg{
    width:20px!important;
    height:20px!important;
    stroke:currentColor!important;
    fill:none!important;
    stroke-width:1.8!important;
  }
  #masterplan .clean-master-tool-btn span{
    font-family:var(--font-body)!important;
    font-size:11px!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
  }
  #masterplan .topo-tag{
    fill:rgba(80,58,39,.9)!important;
    stroke:rgba(251,247,238,.28)!important;
  }
  #masterplan .topo-text{
    font-size:18px!important;
    fill:#fff!important;
  }
  #units .fp-3d-btn{display:none!important;}
  #units .fp-sliders .fp-range{font-size:0!important;}
  #units .fp-sliders .fp-range::before{
    content:"Plan zoom";
    font-size:12px;
    color:var(--accent-1);
  }
  #units .floorplan-layer{
    transform:scale(var(--fp-plan-scale,1))!important;
    transform-origin:center center!important;
  }
  #units .fp-roomlist{
    display:none!important;
  }
  #units .fp-roomlist.is-open{
    display:block!important;
  }
  #units .fp-rooms-toggle.is-on{
    background:linear-gradient(145deg,var(--accent-3),#4f1714)!important;
    color:#fff!important;
  }
  @media(max-width:720px){
    
    #masterplan .master-analysis-tools-clean{
      right:10px!important;
      top:calc(72px + env(safe-area-inset-top,0px))!important;
      transform:none!important;
      min-width:132px!important;
      padding:7px!important;
      gap:6px!important;
    }
    
    #masterplan .master-tool-btn svg{
      width:17px!important;
      height:17px!important;
    }
    
    #masterplan .clean-master-tool-btn{
      min-width:118px!important;
      height:36px!important;
      grid-template-columns:18px 1fr!important;
      gap:7px!important;
      padding:0 9px!important;
    }
    #masterplan .clean-master-tool-btn span{
      font-size:9px!important;
      letter-spacing:.09em!important;
    }
    
    
    #masterplan .master-analysis-layer,
    #masterplan .master-stage:hover .master-analysis-layer{
      position:absolute!important;
      left:50%!important;
      top:48%!important;
      width:152svh!important;
      height:92svw!important;
      max-width:none!important;
      max-height:none!important;
      transform:translate(calc(-50% + var(--mp-mobile-shift-x,0px)),calc(-50% + var(--mp-mobile-shift-y,0px))) rotate(90deg) scale(calc(.94 * var(--mp-zoom,1)))!important;
      transform-origin:center center!important;
    }
    
    
    #units .unit-floor-drawer{
      inset:0!important;
      width:100vw!important;
      height:100svh!important;
      max-width:none!important;
      padding:14px!important;
      border-radius:0!important;
      grid-template-rows:auto 1fr!important;
      overflow:auto!important;
    }
    #units .unit-floor-drawer .unit-floor-top{
      padding:44px 0 0!important;
      gap:8px!important;
    }
    #units .unit-floor-drawer .floorplan-radar-frame{
      height:calc(100svh - 205px)!important;
      min-height:420px!important;
      border-radius:18px!important;
    }
    #units .fp-ui{
      left:10px!important;
      right:10px!important;
      top:10px!important;
    }
    #units .fp-ui-right{
      gap:6px!important;
    }
    #units .fp-btn,
    #units .fp-view-launch{
      border-radius:10px!important;
      padding:8px 9px!important;
      font-size:11px!important;
      min-width:38px!important;
    }
    #units .fp-sliders{
      left:10px!important;
      bottom:10px!important;
      right:10px!important;
    }
    #units .fp-range input{
      width:100%!important;
    }
    #units .fp-roomlist.is-open{
      left:10px!important;
      right:10px!important;
      bottom:64px!important;
      width:auto!important;
      max-height:34svh!important;
    }
  }


  #masterplan .mp-point-layer{
    display:block!important;
    
    z-index:30!important;
    transform:translate(calc(var(--mp-pan-x,0px) + 8vw + 75px),var(--mp-pan-y,0px)) scale(calc(var(--mp-base-scale,.88) * var(--mp-zoom,1)))!important;
    transform-origin:68% center!important;
    transition:transform .72s cubic-bezier(.2,.8,.2,1)!important;
  }
  #masterplan .master-stage:hover .mp-point-layer{
    transform:translate(calc(var(--mp-pan-x,0px) + 8vw + 75px),var(--mp-pan-y,0px)) scale(calc(var(--mp-base-scale,.88) * var(--mp-zoom,1)))!important;
  }
  #masterplan .mp-layer-dot{
    display:grid!important;
    place-items:center!important;
    position:absolute!important;
    left:var(--dot-x,50%)!important;
    top:var(--dot-y,50%)!important;
    transform:translate(-50%,-50%)!important;
    
    
    
    border-radius:50%!important;
    font:700 8px/1 var(--font-sans)!important;
    
    
    
    
    
  }
  #masterplan .mp-layer-dot.is-active,
  #masterplan .mp-layer-dot:hover{
    background:#8f0308!important;
    box-shadow:0 0 0 7px rgba(143,3,8,.18),0 14px 24px rgba(42,31,22,.22)!important;
  }
  #masterplan .master-analysis-tools{
    width:auto!important;
    min-width:156px!important;
    gap:8px!important;
    padding:9px!important;
  }
  #masterplan .master-tool-btn{
    width:100%!important;
    min-width:138px!important;
    height:42px!important;
    grid-template-columns:22px 1fr!important;
    justify-content:start!important;
    gap:9px!important;
    padding:0 12px!important;
    border-radius:12px!important;
  }
  #masterplan .master-tool-btn span{
    position:static!important;
    width:auto!important;
    height:auto!important;
    clip:auto!important;
    overflow:visible!important;
    font-family:var(--font-body)!important;
    font-size:11px!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
  }
  @media(max-width:720px){
    #masterplan .master-analysis-tools{
      
      
      
      min-width:132px!important;
      
      
    }
    
    
    #masterplan .mp-point-layer,
    #masterplan .master-stage:hover .mp-point-layer{
      position:absolute!important;
      left:50%!important;
      top:48%!important;
      width:152svh!important;
      height:92svw!important;
      max-width:none!important;
      max-height:none!important;
      transform:translate(calc(-50% + var(--mp-mobile-shift-x,0px)),calc(-50% + var(--mp-mobile-shift-y,0px))) rotate(90deg) scale(calc(.94 * var(--mp-zoom,1)))!important;
      transform-origin:center center!important;
    }
    #masterplan .mp-layer-dot{
      width:16px!important;
      height:16px!important;
      font-size:8px!important;
    }
  }


  #masterplan .mp-layer-dot{
    opacity:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    color:transparent!important;
    width:28px!important;
    height:28px!important;
    pointer-events:none!important;
  }
  #masterplan .mp-point-layer{
    pointer-events:none!important;
  }
  #masterplan .master-copy,
  #masterplan .master-legend{
    z-index:72!important;
  }
  #masterplan .mp-layer-dot::before,
  #masterplan .mp-layer-dot::after{
    content:none!important;
    display:none!important;
  }
  #masterplan .mp-layer-dot.is-active{
    opacity:0!important;
  }
  #masterplan .mp-photo-card{
    position:fixed!important;
    left:var(--card-vx,50vw)!important;
    top:var(--card-vy,50vh)!important;
    right:auto!important;
    bottom:auto!important;
    transition:
      left .72s cubic-bezier(.18,.85,.2,1),
      top .72s cubic-bezier(.18,.85,.2,1),
      opacity .28s ease,
      transform .42s cubic-bezier(.2,.8,.2,1)!important;
  }
  .mp-photo-card.master-floating-card{
    position:fixed!important;
    left:var(--card-vx,50vw)!important;
    top:var(--card-vy,50vh)!important;
    right:auto!important;
    bottom:auto!important;
    width:176px!important;
    height:176px!important;
    min-width:0!important;
    border-radius:18px 18px 0 18px!important;
    display:grid!important;
    grid-template-rows:82px auto!important;
    z-index:999!important;
    transform:translate(-100%,calc(-100% - 12px)) scale(.94)!important;
    transform-origin:100% 100%!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:left .72s cubic-bezier(.18,.85,.2,1),top .72s cubic-bezier(.18,.85,.2,1),opacity .28s ease,transform .42s cubic-bezier(.2,.8,.2,1)!important;
  }
  .mp-photo-card.master-floating-card.is-on{
    opacity:1!important;
    transform:translate(-100%,calc(-100% - 12px)) scale(1)!important;
  }
  .mp-photo-card.master-floating-card img{
    height:82px!important;
    border-radius:18px 18px 0 0!important;
    object-fit:cover!important;
  }
  .mp-photo-card.master-floating-card b{
    font-size:15px!important;
    line-height:1.05!important;
    padding:9px 11px 2px!important;
  }
  .mp-photo-card.master-floating-card span{
    display:-webkit-box!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    font-size:9.5px!important;
    line-height:1.22!important;
    padding:0 11px 10px!important;
  }
  .mp-photo-card.master-floating-card::after{
    content:""!important;
    position:absolute!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    top:auto!important;
    width:0!important;
    height:0!important;
    border:0!important;
    border-left:16px solid transparent!important;
    border-top:16px solid var(--hillage-red)!important;
    transform:none!important;
    filter:drop-shadow(0 8px 10px rgba(61,31,11,.26))!important;
  }
  #masterplan .mp-clean-item{
    flex:0 0 auto!important;
    border:1px solid rgba(251,247,238,.42)!important;
    border-radius:12px!important;
    background:linear-gradient(145deg,rgba(251,247,238,.72),rgba(251,247,238,.46))!important;
    backdrop-filter:blur(14px)!important;
    padding:7px 8px!important;
    text-align:left!important;
    color:var(--text-main)!important;
    cursor:pointer!important;
    font-size:10px!important;
    white-space:nowrap!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 10px 28px rgba(14,9,30,.12)!important;
    transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease!important;
  }
  #masterplan .mp-clean-item:hover{
    transform:translateY(-1px)!important;
    border-color:rgba(143,3,8,.32)!important;
  }
  #masterplan .mp-clean-item.is-active{
    background:linear-gradient(145deg,var(--accent-3),#4f1714)!important;
    border-color:rgba(143,3,8,.5)!important;
    color:var(--hillage-cream)!important;
  }
  #masterplan .mp-clean-item.is-active .legend-num{
    background:rgba(251,247,238,.18)!important;
    color:rgba(251,247,238,.9)!important;
  }
  @media(max-width:720px){
    #masterplan .master-copy,
    #masterplan .master-copy.is-open,
    body.hillage-paged main > #masterplan.is-page-active .master-copy,
    body.hillage-paged main > #masterplan.is-page-active .master-copy.is-open{
      position:fixed!important;
      
      
      
      
      
      
      padding:0 12px!important;
      pointer-events:auto!important;
      background:transparent!important;
      transform:none!important;
    }
    #masterplan .master-copy h2,
    #masterplan .master-copy.is-open h2{
      
      
      max-width:82vw!important;
    }
    
    #masterplan .master-legend,
    #masterplan .master-copy.is-open .master-legend,
    body.hillage-paged main > #masterplan.is-page-active .master-legend,
    body.hillage-paged main > #masterplan.is-page-active .master-copy.is-open .master-legend{
      position:fixed!important;
      
      
      bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;
      top:auto!important;
      display:grid!important;
      grid-template-columns:repeat(5,minmax(0,1fr))!important;
      gap:5px!important;
      padding:8px!important;
      border-radius:18px!important;
      background:rgba(248,243,232,.82)!important;
      border:1px solid rgba(255,255,255,.58)!important;
      box-shadow:0 18px 44px rgba(42,31,22,.18)!important;
      z-index:76!important;
      max-height:none!important;
      overflow:visible!important;
    }
    
    #masterplan .mp-photo-card{
      z-index:70!important;
      width:min(145px,42vw)!important;
    }
    .mp-photo-card.master-floating-card{
      width:128px!important;
      height:132px!important;
      grid-template-rows:56px auto!important;
      border-radius:14px 14px 0 14px!important;
    }
    .mp-photo-card.master-floating-card img{
      height:56px!important;
      border-radius:14px 14px 0 0!important;
    }
    .mp-photo-card.master-floating-card b{
      font-size:11px!important;
      padding:7px 8px 1px!important;
    }
    .mp-photo-card.master-floating-card span{
      font-size:8px!important;
      line-height:1.12!important;
      padding:0 8px 8px!important;
      -webkit-line-clamp:3!important;
    }
    #masterplan .mp-clean-item{
      font-size:8.5px!important;
      padding:6px 5px!important;
      min-height:30px!important;
      border-radius:10px!important;
      white-space:normal!important;
      line-height:1!important;
    }
  }
  #location .leaflet-live-map{
    isolation:isolate!important;
  }
  #location.map-2d-on .leaflet-live-map::after{
    content:none!important;
    display:none!important;
  }
  
  
  #location.map-2d-on .leaflet-overlay-pane svg path{
    stroke:#f3ead9!important;
    stroke-width:5!important;
    stroke-opacity:.82!important;
    filter:drop-shadow(0 2px 5px rgba(0,0,0,.2))!important;
  }
  #location.map-2d-on .loc-roads{
    opacity:.5!important;
    mix-blend-mode:screen!important;
  }
  #location.map-2d-on .leaflet-overlay-pane,
  #location.map-2d-on .leaflet-marker-pane,
  #location.map-2d-on .leaflet-tooltip-pane,
  #location.map-2d-on .leaflet-popup-pane,
  #location.map-2d-on .loc-ui-panel,
  #location.map-2d-on .loc-headline,
  #location.map-2d-on .loc-zoom-controls{
    z-index:760!important;
  }
  #location.map-2d-on .leaflet-overlay-pane{
    z-index:420!important;
    opacity:.78!important;
  }
  #location.map-2d-on .leaflet-marker-pane,
  #location.map-2d-on .leaflet-tooltip-pane,
  #location.map-2d-on .leaflet-popup-pane,
  #location.map-2d-on .loc-ui-panel,
  #location.map-2d-on .loc-headline,
  #location.map-2d-on .loc-zoom-controls{
    z-index:780!important;
  }
  #location.map-2d-on .leaflet-marker-icon,
  #location.map-2d-on .leaflet-tooltip,
  #location.map-2d-on .map-marker-shell,
  #location.map-2d-on .neighborhood-label{
    z-index:790!important;
    opacity:1!important;
    filter:drop-shadow(0 9px 18px rgba(0,0,0,.42))!important;
  }
  #location.map-2d-on .loc-ui-panel,
  #location.map-2d-on .loc-headline,
  #location.map-2d-on .loc-actions,
  #location.map-2d-on .loc-zoom-controls,
  #location.map-2d-on .leaflet-marker-pane,
  #location.map-2d-on .leaflet-tooltip-pane,
  #location.map-2d-on .leaflet-popup-pane{
    filter:none!important;
    opacity:1!important;
  }
  .master-mobile-tools-toggle{
    display:none;
  }
  @media(max-width:720px){
    #location .loc-block{
      overflow:hidden!important;
      transition:max-height .24s ease,width .24s ease,opacity .2s ease!important;
    }
    #location .loc-block .loc-block-title{
      display:flex!important;
      align-items:center!important;
      justify-content:space-between!important;
      min-height:26px!important;
      cursor:pointer!important;
      pointer-events:auto!important;
    }
    #location .loc-block .loc-block-title::after{
      content:"+"!important;
      display:grid!important;
      place-items:center!important;
      width:20px!important;
      height:20px!important;
      border-radius:8px!important;
      background:rgba(251,247,238,.58)!important;
      color:var(--accent-3)!important;
      font:700 13px/1 Arial,sans-serif!important;
    }
    #location .loc-block.is-open .loc-block-title::after{
      content:"-"!important;
    }
    #location .loc-block:not(.is-open) .loc-toggles,
    #location .loc-block:not(.is-open) .nearby-guide{
      display:none!important;
    }
    
    #location .loc-block:nth-of-type(1).is-open{
      max-height:min(42svh,230px)!important;
      overflow:auto!important;
    }
    #location .loc-block:nth-of-type(2){
      max-height:46px!important;
      
    }
    #location .loc-block:nth-of-type(2).is-open{
      max-height:160px!important;
      overflow:auto!important;
    }
    #location .loc-block:nth-of-type(3){
      
      max-height:46px!important;
    }
    #location .loc-block:nth-of-type(3).is-open{
      width:min(176px,45vw)!important;
      max-height:230px!important;
      overflow:auto!important;
    }
    #masterplan .master-analysis-tools,
    #masterplan .master-analysis-tools-clean{
      max-height:44px!important;
      overflow:hidden!important;
      transition:max-height .24s ease,width .24s ease!important;
    }
    #masterplan .master-analysis-tools:not(.is-open) .master-tool-btn,
    #masterplan .master-analysis-tools-clean:not(.is-open) .master-tool-btn{
      display:none!important;
    }
    #masterplan .master-analysis-tools.is-open,
    #masterplan .master-analysis-tools-clean.is-open{
      max-height:190px!important;
      overflow:visible!important;
    }
    .master-mobile-tools-toggle{
      display:flex!important;
      align-items:center!important;
      justify-content:center!important;
      gap:6px!important;
      min-height:34px!important;
      border:1px solid rgba(61,31,11,.12)!important;
      border-radius:12px!important;
      background:rgba(251,247,238,.76)!important;
      color:var(--accent-3)!important;
      font:700 10px/1 var(--font-sans,Arial,sans-serif)!important;
      letter-spacing:.08em!important;
      text-transform:uppercase!important;
      cursor:pointer!important;
    }
  }


  /* Final panel authority: location + masterplan controls */
  #location .loc-ui-panel{
    z-index:90!important;
    pointer-events:none!important;
    inset:0!important;
  }
  #location .loc-block,
  #location .loc-actions,
  #masterplan .master-analysis-tools,
  #masterplan .master-analysis-tools-clean{
    pointer-events:auto!important;
    background:rgba(248,243,232,.78)!important;
    border:1px solid rgba(255,255,255,.62)!important;
    border-radius:18px!important;
    box-shadow:0 18px 48px rgba(45,33,22,.14),inset 0 1px 0 rgba(255,255,255,.55)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
  }
  #location .loc-block-title{
    position:static!important;
    width:auto!important;
    height:auto!important;
    clip:auto!important;
    overflow:visible!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    margin:0 0 9px!important;
    color:#c79b2e!important;
    font-family:var(--font-body)!important;
    font-size:9px!important;
    line-height:1!important;
    letter-spacing:.22em!important;
    text-transform:uppercase!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
    cursor:default!important;
  }
  #location .loc-block-title::after{content:none!important;display:none!important;}
  #location .loc-toggle-btn,
  #location .loc-action,
  #masterplan .master-tool-btn,
  #masterplan .clean-master-tool-btn{
    border-radius:11px!important;
    border:1px solid rgba(61,31,11,.12)!important;
    background:rgba(255,252,245,.72)!important;
    color:#23160d!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.48)!important;
    transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease!important;
  }
  #location .loc-toggle-btn:hover,
  #location .loc-action:hover,
  #masterplan .master-tool-btn:hover,
  #masterplan .clean-master-tool-btn:hover{
    transform:translateY(-1px)!important;
    border-color:rgba(143,3,8,.28)!important;
  }
  #location .loc-toggle-btn.is-on,
  #location .loc-toggle-btn[aria-pressed=true],
  #masterplan .master-tool-btn.is-on,
  #masterplan .master-tool-btn[aria-pressed=true],
  #masterplan .clean-master-tool-btn.is-on,
  #masterplan .clean-master-tool-btn[aria-pressed=true]{
    background:linear-gradient(145deg,#941116,#5a1010)!important;
    border-color:#f3c75d!important;
    color:#fff!important;
  }
  #location .loc-block:nth-of-type(1){
    left:clamp(20px,3vw,48px)!important;
    right:auto!important;
    top:auto!important;
    bottom:clamp(20px,3vw,44px)!important;
    width:min(530px,39vw)!important;
    max-height:none!important;
    height:auto!important;
    padding:14px!important;
    overflow:visible!important;
    transform:none!important;
  }
  #location .loc-block:nth-of-type(1) .loc-toggles.stack{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  #location .loc-block:nth-of-type(2){
    right:clamp(22px,3vw,46px)!important;
    left:auto!important;
    top:clamp(118px,14vh,160px)!important;
    bottom:auto!important;
    
    height:54px!important;
    max-height:54px!important;
    padding:0!important;
    overflow:hidden!important;
    transform:none!important;
    display:block!important;
  }
  #location .loc-block:nth-of-type(2) .loc-block-title{
    width:54px!important;
    height:54px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    color:#3d1f0b!important;
    font-size:0!important;
    cursor:pointer!important;
  }
  #location .loc-block:nth-of-type(2) .loc-block-title::before{
    content:""!important;
    width:20px!important;
    height:20px!important;
    display:block!important;
    background:currentColor!important;
    -webkit-mask:linear-gradient(#000 0 0) top/100% 3px no-repeat,linear-gradient(#000 0 0) center/100% 3px no-repeat,linear-gradient(#000 0 0) bottom/100% 3px no-repeat;
            mask:linear-gradient(#000 0 0) top/100% 3px no-repeat,linear-gradient(#000 0 0) center/100% 3px no-repeat,linear-gradient(#000 0 0) bottom/100% 3px no-repeat;
  }
  
  #location .loc-block:nth-of-type(2).panel-open,
  #location .loc-block:nth-of-type(2).is-open{
    width:210px!important;
    height:auto!important;
    max-height:230px!important;
    padding:12px!important;
    overflow:visible!important;
  }
  #location .loc-block:nth-of-type(2).panel-open .loc-block-title,
  #location .loc-block:nth-of-type(2).is-open .loc-block-title{
    width:auto!important;
    height:auto!important;
    display:flex!important;
    place-items:normal!important;
    font-size:9px!important;
    margin:0 0 9px!important;
    color:#c79b2e!important;
  }
  #location .loc-block:nth-of-type(2).panel-open .loc-block-title::before,
  #location .loc-block:nth-of-type(2).is-open .loc-block-title::before{display:none!important;}
  #location .loc-block:nth-of-type(2).panel-open .loc-toggles.inline,
  #location .loc-block:nth-of-type(2).is-open .loc-toggles.inline{display:grid!important;}
  #location .loc-block:nth-of-type(3){
    right:clamp(22px,3vw,46px)!important;
    left:auto!important;
    top:calc(clamp(118px,14vh,160px) + 68px)!important;
    bottom:auto!important;
    width:54px!important;
    height:auto!important;
    max-height:none!important;
    padding:8px!important;
    overflow:visible!important;
    transform:none!important;
  }
  #location .loc-block:nth-of-type(3) .loc-block-title{display:none!important;}
  #location .loc-block:nth-of-type(3) .loc-toggles.inline{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  #location .loc-toggle-btn.icon-only{
    width:38px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
  }
  #location .loc-actions{
    right:clamp(22px,3vw,46px)!important;
    left:auto!important;
    bottom:clamp(20px,3vw,44px)!important;
    top:auto!important;
    width:210px!important;
    padding:12px!important;
    display:grid!important;
    transform:none!important;
  }
  #masterplan .master-analysis-tools,
  #masterplan .master-analysis-tools-clean{
    position:absolute!important;
    right:clamp(16px,2.4vw,38px)!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:178px!important;
    min-width:0!important;
    max-height:none!important;
    padding:9px!important;
    display:grid!important;
    gap:8px!important;
    overflow:visible!important;
    z-index:80!important;
  }
  #masterplan .master-analysis-tools:not(.is-open) .master-tool-btn,
  #masterplan .master-analysis-tools-clean:not(.is-open) .master-tool-btn,
  #masterplan .master-analysis-tools .master-tool-btn,
  #masterplan .master-analysis-tools-clean .master-tool-btn{
    display:grid!important;
  }
  #masterplan .master-mobile-tools-toggle{display:none!important;}
  #masterplan .master-tool-btn,
  #masterplan .clean-master-tool-btn{
    width:100%!important;
    min-width:0!important;
    height:38px!important;
    padding:0 10px!important;
    display:grid!important;
    grid-template-columns:22px 1fr!important;
    align-items:center!important;
    gap:8px!important;
    text-align:left!important;
  }
  #masterplan .master-tool-btn svg,
  #masterplan .clean-master-tool-btn svg{
    width:18px!important;
    height:18px!important;
  }
  #masterplan .master-tool-btn span,
  #masterplan .clean-master-tool-btn span{
    position:static!important;
    width:auto!important;
    height:auto!important;
    clip:auto!important;
    overflow:visible!important;
    font-family:var(--font-body)!important;
    font-size:10px!important;
    line-height:1.05!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
  }
  #masterplan .master-topography-overlay,
  #masterplan .master-stage:hover .master-topography-overlay{
    transform:translate(calc(var(--mp-pan-x,0px) + 8vw),var(--mp-pan-y,0px)) scale(calc(var(--mp-base-scale,.88) * var(--mp-zoom,1)))!important;
    transform-origin:68% center!important;
  }
  
  @media(max-width:720px){
    #location .loc-block:nth-of-type(1){
      left:10px!important;
      right:10px!important;
      bottom:8px!important;
      width:auto!important;
      max-height:174px!important;
      padding:9px!important;
      overflow:hidden!important;
    }
    #location .loc-block:nth-of-type(1) .loc-toggles.stack{gap:7px!important;}
    #location .loc-block:nth-of-type(2){
      left:10px!important;
      right:auto!important;
      top:calc(318px + env(safe-area-inset-top,0px))!important;
    }
    #location .loc-block:nth-of-type(2).panel-open,
    #location .loc-block:nth-of-type(2).is-open{
      width:min(208px,56vw)!important;
      max-height:210px!important;
    }
    #location .loc-block:nth-of-type(3){
      right:10px!important;
      top:calc(230px + env(safe-area-inset-top,0px))!important;
      width:54px!important;
      padding:8px!important;
    }
    #location .loc-actions{display:none!important;}
    #location .loc-block:nth-of-type(1) .loc-toggle-btn{font-size:8.2px!important;min-height:28px!important;padding:5px 7px!important;}
    #location .loc-toggle-btn{font-size:9px!important;min-height:34px!important;padding:7px 8px!important;}
    #location .loc-toggle-btn.icon-only{width:38px!important;height:38px!important;min-height:38px!important;}
    #masterplan .master-analysis-tools,
    #masterplan .master-analysis-tools-clean{
      position:fixed!important;
      
      
      
      
      
      
      
    }
    
    
    #masterplan .master-topography-overlay,
    #masterplan .master-stage:hover .master-topography-overlay{
      transform:translate(calc(-50% + var(--mp-mobile-shift-x,0px)),calc(-50% + var(--mp-mobile-shift-y,0px))) rotate(90deg) scale(calc(.94 * var(--mp-zoom,1)))!important;
      transform-origin:center center!important;
    }
    #masterplan .master-safe-mask,
    #masterplan .master-stage:hover .master-safe-mask{
      transform:translate(calc(-50% + var(--mp-mobile-shift-x,0px)),calc(-50% + var(--mp-mobile-shift-y,0px))) rotate(90deg) scale(calc(.515 * var(--mp-zoom,1)))!important;
      transform-origin:center center!important;
    }
    #masterplan .master-legend,
    #masterplan .master-copy.is-open .master-legend,
    body.hillage-paged main > #masterplan.is-page-active .master-legend,
    body.hillage-paged main > #masterplan.is-page-active .master-copy.is-open .master-legend{
      left:10px!important;
      right:10px!important;
      width:auto!important;
      max-width:calc(100vw - 20px)!important;
      box-sizing:border-box!important;
    }
  }


  #location .loc-headline{
    width:min(460px,34vw)!important;
    padding:58px 58px 58px 48px!important;
  }
  #location .loc-headline h2{
    font-size:clamp(28px,2.15vw,38px)!important;
    line-height:.94!important;
  }
  #location .loc-headline p{
    max-width:360px!important;
    font-size:clamp(12px,.86vw,14px)!important;
    line-height:1.34!important;
  }
  #location .neighborhood-label,
  #location.map-2d-on .neighborhood-label{
    
    
    
    font-weight:300!important;
    
    
    letter-spacing:.01em!important;
    
    filter:none!important;
  }
  #location .loc-toggle-btn.is-on,
  #location .loc-toggle-btn[aria-pressed="true"]{
    background:linear-gradient(145deg,#941116,#5a1010)!important;
    color:#fff!important;
    border-color:#f3c75d!important;
  }
  @media(max-width:720px){
    #location .loc-headline{
      left:18px!important;
      top:58px!important;
      width:min(300px,74vw)!important;
      padding:0!important;
    }
    #location .loc-headline h2{
      font-size:clamp(32px,10vw,42px)!important;
      line-height:.9!important;
    }
    #location .loc-headline p{
      font-size:11px!important;
      line-height:1.26!important;
      max-width:250px!important;
    }
    
  }


  .mobile-location-switchboard{display:none;}
  #location .hillage-main-roads-svg{
    mix-blend-mode:multiply;
    filter:drop-shadow(0 1px 0 rgba(255,255,255,.12));
    opacity:1!important;
    pointer-events:none!important;
	
  }
  @media(max-width:720px){
    #location .mobile-location-switchboard{
      position:absolute!important;
      z-index:32!important;
      left:50%!important;
      bottom:16px!important;
      transform:translateX(-50%)!important;
      display:grid!important;
      grid-template-columns:1fr 1fr !important;
      gap:6px!important;
      width:min(334px,calc(100vw - 32px))!important;
      padding:7px!important;
      border-radius:20px!important;
      background:rgba(251,247,238,.78)!important;
      border:1px solid rgba(255,255,255,.62)!important;
      box-shadow:0 18px 42px rgba(42,31,22,.18),inset 0 1px 0 rgba(255,255,255,.6)!important;
      backdrop-filter:blur(16px)!important;
      pointer-events:auto!important;
    }
    #location .mobile-location-switch{
      display:flex!important;
      align-items:center!important;
      justify-content:center!important;
      gap:7px!important;
      min-height:38px!important;
      border:1px solid rgba(61,31,11,.12)!important;
      border-radius:15px!important;
      background:linear-gradient(145deg,rgba(251,247,238,.82),rgba(232,222,205,.6))!important;
      color:#4b2618!important;
      font-family:var(--font-display)!important;
      font-size:8.6px!important;
      letter-spacing:.08em!important;
      text-transform:uppercase!important;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.58)!important;
      cursor:pointer!important;
    }
    #location .mobile-location-switch svg{
      width:14px!important;
      height:14px!important;
      display:block!important;
      fill:none!important;
      stroke:currentColor!important;
      stroke-width:1.9!important;
      stroke-linecap:round!important;
      stroke-linejoin:round!important;
    }
    #location .mobile-location-switch.is-on,
    #location .mobile-location-switch[aria-pressed="true"]{
      background:linear-gradient(145deg,#941116,#5a1010)!important;
      border-color:#f3c75d!important;
      color:#fff7df!important;
      box-shadow:0 10px 24px rgba(90,16,16,.22),inset 0 1px 0 rgba(255,255,255,.18)!important;
    }
    #location .loc-block:nth-of-type(1),
    #location .loc-block:nth-of-type(2),
    #location .loc-block:nth-of-type(3){
      position:absolute!important;
      width:1px!important;
      height:1px!important;
      min-height:1px!important;
      max-height:1px!important;
      padding:0!important;
      border:0!important;
      box-shadow:none!important;
      background:transparent!important;
      opacity:0!important;
      pointer-events:none!important;
      overflow:hidden!important;
    }
    #location .loc-block:nth-of-type(1) .loc-toggles,
    #location .loc-block:nth-of-type(2) .loc-toggles,
    #location .loc-block:nth-of-type(3) .loc-toggles{
      display:none!important;
    }
    #location .loc-zoom-controls{
      right:14px!important;
      top:50%!important;
      transform:translateY(-50%)!important;
      width:44px!important;
      height:auto!important;
      display:grid!important;
      grid-template-columns:1fr!important;
      gap:6px!important;
      padding:6px!important;
      border-radius:18px!important;
      background:rgba(251,247,238,.86)!important;
      border:1px solid rgba(255,255,255,.6)!important;
      box-shadow:0 16px 36px rgba(42,31,22,.16),inset 0 1px 0 rgba(255,255,255,.6)!important;
      backdrop-filter:blur(14px)!important;
    }
    #location .loc-zoom-btn,
    #location .mobile-map-control{
      width:32px!important;
      height:32px!important;
      min-height:32px!important;
      padding:0!important;
      display:grid!important;
      place-items:center!important;
      font-size:0!important;
      border-radius:11px!important;
      border:1px solid rgba(61,31,11,.12)!important;
      background:linear-gradient(145deg,rgba(251,247,238,.84),rgba(232,222,205,.62))!important;
      color:#4b2618!important;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.58)!important;
    }
    #location .loc-zoom-btn::before,
    #location .mobile-map-control::before{
      content:""!important;
      display:block!important;
      width:15px!important;
      height:15px!important;
      background:currentColor!important;
      opacity:.95!important;
      mask:center/contain no-repeat;
      -webkit-mask:center/contain no-repeat;
    }
    #location .loc-zoom-btn.is-on,
    #location .loc-zoom-btn[aria-pressed="true"],
    #location .mobile-map-control.is-on,
    #location .mobile-map-control[aria-pressed="true"]{
      background:linear-gradient(145deg,#941116,#5a1010)!important;
      color:#fff7df!important;
      border-color:#f3c75d!important;
    }
    #location #locPanToggle::before{
      mask-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"black\" d=\"M7.5 22a4.5 4.5 0 0 1-4.2-2.9L1.5 14a2 2 0 0 1 3.2-2.2l.8.8V5.5a1.5 1.5 0 0 1 3 0V11h1V4.5a1.5 1.5 0 0 1 3 0V11h1V5.5a1.5 1.5 0 0 1 3 0V12h1V8a1.5 1.5 0 0 1 3 0v6.2A7.8 7.8 0 0 1 12.7 22H7.5Z\"/></svg>")!important;
      -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"black\" d=\"M7.5 22a4.5 4.5 0 0 1-4.2-2.9L1.5 14a2 2 0 0 1 3.2-2.2l.8.8V5.5a1.5 1.5 0 0 1 3 0V11h1V4.5a1.5 1.5 0 0 1 3 0V11h1V5.5a1.5 1.5 0 0 1 3 0V12h1V8a1.5 1.5 0 0 1 3 0v6.2A7.8 7.8 0 0 1 12.7 22H7.5Z\"/></svg>")!important;
    }
    #location #locZoomIn::before{
      mask-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"black\" d=\"M10.8 19.6a8.8 8.8 0 1 1 6.2-15 8.8 8.8 0 0 1-6.2 15Zm-1-5.1h2.2v-3.4h3.4V8.9H12V5.5H9.8v3.4H6.4v2.2h3.4v3.4ZM18.2 17l4.2 4.2-1.6 1.6-4.2-4.2 1.6-1.6Z\"/></svg>")!important;
      -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"black\" d=\"M10.8 19.6a8.8 8.8 0 1 1 6.2-15 8.8 8.8 0 0 1-6.2 15Zm-1-5.1h2.2v-3.4h3.4V8.9H12V5.5H9.8v3.4H6.4v2.2h3.4v3.4ZM18.2 17l4.2 4.2-1.6 1.6-4.2-4.2 1.6-1.6Z\"/></svg>")!important;
    }
    #location #locZoomOut::before{
      mask-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"black\" d=\"M10.8 19.6a8.8 8.8 0 1 1 6.2-15 8.8 8.8 0 0 1-6.2 15Zm-4.4-8.5V8.9h9v2.2h-9ZM18.2 17l4.2 4.2-1.6 1.6-4.2-4.2 1.6-1.6Z\"/></svg>")!important;
      -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"black\" d=\"M10.8 19.6a8.8 8.8 0 1 1 6.2-15 8.8 8.8 0 0 1-6.2 15Zm-4.4-8.5V8.9h9v2.2h-9ZM18.2 17l4.2 4.2-1.6 1.6-4.2-4.2 1.6-1.6Z\"/></svg>")!important;
    }
    #location #mobileMap2dControl::before{
      mask-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"black\" d=\"M4 5.5 10 3l4 2 6-2.5v16L14 21l-4-2-6 2.5v-16Zm7 11.8 2 1V6.7l-2-1v11.6Zm-5 1.2 3-1.25V5.75L6 7v11.5Zm9 .75 3-1.25V5.5l-3 1.25v12.5Z\"/></svg>")!important;
      -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"black\" d=\"M4 5.5 10 3l4 2 6-2.5v16L14 21l-4-2-6 2.5v-16Zm7 11.8 2 1V6.7l-2-1v11.6Zm-5 1.2 3-1.25V5.75L6 7v11.5Zm9 .75 3-1.25V5.5l-3 1.25v12.5Z\"/></svg>")!important;
    }
    #location #mobileMainRoadControl::before{
      mask-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"black\" d=\"M8.8 21 6.9 3h2.4l1.9 18H8.8Zm5 0 1.9-18h2.4l-1.9 18h-2.4ZM3 13.2v-2.4h18v2.4H3Z\"/></svg>")!important;
      -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"black\" d=\"M8.8 21 6.9 3h2.4l1.9 18H8.8Zm5 0 1.9-18h2.4l-1.9 18h-2.4ZM3 13.2v-2.4h18v2.4H3Z\"/></svg>")!important;
    }
    #location .map-marker-pin.nearby,
    #location .map-marker-pin.nearby.has-time,
    #location .map-marker-pin.nearby.selected{
      
      
      
      
      background:transparent!important;
      border:0!important;
      box-shadow:none!important;
      color:#fff7df!important;
      filter:drop-shadow(0 3px 7px rgba(0,0,0,.48))!important;
    }
    #location .map-marker-pin.nearby svg,
    #location .map-marker-pin.nearby.has-time svg,
    #location .map-marker-pin.nearby.selected svg{
      
      
      stroke-width:2.15!important;
      animation:none!important;
    }
    #location .map-marker-pin.nearby .pin-label,
    #location .map-marker-pin.nearby::before,
    #location .map-marker-pin.nearby::after{
      display:none!important;
      content:none!important;
    }
    #location .map-marker-pin.has-time:not(.nearby):not(.site) .pin-label{
      display:grid!important;
      grid-template-columns:1fr!important;
      gap:1px!important;
      align-items:center!important;
      justify-items:center!important;
      text-align:center!important;
      white-space:normal!important;
      
      
      padding:0!important;
      background:transparent!important;
      border:0!important;
      box-shadow:none!important;
      color:#fff7df!important;
      font-family:var(--font-accent)!important;
      font-style:italic!important;
      font-weight:300!important;
      
      
      text-shadow:0 2px 8px rgba(0,0,0,.72),0 0 14px rgba(61,31,11,.32)!important;
    }
    #location .map-marker-pin.has-time:not(.nearby):not(.site) .pin-time{
      display:block!important;
      color:#f3c75d!important;
      font-family:var(--font-display)!important;
      font-style:normal!important;
      font-weight:650!important;
      
      line-height:1!important;
      letter-spacing:.02em!important;
      text-shadow:0 2px 8px rgba(0,0,0,.58)!important;
    }
    #location .loc-actions{
      left:14px!important;
      right:auto!important;
      bottom:72px!important;
      width:130px!important;
      padding:6px!important;
      border-radius:15px!important;
    }
    #location .loc-action{
      min-width:0!important;
      width:100%!important;
      height:34px!important;
      padding:0 8px!important;
      font-size:8.4px!important;
      border-radius:11px!important;
    }
  }


  @media(min-width:721px){
    #location .loc-ui-panel{
      pointer-events:none!important;
    }
    #location .mobile-location-switchboard{
      position:absolute!important;
      z-index:44!important;
      left:clamp(34px,4.2vw,74px)!important;
      bottom:clamp(28px,4.2vh,54px)!important;
      width:min(520px,calc(100vw - 330px))!important;
      display:grid!important;
      grid-template-columns:repeat(2,minmax(0,1fr))!important;
      gap:8px!important;
      padding:10px!important;
      border-radius:22px!important;
      background:linear-gradient(135deg,rgba(250,246,235,.9),rgba(214,204,180,.74))!important;
      border:1px solid rgba(255,255,255,.76)!important;
      box-shadow:0 18px 46px rgba(42,32,21,.2),inset 0 1px rgba(255,255,255,.7)!important;
      backdrop-filter:blur(18px)!important;
      -webkit-backdrop-filter:blur(18px)!important;
      pointer-events:auto!important;
    }
    #location .mobile-location-switch{
      min-width:0!important;
      height:46px!important;
      border-radius:15px!important;
      display:flex!important;
      align-items:center!important;
      justify-content:center!important;
      gap:8px!important;
      border:1px solid rgba(87,65,45,.14)!important;
      background:rgba(255,252,244,.58)!important;
      color:#5b412b!important;
      box-shadow:none!important;
      font-family:var(--font-body)!important;
      font-size:12px!important;
      font-weight:700!important;
      letter-spacing:.01em!important;
      cursor:pointer!important;
      transition:transform .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease!important;
    }
    #location .mobile-location-switch:hover{
      transform:translateY(-2px)!important;
      background:rgba(255,252,244,.84)!important;
    }
    #location .mobile-location-switch.is-on{
      background:#8f1418!important;
      color:#fff7e9!important;
      border-color:rgba(255,214,111,.72)!important;
      box-shadow:0 10px 24px rgba(86,23,14,.2),inset 0 0 0 1px rgba(255,255,255,.22)!important;
    }
    #location .mobile-location-switch svg{
      width:17px!important;
      height:17px!important;
      fill:none!important;
      stroke:currentColor!important;
      stroke-width:1.9!important;
      stroke-linecap:round!important;
      stroke-linejoin:round!important;
      flex:0 0 auto!important;
    }
    #location .loc-block:nth-of-type(1),
    #location .loc-block:nth-of-type(2),
    #location .loc-block:nth-of-type(3){
      display:none!important;
    }
    #location .loc-actions{
      position:absolute!important;
      z-index:42!important;
      right:clamp(34px,4.2vw,74px)!important;
      bottom:clamp(28px,4.2vh,54px)!important;
      left:auto!important;
      width:190px!important;
      padding:8px!important;
      border-radius:20px!important;
      background:rgba(250,246,235,.82)!important;
      border:1px solid rgba(255,255,255,.72)!important;
      box-shadow:0 16px 38px rgba(42,32,21,.18)!important;
      pointer-events:auto!important;
    }
    #location .loc-action{
      width:100%!important;
      min-width:0!important;
      height:42px!important;
      padding:0 14px!important;
      border-radius:14px!important;
      font-size:11px!important;
      font-weight:700!important;
    }
    #location .loc-zoom-controls{
      position:absolute!important;
      z-index:46!important;
      top:50%!important;
      right:clamp(28px,3.4vw,58px)!important;
      transform:translateY(-50%)!important;
      display:flex!important;
      flex-direction:column!important;
      gap:8px!important;
      width:auto!important;
      padding:8px!important;
      border-radius:20px!important;
      background:rgba(250,246,235,.84)!important;
      border:1px solid rgba(255,255,255,.74)!important;
      box-shadow:0 16px 42px rgba(42,32,21,.18)!important;
      pointer-events:auto!important;
    }
    #location .loc-zoom-btn,
    #location .mobile-map-control{
      width:42px!important;
      height:42px!important;
      min-width:42px!important;
      border-radius:13px!important;
      border:1px solid rgba(87,65,45,.12)!important;
      background:rgba(255,252,244,.7)!important;
      color:#5b412b!important;
      box-shadow:none!important;
      display:grid!important;
      place-items:center!important;
      font-size:0!important;
      font-family:var(--font-body)!important;
      font-weight:800!important;
      cursor:pointer!important;
    }
    #location .loc-zoom-btn:hover,
    #location .mobile-map-control:hover{
      background:rgba(255,252,244,.95)!important;
      transform:translateY(-1px)!important;
    }
    #location .loc-zoom-btn.is-on,
    #location .mobile-map-control.is-on{
      background:#8f1418!important;
      color:#fff7e9!important;
      border-color:rgba(255,214,111,.72)!important;
      box-shadow:0 10px 24px rgba(86,23,14,.18)!important;
    }
    #location #locPanToggle::before{
      content:"Hand"!important;
      font-size:9px!important;
      letter-spacing:.03em!important;
    }
    #location #locZoomIn::before{
      content:"+"!important;
      font-size:22px!important;
      line-height:1!important;
      font-family:Arial,sans-serif!important;
    }
    #location #locZoomOut::before{
      content:"-"!important;
      font-size:24px!important;
      line-height:1!important;
      font-family:Arial,sans-serif!important;
    }
    #location #mobileMap2dControl::before{
      content:"2D"!important;
      font-size:11px!important;
      letter-spacing:.02em!important;
    }
    #location #mobileMainRoadControl::before{
      content:"Road"!important;
      font-size:9px!important;
      letter-spacing:.02em!important;
    }
    #location .map-marker-pin.has-time:not(.nearby):not(.site) .pin-label{
      display:grid!important;
      justify-items:center!important;
      min-width:86px!important;
      max-width:150px!important;
      padding:0!important;
      background:transparent!important;
      border:0!important;
      box-shadow:none!important;
      color:#fff7df!important;
      font-family:var(--font-accent)!important;
      font-style:italic!important;
      font-weight:300!important;
      font-size:clamp(17px,1.35vw,24px)!important;
      line-height:.94!important;
      text-align:center!important;
      white-space:normal!important;
      text-shadow:0 2px 9px rgba(0,0,0,.72),0 0 16px rgba(61,31,11,.32)!important;
    }
    #location .map-marker-pin.has-time:not(.nearby):not(.site) .pin-time{
      display:block!important;
      margin-top:5px!important;
      color:#f3c75d!important;
      font-family:var(--font-display)!important;
      font-style:normal!important;
      font-weight:750!important;
      font-size:15px!important;
      line-height:1!important;
      letter-spacing:.02em!important;
      text-shadow:0 2px 8px rgba(0,0,0,.58)!important;
    }
  }


  @keyframes hillageMapMarkerArrive{
    from{opacity:0;transform:translateY(7px) scale(.92)}
    to{opacity:1;transform:translateY(0) scale(1)}
  }
  @keyframes hillageMapLabelArrive{
    from{opacity:0;filter:blur(3px);transform:translate(-50%,6px)}
    to{opacity:1;filter:blur(0);transform:translate(-50%,0)}
  }
  #location .leaflet-marker-icon{
    transition:opacity .28s ease,filter .28s ease!important;
  }
  #location .map-marker-pin:not(.site),
  #location .neighborhood-label{
    animation:hillageMapMarkerArrive .42s cubic-bezier(.2,.8,.2,1) both!important;
  }
  #location .map-marker-pin.has-time:not(.nearby):not(.site) .pin-label,
  #location .map-marker-pin.nearby:hover .pin-label,
  #location .map-marker-pin.nearby.selected .pin-label{
    animation:hillageMapLabelArrive .34s cubic-bezier(.2,.8,.2,1) both!important;
  }
  #location .mobile-location-switch svg,
  #location .loc-toggle-btn svg,
  #location .map-marker-pin.nearby svg{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
  }
  #location.map-2d-on .leaflet-tile-pane,
  #location.map-2d-on .leaflet-overlay-pane{
    filter:sepia(.42) saturate(.55) brightness(.58) contrast(.96)!important;
  }
  
  
  #location.map-2d-on .leaflet-marker-pane,
  #location.map-2d-on .leaflet-tooltip-pane,
  #location.map-2d-on .leaflet-popup-pane,
  #location.map-2d-on .loc-ui-panel,
  #location.map-2d-on .loc-headline,
  #location.map-2d-on .loc-actions,
  #location.map-2d-on .loc-zoom-controls{
    
    
    z-index:780!important;
  }
  #location .map-marker-pin.has-time:not(.nearby):not(.site) .pin-label{
    width:min-content!important;
    min-width:76px!important;
    max-width:118px!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    text-wrap:balance!important;
    line-height:.9!important;
  }
  #location .map-marker-pin.has-time:not(.nearby):not(.site) .pin-name{
    display:block!important;
    max-width:104px!important;
    white-space:normal!important;
    text-align:center!important;
  }
  #location .map-marker-pin.has-time:not(.nearby):not(.site) .pin-time{
    margin-top:4px!important;
  }
  #location .neighborhood-label,
  #location.map-2d-on .neighborhood-label{
    
    
    
    
    text-wrap:balance!important;
    
    
    
  }
  #location .map-marker-pin.nearby,
  #location .map-marker-pin.nearby.has-time,
  #location .map-marker-pin.nearby.selected{
    
    
    
    
    
    
    
    
    
    animation:hillageMapMarkerArrive .36s cubic-bezier(.2,.8,.2,1) both!important;
  }
  
  #location .map-marker-pin.nearby .pin-label,
  #location .map-marker-pin.nearby.has-time .pin-label,
  #location .map-marker-pin.nearby.selected .pin-label{
    display:none!important;
    position:absolute!important;
    left:50%!important;
    top:auto!important;
    bottom:20px!important;
    transform:translateX(-50%)!important;
    min-width:76px!important;
    max-width:112px!important;
    padding:5px 7px!important;
    border-radius:10px!important;
    background:rgba(72,48,30,.82)!important;
    border:1px solid rgba(255,247,229,.28)!important;
    color:#fff7df!important;
    font-family:var(--font-body)!important;
    font-style:normal!important;
    font-size:10px!important;
    line-height:1.08!important;
    text-align:center!important;
    box-shadow:0 10px 22px rgba(0,0,0,.22)!important;
    pointer-events:none!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
  }
  #location .map-marker-pin.nearby:hover .pin-label,
  #location .map-marker-pin.nearby.selected .pin-label{
    display:block!important;
  }
  #location .map-marker-pin.nearby .pin-time{
    display:none!important;
  }
  @media(max-width:720px){
    #location .map-marker-pin.has-time:not(.nearby):not(.site) .pin-label{
      min-width:60px!important;
      max-width:86px!important;
      font-size:clamp(12px,3.8vw,16px)!important;
      line-height:.86!important;
    }
    #location .map-marker-pin.has-time:not(.nearby):not(.site) .pin-name{
      max-width:82px!important;
    }
    #location .map-marker-pin.has-time:not(.nearby):not(.site) .pin-time{
      font-size:10px!important;
    }
    #location .neighborhood-label,
    #location.map-2d-on .neighborhood-label{
      
      
      line-height:.82!important;
    }
    
    
    #location .map-marker-pin.nearby .pin-label{
      bottom:17px!important;
      max-width:86px!important;
      min-width:62px!important;
      font-size:8.5px!important;
      padding:4px 6px!important;
    }
  }


  
  
  
  
  #location .leaflet-marker-pane,
  #location .leaflet-tooltip-pane,
  #location.map-2d-on .leaflet-marker-pane,
  #location.map-2d-on .leaflet-tooltip-pane{
    filter:none!important;
    opacity:1!important;
    z-index:780!important;
  }
  #location .leaflet-marker-icon.map-marker-shell,
  #location .leaflet-marker-icon.neighborhood-label{
    will-change:transform,opacity!important;
    transition:opacity .24s ease,filter .24s ease!important;
  }
  #location .leaflet-marker-icon.neighborhood-label,
  #location.map-2d-on .leaflet-marker-icon.neighborhood-label{
    
    
    
    
    filter:drop-shadow(0 8px 15px rgba(0,0,0,.38))!important;
  }
  #location .neighborhood-label,
  #location.map-2d-on .neighborhood-label{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    color:#f3c75d!important;
    font-family:var(--font-accent)!important;
    font-style:italic!important;
    font-size:clamp(13px,.82vw,17px)!important;
    line-height:.86!important;
    max-width:78px!important;
    white-space:normal!important;
    text-align:center!important;
    text-shadow:0 2px 9px rgba(0,0,0,.68),0 0 15px rgba(61,31,11,.45)!important;
    pointer-events:none!important;
  }
  #location .map-marker-pin.nearby,
  #location .map-marker-pin.nearby.has-time,
  #location .map-marker-pin.nearby.selected{
    width:19px!important;
    height:19px!important;
    min-width:19px!important;
    min-height:19px!important;
    border-radius:8px!important;
    background:rgba(81,58,39,.72)!important;
    border:1px solid rgba(255,247,229,.36)!important;
    color:#fff7df!important;
    box-shadow:0 7px 14px rgba(30,18,10,.25),inset 0 1px 0 rgba(255,255,255,.22)!important;
    filter:drop-shadow(0 5px 8px rgba(0,0,0,.32))!important;
    backdrop-filter:blur(6px)!important;
    -webkit-backdrop-filter:blur(6px)!important;
  }
  #location .map-marker-pin.nearby svg,
  #location .map-marker-pin.nearby.has-time svg,
  #location .map-marker-pin.nearby.selected svg{
    width:13px!important;
    height:13px!important;
    stroke-width:2.2!important;
    color:#fff7df!important;
  }
  #location .map-marker-pin.nearby.restaurant{background:rgba(127,62,45,.78)!important;}
  #location .map-marker-pin.nearby.cafe{background:rgba(148,109,54,.78)!important;}
  #location .map-marker-pin.nearby.mall{background:rgba(107,82,58,.78)!important;}
  #location .map-marker-pin.nearby.hospital{background:rgba(75,91,93,.78)!important;}
  #location .map-marker-pin.nearby.school{background:rgba(81,101,66,.78)!important;}
  #location .map-marker-pin.nearby.club{background:rgba(112,47,56,.78)!important;}
  #location .map-marker-pin.nearby:hover,
  #location .map-marker-pin.nearby.selected{
    transform:translateY(-2px) scale(1.08)!important;
    box-shadow:0 10px 20px rgba(30,18,10,.3),0 0 0 4px rgba(243,199,93,.16)!important;
  }
  @media(max-width:720px){
    #location .neighborhood-label,
    #location.map-2d-on .neighborhood-label{
      font-size:clamp(12px,3.7vw,16px)!important;
      max-width:70px!important;
    }
    #location .map-marker-pin.nearby,
    #location .map-marker-pin.nearby.has-time,
    #location .map-marker-pin.nearby.selected{
      width:16px!important;
      height:16px!important;
      min-width:16px!important;
      min-height:16px!important;
      border-radius:7px!important;
    }
    #location .map-marker-pin.nearby svg,
    #location .map-marker-pin.nearby.has-time svg,
    #location .map-marker-pin.nearby.selected svg{
      width:11px!important;
      height:11px!important;
    }
  }


  @media(max-width:720px){
    body.hillage-paged main > #masterplan,
    body.hillage-paged main > #masterplan.is-page-active,
    #masterplan{
      height:100svh!important;
      min-height:100svh!important;
      max-height:100svh!important;
      overflow:hidden!important;
      background:#efe7da!important;
    }
    #masterplan .section-inner,
    #masterplan .master-wrap,
    #masterplan .master-grid{
      position:absolute!important;
      inset:0!important;
      width:100%!important;
      height:100%!important;
      min-height:0!important;
      padding:0!important;
      margin:0!important;
      display:block!important;
      overflow:hidden!important;
    }
    #masterplan .master-stage{
      position:absolute!important;
      inset:0!important;
      width:100%!important;
      height:100svh!important;
      min-height:100svh!important;
      border-radius:0!important;
      overflow:hidden!important;
      background:linear-gradient(145deg,#f6efe3 0%,#e8dccb 100%)!important;
      contain:layout paint!important;
    }
    #masterplan .master-stage::after{
      content:""!important;
      position:absolute!important;
      inset:0!important;
      z-index:12!important;
      pointer-events:none!important;
      background:
        radial-gradient(circle at 44% 58%,rgba(255,248,234,0) 0 34%,rgba(238,226,207,.18) 56%,rgba(89,65,43,.12) 100%),
        linear-gradient(180deg,rgba(247,240,229,.16),rgba(247,240,229,0) 28%,rgba(70,45,29,.08) 100%)!important;
    }
    #masterplan .master-copy{
      position:absolute!important;
      left:14px!important;
      top:16px!important;
      right:auto!important;
      bottom:auto!important;
      width:min(230px,62vw)!important;
      max-width:min(230px,62vw)!important;
      padding:0!important;
      margin:0!important;
      z-index:80!important;
      background:transparent!important;
      box-shadow:none!important;
      display:block!important;
      pointer-events:none!important;
    }
    #masterplan .master-copy .section-label,
    #masterplan .master-copy .master-legend{
      display:none!important;
    }
    #masterplan .master-copy h2{
      font-size:clamp(25px,8vw,40px)!important;
      line-height:.96!important;
      color:#47220f!important;
      margin:0 0 8px!important;
      max-width:100%!important;
      text-align:left!important;
      text-shadow:0 2px 18px rgba(255,248,234,.52)!important;
    }
    #masterplan .master-copy p{
      display:block!important;
      font-size:11px!important;
      line-height:1.28!important;
      color:rgba(71,34,15,.82)!important;
      max-width:190px!important;
      margin:0!important;
      text-align:left!important;
      text-shadow:0 1px 12px rgba(255,248,234,.55)!important;
    }
    #masterplan .master-legend,
    #masterplan #masterPointLayer,
    #masterplan .mp-point-layer,
    #masterplan .mp-layer-dot,
    #masterplan #mpPointDot{
      display:none!important;
      opacity:0!important;
      visibility:hidden!important;
      pointer-events:none!important;
    }
    #masterplan .mobile-master-point-layer{
      display:block!important;
      opacity:1!important;
      visibility:visible!important;
      pointer-events:auto!important;
      position:absolute!important;
      inset:0!important;
      width:100%!important;
      height:100%!important;
      z-index:58!important;
      transform-origin:center center!important;
      transition:transform .86s cubic-bezier(.18,.88,.18,1),opacity .28s ease!important;
      will-change:transform!important;
    }
    #masterplan .mobile-master-map-shell{
      position:absolute!important;
      left:50%!important;
      
      
      aspect-ratio:3100/1973!important;
      height:auto!important;
      z-index:48!important;
      
      transform-origin:center center!important;
      
      will-change:transform!important;
      pointer-events:none!important;
      filter:drop-shadow(0 26px 42px rgba(55,38,25,.22))!important;
    }
    #masterplan .mobile-master-map-shell .mobile-master-plan-img{
      position:absolute!important;
      inset:0!important;
      width:100%!important;
      height:100%!important;
      object-fit:contain!important;
      object-position:center center!important;
      display:block!important;
      pointer-events:none!important;
    }
    #masterplan .mobile-master-map-shell .mobile-master-point-layer{
      pointer-events:auto!important;
      transform:none!important;
      z-index:8!important;
    }
    #masterplan .master-stage > .master-analysis-layer{
      display:none!important;
    }
    #masterplan .mobile-master-map-shell .mobile-master-attached-overlay{
      position:absolute!important;
      inset:0!important;
      width:100%!important;
      height:100%!important;
      max-width:none!important;
      max-height:none!important;
      padding:0!important;
      margin:0!important;
      object-fit:contain!important;
      object-position:center center!important;
      transform:none!important;
      transform-origin:center center!important;
      opacity:0!important;
      pointer-events:none!important;
      z-index:5!important;
      transition:opacity .28s ease!important;
    }
    #masterplan .mobile-master-map-shell .mobile-master-walk{
      transform:none!important;
      transform-origin:center center!important;
      object-fit:contain!important;
    }
    #masterplan .mobile-master-map-shell svg.mobile-master-attached-overlay{
      overflow:visible!important;
    }
    #masterplan .master-stage.show-wind .mobile-master-map-shell .mobile-master-wind{
      opacity:.92!important;
    }
    #masterplan .master-stage.show-topography .mobile-master-map-shell .mobile-master-topography{
      display:none!important;
      opacity:0!important;
    }
    #masterplan .mobile-master-map-shell .mobile-master-topography .topo-tag{
      fill:rgba(76,50,31,.92)!important;
      stroke:rgba(255,247,229,.55)!important;
      stroke-width:1.3!important;
      filter:drop-shadow(0 2px 5px rgba(38,24,16,.22))!important;
    }
    #masterplan .mobile-master-map-shell .mobile-master-topography .topo-text{
      fill:#fff7e8!important;
      font-size:24px!important;
      font-weight:700!important;
      letter-spacing:0!important;
    }
    
    #masterplan .mobile-master-map-shell .mobile-topo-label{
      position:absolute!important;
      
      
      min-width:44px!important;
      height:25px!important;
      padding:0 8px!important;
      border-radius:3px!important;
      display:flex!important;
      align-items:center!important;
      justify-content:center!important;
      background:rgba(76,50,31,.9)!important;
      color:#fff7e8!important;
      font:750 14px/1 var(--font-body)!important;
      letter-spacing:0!important;
      box-shadow:0 5px 12px rgba(39,24,14,.22)!important;
      opacity:0!important;
      pointer-events:none!important;
      z-index:7!important;
      transform:translate(-50%,-50%) rotate(90deg)!important;
      transform-origin:center center!important;
      transition:opacity .24s ease!important;
    }
    #masterplan .master-stage.show-topography .mobile-master-map-shell .mobile-topo-label{
      opacity:1!important;
    }
    #masterplan .mobile-master-dot{
      appearance:none!important;
      -webkit-appearance:none!important;
      position:absolute!important;
      left:var(--mp-x)!important;
      top:var(--mp-y)!important;
      
      
      border-radius:50%!important;
      border:1.5px solid rgba(255,248,235,.96)!important;
      background:#6f3038!important;
      
      display:grid!important;
      place-items:center!important;
      padding:0!important;
      margin:0!important;
      font:700 10px/1 var(--font-body)!important;
      box-shadow:0 0 0 6px rgba(111,48,56,.14),0 9px 16px rgba(38,22,15,.22)!important;
      transform:translate(-50%,-50%) scale(1)!important;
      transform-origin:center center!important;
      transition:transform .24s ease,box-shadow .24s ease,background .24s ease!important;
      pointer-events:auto!important;
      
    }
    #masterplan .mobile-master-dot::after{
      
      
      
      
      
      
      
      
      transform-origin:center center!important;
      pointer-events:none!important;
    }
    #masterplan .mobile-master-dot.is-active{
      background:#9b111b!important;
      
      box-shadow:0 0 0 9px rgba(155,17,27,.18),0 13px 24px rgba(38,22,15,.28)!important;
      
    }
    #masterplan .mobile-master-dot::before{
      content:""!important;
      position:absolute!important;
      inset:-12px!important;
      border-radius:50%!important;
    }
    #masterplan .mobile-master-pop-card{
      position:absolute!important;
      left:50%!important;
      top:50%!important;
      
      
      
      
      
      
      
      border:1px solid rgba(255,255,255,.76)!important;
      box-shadow:0 16px 34px rgba(42,31,22,.25),inset 0 1px 0 rgba(255,255,255,.72)!important;
      
      pointer-events:none!important;
      
      
      transition:opacity .2s ease,transform .34s cubic-bezier(.2,.86,.2,1)!important;
      z-index:15!important;
    }
    #masterplan .mobile-master-dot.is-active .mobile-master-pop-card{
      
      pointer-events:auto!important;
      
    }
    #masterplan .mobile-master-pop-card::after{
      content:""!important;
      position:absolute!important;
      
      
      
      
      
      
      pointer-events:none!important;
    }
    
    #masterplan .mobile-master-pop-card b,
    #masterplan .mobile-master-pop-card span{
      display:block!important;
      margin:0!important;
      padding:0 9px!important;
      overflow:hidden!important;
      color:#4b2618!important;
    }
    #masterplan .mobile-master-pop-card b{
      align-self:end!important;
      
      
    }
    #masterplan .mobile-master-pop-card span{
      align-self:start!important;
      padding-top:2px!important;
      
      
      color:rgba(75,38,24,.72)!important;
      
    }
    
    #masterplan .master-analysis-tools{
      position:absolute!important;
      right:10px!important;
      bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;
      top:auto!important;
      left:auto!important;
      transform:none!important;
      z-index:92!important;
      display:grid!important;
      
      
      
      border-radius:18px!important;
      background:rgba(247,241,229,.78)!important;
      border:1px solid rgba(255,255,255,.72)!important;
      box-shadow:0 14px 36px rgba(46,31,19,.18)!important;
      backdrop-filter:blur(12px)!important;
      -webkit-backdrop-filter:blur(12px)!important;
    }
    #masterplan .master-tool-btn,
    #masterplan .clean-master-tool-btn{
      
      
      
      
      
      
      
      
      color:#5b311c!important;
      background:rgba(255,250,239,.88)!important;
      border:1px solid rgba(91,49,28,.12)!important;
      box-shadow:none!important;
    }
    
    #masterplan .master-tool-btn[aria-pressed="true"],
    #masterplan .clean-master-tool-btn[aria-pressed="true"]{
      color:#fff8e9!important;
      background:#9b111b!important;
      border-color:rgba(243,199,93,.72)!important;
      box-shadow:0 0 0 3px rgba(243,199,93,.28)!important;
    }
    #masterplan .master-base,
    #masterplan .master-stage:hover .master-base,
    #masterplan .master-analysis-layer,
    #masterplan .master-stage:hover .master-analysis-layer{
      position:absolute!important;
      left:50%!important;
      top:50%!important;
      width:100vw!important;
      height:100svh!important;
      max-width:none!important;
      max-height:none!important;
      padding:0!important;
      object-fit:contain!important;
      object-position:center center!important;
      transform-origin:center center!important;
      transition:transform .86s cubic-bezier(.18,.88,.18,1),opacity .32s ease!important;
      will-change:transform!important;
    }
    #masterplan .master-base{
      opacity:0!important;
      visibility:hidden!important;
      pointer-events:none!important;
    }
    body .mp-photo-card.master-floating-card{
      position:fixed!important;
      
      
      right:auto!important;
      bottom:auto!important;
      
      
      min-width:0!important;
      
      overflow:visible!important;
      z-index:180!important;
      background:#faf3e7!important;
      border:1px solid rgba(255,255,255,.76)!important;
      
      transform:translate(-50%,-44%) scale(.92)!important;
      opacity:0!important;
      pointer-events:none!important;
      transition:opacity .28s ease,transform .36s cubic-bezier(.2,.86,.2,1)!important;
      display:grid!important;
      
    }
    body .mp-photo-card.master-floating-card.is-on,
    body .mp-photo-card.master-floating-card.is-on.is-below{
      opacity:1!important;
      transform:translate(-50%,-50%) scale(1)!important;
      pointer-events:auto!important;
    }
    body .mp-photo-card.master-floating-card img{
      width:100%!important;
      
      object-fit:cover!important;
      
      display:block!important;
    }
    body .mp-photo-card.master-floating-card b{
      display:block!important;
      
      
      color:#4a2310!important;
      
      margin:0!important;
    }
    body .mp-photo-card.master-floating-card span{
      display:-webkit-box!important;
      
      -webkit-box-orient:vertical!important;
      overflow:hidden!important;
      
      
      color:rgba(73,50,34,.78)!important;
      
      margin:0!important;
    }
    body .mp-photo-card.master-floating-card::after,
    body .mp-photo-card.master-floating-card.is-below::after{
      content:""!important;
      position:absolute!important;
      left:50%!important;
      top:auto!important;
      right:auto!important;
      
      width:0!important;
      height:0!important;
      border-left:9px solid transparent!important;
      border-right:9px solid transparent!important;
      border-top:11px solid #faf3e7!important;
      border-bottom:0!important;
      transform:translateX(-50%)!important;
      filter:drop-shadow(0 6px 7px rgba(38,24,16,.14))!important;
    }
  }


  #location .leaflet-live-map,
  #location .leaflet-tile-pane img{
    filter:saturate(1.02) contrast(1.02) brightness(.98) sepia(.04)!important;
  }
  #location.map-2d-on .leaflet-live-map{
    filter:saturate(1.04) contrast(1.04) brightness(.94) sepia(.08)!important;
  }
  #location.map-2d-on .leaflet-live-map::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:430!important;
    pointer-events:none!important;
    background:
      linear-gradient(90deg,rgba(51,35,22,.34) 0%,rgba(86,56,29,.18) 24%,rgba(236,194,111,.08) 52%,rgba(47,73,43,.18) 100%),
      linear-gradient(180deg,rgba(31,22,15,.24) 0%,rgba(255,241,201,.04) 34%,rgba(61,39,21,.16) 100%),
      radial-gradient(circle at 46% 38%,rgba(255,232,170,.12),transparent 36%)!important;
    mix-blend-mode:multiply!important;
    opacity:.72!important;
  }
  #location.map-2d-on .leaflet-tile-pane{
    filter:saturate(1.02) contrast(1.05) brightness(.9) sepia(.12)!important;
  }
  #location.map-2d-on .leaflet-tile-pane img{
    filter:saturate(1.04) contrast(1.04) brightness(.94)!important;
  }
  #location.map-2d-on .leaflet-overlay-pane{
    filter:saturate(1) contrast(1.03) brightness(.92) sepia(.08)!important;
  }
  #location.map-2d-on .main-road-pane-filter,
  #location.map-2d-on .hillage-main-roads-svg{
    filter:saturate(1.02) contrast(1.08) brightness(.95) drop-shadow(0 1px 0 rgba(255,247,229,.22))!important;
    opacity:.9!important;
  }
  #location.map-2d-on .leaflet-marker-pane,
  #location.map-2d-on .leaflet-tooltip-pane,
  #location.map-2d-on .leaflet-popup-pane,
  #location.map-2d-on .loc-ui-panel,
  #location.map-2d-on .loc-headline,
  #location.map-2d-on .loc-actions,
  #location.map-2d-on .loc-zoom-controls{
    filter:none!important;
    opacity:1!important;
  }


  @media(min-width:721px){
    #masterplan .master-analysis-layer,
    #masterplan .master-stage:hover .master-analysis-layer,
    #masterplan .master-topography-overlay,
    #masterplan .master-stage:hover .master-topography-overlay,
    #masterplan .master-safe-mask,
    #masterplan .master-stage:hover .master-safe-mask{
      left:0!important;
      top:0!important;
      right:auto!important;
      bottom:auto!important;
      width:100%!important;
      height:100%!important;
      box-sizing:border-box!important;
      padding:clamp(4px,1vw,18px)!important;
      transform:translate(calc(var(--mp-pan-x,0px) + 8vw),var(--mp-pan-y,0px)) scale(calc(var(--mp-base-scale,.88) * var(--mp-zoom,1)))!important;
      transform-origin:68% center!important;
      transition:transform .75s cubic-bezier(.2,.8,.2,1),opacity .38s ease!important;
    }
    #masterplan .master-safe-mask,
    #masterplan .master-stage:hover .master-safe-mask{
      object-fit:contain!important;
      object-position:68% center!important;
      opacity:0!important;
      filter:drop-shadow(0 14px 18px rgba(54,74,41,.14)) blur(.18px)!important;
      mix-blend-mode:multiply!important;
      mask-image:radial-gradient(ellipse at center,#000 0 62%,rgba(0,0,0,.82) 76%,transparent 100%)!important;
      -webkit-mask-image:radial-gradient(ellipse at center,#000 0 62%,rgba(0,0,0,.82) 76%,transparent 100%)!important;
    }
    #masterplan .master-stage.show-walk .master-safe-mask{opacity:.62!important;}
    #masterplan .master-topography-overlay{
      overflow:visible!important;
      opacity:0!important;
    }
    #masterplan .master-stage.show-topography .master-topography-overlay{opacity:1!important;}
    #masterplan .topo-tag{
      fill:rgba(79,56,35,.9)!important;
      stroke:rgba(255,247,229,.35)!important;
      stroke-width:.8!important;
      rx:3!important;
    }
    #masterplan .topo-text{
      fill:#fff7e6!important;
      font-size:18px!important;
      font-weight:650!important;
    }
    #masterplan .master-analysis-tools,
    #masterplan .master-analysis-tools-clean{
      width:190px!important;
      gap:8px!important;
      padding:9px!important;
      border-radius:18px!important;
      background:rgba(248,242,229,.78)!important;
      border:1px solid rgba(255,255,255,.64)!important;
      box-shadow:0 18px 48px rgba(42,31,22,.14),inset 0 1px 0 rgba(255,255,255,.58)!important;
      backdrop-filter:blur(14px)!important;
      -webkit-backdrop-filter:blur(14px)!important;
    }
    #masterplan .master-tool-btn,
    #masterplan .clean-master-tool-btn{
      width:100%!important;
      height:40px!important;
      display:flex!important;
      align-items:center!important;
      justify-content:flex-start!important;
      gap:9px!important;
      padding:0 12px!important;
      border-radius:12px!important;
    }
    #masterplan .master-tool-btn span,
    #masterplan .clean-master-tool-btn span{
      position:static!important;
      width:auto!important;
      height:auto!important;
      overflow:visible!important;
      clip:auto!important;
      display:block!important;
      font-size:10px!important;
      line-height:1!important;
      letter-spacing:.08em!important;
      text-transform:uppercase!important;
    }
  }
  @media(max-width:720px){
    body .mp-photo-card.master-floating-card{
      transform-origin:var(--mp-card-origin-x,50vw) var(--mp-card-origin-y,58svh)!important;
    }
    body .mp-photo-card.master-floating-card.is-on,
    body .mp-photo-card.master-floating-card.is-on.is-below{
      animation:mobilePointCardBloom .42s cubic-bezier(.18,.88,.18,1) both!important;
    }
    #masterplan .mobile-master-dot.is-active{
      animation:mobilePointPulse .9s ease both!important;
    }
    
    #masterplan .master-tool-btn,
    #masterplan .clean-master-tool-btn{
      
      
      
      
      justify-content:flex-start!important;
      
      
      
    }
    
  }
  @keyframes mobilePointCardBloom{
    from{opacity:0;transform:translate(-50%,-50%) scale(.28)}
    62%{opacity:1;transform:translate(-50%,-50%) scale(1.035)}
    to{opacity:1;transform:translate(-50%,-50%) scale(1)}
  }
  @keyframes mobilePointPulse{
    0%{box-shadow:0 0 0 4px rgba(155,17,27,.08),0 8px 16px rgba(38,22,15,.18)}
    48%{box-shadow:0 0 0 15px rgba(155,17,27,.16),0 14px 26px rgba(38,22,15,.26)}
    100%{box-shadow:0 0 0 9px rgba(155,17,27,.18),0 13px 24px rgba(38,22,15,.28)}
  }


  @media(max-width:720px){
    #masterplan .master-analysis-tools,
    #masterplan .master-analysis-tools-clean{
      
      
      
      
      
      
      border-radius:17px!important;
      transform:none!important;
      
    }
    #masterplan .master-tool-btn,
    #masterplan .clean-master-tool-btn{
      width:100%!important;
      min-width:0!important;
      
      
      display:grid!important;
      place-items:center start!important;
      
      
      
    }
    
    #masterplan .master-tool-btn span,
    #masterplan .clean-master-tool-btn span{
      display:block!important;
      position:static!important;
      width:auto!important;
      max-width:none!important;
      height:auto!important;
      overflow:hidden!important;
      clip:auto!important;
      
      line-height:1!important;
      
      white-space:nowrap!important;
      text-transform:uppercase!important;
    }
    #masterplan .master-stage.show-walk .mobile-master-map-shell .mobile-master-walk{
      display:block!important;
      
      
      
      object-position:center center!important;
      mix-blend-mode:multiply!important;
      filter:drop-shadow(0 10px 16px rgba(43,70,35,.16)) blur(.05px)!important;
    }
    body .mp-photo-card.master-floating-card{
      width:min(92px,26vw)!important;
      height:104px!important;
      left:50vw!important;
      top:58svh!important;
      border-radius:11px!important;
      grid-template-rows:44px auto!important;
      box-shadow:0 12px 28px rgba(38,24,16,.24)!important;
    }
    body .mp-photo-card.master-floating-card img{
      height:44px!important;
      border-radius:11px 11px 0 0!important;
    }
    body .mp-photo-card.master-floating-card b{
      font-size:9px!important;
      line-height:1.02!important;
      padding:5px 6px 1px!important;
    }
    body .mp-photo-card.master-floating-card span{
      font-size:6.4px!important;
      line-height:1.1!important;
      -webkit-line-clamp:3!important;
      padding:0 6px 5px!important;
    }
    body .mp-photo-card.master-floating-card::after,
    body .mp-photo-card.master-floating-card.is-below::after{
      bottom:-7px!important;
      border-left-width:6px!important;
      border-right-width:6px!important;
      border-top-width:8px!important;
    }
  }
  @media(min-width:721px){
    #masterplan .master-safe-mask,
    #masterplan .master-stage:hover .master-safe-mask{
      transform:translate(calc(var(--mp-pan-x,0px) + 8vw),calc(var(--mp-pan-y,0px) - 24px)) scale(calc(var(--mp-base-scale,.88) * var(--mp-zoom,1) * .54))!important;
    }
  }


  @media(max-width:720px){
    #masterplan .mp-photo-card,
    #masterplan .mp-photo-card.is-on,
    #masterplan .mp-photo-card.is-on.is-below,
    body.hillage-paged main > #masterplan.is-page-active .mp-photo-card,
    body.hillage-paged main > #masterplan.is-page-active .mp-photo-card.is-on,
    body.hillage-paged main > #masterplan.is-page-active .mp-photo-card.is-on.is-below{
      width:min(132px,36vw)!important;
      height:min(132px,36vw)!important;
      min-width:0!important;
      min-height:0!important;
      max-width:min(132px,36vw)!important;
      max-height:min(132px,36vw)!important;
      aspect-ratio:1/1!important;
      padding:0!important;
      border-radius:16px 16px 3px 16px!important;
      overflow:hidden!important;
      display:grid!important;
      grid-template-rows:58% 42%!important;
      background:linear-gradient(145deg,rgba(251,247,238,.96),rgba(236,225,211,.9))!important;
      border:1px solid rgba(255,255,255,.7)!important;
      box-shadow:0 14px 30px rgba(42,31,22,.2),inset 0 1px 0 rgba(255,255,255,.7)!important;
      transform:translate(-50%,-50%) scale(1)!important;
      z-index:135!important;
    }
    #masterplan .mp-photo-card::after{width:15px!important;height:15px!important;right:-1px!important;bottom:-1px!important;border-radius:0 0 3px 0!important;background:linear-gradient(135deg,transparent 50%,rgba(94,43,46,.88) 51%)!important;box-shadow:none!important;}
    #masterplan .mp-photo-card img{width:100%!important;height:100%!important;min-height:0!important;grid-row:1!important;object-fit:cover!important;border-radius:16px 16px 0 0!important;display:block!important;}
    #masterplan .mp-photo-card b,#masterplan .mp-photo-card span{grid-row:2!important;margin:0!important;padding:0 9px!important;display:block!important;overflow:hidden!important;}
    #masterplan .mp-photo-card b{align-self:end!important;font-size:12.5px!important;line-height:1.05!important;color:#4b2618!important;white-space:normal!important;text-overflow:clip!important;}
    #masterplan .mp-photo-card span{align-self:start!important;padding-top:2px!important;font-size:8.2px!important;line-height:1.12!important;color:rgba(75,38,24,.72)!important;max-height:28px!important;}
  }
  #construction{height:100svh!important;min-height:100svh!important;max-height:100svh!important;padding:0!important;overflow:hidden!important;background:linear-gradient(135deg,#f6efe5 0%,#ebe0d2 52%,#d8c9b7 100%)!important;}
  #construction .section-inner,#construction .construction-grid{width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:clamp(50px,6vh,76px) clamp(28px,4vw,68px) clamp(30px,4vh,54px)!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(230px,310px) minmax(0,1.18fr)!important;grid-template-rows:1fr!important;align-items:center!important;gap:clamp(24px,4vw,70px)!important;}
  #construction .construction-copy{position:relative!important;inset:auto!important;width:100%!important;max-width:330px!important;max-height:none!important;padding:0!important;margin:0!important;align-self:center!important;transform:none!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;color:#4b2618!important;}
  #construction .construction-copy .section-label{display:none!important;}
  #construction .construction-copy h2{font-family:var(--font-accent)!important;font-style:italic!important;font-size:clamp(38px,4.25vw,66px)!important;line-height:.93!important;letter-spacing:0!important;margin:0!important;color:#4b2618!important;max-width:300px!important;}
  #construction .construction-copy p{font-size:clamp(13px,1vw,15px)!important;line-height:1.34!important;margin:16px 0 0!important;max-width:310px!important;color:rgba(75,38,24,.76)!important;}
  #construction .construction-data{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:20px 0 0!important;padding:0!important;overflow:visible!important;}
  #construction .construction-metric{min-width:0!important;min-height:0!important;padding:10px 9px!important;border-radius:13px!important;background:rgba(255,251,243,.56)!important;border:1px solid rgba(255,255,255,.72)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 9px 20px rgba(42,31,22,.07)!important;}
  #construction .construction-metric b{display:block!important;font-family:var(--font-accent)!important;font-style:italic!important;font-size:clamp(21px,1.9vw,30px)!important;line-height:.9!important;color:#8b1117!important;}
  #construction .construction-metric span{display:block!important;margin-top:5px!important;font-size:9.5px!important;line-height:1.2!important;color:rgba(75,38,24,.72)!important;}
  #construction .construction-actions{margin-top:15px!important;display:flex!important;}
  #construction .construction-album-btn{min-height:40px!important;padding:9px 13px!important;border-radius:13px!important;background:#8b1117!important;color:#fff!important;border:1px solid rgba(243,199,93,.74)!important;box-shadow:0 12px 26px rgba(139,17,23,.18)!important;}
  #construction .construction-card{position:relative!important;inset:auto!important;width:100%!important;height:min(88svh,860px)!important;min-height:0!important;padding:0!important;margin:0!important;align-self:center!important;display:grid!important;place-items:center!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;}
  #construction .construction-card::before,#construction .construction-card::after{display:none!important;}
  #construction .construction-card img{width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;object-position:center center!important;display:block!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 26px 48px rgba(42,31,22,.16))!important;}
  @media(max-width:720px){
    #construction .section-inner,#construction .construction-grid{padding:calc(54px + env(safe-area-inset-top,0px)) 12px calc(12px + env(safe-area-inset-bottom,0px))!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr)!important;gap:8px!important;align-items:start!important;}
    #construction .construction-copy{order:1!important;column-gap:9px!important;row-gap:7px!important;align-items:end!important;}
    #construction .construction-copy h2{grid-column:1!important;}
    #construction .construction-copy p{grid-column:1 / -1!important;}
    #construction .construction-data{grid-column:1 / -1!important;}
    
    
    
    #construction .construction-actions{grid-column:2!important;grid-row:1!important;margin:0!important;align-self:center!important;}
    #construction .construction-album-btn{width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border-radius:14px!important;font-size:0!important;display:grid!important;place-items:center!important;}
    #construction .construction-album-btn svg{width:18px!important;height:18px!important;margin:0!important;}
    #construction .construction-card{order:2!important;}
    
  }


  @media(max-width:720px){
    #masterplan .mobile-master-map-shell{
      
      
      transform:translate(-50%,-50%) rotate(270deg) scale(.96)!important;
      transition:transform .72s cubic-bezier(.2,.8,.2,1),opacity .28s ease!important;
    }
    #masterplan .mobile-master-map-shell .mobile-master-attached-overlay,
    #masterplan .mobile-master-map-shell .mobile-master-walk,
    #masterplan .mobile-master-map-shell .mobile-master-topography,
    #masterplan .mobile-master-map-shell .mobile-master-wind{
      left:0!important;
      top:0!important;
      width:100%!important;
      height:100%!important;
      transform:none!important;
      transform-origin:center center!important;
      object-fit:contain!important;
      object-position:center center!important;
    }
    
    #masterplan .mobile-master-dot{
      width:18px!important;
      height:18px!important;
      color:transparent!important;
      z-index:20!important;
    }
    #masterplan .mobile-master-dot::after{
      content:attr(data-num)!important;
      position:absolute!important;
      inset:0!important;
      display:grid!important;
      place-items:center!important;
      color:#fff7e8!important;
      font:750 9.5px/1 var(--font-body)!important;
      transform:rotate(90deg)!important;
    }
    #masterplan .mobile-master-dot.is-active{
      transform:translate(-50%,-50%) scale(1.08)!important;
      z-index:40!important;
    }
    #masterplan .mobile-master-pop-card{
      
      
      aspect-ratio:1/1!important;
      
      
      opacity:0!important;
    }
    #masterplan .mobile-master-dot.is-active .mobile-master-pop-card{
      opacity:1!important;
      
    }
    body .mp-photo-card.master-floating-card,
    #masterplan .mp-photo-card.master-floating-card,
    body.hillage-paged main > #masterplan.is-page-active .mp-photo-card.master-floating-card{
      display:none!important;
      opacity:0!important;
      pointer-events:none!important;
      visibility:hidden!important;
    }
    
    #masterplan .master-tool-btn,
    #masterplan .clean-master-tool-btn{
      
      
      
      font-size:8px!important;
    }
  }


  @media(max-width:720px){
    #masterplan .master-copy,
    #masterplan .master-copy.is-open,
    body.hillage-paged main > #masterplan.is-page-active .master-copy,
    body.hillage-paged main > #masterplan.is-page-active .master-copy.is-open{
      left:auto!important;
      top:auto!important;
      right:12px!important;
      bottom:calc(146px + env(safe-area-inset-bottom,0px))!important;
      width:min(204px,56vw)!important;
      max-width:min(204px,56vw)!important;
      text-align:right!important;
      z-index:118!important;
    }
    #masterplan .master-copy h2,
    #masterplan .master-copy.is-open h2{
      font-size:clamp(20px,6.8vw,30px)!important;
      line-height:.92!important;
      margin:0 0 6px!important;
      text-align:right!important;
    }
    #masterplan .master-copy p,
    #masterplan .master-copy.is-open p{
      max-width:100%!important;
      margin-left:auto!important;
      font-size:8.8px!important;
      line-height:1.14!important;
      text-align:right!important;
    }
    #masterplan .master-analysis-tools,
    #masterplan .master-analysis-tools-clean{
      top:auto!important;
      left:auto!important;
      right:12px!important;
      bottom:calc(20px + env(safe-area-inset-bottom,0px))!important;
      width:112px!important;
      padding:5px!important;
      gap:5px!important;
      z-index:120!important;
    }
    #masterplan .mobile-master-map-shell{
      top:39%!important;
      width:min(172vw,680px)!important;
    }
    #masterplan .master-tool-btn,
    #masterplan .clean-master-tool-btn{
      height:30px!important;
      min-height:30px!important;
      grid-template-columns:13px minmax(0,1fr)!important;
      gap:5px!important;
      padding:0 7px!important;
      border-radius:10px!important;
    }
    #masterplan .master-tool-btn svg,
    #masterplan .clean-master-tool-btn svg{
      width:11px!important;
      height:11px!important;
    }
    #masterplan .master-tool-btn span,
    #masterplan .clean-master-tool-btn span{
      font-size:6.6px!important;
      letter-spacing:0!important;
    }
    #masterplan .master-stage.show-walk .mobile-master-map-shell .mobile-master-walk{
      transform:rotate(-90deg) scale(1.78)!important;
      transform-origin:center center!important;
      opacity:.72!important;
    }
    
    
    
    
    #masterplan .mobile-master-pop-card span{
      font-size:5.8px!important;
      line-height:1.05!important;
      padding:0 6px 4px!important;
      max-height:22px!important;
    }
    #masterplan .mobile-master-map-shell .mobile-topo-label{
      left:calc(var(--topo-x) + 2.1%)!important;
      top:calc(var(--topo-y) + 4.3%)!important;
    }
  }
  @media(min-width:721px){
    #masterplan .master-stage.show-walk .master-safe-mask,
    #masterplan .master-stage.show-walk:hover .master-safe-mask{
      transform:translate(calc(var(--mp-pan-x,0px) + 8vw),calc(var(--mp-pan-y,0px) - 24px)) scale(calc(var(--mp-base-scale,.88) * var(--mp-zoom,1) * .65))!important;
    }
    #masterplan .master-topography-overlay,
    #masterplan .master-stage:hover .master-topography-overlay{
      transform:translate(calc(var(--mp-pan-x,0px) + 8vw + 22px),calc(var(--mp-pan-y,0px) + 34px)) scale(calc(var(--mp-base-scale,.88) * var(--mp-zoom,1)))!important;
    }
  }


  @media(max-width:720px){
    #masterplan .mobile-master-pop-card{
      width:96px!important;
      height:96px!important;
      display:block!important;
      grid-template-rows:none!important;
      overflow:hidden!important;
      border-radius:13px 13px 3px 13px!important;
      background:#efe5d6!important;
      transform-origin:100% 100%!important;
      transform:translate(calc(-100% - 6px),calc(-100% - 6px)) rotate(90deg) scale(.18)!important;
    }
    #masterplan .mobile-master-dot.is-active .mobile-master-pop-card{
      transform:translate(calc(-100% - 6px),calc(-100% - 6px)) rotate(90deg) scale(1)!important;
    }
    #masterplan .mobile-master-dot[data-zone="Single Family"] .mobile-master-pop-card{
      transform-origin:0 100%!important;
      transform:translate(6px,calc(-100% - 6px)) rotate(90deg) scale(.18)!important;
      border-radius:13px 13px 13px 3px!important;
    }
    #masterplan .mobile-master-dot[data-zone="Single Family"].is-active .mobile-master-pop-card{
      transform:translate(6px,calc(-100% - 6px)) rotate(90deg) scale(1)!important;
    }
    #masterplan .mobile-master-pop-card img{
      position:absolute!important;
      inset:0!important;
      width:100%!important;
      height:100%!important;
      object-fit:cover!important;
      border-radius:inherit!important;
      display:block!important;
    }
    #masterplan .mobile-master-pop-card b{
      position:absolute!important;
      left:0!important;
      right:0!important;
      bottom:0!important;
      z-index:2!important;
      display:-webkit-box!important;
      -webkit-line-clamp:2!important;
      -webkit-box-orient:vertical!important;
      overflow:hidden!important;
      min-height:27px!important;
      margin:0!important;
      padding:5px 7px 6px!important;
      color:#fff7e8!important;
      font-family:var(--font-display)!important;
      font-size:9.5px!important;
      font-weight:700!important;
      line-height:1.05!important;
      letter-spacing:0!important;
      text-shadow:0 2px 8px rgba(36,21,12,.62)!important;
      background:linear-gradient(180deg,transparent 0%,rgba(42,25,15,.72) 100%)!important;
      box-sizing:border-box!important;
    }
    #masterplan .mobile-master-pop-card span{
      display:none!important;
    }
    #masterplan .mobile-master-pop-card::after{
      right:-1px!important;
      bottom:-1px!important;
      left:auto!important;
      top:auto!important;
      width:16px!important;
      height:16px!important;
      background:linear-gradient(135deg,transparent 50%,rgba(94,43,46,.92) 51%)!important;
      border-radius:0 0 3px 0!important;
    }
    #masterplan .mobile-master-dot[data-zone="Single Family"] .mobile-master-pop-card::after{
      left:-1px!important;
      right:auto!important;
      bottom:-1px!important;
      background:linear-gradient(225deg,transparent 50%,rgba(94,43,46,.92) 51%)!important;
      border-radius:0 0 0 3px!important;
    }
  }


  #location .map-marker-pin[data-marker-key="dest-walk"] .pin-label{
    top:18px!important;
    bottom:auto!important;
    transform:translateX(-50%) scale(var(--loc-label-map-scale,1)) translateZ(0)!important;
    transform-origin:50% 0!important;
  }
  #location .map-marker-pin[data-marker-key="dest-walk"]::before{
    top:auto!important;
    bottom:0!important;
    border-top:0!important;
    border-bottom:12px solid var(--hillage-gold)!important;
    filter:drop-shadow(0 -4px 8px rgba(61,31,11,.34))!important;
  }
  #location .map-marker-pin[data-marker-key="dest-walk"] .pin-label::before{
    display:none!important;
  }
  @media(max-width:720px){
    #location .map-marker-pin[data-marker-key="dest-walk"] .pin-label{
      top:16px!important;
      bottom:auto!important;
    }
    #location .map-marker-pin[data-marker-key="dest-walk"]::before{
      border-bottom-width:10px!important;
    }
  }


  #location .loc-toggle-btn.icon-only{
    color:#4b2618!important;
  }
  #location .loc-toggle-btn.icon-only svg,
  #location .loc-block .loc-toggle-btn[data-place-group] svg{
    display:block!important;
    width:18px!important;
    height:18px!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
    flex:0 0 auto!important;
    color:currentColor!important;
  }
  #location .loc-toggle-btn.icon-only svg *,
  #location .loc-block .loc-toggle-btn[data-place-group] svg *{
    stroke:currentColor!important;
    fill:none!important;
    stroke-width:2!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
    vector-effect:non-scaling-stroke!important;
  }
  #location .loc-toggle-btn.icon-only[aria-pressed="true"] svg,
  #location .loc-block .loc-toggle-btn[data-place-group][aria-pressed="true"] svg{
    color:#fff7e8!important;
  }


  .mobile-menu-toggle.hillage-daa-menu-toggle{
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    border-radius:14px!important;
    padding:0!important;
    background:rgba(255,250,239,.84)!important;
    border:1px solid rgba(94,43,46,.18)!important;
    box-shadow:0 10px 24px rgba(43,26,14,.14),inset 0 1px 0 rgba(255,255,255,.72)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
    overflow:hidden!important;
  }
  .mobile-menu-toggle.hillage-daa-menu-toggle span{
    display:none!important;
  }
  .mobile-menu-toggle.hillage-daa-menu-toggle .daa-menu-mark{
    width:23px!important;
    height:24px!important;
    display:block!important;
    object-fit:contain!important;
    transform:rotate(var(--daa-menu-rotation,0deg))!important;
    transform-origin:center center!important;
    transition:transform .34s cubic-bezier(.18,.88,.18,1),filter .22s ease!important;
    filter:drop-shadow(0 1px 0 rgba(255,255,255,.45))!important;
    pointer-events:none!important;
  }
  .mobile-menu-toggle.hillage-daa-menu-toggle[aria-expanded="true"]{
    border-color:rgba(243,199,93,.74)!important;
    background:rgba(255,247,229,.92)!important;
  }
  @media(max-width:720px){
    .mobile-menu-toggle.hillage-daa-menu-toggle{
      left:10px!important;
      top:calc(10px + env(safe-area-inset-top,0px))!important;
      width:38px!important;
      height:38px!important;
      min-width:38px!important;
      border-radius:13px!important;
    }
    .mobile-menu-toggle.hillage-daa-menu-toggle .daa-menu-mark{
      width:21px!important;
      height:22px!important;
    }
  }


  body,
  p,
  li,
  figcaption,
  button,
  input,
  select,
  textarea,
  label,
  .hero-nav-link,
  .loc-toggle-btn,
  .loc-action,
  .mobile-location-switch,
  .mobile-map-control,
  .legend-item,
  .master-tool-btn,
  .unit-pill,
  .unit-floor-expand,
  .unit-floor-back,
  .unit-floor-close,
  .fp-pill,
  .fp-btn,
  .fp-view-launch,
  .fp-roomlist,
  .developer-copy p,
  .amenity-card-floating-body p{
    font-family:var(--font-body)!important;
  }
  #units .fp-btn,
  #units .fp-view-launch,
  #units .fp-3d-btn{
    display:inline-grid!important;
    place-items:center!important;
    min-width:42px!important;
    min-height:42px!important;
    line-height:1!important;
    color:#4b2618!important;
  }
  #units .fp-btn svg,
  #units .fp-view-launch svg,
  #units .fp-3d-btn svg{
    display:block!important;
    width:19px!important;
    height:19px!important;
    opacity:1!important;
    visibility:visible!important;
    color:currentColor!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  #units .fp-btn svg *,
  #units .fp-view-launch svg *,
  #units .fp-3d-btn svg *{
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  @media(max-width:720px){
    #developer.developer-section,
    body.hillage-paged main > #developer.is-page-active{
      display:grid!important;
      align-items:center!important;
      height:100svh!important;
      min-height:100svh!important;
      padding:calc(54px + env(safe-area-inset-top,0px)) 16px calc(14px + env(safe-area-inset-bottom,0px))!important;
      overflow:hidden!important;
      background:#2a1b13!important;
    }
    #developer .developer-inner{
      
      
      display:grid!important;
      
      
      
      overflow:hidden!important;
    }
    #developer .developer-copy{
      display:block!important;
      padding:0!important;
      margin:0!important;
      background:transparent!important;
      border:0!important;
      box-shadow:none!important;
      max-width:none!important;
    }
    #developer .developer-logo{
      
      max-width:min(160px,46vw)!important;
      
    }
    #developer .developer-copy p:not(.developer-tagline){
      display:block!important;
      max-width:96%!important;
      margin:5px 0 0!important;
      font-size:10.6px!important;
      line-height:1.24!important;
      color:rgba(255,247,232,.84)!important;
      letter-spacing:0!important;
      text-transform:none!important;
    }
    #developer .developer-project-frame,
    #developer .developer-project-frame.developer-simple-frame{
      display:block!important;
      position:relative!important;
      
      
      min-height:0!important;
      margin:0!important;
      
      overflow:hidden!important;
      background:#3b271c!important;
    }
    #developer .developer-project-frame img{
      width:100%!important;
      height:100%!important;
      object-fit:cover!important;
      object-position:center!important;
      display:block!important;
      opacity:1!important;
    }
    #developer .developer-project-frame figcaption{
      position:absolute!important;
      
      
      
      margin:0!important;
      padding:8px 10px!important;
      border-radius:12px!important;
      background:rgba(42,27,19,.72)!important;
      color:#fff7e8!important;
      
      
      backdrop-filter:blur(8px)!important;
    }
  }


  #masterplan .master-copy h2,
  #masterplan .master-copy.is-open h2,
  body.hillage-paged main > #masterplan.is-page-active .master-copy h2{
    font-family:var(--font-accent)!important;
    font-style:normal!important;
    font-weight:300!important;
    color:#4b2618!important;
    text-shadow:none!important;
    filter:none!important;
    letter-spacing:0!important;
  }
  #masterplan .master-copy p,
  #masterplan .master-copy.is-open p,
  body.hillage-paged main > #masterplan.is-page-active .master-copy p{
    font-family:var(--font-body)!important;
    font-style:normal!important;
    font-weight:400!important;
    color:rgba(61,31,11,.78)!important;
    text-shadow:none!important;
    filter:none!important;
    letter-spacing:0!important;
  }
  #masterplan .master-copy,
  #masterplan .master-copy.is-open,
  body.hillage-paged main > #masterplan.is-page-active .master-copy,
  body.hillage-paged main > #masterplan.is-page-active .master-copy.is-open{
    text-shadow:none!important;
    filter:none!important;
  }
  #location .leaflet-marker-icon.neighborhood-label,
  #location.map-2d-on .leaflet-marker-icon.neighborhood-label{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    z-index:760!important;
    pointer-events:none!important;
  }


  #location .leaflet-marker-icon.final-neighborhood-label,
  #location.map-2d-on .leaflet-marker-icon.final-neighborhood-label{
    display:grid!important;
    place-items:center!important;
    width:92px!important;
    height:auto!important;
    min-height:28px!important;
    margin-left:-46px!important;
    margin-top:-14px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    color:#fff7df!important;
    font-family:var(--font-accent)!important;
    font-style:italic!important;
    font-weight:300!important;
    font-size:clamp(13px,.82vw,17px)!important;
    line-height:.88!important;
    letter-spacing:0!important;
    text-align:center!important;
    white-space:normal!important;
    text-wrap:balance!important;
    text-shadow:0 2px 9px rgba(0,0,0,.72),0 0 14px rgba(61,31,11,.34)!important;
    pointer-events:none!important;
    z-index:940!important;
    transform:translateZ(0)!important;
    transition:opacity .22s ease,filter .22s ease!important;
  }
  #location .leaflet-marker-icon.final-neighborhood-label::after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    bottom:-8px!important;
    width:0!important;
    height:0!important;
    transform:translateX(-50%)!important;
    border-left:5px solid transparent!important;
    border-right:5px solid transparent!important;
    border-top:8px solid #f3c75d!important;
    filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))!important;
  }
  @media(max-width:720px){
    #location .leaflet-marker-icon.final-neighborhood-label,
    #location.map-2d-on .leaflet-marker-icon.final-neighborhood-label{
      width:68px!important;
      margin-left:-34px!important;
      margin-top:-12px!important;
      font-size:clamp(11px,3.3vw,14px)!important;
      line-height:.86!important;
    }
  }


  @media(max-width:720px){
    #units .unit-side-panel{
      top:calc(12px + env(safe-area-inset-top,0px))!important;
      right:54px!important;
      left:auto!important;
      bottom:auto!important;
      width:min(232px,calc(100vw - 82px))!important;
      height:auto!important;
      min-height:0!important;
      max-height:min(54svh,430px)!important;
      padding:10px!important;
      border-radius:18px!important;
      overflow:auto!important;
      display:block!important;
      background:linear-gradient(145deg,rgba(251,247,238,.92),rgba(232,222,205,.78))!important;
      box-shadow:0 20px 54px rgba(24,18,13,.24),inset 0 1px 0 rgba(255,255,255,.62)!important;
      transform:translateX(calc(100% + 72px))!important;
    }
    #units.unit-menu-open .unit-side-panel{
      transform:translateX(0)!important;
    }
    #units .unit-side-panel .section-label,
    #units .unit-side-panel .render-chip,
    #units .unit-side-panel h2,
    #units .unit-side-panel > p,
    #units .unit-side-panel .unit-meta{
      display:none!important;
    }
    #units .unit-type-list{
      display:grid!important;
      grid-template-columns:1fr!important;
      gap:5px!important;
      width:100%!important;
      margin:0 0 8px!important;
      padding:0!important;
    }
    #units .unit-pill{
      width:100%!important;
      min-height:29px!important;
      padding:6px 8px!important;
      border-radius:10px!important;
      font-size:8.4px!important;
      line-height:1.05!important;
      letter-spacing:.06em!important;
      justify-content:flex-start!important;
      text-align:left!important;
      white-space:normal!important;
    }
    #units .unit-floor-expand{
      width:100%!important;
      min-height:32px!important;
      margin:0!important;
      padding:7px 9px!important;
      border-radius:11px!important;
      font-size:12px!important;
      line-height:1!important;
      text-align:center!important;
    }
  }


  #units.architecture-units{
    --unit-safe-right:clamp(96px,7vw,138px);
  }
  #units .unit-render-caption{
    
    
    
    
    max-width:min(365px,32vw)!important;
    padding:0!important;
    
    
    
    pointer-events:none!important;
  }
  #units .unit-render-caption .section-label{
    display:block!important;
    margin:0 0 8px!important;
    color:var(--hillage-gold)!important;
    font-family:var(--font-body)!important;
    font-size:9px!important;
    font-weight:650!important;
    letter-spacing:.22em!important;
    line-height:1!important;
    text-transform:uppercase!important;
  }
  #units .unit-render-caption h2{
    
    margin:0!important;
    
    font-family:var(--font-accent)!important;
    
    font-weight:300!important;
    font-style:italic!important;
    
    letter-spacing:0!important;
  }
  #units .unit-render-caption p{
    
    
    
    font-family:var(--font-body)!important;
    
    font-weight:400!important;
    
    letter-spacing:.01em!important;
  }
  @media(max-width:720px){
    #units.architecture-units{
      --unit-safe-right:58px;
    }
    #units .unit-render-caption{
      
      
      
      
      max-width:min(210px,calc(100vw - 92px))!important;
      
    }
    #units .unit-render-caption .section-label{
      font-size:7.5px!important;
      margin-bottom:6px!important;
      letter-spacing:.18em!important;
    }
    #units .unit-render-caption h2{
      max-width:100%!important;
      
      line-height:.9!important;
    }
    #units .unit-render-caption p{
      
      margin-top:7px!important;
      
      
    }
  }


  #units .unit-pill,
  #units .unit-pill[data-key]{
    background:linear-gradient(145deg,rgba(251,247,238,.9),rgba(232,222,205,.68))!important;
    border-color:rgba(61,31,11,.16)!important;
    color:var(--accent-1)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.56),0 12px 28px rgba(61,31,11,.08)!important;
  }
  #units .unit-pill::before,
  #units .unit-pill::after{
    content:none!important;
    display:none!important;
  }
  #units .unit-pill:hover{
    transform:translateX(3px)!important;
    border-color:rgba(143,3,8,.32)!important;
    background:linear-gradient(145deg,rgba(251,247,238,.96),rgba(232,222,205,.78))!important;
  }
  #units .unit-pill.active,
  #units .unit-pill[data-key].active{
    background:linear-gradient(145deg,#941116,#5a1010)!important;
    border-color:#f3c75d!important;
    color:#fff7df!important;
    box-shadow:0 16px 34px rgba(90,16,16,.18),inset 0 1px 0 rgba(255,255,255,.18)!important;
  }


  /* MASTERPLAN SAFE / WALK AREA OWNER
     Desktop manual controls:
     --safe-desktop-x, --safe-desktop-y, --safe-desktop-scale.
     Mobile manual controls:
     --safe-mobile-scale.
  */
  #masterplan .master-stage{
    --safe-desktop-x:8vw;
    --safe-desktop-y:-24px;
    
    
  }
  #masterplan .master-safe-mask,
  #masterplan .master-stage:hover .master-safe-mask{
    width:100%!important;
    height:100%!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:68% center!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    mix-blend-mode:multiply!important;
    filter:drop-shadow(0 14px 18px rgba(54,74,41,.14)) blur(.12px)!important;
    transform:
      translate(calc(var(--mp-pan-x,0px) + var(--safe-desktop-x)),calc(var(--mp-pan-y,0px) + var(--safe-desktop-y)))
      scale(calc(var(--mp-base-scale,.88) * var(--mp-zoom,1) * var(--safe-desktop-scale)))!important;
    transform-origin:68% center!important;
    mask-image:radial-gradient(ellipse at center,#000 0 66%,rgba(0,0,0,.82) 80%,transparent 100%)!important;
    -webkit-mask-image:radial-gradient(ellipse at center,#000 0 66%,rgba(0,0,0,.82) 80%,transparent 100%)!important;
    transition:transform .75s cubic-bezier(.2,.8,.2,1),opacity .28s ease,visibility .28s ease!important;
  }
  #masterplan .master-stage.show-walk > .master-safe-mask{
    opacity:.72!important;
    visibility:visible!important;
  }
  @media(max-width:720px){
    #masterplan .master-stage > .master-safe-mask{
      display:none!important;
      opacity:0!important;
      visibility:hidden!important;
    }
    #masterplan .mobile-master-map-shell .mobile-master-walk{
      display:none!important;
      opacity:0!important;
      visibility:hidden!important;
      pointer-events:none!important;
    }
    #masterplan .mobile-master-map-shell .mobile-master-safe{
      display:block!important;
      position:absolute!important;
      inset:0!important;
      width:100%!important;
      height:100%!important;
      max-width:none!important;
      max-height:none!important;
      padding:0!important;
      object-fit:contain!important;
      object-position:center center!important;
      opacity:0!important;
      visibility:hidden!important;
      pointer-events:none!important;
      z-index:8!important;
      transform:scale(var(--safe-mobile-scale))!important;
      transform-origin:center center!important;
      mix-blend-mode:multiply!important;
      filter:drop-shadow(0 12px 18px rgba(43,70,35,.18)) blur(.04px)!important;
      mask-image:radial-gradient(ellipse at center,#000 0 66%,rgba(0,0,0,.82) 80%,transparent 100%)!important;
      -webkit-mask-image:radial-gradient(ellipse at center,#000 0 66%,rgba(0,0,0,.82) 80%,transparent 100%)!important;
      transition:opacity .28s ease!important;
    }
    #masterplan .master-stage.show-walk .mobile-master-map-shell .mobile-master-safe{
      opacity:.76!important;
      visibility:visible!important;
      transform:scale(var(--safe-mobile-scale))!important;
    }
  }


  /* DEVELOPER SECTION OWNER: simple logo, paragraph, one project image, solid background. */
  
  #developer.developer-section::before,
  #developer.developer-section::after{
    display:none!important;
    content:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  #developer .developer-inner{
    
    
    
    height:auto!important;
    
    padding:0!important;
    
    
    
    
  }
  #developer .developer-copy{
    
    
    color:#fff7e8!important;
  }
  
  #developer .developer-copy .section-label,
  #developer .developer-tagline{
    display:none!important;
  }
  
  #developer .developer-project-frame,
  #developer .developer-project-frame.developer-simple-frame{
    display:grid!important;
    position:relative!important;
    justify-self:end!important;
    width:min(520px,40vw)!important;
    aspect-ratio:1/1!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:22px!important;
    border:1px solid rgba(255,247,232,.18)!important;
    background:#3b271c!important;
    box-shadow:0 28px 80px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.14)!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    padding:8px!important;
  }
  #developer .developer-project-frame::before,
  #developer .developer-project-frame::after{
    display:none!important;
    content:none!important;
  }
  #developer .developer-project-tile{
    position:relative!important;
    min-width:0!important;
    min-height:0!important;
    height:100%!important;
    overflow:hidden!important;
    border-radius:16px!important;
    background:#221711!important;
  }
  #developer .developer-project-tile img,
  #developer .developer-project-frame img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    object-fit:cover!important;
    object-position:center!important;
    opacity:1!important;
    visibility:visible!important;
    filter:saturate(.96) contrast(1.03) brightness(.94)!important;
  }
  #developer .developer-project-tile:first-child img{
    object-position:center center!important;
  }
  #developer .developer-project-tile:nth-child(2) img{
    object-position:center center!important;
  }
  #developer .developer-project-tile span{
    position:absolute!important;
    left:12px!important;
    bottom:12px!important;
    z-index:2!important;
    display:inline-flex!important;
    align-items:center!important;
    min-height:28px!important;
    padding:7px 10px!important;
    border-radius:999px!important;
    background:rgba(42,27,19,.62)!important;
    color:#fff7e8!important;
    font-family:var(--font-body)!important;
    font-size:10px!important;
    font-weight:650!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
    backdrop-filter:blur(10px)!important;
  }
  #developer .developer-project-frame figcaption{
    position:absolute!important;
    left:18px!important;
    right:18px!important;
    bottom:18px!important;
    z-index:2!important;
    margin:0!important;
    padding:10px 12px!important;
    border-radius:12px!important;
    background:rgba(42,27,19,.72)!important;
    color:rgba(255,247,232,.9)!important;
    font-family:var(--font-body)!important;
    font-size:12px!important;
    line-height:1.2!important;
    letter-spacing:.01em!important;
    backdrop-filter:blur(10px)!important;
  }
  @media(max-width:720px){
    
    
    
    
    #developer .developer-project-frame,
    #developer .developer-project-frame.developer-simple-frame{
      justify-self:stretch!important;
      width:100%!important;
      height:100%!important;
      aspect-ratio:auto!important;
      border-radius:18px!important;
      grid-template-columns:1fr!important;
      grid-template-rows:1fr 1fr!important;
      gap:7px!important;
      padding:7px!important;
    }
    #developer .developer-project-tile{
      border-radius:14px!important;
    }
    #developer .developer-project-tile span{
      left:9px!important;
      bottom:9px!important;
      min-height:24px!important;
      padding:6px 8px!important;
      font-size:8px!important;
    }
    #developer .developer-project-frame figcaption{
      left:10px!important;
      right:10px!important;
      bottom:10px!important;
      font-size:9.8px!important;
      line-height:1.16!important;
    }
  }


  /* Final tail-section owner: copy rhythm, mobile masterplan cleanup, developer fade frame. */
  #accuracy .accuracy-copy h2,
  #interior .interior-overlay h2,
  #construction .construction-copy h2{
    font-family:var(--font-accent)!important;
    font-style:italic!important;
    font-weight:300!important;
    letter-spacing:0!important;
  }
  #accuracy .accuracy-copy p,
  #interior .interior-overlay p,
  #construction .construction-copy p{
    font-family:var(--font-body)!important;
    line-height:1.32!important;
    letter-spacing:.005em!important;
  }
  
  
  
  
  
  #developer .developer-projects-fade .developer-project-tile img{
    
    
    
    object-position:center!important;
    filter:saturate(.98) contrast(1.04) brightness(.94)!important;
    transform:scale(1.035)!important;
    animation:developerProjectDrift 10s ease-in-out infinite!important;
  }
  
  
  @keyframes developerProjectFade{
    0%,42%{opacity:1}
    50%,92%{opacity:0}
    100%{opacity:1}
  }
  @keyframes developerProjectDrift{
    0%,100%{transform:scale(1.035)}
    50%{transform:scale(1.07)}
  }
  @media(max-width:720px){
    #masterplan .master-tool-btn[data-master-layer="walk"],
    #masterplan .clean-master-tool-btn[data-clean-master-layer="walk"],
    #masterplan .master-tool-btn[data-master-layer="neighborhoods"],
    #masterplan .clean-master-tool-btn[data-clean-master-layer="neighborhoods"]{
      display:none!important;
    }
    
    
    
    #accuracy .accuracy-copy p,
    #interior .interior-overlay p,
    #construction .construction-copy p{
      line-height:1.2!important;
    }
  }


  /* Final brochure-flow owner: page copy rhythm, hidden Neighborhood control, and mobile clustering balance. */
  #location #neighborhoodsToggle,
  #location .loc-toggle-btn#neighborhoodsToggle,
  #location button[aria-label="Neighborhoods"],
  #location button[title="Neighborhoods"]{
    display:none!important;
  }
  
  #location .neighborhood-label,
  #location .map-marker-pin.neighborhood{
    display:none!important;
  }
  #masterplan .master-copy h2,
  #lifestyle .water-heart-copy h2,
  #lifestyle-flow .water-heart-copy h2,
  #lifestyle-landscape .water-heart-copy h2,
  #amenities .amenities-heading,
  #feel .feel-layout h2,
  #aerial-after-floorplan .aerial-content h2,
  #accuracy .accuracy-copy h2,
  #interior .interior-overlay h2,
  #construction .construction-copy h2{
    font-family:var(--font-accent)!important;
    font-style:italic!important;
    font-weight:300!important;
    letter-spacing:0!important;
  }
  #masterplan .master-copy p,
  #lifestyle .water-heart-copy p,
  #lifestyle-flow .water-heart-copy p,
  #lifestyle-landscape .water-heart-copy p,
  #amenities .amenities-intro,
  #amenities .amenities-mobile-club-copy,
  #feel .feel-layout p,
  #aerial-after-floorplan .aerial-content p,
  #accuracy .accuracy-copy p,
  #interior .interior-overlay p,
  #construction .construction-copy p{
    font-family:var(--font-body)!important;
    line-height:1.34!important;
    letter-spacing:.002em!important;
  }
  @media(max-width:720px){
    #masterplan .master-tool-btn[data-master-layer="walk"],
    #masterplan .clean-master-tool-btn[data-clean-master-layer="walk"],
    #masterplan .master-tool-btn[data-master-layer="safe"],
    #masterplan .clean-master-tool-btn[data-clean-master-layer="safe"],
    #masterplan .master-tool-btn[data-master-layer="neighborhoods"],
    #masterplan .clean-master-tool-btn[data-clean-master-layer="neighborhoods"]{
      display:none!important;
    }
    #masterplan .master-analysis-tools{
      grid-template-columns:1fr!important;
      width:min(132px,34vw)!important;
      gap:6px!important;
      padding:7px!important;
    }
    #masterplan .master-tool-btn{
      width:100%!important;
      min-width:0!important;
      height:34px!important;
      grid-template-columns:18px 1fr!important;
      gap:7px!important;
      padding:0 10px!important;
      justify-content:start!important;
      border-radius:10px!important;
    }
    #masterplan .master-tool-btn span{
      position:static!important;
      width:auto!important;
      height:auto!important;
      clip:auto!important;
      overflow:visible!important;
      font-size:8px!important;
      line-height:1!important;
      letter-spacing:.08em!important;
      text-transform:uppercase!important;
      white-space:nowrap!important;
    }
    #construction .section-inner,
    #construction .construction-grid{
      display:grid!important;
      grid-template-columns:1fr!important;
      grid-template-rows:auto auto minmax(0,1fr)!important;
      gap:8px!important;
      padding:calc(52px + env(safe-area-inset-top,0px)) 12px calc(12px + env(safe-area-inset-bottom,0px))!important;
      min-height:100svh!important;
      height:100svh!important;
      align-items:start!important;
    }
    #construction .construction-copy{
      display:grid!important;
      grid-template-columns:1fr!important;
      gap:6px!important;
      max-width:none!important;
      align-self:start!important;
    }
    #construction .construction-copy .section-label{
      display:none!important;
    }
    #construction .construction-copy h2{
      font-size:clamp(26px,8.2vw,36px)!important;
      line-height:.98!important;
      max-width:330px!important;
      margin:0!important;
    }
    #construction .construction-copy p{
      font-size:11.5px!important;
      line-height:1.18!important;
      max-width:330px!important;
      margin:0!important;
    }
    #construction .construction-data{
      display:grid!important;
      grid-template-columns:repeat(2,minmax(0,1fr))!important;
      gap:7px!important;
      margin:4px 0 0!important;
      padding:0!important;
      overflow:visible!important;
      width:100%!important;
    }
    #construction .construction-metric{
      min-width:0!important;
      min-height:68px!important;
      padding:9px 8px!important;
      border-radius:12px!important;
      background:rgba(255,251,243,.72)!important;
      border:1px solid rgba(255,255,255,.82)!important;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 10px 22px rgba(42,31,22,.08)!important;
    }
    #construction .construction-metric b{
      font-size:24px!important;
      line-height:.88!important;
    }
    #construction .construction-metric span{
      font-size:8.6px!important;
      line-height:1.08!important;
      margin-top:4px!important;
    }
    #construction .construction-card{
      height:100%!important;
      min-height:0!important;
      align-self:stretch!important;
      
      
      
      margin:0!important;
      padding:0!important;
    }
    #construction .construction-card img{
      
      
      
      object-fit:contain!important;
      object-position:center center!important;
      filter:drop-shadow(0 18px 30px rgba(42,31,22,.14))!important;
    }
  }


  /* Final publish-health owner: cover image, loader, location panel sizing, units text, and developer media. */
  #siteLoader{
    
    color:#fff7e8!important;
  }
  #siteLoader::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(180deg,rgba(61,31,11,.1),rgba(61,31,11,.34))!important;
    pointer-events:none!important;
  }
  #siteLoader > div{
    position:relative!important;
    z-index:2!important;
    display:grid!important;
    place-items:center!important;
    padding:18px 22px!important;
    border-radius:18px!important;
    background:rgba(61,31,11,.28)!important;
    border:1px solid rgba(255,247,232,.24)!important;
    backdrop-filter:blur(10px)!important;
  }
  
  
  #logo .hero-cover-image{
    
    
    left:0!important;
    top:0!important;
    
    
    max-width:none!important;
    
    
    
    aspect-ratio:auto!important;
    
  }
  #logo .hero-title{
    display:none!important;
  }
  #location .loc-block:nth-of-type(2){
    width:auto!important;
    min-width:178px!important;
    max-width:230px!important;
  }
  #location .loc-block:nth-of-type(2) .loc-toggles.inline{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  #location .loc-block:nth-of-type(2) .loc-toggle-btn{
    min-width:0!important;
    justify-content:center!important;
  }
  #units .unit-render-caption{
    left:auto!important;
    right:clamp(22px,5vw,76px)!important;
    top:clamp(72px,11vh,138px)!important;
    bottom:auto!important;
    width:min(380px,34vw)!important;
    text-align:right!important;
    color:#4b2618!important;
    text-shadow:0 1px 0 rgba(255,255,255,.34)!important;
  }
  #units .unit-render-caption .section-label,
  #units .unit-render-caption .render-chip{
    display:none!important;
  }
  #units .unit-render-caption h2{
    color:#4b2618!important;
    font-size:clamp(30px,3.4vw,54px)!important;
    line-height:.92!important;
    max-width:100%!important;
    margin-left:auto!important;
  }
  #units .unit-render-caption p{
    color:rgba(61,31,11,.82)!important;
    max-width:330px!important;
    margin:10px 0 0 auto!important;
    font-size:clamp(12px,.95vw,15px)!important;
    line-height:1.22!important;
  }
  #aerial-after-floorplan .aerial-content{
    display:none!important;
  }
  #aerial-after-floorplan .aerial-slider,
  #aerial-after-floorplan .aerial-slide{
    inset:0!important;
    width:100%!important;
    height:100%!important;
  }
  #developer .developer-project-frame.developer-projects-fade{
    background:#3a251a!important;
  }
  #developer .developer-projects-fade .developer-project-tile{
    display:block!important;
  }
  #developer .developer-projects-fade .developer-project-tile img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    opacity:1!important;
    visibility:visible!important;
    object-fit:cover!important;
  }
  #developer .developer-copy .section-label{
    color:#f0b24b!important;
  }
  @media(max-width:720px){
    #siteLoader{
      background-image:url("logo/hillage-cover-mobile.jpg")!important;
      background-position:center center!important;
    }
    #logo .hero-cover-image{
      object-position:center center!important;
    }
    #location .loc-block:nth-of-type(2){
      min-width:112px!important;
      max-width:122px!important;
      width:122px!important;
    }
    #location .loc-block:nth-of-type(2) .loc-toggles.inline{
      grid-template-columns:1fr 1fr!important;
      gap:5px!important;
    }
    #location .loc-block:nth-of-type(2) .loc-toggle-btn{
      min-height:30px!important;
      font-size:7.8px!important;
      padding:5px!important;
      border-radius:9px!important;
    }
    #units .unit-render-caption{
      right:14px!important;
      left:auto!important;
      top:calc(74px + env(safe-area-inset-top,0px))!important;
      width:min(250px,68vw)!important;
      text-align:right!important;
    }
    #units .unit-render-caption h2{
      font-size:clamp(28px,8.8vw,40px)!important;
    }
    #units .unit-render-caption p{
      font-size:10.6px!important;
      line-height:1.18!important;
      max-width:220px!important;
    }
    #developer .developer-project-frame.developer-projects-fade{
      min-height:42svh!important;
    }
  }


  /* Final Madar owner: simple solid page, reliable fading project image, clean mobile layout. */
  #developer.developer-section{
    min-height:100svh!important;
    height:100svh!important;
    padding:clamp(72px,7vw,108px) clamp(24px,7vw,104px)!important;
    display:grid!important;
    align-items:center!important;
    overflow:hidden!important;
    background:#2b1b13!important;
    color:#fff8ec!important;
  }
  #developer.developer-section::before,
  #developer.developer-section::after,
  #developer .developer-bg,
  #developer .developer-overlay,
  #developer .developer-copy .section-label,
  #developer .developer-tagline,
  #developer .developer-inner h2,
  #developer .developer-proof{
    display:none!important;
    content:none!important;
  }
  #developer .developer-inner{
    position:relative!important;
    z-index:2!important;
    width:min(1120px,100%)!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:minmax(300px,520px) minmax(320px,470px)!important;
    gap:clamp(36px,6vw,92px)!important;
    align-items:center!important;
  }
  #developer .developer-copy{
    max-width:520px!important;
    padding:0!important;
    text-align:left!important;
  }
  #developer .developer-logo{
    display:block!important;
    width:min(330px,35vw)!important;
    height:auto!important;
    margin:0 0 clamp(24px,3vw,38px)!important;
    filter:drop-shadow(0 18px 34px rgba(0,0,0,.28))!important;
  }
  #developer .developer-copy p{
    display:block!important;
    max-width:510px!important;
    margin:0 0 12px!important;
    color:rgba(255,248,236,.8)!important;
    font-family:var(--font-body)!important;
    font-size:clamp(15px,1.16vw,18px)!important;
    font-style:normal!important;
    font-weight:400!important;
    line-height:1.36!important;
    letter-spacing:.005em!important;
    text-transform:none!important;
  }
  #developer .developer-project-frame.developer-projects-fade,
  #developer .developer-project-frame.developer-simple-frame.developer-projects-fade{
    position:relative!important;
    display:block!important;
    justify-self:end!important;
    width:min(520px,40vw)!important;
    aspect-ratio:1/1!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:24px!important;
    border:1px solid rgba(255,248,236,.22)!important;
    background:#3a2519!important;
    box-shadow:0 30px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.14)!important;
  }
  #developer .developer-project-frame.developer-projects-fade::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:14px!important;
    z-index:5!important;
    border:1px solid rgba(255,248,236,.3)!important;
    border-radius:18px!important;
    pointer-events:none!important;
  }
  #developer .developer-project-frame.developer-projects-fade::after{
    content:none!important;
    display:none!important;
  }
  #developer .developer-projects-fade .developer-project-tile{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    border-radius:0!important;
    overflow:hidden!important;
    opacity:0!important;
    visibility:visible!important;
    animation:madarProjectFade 11s ease-in-out infinite!important;
  }
  #developer .developer-projects-fade .developer-project-tile:first-child{
    opacity:1!important;
  }
  #developer .developer-projects-fade .developer-project-tile:nth-of-type(2){
    animation-delay:5.5s!important;
  }
  #developer .developer-projects-fade .developer-project-tile img,
  #developer .developer-project-frame.developer-projects-fade img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    object-fit:cover!important;
    object-position:center!important;
    opacity:1!important;
    visibility:visible!important;
    filter:saturate(1.02) contrast(1.03) brightness(.95)!important;
    transform:scale(1.035)!important;
    animation:madarProjectDrift 11s ease-in-out infinite!important;
  }
  #developer .developer-project-logo{
    position:absolute!important;
    left:22px!important;
    top:22px!important;
    z-index:6!important;
    display:grid!important;
    place-items:center!important;
    min-width:94px!important;
    height:34px!important;
    padding:0 14px!important;
    border-radius:999px!important;
    border:1px solid rgba(255,248,236,.48)!important;
    background:rgba(43,27,19,.58)!important;
    color:#fff8ec!important;
    font-family:var(--font-body)!important;
    font-size:10.5px!important;
    font-weight:700!important;
    letter-spacing:.22em!important;
    text-transform:uppercase!important;
    backdrop-filter:blur(12px)!important;
  }
  #developer .developer-project-frame.developer-projects-fade figcaption{
    position:absolute!important;
    left:22px!important;
    right:22px!important;
    bottom:22px!important;
    z-index:6!important;
    max-width:390px!important;
    margin:0!important;
    padding:12px 14px!important;
    border-radius:14px!important;
    background:rgba(43,27,19,.68)!important;
    color:rgba(255,248,236,.92)!important;
    font-family:var(--font-body)!important;
    font-size:12px!important;
    line-height:1.22!important;
    letter-spacing:.005em!important;
    backdrop-filter:blur(12px)!important;
  }
  @keyframes madarProjectFade{
    0%,45%{opacity:1}
    52%,94%{opacity:0}
    100%{opacity:1}
  }
  @keyframes madarProjectDrift{
    0%,100%{transform:scale(1.035)}
    50%{transform:scale(1.07)}
  }
  @media(max-width:720px){
    #developer.developer-section{
      padding:calc(56px + env(safe-area-inset-top,0px)) 18px calc(18px + env(safe-area-inset-bottom,0px))!important;
      align-items:stretch!important;
    }
    #developer .developer-inner{
      width:100%!important;
      height:100%!important;
      grid-template-columns:1fr!important;
      grid-template-rows:auto minmax(0,1fr)!important;
      gap:14px!important;
      align-items:start!important;
    }
    #developer .developer-logo{
      width:min(170px,48vw)!important;
      margin:0 0 10px!important;
    }
    #developer .developer-copy p{
      max-width:100%!important;
      margin:0 0 7px!important;
      font-size:11.6px!important;
      line-height:1.24!important;
    }
    #developer .developer-project-frame.developer-projects-fade,
    #developer .developer-project-frame.developer-simple-frame.developer-projects-fade{
      justify-self:stretch!important;
      width:100%!important;
      height:100%!important;
      min-height:0!important;
      aspect-ratio:auto!important;
      border-radius:18px!important;
    }
    #developer .developer-project-logo{
      left:14px!important;
      top:14px!important;
      min-width:78px!important;
      height:30px!important;
      font-size:8.5px!important;
    }
    #developer .developer-project-frame.developer-projects-fade figcaption{
      left:14px!important;
      right:14px!important;
      bottom:14px!important;
      max-width:none!important;
      font-size:10.2px!important;
      line-height:1.18!important;
    }
  }


  /* Final amenities/mobile owner: mobile uses the same real copy as desktop, with safe fullscreen spacing. */
  #amenities .amenities-heading::before,
  #amenities .amenities-intro::before,
  #amenities .amenities-mobile-club-copy::before{
    display:none!important;
    content:none!important;
  }
  #amenities .amenities-heading{
    font-size:clamp(42px,6.4vw,84px)!important;
    line-height:.92!important;
  }
  #amenities .amenities-intro{
    font-size:clamp(15px,1.25vw,19px)!important;
    line-height:1.34!important;
  }
  @media(max-width:720px){
    #amenities{
      padding:max(0px,env(safe-area-inset-top)) max(0px,env(safe-area-inset-right)) max(0px,env(safe-area-inset-bottom)) max(0px,env(safe-area-inset-left))!important;
      box-sizing:border-box!important;
    }
    
    #amenities .amenities-heading{
      font-size:clamp(30px,9vw,42px)!important;
      line-height:.96!important;
      
      color:var(--accent-1)!important;
    }
    #amenities .amenities-intro{
      
      font-size:12px!important;
      line-height:1.26!important;
      color:rgba(61,31,11,.74)!important;
    }
    
    #amenities .amenity-card-floating{
      flex-basis:min(258px,76vw)!important;
      
    }
  }


  #logo.logo-full{
    background:#e8d6c3!important;
    overflow:hidden!important;
    isolation:isolate!important;
  }
  #logo::before,
  #logo::after,
  #logo .hero-cover-picture::before,
  #logo .hero-cover-picture::after{
    content:none!important;
    display:none!important;
    background:none!important;
  }
  #logo video,
  #logo iframe,
  #logo canvas,
  #logo object,
  #logo embed,
  #logo .hero-title,
  #logo .hero-video,
  #logo .logo-video,
  #logo .video-bg,
  #logo .masked-logo,
  #logo .hero-mask,
  #logo .hillage-hero-logo{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  #logo .hero-cover-picture{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    display:block!important;
    background:#e8d6c3!important;
  }
  #logo .hero-cover-image{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    display:block!important;
    opacity:1!important;
    filter:none!important;
    transform:none!important;
    mix-blend-mode:normal!important;
  }
  #logo .hero-nav,
  #logo .mobile-menu-toggle{
    z-index:5!important;
  }


  /* Final desktop polish owner: loader, location camera, masterplan, construction, developer, interior, nav type. */
  #siteLoader{
    animation:none!important;
    background:#251812 url("logo/hillage-cover-desktop.jpg") center/cover no-repeat!important;
  }
  #siteLoader > div{
    transform:translateY(0) scale(1)!important;
    transition:transform .62s cubic-bezier(.16,1,.3,1),opacity .42s ease!important;
  }
  #siteLoader.is-ready > div{
    transform:translateY(-8px) scale(1.035)!important;
  }
  #siteLoader.is-hidden{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  #siteLoader.is-ready .loader-ring{
    animation:loaderFinalPulse .62s cubic-bezier(.16,1,.3,1) both!important;
  }
  @keyframes loaderFinalPulse{
    0%{transform:scale(1);opacity:1}
    72%{transform:scale(1.36);opacity:.88}
    100%{transform:scale(1.72);opacity:0}
  }
  .hero-nav-link,
  .mobile-menu-toggle,
  .hero-nav a,
  .hero-nav button{
    font-family:var(--font-accent)!important;
    font-style:italic!important;
    font-weight:300!important;
    letter-spacing:0!important;
    text-transform:none!important;
  }
  #render-spine video,
  #render-spine img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  #masterplan .master-stage{
    --safe-desktop-scale:.648!important;
    --safe-mobile-scale:1.46!important;
  }
  #masterplan .mp-photo-card img[src*="leisure-pool"]{
    object-position:center!important;
  }
  #interior .interior-overlay,
  .section-interior .interior-overlay{
    background:linear-gradient(90deg,rgba(14,9,30,.38),rgba(14,9,30,.04)),linear-gradient(0deg,rgba(14,9,30,.32),transparent 58%)!important;
  }
  #interior .interior-slide,
  .section-interior .interior-slide{
    filter:saturate(1.04) contrast(1.02)!important;
  }
  @media(min-width:721px){
    #construction .section-inner,
    #construction .construction-grid{
      grid-template-columns:minmax(230px,300px) minmax(0,1.44fr)!important;
      gap:clamp(18px,3vw,54px)!important;
      padding-right:clamp(14px,2vw,38px)!important;
    }
    #construction .construction-card{
      justify-self:end!important;
      height:min(92svh,900px)!important;
    }
    #construction .construction-card img{
      width:108%!important;
      max-width:none!important;
      object-fit:contain!important;
      object-position:center center!important;
    }
    #developer .developer-project-frame.developer-projects-fade,
    #developer .developer-project-frame.developer-simple-frame.developer-projects-fade{
      align-self:center!important;
      justify-self:center!important;
      margin:0!important;
      transform:none!important;
    }
    #developer .developer-projects-fade .developer-project-tile img,
    #developer .developer-project-frame.developer-projects-fade img{
      object-position:center center!important;
    }
    #developer .developer-project-logo{
      border-radius:0!important;
      background:rgba(255,248,236,.84)!important;
      color:#5b2d1d!important;
      min-width:132px!important;
      height:42px!important;
      font-family:var(--font-accent)!important;
      font-style:italic!important;
      font-size:18px!important;
      font-weight:300!important;
      letter-spacing:0!important;
      text-transform:none!important;
      box-shadow:0 16px 32px rgba(0,0,0,.16)!important;
    }
  }
  @media(max-width:720px){
    #construction .construction-card{
      display:grid!important;
      place-items:center!important;
      overflow:visible!important;
    }
    #construction .construction-card img{
      width:auto!important;
      height:92vw!important;
      max-height:60svh!important;
      max-width:none!important;
      transform:rotate(90deg) scale(.92)!important;
      transform-origin:center center!important;
    }
  }


  #units .render-slide.unit-crossfade-out,
  #units .render-slide.unit-crossfade-out img{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
  }
  #units .render-slide.active img,
  #units.unit-animating .render-slide.active img{
    animation:none!important;
  }
  @media(max-width:720px){
    #amenities{
      isolation:isolate!important;
      background:#f4eee4!important;
    }
    #amenities .amenities-foreground{
      position:absolute!important;
      inset:0!important;
      display:block!important;
      padding:0!important;
      overflow:hidden!important;
    }
    #amenities .amenities-strip{
      position:absolute!important;
      left:-8vw!important;
      right:-8vw!important;
      top:8svh!important;
      height:66svh!important;
      margin:0!important;
      padding:0!important;
      overflow:hidden!important;
      z-index:1!important;
      cursor:grab!important;
      
      
      -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%)!important;
      mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%)!important;
    }
    #amenities .amenities-strip.is-dragging{
      cursor:grabbing!important;
    }
    #amenities .amenities-track{
      height:100%!important;
      will-change:transform!important;
      backface-visibility:hidden!important;
      transform:translate3d(var(--amenity-x,0px),0,0)!important;
    }
    #amenities .amenity-card-floating{
      flex:0 0 min(330px,86vw)!important;
      width:min(330px,86vw)!important;
      height:100%!important;
      margin-left:-28px!important;
      display:grid!important;
      grid-template-rows:minmax(0,1fr) auto!important;
    }
    #amenities .amenity-card-floating-image{
      height:100%!important;
      min-height:0!important;
      filter:saturate(1.02) contrast(1.03)!important;
    }
    #amenities .amenity-card-floating-body{
      padding:8px 42px 0!important;
    }
    #amenities .amenity-card-floating-body h3{
      font-size:20px!important;
      line-height:1.02!important;
    }
    #amenities .amenity-card-floating-body p{
      font-size:10.6px!important;
      line-height:1.18!important;
      max-width:250px!important;
    }
    #amenities .amenities-heading{
      position:absolute!important;
      left:16px!important;
      right:16px!important;
      bottom:calc(64px + env(safe-area-inset-bottom,0px))!important;
      z-index:3!important;
      max-width:315px!important;
      margin:0!important;
      padding:0!important;
      text-align:left!important;
      pointer-events:none!important;
      text-shadow:0 14px 34px rgba(255,248,236,.84)!important;
    }
    #amenities .amenities-intro{
      position:absolute!important;
      left:16px!important;
      right:16px!important;
      bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;
      z-index:3!important;
      max-width:315px!important;
      margin:0!important;
      padding:0!important;
      text-align:left!important;
      pointer-events:none!important;
      text-shadow:0 12px 28px rgba(255,248,236,.9)!important;
    }
    #units .render-slide{
      transition:opacity .58s cubic-bezier(.22,.74,.24,1)!important;
      background:transparent!important;
    }
    #units .render-slide:not(.active){
      pointer-events:none!important;
    }
    #units .render-slide.active img{
      animation:none!important;
    }
    #units.unit-animating .render-slide.active img{
      animation:none!important;
    }
  }


  #units .fp-sheet-tabs{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    align-items:center!important;
  }
  #units .fp-sheet-tab{
    border:1px solid rgba(61,31,11,.14)!important;
    border-radius:12px!important;
    background:linear-gradient(145deg,rgba(251,247,238,.94),rgba(242,234,223,.78))!important;
    color:var(--accent-1)!important;
    padding:8px 10px!important;
    cursor:pointer!important;
    box-shadow:0 10px 24px rgba(14,9,30,.07),inset 0 1px 0 rgba(255,255,255,.58)!important;
    font-family:var(--font-body)!important;
    font-size:11px!important;
    line-height:1!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
  }
  #units .fp-sheet-tab.is-on{
    background:linear-gradient(145deg,var(--accent-3),#4f1714)!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.32)!important;
  }
  #units .floorplan-radar-frame.is-apartment-sheet{
    cursor:grab!important;
    touch-action:none!important;
  }
  #units .floorplan-radar-frame.is-apartment-sheet.is-panning{
    cursor:grabbing!important;
  }
  #units .floorplan-radar-frame.is-apartment-sheet .floorplan-layer{
    background-size:contain!important;
    background-position:center center!important;
    transform:translate3d(var(--fp-pan-x,0px),var(--fp-pan-y,0px),0) scale(var(--fp-plan-scale,1))!important;
    transform-origin:center center!important;
    transition:transform .12s linear!important;
  }
  #units .floorplan-radar-frame.is-apartment-sheet .floorplan-grid{
    opacity:.22!important;
  }
  #units .fp-roomlist.is-open.fp-apartment-sheet-note{
    display:block!important;
  }
  @media(max-width:720px){
    #units .fp-sheet-tabs{
      width:100%!important;
      order:4!important;
    }
    #units .fp-sheet-tab{
      flex:1 1 0!important;
      min-width:0!important;
      padding:8px 6px!important;
      font-size:9px!important;
      border-radius:10px!important;
    }
  }


  html,
  body{
    overscroll-behavior:none!important;
    -webkit-text-size-adjust:100%!important;
  }
  #units .floorplan-radar-frame{
    cursor:grab!important;
    touch-action:none!important;
    user-select:none!important;
    -webkit-user-select:none!important;
  }
  #units .floorplan-radar-frame.is-panning,
  #units .floorplan-radar-frame.is-hand-panning{
    cursor:grabbing!important;
  }
  #units .floorplan-radar-frame .floorplan-layer{
    transform:translate3d(var(--fp-pan-x,0px),var(--fp-pan-y,0px),0) scale(var(--fp-plan-scale,1))!important;
    transform-origin:center center!important;
  }
  #units .floorplan-radar-frame .floorplan-grid,
  #units .floorplan-radar-frame .floorplan-radar{
    pointer-events:none!important;
  }
  #units .fp-sliders,
  #units .fp-3d-btn{
    display:none!important;
  }
  #units .fp-ui{
    left:10px!important;
    right:10px!important;
    top:10px!important;
    gap:6px!important;
  }
  #units .fp-ui-right{
    gap:5px!important;
  }
  #units .fp-pill,
  #units .fp-btn,
  #units .fp-view-launch,
  #units .fp-sheet-tab{
    min-height:30px!important;
    padding:5px 7px!important;
    border-radius:9px!important;
    font-size:10px!important;
    line-height:1!important;
  }
  #units .fp-view-launch svg{
    width:15px!important;
    height:15px!important;
  }
  body.ios-26-6-safari,
  body.ios-modern-safari{
    min-height:100dvh!important;
    padding-top:env(safe-area-inset-top,0px);
    padding-right:env(safe-area-inset-right,0px);
    padding-bottom:env(safe-area-inset-bottom,0px);
    padding-left:env(safe-area-inset-left,0px);
  }
  body.ios-26-6-safari main,
  body.ios-modern-safari main{
    min-height:100dvh!important;
  }
  body.ios-26-6-safari section,
  body.ios-modern-safari section{
    min-height:100dvh!important;
  }
  @media(max-width:720px){
    #amenities .amenities-strip{
      touch-action:pan-y!important;
      overscroll-behavior:auto!important;
    }
    #amenities .amenities-strip.is-horizontal-locked{
      touch-action:none!important;
    }
    #amenities .amenities-mobile-club-copy{
      position:absolute!important;
      left:16px!important;
      right:16px!important;
      bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;
      z-index:4!important;
      margin:0!important;
      max-width:360px!important;
      color:rgba(61,31,11,.76)!important;
      font-family:var(--font-body)!important;
      font-size:12.4px!important;
      line-height:1.36!important;
      letter-spacing:.002em!important;
      text-align:left!important;
      text-shadow:0 8px 24px rgba(251,247,238,.92)!important;
      pointer-events:none!important;
    }
  }
  @media(min-width:721px){
    #amenities .amenities-mobile-club-copy{display:none!important;}
  }


  body:not(.single-loader-done) #siteLoader{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  body:not(.single-loader-done) #siteLoader.is-hidden{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  body.single-loader-done #siteLoader.is-hidden{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  .satellite-loader,
  .media-load-target.media-loading::before,
  .media-load-target.media-loading::after{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
  }


  @media (max-width: 720px) {
    #construction {
      height: 100svh !important;
      min-height: 100svh !important;
      max-height: 100svh !important;
      overflow: hidden !important;
      padding: 0 !important;
    }

    #construction .section-inner,
    #construction .construction-grid {
      width: 100% !important;
      height: 100% !important;
      min-height: 0 !important;
      display: grid !important;
      grid-template-columns: 1fr !important;
      grid-template-rows: auto minmax(0, 1fr) !important;
      gap: 8px !important;
      padding: calc(52px + env(safe-area-inset-top, 0px)) 10px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
      box-sizing: border-box !important;
      align-items: start !important;
    }

    #construction .construction-copy {
      position: relative !important;
      z-index: 3 !important;
      width: 100% !important;
      max-width: none !important;
      min-width: 0 !important;
      display: grid !important;
      grid-template-columns: 1fr !important;
      gap: 6px !important;
      padding: 0 !important;
      margin: 0 !important;
      overflow: visible !important;
      background: transparent !important;
    }

    #construction .construction-copy h2 {
      max-width: 315px !important;
      margin: 0 !important;
      font-size: clamp(27px, 8.2vw, 36px) !important;
      line-height: .94 !important;
    }

    #construction .construction-copy p {
      max-width: 340px !important;
      margin: 0 !important;
      font-size: 10.4px !important;
      line-height: 1.14 !important;
    }

    #construction .construction-data {
      width: 100% !important;
      max-width: 100% !important;
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 6px !important;
      margin: 6px 0 0 !important;
      padding: 0 !important;
      overflow: visible !important;
      box-sizing: border-box !important;
    }

    #construction .construction-metric {
      width: auto !important;
      min-width: 0 !important;
      max-width: none !important;
      min-height: 54px !important;
      padding: 7px 8px !important;
      border-radius: 12px !important;
      box-sizing: border-box !important;
    }

    #construction .construction-metric b {
      font-size: 22px !important;
      line-height: .86 !important;
    }

    #construction .construction-metric span {
      display: block !important;
      margin-top: 3px !important;
      font-size: 7.4px !important;
      line-height: 1.05 !important;
    }

    #construction .construction-actions {
      position: absolute !important;
      right: 0 !important;
      top: 0 !important;
      margin: 0 !important;
      z-index: 4 !important;
    }

    #construction .construction-card {
      position: relative !important;
      z-index: 1 !important;
      width: 100% !important;
      height: 100% !important;
      min-height: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      overflow: hidden !important;
      display: grid !important;
      place-items: center !important;
      align-self: stretch !important;
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
    }

    #construction .construction-card img {
      width: 100% !important;
      height: 100% !important;
      max-width: 100% !important;
      max-height: 100% !important;
      object-fit: contain !important;
      object-position: center center !important;
      transform: none !important;
      filter: drop-shadow(0 14px 24px rgba(42, 31, 22, .12)) !important;
    }

    #amenities {
      height: 100svh !important;
      min-height: 100svh !important;
      max-height: 100svh !important;
      overflow: hidden !important;
      padding: 0 !important;
      background: #f4eee4 !important;
    }

    #amenities .amenities-foreground {
      position: absolute !important;
      inset: 0 !important;
      display: block !important;
      width: 100% !important;
      height: 100% !important;
      padding: 0 !important;
      overflow: hidden !important;
    }

    #amenities .amenities-heading {
      position: absolute !important;
      left: 16px !important;
      right: 16px !important;
      top: calc(56px + env(safe-area-inset-top, 0px)) !important;
      bottom: auto !important;
      z-index: 4 !important;
      max-width: 360px !important;
      margin: 0 !important;
      padding: 0 !important;
      text-align: left !important;
      pointer-events: none !important;
      text-shadow: 0 12px 30px rgba(244, 238, 228, .82) !important;
    }

    #amenities .amenities-intro {
      position: absolute !important;
      left: 16px !important;
      right: 16px !important;
      top: calc(142px + env(safe-area-inset-top, 0px)) !important;
      bottom: auto !important;
      z-index: 4 !important;
      max-width: 355px !important;
      margin: 0 !important;
      padding: 0 !important;
      text-align: left !important;
      font-size: 10.8px !important;
      line-height: 1.16 !important;
      pointer-events: none !important;
      text-shadow: 0 10px 26px rgba(244, 238, 228, .9) !important;
    }

    #amenities .amenities-strip {
      position: absolute !important;
      left: -10vw !important;
      right: -10vw !important;
      top: 26svh !important;
      height: 66svh !important;
      margin: 0 !important;
      padding: 0 0 8px !important;
      z-index: 2 !important;
      overflow: hidden !important;
      touch-action: pan-y !important;
    }

    #amenities .amenity-card-floating {
      flex: 0 0 min(318px, 84vw) !important;
      width: min(318px, 84vw) !important;
      height: 100% !important;
      margin-left: -24px !important;
      display: grid !important;
      grid-template-rows: minmax(0, 1fr) auto !important;
      align-content: stretch !important;
    }

    #amenities .amenity-card-floating-image {
      height: 100% !important;
      min-height: 0 !important;
    }

    #amenities .amenity-card-floating-body {
      min-height: 84px !important;
      padding: 7px 40px 8px !important;
      box-sizing: border-box !important;
    }

    #amenities .amenity-card-floating-body h3 {
      font-size: 18px !important;
      line-height: .98 !important;
      margin: 0 !important;
    }

    #amenities .amenity-card-floating-body p {
      max-width: 240px !important;
      margin: 3px 0 0 !important;
      font-size: 9.5px !important;
      line-height: 1.12 !important;
    }
  }

/* hillage-developer-no-overlap-final */
#developer,
  #developer * {
    box-sizing: border-box !important;
  }

  #developer .madar-partners-viewport {
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
  }

  #developer .madar-partners-slide {
    display: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: none !important;
    width: 100% !important;
    inset: 0 !important;
    pointer-events: none !important;
  }

  #developer .madar-partners-slide.is-active {
    display: grid !important;
    pointer-events: auto !important;
  }

  #developer .madar-partner-logo-card {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    flex: 0 0 auto !important;
  }

  #developer .madar-partner-logo-card img {
    position: relative !important;
    z-index: 1 !important;
    max-width: 82% !important;
    max-height: 68% !important;
    object-fit: contain !important;
  }

  #developer .madar-partners-banner {
    overflow: hidden !important;
  }

  @media (max-width: 900px) {
    #developer .madar-partners-banner {
      width: 100% !important;
      max-width: 100% !important;
      overflow: hidden !important;
    }

    #developer .madar-partners-viewport {
      height: auto !important;
      min-height: calc(((100vw - 32px - 32px - 10px) / 2) * 2 + 10px) !important;
      aspect-ratio: auto !important;
    }

    #developer .madar-partners-slide.is-active {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 10px !important;
      align-items: stretch !important;
      justify-items: stretch !important;
    }

    #developer .madar-partner-logo-card {
      width: 100% !important;
      height: auto !important;
      min-height: 0 !important;
      aspect-ratio: 1 / 1 !important;
    }
  }

/* hillage-single-family-floorplan-viewer-final */
#units .unit-floor-drawer{width:100vw!important;max-width:none!important;padding:18px clamp(16px,3vw,42px) calc(18px + env(safe-area-inset-bottom,0px))!important;grid-template-rows:auto minmax(0,1fr)!important;gap:10px!important}
  #units .unit-floor-drawer .unit-floor-top{min-height:0!important;margin:0!important;padding:42px 56px 0!important;gap:8px!important}
  #units .unit-floor-drawer .unit-stats{gap:5px!important}#units .unit-floor-drawer .unit-stat{min-width:72px!important;padding:5px 8px!important}#units .unit-floor-drawer .unit-stat span{font-size:8px!important}
  #units .unit-floor-drawer .floorplan-radar-frame{height:calc(100svh - 126px)!important;min-height:0!important;border-radius:12px!important}
  #units .floorplan-radar-frame .floorplan-layer{background-size:contain!important;background-position:center!important;pointer-events:none!important}
  #units .fp-ui{position:absolute!important;z-index:200!important;pointer-events:auto!important}
  #units .fp-ui-right,#units .fp-family-tabs,#units .fp-family-tab{position:relative!important;z-index:201!important;pointer-events:auto!important}
  #units .fp-family-tabs{display:flex!important;gap:4px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
  #units .unit-type-list,#units .unit-pill{pointer-events:auto!important}
  #units .fp-family-tab{min-height:28px!important;padding:5px 7px!important;border:1px solid rgba(61,31,11,.14)!important;border-radius:8px!important;background:rgba(251,247,238,.9)!important;color:var(--accent-1)!important;font:10px/1 var(--font-body)!important;cursor:pointer!important}
  #units .fp-family-tab.is-on{background:var(--accent-3)!important;color:#fff!important;border-color:var(--accent-3)!important}
  #units .fp-roomlist{display:none!important}
  #units .unit-floor-drawer.unit-floor-single-family .fp-sheet-tabs,
  #units .unit-floor-drawer.unit-floor-single-family #fpFloorDown,
  #units .unit-floor-drawer.unit-floor-single-family #fpFloorUp,
  #units .unit-floor-drawer.unit-floor-single-family #fpViewLaunch,
  #units .unit-floor-drawer.unit-floor-single-family #fpRoomsToggle{display:none!important}
  @media(max-width:720px){#units .unit-floor-drawer{padding:12px 8px calc(12px + env(safe-area-inset-bottom,0px))!important}#units .unit-floor-drawer .unit-floor-top{padding:42px 42px 0!important}#units .unit-floor-drawer .floorplan-radar-frame{height:calc(100svh - 114px)!important}#units .unit-floor-drawer .unit-stats{display:none!important}#units .fp-family-tab{font-size:9px!important;padding:5px 6px!important}}

/* hillage-unified-unit-floorplan-repair */
#units .fp-sheet-tabs,
  #units .fp-family-tabs,
  #units #fpRoomsToggle{display:none!important}
  #units .fp-unified-tabs{display:flex!important;gap:4px;flex-wrap:wrap;justify-content:flex-end;align-items:center;position:relative;z-index:205;pointer-events:auto}
  #units .fp-unified-tab{min-height:30px;padding:6px 8px;border:1px solid rgba(61,31,11,.14);border-radius:8px;background:rgba(251,247,238,.94);color:var(--accent-1);font:10px/1 var(--font-body);cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.52)}
  #units .fp-unified-tab.is-on{background:var(--accent-3);color:#fff;border-color:var(--accent-3)}
  #units .unit-floor-drawer #fpFloorDown,
  #units .unit-floor-drawer #fpFloorUp,
  #units .unit-floor-drawer #fpViewLaunch,
  #units .unit-floor-drawer #unitPlanDownload,
  #units .unit-floor-drawer #unitPlanShare,
  #units .unit-floor-drawer #fp3DToggle{display:inline-grid!important;place-items:center}
  #units .unit-floor-drawer.unit-floor-single-family #fpFloorDown,
  #units .unit-floor-drawer.unit-floor-single-family #fpFloorUp,
  #units .unit-floor-drawer.unit-floor-single-family #fpViewLaunch,
  #units .unit-floor-drawer.unit-floor-single-family #unitPlanDownload,
  #units .unit-floor-drawer.unit-floor-single-family #unitPlanShare,
  #units .unit-floor-drawer.unit-floor-single-family #fp3DToggle{display:inline-grid!important;place-items:center}
  #units .unit-floor-drawer.unit-floor-single-family #fpFloorDown,
  #units .unit-floor-drawer.unit-floor-single-family #fpFloorUp{display:none!important}
  #units .floorplan-radar-frame{touch-action:none}
  #units .floorplan-layer{transform:translate(var(--fp-pan-x,0px),var(--fp-pan-y,0px)) scale(var(--fp-plan-scale,1));transform-origin:center;opacity:1}
  #units .floorplan-layer.is-3d{transform:translate(var(--fp-pan-x,0px),var(--fp-pan-y,0px)) perspective(900px) rotateX(50deg) rotateZ(-7deg) scale(calc(var(--fp-plan-scale,1) * .82))}
  #units .floorplan-layer#floorplanPainted{opacity:var(--fp-painted-opacity,0)}
  #units .fp-roomlist,
  #units .fp-roomlist.is-open,
  #units .fp-roomlist.is-open.fp-apartment-sheet-note{display:none!important}
  #units .unit-pill{position:relative;z-index:20}
  #units.unit-menu-open .unit-side-panel,
  #units .unit-side-panel{pointer-events:auto}
  #units.unit-menu-open .unit-side-panel{right:12px!important;transform:translateX(0)!important;width:min(360px,calc(100vw - 96px))!important;max-width:calc(100vw - 96px)!important}
  #units.unit-menu-open .unit-menu-toggle{right:calc(min(360px,calc(100vw - 96px)) + 18px)!important}
  #units .unit-floor-expand{pointer-events:auto}
  #units .render-track{transition:none!important}
  #units .render-slide,
  #units .render-slide.active,
  #units .render-slide.unit-crossfade-in,
  #units .render-slide.unit-same-crossfade-in,
  #units .render-slide.unit-crossfade-out{transition:none!important;animation:none!important}
  #units .render-slide img,
  #units .render-slide.active img,
  #units.unit-animating .render-slide.active img{transition:none!important;animation:none!important}
  #units.unit-render-loading .render-track{opacity:0!important;visibility:hidden!important}
  #units.unit-render-loading .unit-fullscreen-render::before{content:"";position:absolute;inset:0;z-index:8;background:rgba(20,14,10,.34);backdrop-filter:blur(3px)}
  #units.unit-render-loading .unit-fullscreen-render::after{content:"";position:absolute;z-index:9;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:999px;border:3px solid rgba(251,247,238,.38);border-top-color:#fbf7ee;animation:hillageUnitSpin .8s linear infinite;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
  @keyframes hillageUnitSpin{to{transform:rotate(360deg)}}
  @media(max-width:720px){
    #units .fp-ui{left:10px!important;right:10px!important;top:10px!important;gap:6px!important}
    #units .fp-pill{max-width:44vw}
    #units .fp-unified-tab{font-size:9px;padding:5px 6px}
  }

/* hillage-ios-266-safari-viewer-only-final */
body.ios-26-6-safari.unit-drawer-open{
    overflow:hidden!important;
    height:100dvh!important;
    min-height:100dvh!important;
  }
  body.ios-26-6-safari #units .unit-floor-drawer.is-open{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    max-width:none!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    padding:calc(10px + env(safe-area-inset-top,0px)) 8px calc(10px + env(safe-area-inset-bottom,0px))!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    gap:8px!important;
    overflow:hidden!important;
  }
  body.ios-26-6-safari #units .unit-floor-drawer.is-open .unit-floor-top{
    min-height:0!important;
    padding:42px 42px 0!important;
    gap:6px!important;
  }
  body.ios-26-6-safari #units .unit-floor-drawer.is-open .floorplan-radar-frame{
    height:calc(100dvh - 108px)!important;
    min-height:0!important;
    max-height:none!important;
  }
  body.ios-26-6-safari #units .unit-floor-drawer.is-open .unit-stats{
    display:none!important;
  }
  body:not(.ios-26-6-safari) #units .unit-floor-drawer{
    max-height:none;
  }

/* hillage-mobile-amenities-shorter-final */
@media(max-width:720px){
    #amenities{
      height:78svh!important;
      min-height:78svh!important;
      max-height:78svh!important;
      overflow:hidden!important;
    }
    #amenities .amenities-foreground{
      height:100%!important;
      min-height:0!important;
    }
    #amenities .amenities-heading{
      top:calc(34px + env(safe-area-inset-top,0px))!important;
      bottom:auto!important;
    }
    #amenities .amenities-intro{
      top:calc(116px + env(safe-area-inset-top,0px))!important;
      bottom:auto!important;
    }
    #amenities .amenities-strip{
      top:25svh!important;
      height:42svh!important;
      padding-bottom:4px!important;
    }
    #amenities .amenities-mobile-club-copy{
      bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;
      max-width:350px!important;
      font-size:11.6px!important;
      line-height:1.3!important;
    }
  }

/* hillage-mobile-fit-and-ios-bleed-guard-final */
@media(max-width:720px){
    #amenities{
      isolation:isolate!important;
      background:#f4eee4!important;
    }
    #amenities .amenities-bg{
      position:absolute!important;
      inset:0!important;
      width:100%!important;
      height:100%!important;
      min-height:100%!important;
      background-size:cover!important;
      background-position:center center!important;
      background-repeat:no-repeat!important;
      opacity:.2!important;
      transform:scale(1.03)!important;
    }
    #amenities .amenities-strip{
      left:-7vw!important;
      right:-7vw!important;
      top:23svh!important;
      height:45svh!important;
      mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)!important;
      -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)!important;
    }
    #amenities .amenities-track,
    #amenities .amenity-card-floating{
      height:100%!important;
      min-height:0!important;
    }
    #amenities .amenity-card-floating-image{
      width:100%!important;
      height:100%!important;
      min-height:0!important;
      background-size:cover!important;
      background-position:center center!important;
    }
    body.unit-drawer-open{
      overflow:hidden!important;
      overscroll-behavior:none!important;
    }
    #units .unit-floor-backdrop.is-open{
      position:fixed!important;
      inset:0!important;
      z-index:188!important;
      background:rgba(23,17,13,.24)!important;
      opacity:1!important;
      pointer-events:auto!important;
    }
    #units .unit-floor-drawer{
      position:fixed!important;
      top:0!important;
      left:0!important;
      right:auto!important;
      bottom:auto!important;
      z-index:189!important;
      width:100vw!important;
      max-width:none!important;
      height:100svh!important;
      min-height:100svh!important;
      max-height:100svh!important;
      display:grid!important;
      grid-template-rows:auto minmax(0,1fr)!important;
      gap:10px!important;
      padding:12px 8px calc(12px + env(safe-area-inset-bottom,0px))!important;
      overflow:hidden!important;
      background:linear-gradient(145deg,#fbf7ee,#e8decd)!important;
      transform:translateX(-104%)!important;
      transition:transform .42s cubic-bezier(.16,1,.3,1)!important;
    }
    #units .unit-floor-drawer.is-open{
      transform:translateX(0)!important;
      visibility:visible!important;
      opacity:1!important;
      pointer-events:auto!important;
    }
    #units .unit-floor-drawer .unit-floor-top{
      min-height:0!important;
      padding:42px 42px 0!important;
      gap:8px!important;
    }
    #units .unit-floor-drawer .unit-stats{
      display:none!important;
    }
    #units .unit-floor-drawer .floorplan-radar-frame{
      display:block!important;
      height:calc(100svh - 114px)!important;
      min-height:0!important;
      max-height:none!important;
      border-radius:12px!important;
      visibility:visible!important;
      opacity:1!important;
    }
    #units .floorplan-layer,
    #units #floorplan2D,
    #units #floorplanPainted{
      display:block!important;
      visibility:visible!important;
    }
  }
  body.ios-26-6-safari.unit-drawer-open{
    position:static!important;
    width:auto!important;
    height:auto!important;
    min-height:100dvh!important;
    overflow:hidden!important;
    background:inherit!important;
  }
  body.ios-26-6-safari.unit-drawer-open::before{
    content:none!important;
    display:none!important;
  }
  @media(max-width:720px){
    body.ios-26-6-safari #units .unit-floor-drawer{
      height:calc(var(--hillage-vh,1vh) * 100)!important;
      min-height:calc(var(--hillage-vh,1vh) * 100)!important;
      max-height:calc(var(--hillage-vh,1vh) * 100)!important;
    }
    body.ios-26-6-safari #units .unit-floor-drawer .floorplan-radar-frame{
      height:calc((var(--hillage-vh,1vh) * 100) - 114px)!important;
    }
  }

/* hillage-mobile-wind-anticlockwise-final */
@media(max-width:720px){
    #masterplan .mobile-master-map-shell .mobile-master-wind{
      transform:rotate(-90deg)!important;
      transform-origin:center center!important;
    }
  }

/* hillage-mobile-menu-and-amenity-spacing-final */
@media(max-width:720px){
    .mobile-menu-toggle.hillage-daa-menu-toggle{
      display:grid!important;
      place-items:center!important;
      width:42px!important;
      height:42px!important;
      min-width:42px!important;
      padding:0!important;
      overflow:hidden!important;
      line-height:0!important;
    }
    .mobile-menu-toggle.hillage-daa-menu-toggle .daa-menu-mark{
      display:block!important;
      width:24px!important;
      height:24px!important;
      margin:0!important;
      object-fit:contain!important;
      object-position:center!important;
      transform:none!important;
    }
    #amenities .amenities-strip{
      left:0!important;
      right:0!important;
      width:100%!important;
      padding-left:0!important;
      padding-right:0!important;
      mask-image:linear-gradient(90deg,#000 0,#000 94%,transparent 100%)!important;
      -webkit-mask-image:linear-gradient(90deg,#000 0,#000 94%,transparent 100%)!important;
    }
    #amenities .amenities-track{
      gap:12px!important;
      padding-left:16px!important;
      padding-right:16px!important;
      box-sizing:border-box!important;
    }
    #amenities .amenity-card-floating{
      flex:0 0 min(76vw,310px)!important;
      margin-left:0!important;
      box-sizing:border-box!important;
      overflow:visible!important;
    }
    #amenities .amenity-card-floating-body{
      width:100%!important;
      padding:8px 0 0!important;
      box-sizing:border-box!important;
    }
    #amenities .amenity-card-floating-body h3,
    #amenities .amenity-card-floating-body p{
      max-width:100%!important;
      margin-left:0!important;
      margin-right:0!important;
      overflow-wrap:anywhere!important;
    }
  }

/* hillage-mobile-amenity-fullscreen-no-bleed-final */
@media(max-width:720px){
    #amenities{
      height:100svh!important;
      min-height:100svh!important;
      max-height:100svh!important;
      padding:0!important;
      overflow:hidden!important;
      background:#f4eee4!important;
    }
    #amenities .amenities-bg{
      position:absolute!important;
      inset:0!important;
      width:100%!important;
      height:100%!important;
      min-height:0!important;
      transform:none!important;
      background-size:cover!important;
      background-position:center center!important;
      opacity:.18!important;
    }
    #amenities .amenities-foreground{
      position:absolute!important;
      inset:0!important;
      height:100%!important;
      min-height:0!important;
      overflow:hidden!important;
    }
    #amenities .amenities-heading{
      position:absolute!important;
      left:16px!important;
      right:16px!important;
      top:calc(42px + env(safe-area-inset-top,0px))!important;
      width:auto!important;
      max-width:none!important;
      padding:0!important;
      text-align:left!important;
      z-index:3!important;
    }
    #amenities .amenities-heading h2{
      max-width:390px!important;
      margin:0!important;
      font-size:clamp(38px,11.5vw,56px)!important;
      line-height:.9!important;
    }
    #amenities .amenities-intro{
      position:absolute!important;
      left:16px!important;
      right:16px!important;
      top:calc(142px + env(safe-area-inset-top,0px))!important;
      width:auto!important;
      max-width:none!important;
      margin:0!important;
      padding:0!important;
      text-align:left!important;
      z-index:3!important;
    }
    #amenities .amenities-intro p{
      max-width:430px!important;
      font-size:11.5px!important;
      line-height:1.32!important;
    }
    #amenities .amenities-strip{
      position:absolute!important;
      left:0!important;
      right:0!important;
      top:30svh!important;
      width:100%!important;
      height:45svh!important;
      margin:0!important;
      padding:0!important;
      overflow:hidden!important;
      mask-image:none!important;
      -webkit-mask-image:none!important;
    }
    #amenities .amenities-track{
      height:100%!important;
      min-height:0!important;
      gap:14px!important;
      padding:0 16px!important;
      box-sizing:border-box!important;
      overflow:visible!important;
    }
    #amenities .amenity-card-floating{
      flex:0 0 calc(100vw - 32px)!important;
      width:calc(100vw - 32px)!important;
      height:100%!important;
      min-height:0!important;
      margin:0!important;
      overflow:hidden!important;
      box-sizing:border-box!important;
    }
    #amenities .amenity-card-floating-image{
      width:100%!important;
      height:78%!important;
      min-height:0!important;
      border-radius:0!important;
      background-size:cover!important;
      background-position:center center!important;
      mask-image:none!important;
      -webkit-mask-image:none!important;
    }
    #amenities .amenity-card-floating-body{
      width:100%!important;
      height:22%!important;
      min-height:0!important;
      padding:8px 0 0!important;
      box-sizing:border-box!important;
      overflow:hidden!important;
      text-align:left!important;
    }
    #amenities .amenity-card-floating-body h3{
      max-width:100%!important;
      margin:0!important;
      font-size:22px!important;
      line-height:1!important;
      white-space:normal!important;
    }
    #amenities .amenity-card-floating-body p{
      max-width:100%!important;
      margin:4px 0 0!important;
      font-size:11px!important;
      line-height:1.25!important;
      display:-webkit-box!important;
      -webkit-line-clamp:2!important;
      -webkit-box-orient:vertical!important;
      overflow:hidden!important;
    }
    #amenities .amenities-mobile-club-copy{
      left:16px!important;
      right:16px!important;
      bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;
      width:auto!important;
      max-width:none!important;
      font-size:12px!important;
      line-height:1.34!important;
      z-index:4!important;
    }
  }

/* hillage-mobile-amenity-composition-restore-final */
@media(max-width:720px){
    #amenities{
      position:relative!important;
      height:100svh!important;
      min-height:100svh!important;
      max-height:100svh!important;
      overflow:hidden!important;
    }
    #amenities::before,
    #amenities::after{
      content:""!important;
      position:absolute!important;
      left:0!important;
      right:0!important;
      z-index:2!important;
      pointer-events:none!important;
    }
    #amenities::before{
      top:0!important;
      height:25svh!important;
      background:linear-gradient(180deg,#f4eee4 0%,rgba(244,238,228,.9) 44%,rgba(244,238,228,0) 100%)!important;
    }
    #amenities::after{
      bottom:0!important;
      height:30svh!important;
      background:linear-gradient(0deg,#f4eee4 0%,rgba(244,238,228,.86) 44%,rgba(244,238,228,0) 100%)!important;
    }
    #amenities .amenities-bg{
      transform:none!important;
      opacity:.2!important;
    }
    #amenities .amenities-heading,
    #amenities .amenities-intro,
    #amenities .amenities-strip,
    #amenities .amenities-mobile-club-copy{
      z-index:5!important;
    }
    #amenities .amenities-heading{
      top:calc(36px + env(safe-area-inset-top,0px))!important;
    }
    #amenities .amenities-intro{
      top:calc(136px + env(safe-area-inset-top,0px))!important;
    }
    #amenities .amenities-strip{
      top:28svh!important;
      height:43svh!important;
      left:0!important;
      right:0!important;
      width:100%!important;
      overflow:hidden!important;
      mask-image:none!important;
      -webkit-mask-image:none!important;
    }
    #amenities .amenities-track{
      height:100%!important;
      padding:0 16px!important;
      gap:14px!important;
      align-items:stretch!important;
    }
    #amenities .amenity-card-floating{
      flex:0 0 calc(100vw - 32px)!important;
      width:calc(100vw - 32px)!important;
      height:100%!important;
      overflow:visible!important;
      margin:0!important;
    }
    #amenities .amenity-card-floating-image{
      height:70%!important;
      width:100%!important;
      background-size:cover!important;
      background-position:center center!important;
      mask-image:linear-gradient(180deg,transparent 0%,#000 10%,#000 88%,transparent 100%)!important;
      -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 10%,#000 88%,transparent 100%)!important;
    }
    #amenities .amenity-card-floating-body{
      display:block!important;
      height:auto!important;
      min-height:0!important;
      padding:6px 0 0!important;
      overflow:visible!important;
    }
    #amenities .amenity-card-floating-body h3{
      display:block!important;
      margin:0!important;
      color:var(--accent-1)!important;
      font-size:24px!important;
      line-height:1!important;
    }
    #amenities .amenity-card-floating-body p{
      display:block!important;
      max-width:96%!important;
      margin:4px 0 0!important;
      color:rgba(61,31,11,.74)!important;
      font-size:11px!important;
      line-height:1.22!important;
      overflow:visible!important;
      -webkit-line-clamp:unset!important;
      -webkit-box-orient:initial!important;
    }
    #amenities .amenities-mobile-club-copy{
      top:73svh!important;
      bottom:auto!important;
      left:16px!important;
      right:16px!important;
      width:auto!important;
      max-width:none!important;
      margin:0!important;
      font-size:12px!important;
      line-height:1.34!important;
      color:rgba(61,31,11,.78)!important;
    }
  }

/* hillage-mobile-amenity-paragraph-clear-final */
@media(max-width:720px){
    #amenities{
      height:100svh!important;
      min-height:100svh!important;
      max-height:100svh!important;
      background:#f4eee4!important;
      overflow:hidden!important;
    }
    #amenities::before,
    #amenities::after{
      content:none!important;
      display:none!important;
    }
    #amenities .amenities-bg{
      position:absolute!important;
      inset:0!important;
      width:100%!important;
      height:100%!important;
      min-height:100%!important;
      transform:none!important;
      background-size:cover!important;
      background-position:center center!important;
      opacity:.24!important;
    }
    #amenities .amenities-strip{
      top:28svh!important;
      height:40svh!important;
      mask-image:none!important;
      -webkit-mask-image:none!important;
    }
    #amenities .amenity-card-floating-image{
      height:66%!important;
      mask-image:linear-gradient(180deg,transparent 0%,#000 9%,#000 88%,transparent 100%)!important;
      -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 9%,#000 88%,transparent 100%)!important;
    }
    #amenities .amenity-card-floating-body{
      height:auto!important;
      padding-top:8px!important;
      overflow:visible!important;
    }
    #amenities .amenity-card-floating-body p{
      margin-bottom:0!important;
      color:rgba(61,31,11,.76)!important;
      opacity:1!important;
    }
    #amenities .amenities-mobile-club-copy{
      top:72svh!important;
      bottom:auto!important;
      left:16px!important;
      right:16px!important;
      z-index:12!important;
      opacity:1!important;
      color:#3d1f0b!important;
      text-shadow:0 1px 0 rgba(255,255,255,.38)!important;
      padding-top:12px!important;
      border-top:1px solid rgba(61,31,11,.12)!important;
      background:transparent!important;
    }
  }

/* hillage-mobile-amenity-taller-faster-final */
@media(max-width:720px){
    #amenities{
      height:112svh!important;
      min-height:112svh!important;
      max-height:112svh!important;
    }
    #amenities .amenities-bg{
      height:100%!important;
      min-height:100%!important;
      background-size:cover!important;
      background-position:center center!important;
    }
    #amenities .amenities-strip{
      top:27svh!important;
      height:47svh!important;
      touch-action:pan-y!important;
      will-change:transform!important;
    }
    #amenities .amenities-track{
      height:100%!important;
      transform:translate3d(var(--amenity-x,0px),0,0)!important;
      will-change:transform!important;
      backface-visibility:hidden!important;
    }
    #amenities .amenity-card-floating-image{
      height:72%!important;
    }
    #amenities .amenity-card-floating-body{
      padding-top:10px!important;
    }
    #amenities .amenity-card-floating-body h3{
      font-size:25px!important;
    }
    #amenities .amenity-card-floating-body p{
      font-size:11.4px!important;
      line-height:1.26!important;
    }
    #amenities .amenities-mobile-club-copy{
      top:79svh!important;
      padding-top:14px!important;
      font-size:12.2px!important;
      line-height:1.36!important;
    }
  }

/* hillage-mobile-floorplan-fullwidth-final */
@media(max-width:720px){
    #units .unit-floor-backdrop.is-open{
      inset:0!important;
      width:100vw!important;
      height:100svh!important;
    }
    #units .unit-floor-drawer,
    #units .unit-floor-drawer.is-open{
      left:0!important;
      right:0!important;
      top:0!important;
      bottom:auto!important;
      width:100vw!important;
      min-width:100vw!important;
      max-width:100vw!important;
      height:100svh!important;
      min-height:100svh!important;
      max-height:100svh!important;
      box-sizing:border-box!important;
      padding:calc(8px + env(safe-area-inset-top,0px)) 8px calc(10px + env(safe-area-inset-bottom,0px))!important;
      grid-template-rows:auto minmax(0,1fr)!important;
      gap:8px!important;
      overflow:hidden!important;
      transform:translateX(-104%)!important;
    }
    #units .unit-floor-drawer.is-open{
      transform:translateX(0)!important;
    }
    #units .unit-floor-back{
      left:8px!important;
      top:calc(8px + env(safe-area-inset-top,0px))!important;
      height:34px!important;
      max-width:96px!important;
      padding:0 10px!important;
      font-size:14px!important;
      border-radius:10px!important;
      white-space:nowrap!important;
      overflow:hidden!important;
      text-overflow:ellipsis!important;
    }
    #units .unit-floor-close{
      right:8px!important;
      top:calc(8px + env(safe-area-inset-top,0px))!important;
      width:34px!important;
      height:34px!important;
      border-radius:10px!important;
      font-size:22px!important;
      line-height:1!important;
    }
    #units .unit-floor-drawer .unit-floor-top{
      width:100%!important;
      max-width:100%!important;
      box-sizing:border-box!important;
      display:grid!important;
      grid-template-columns:minmax(0,1fr)!important;
      gap:6px!important;
      margin:0!important;
      padding:38px 38px 0!important;
      overflow:visible!important;
    }
    #units .unit-floor-drawer .unit-floor-top > div:first-child{
      min-width:0!important;
      width:100%!important;
    }
    #units #unitFloorSelect{
      width:100%!important;
      min-width:0!important;
      max-width:100%!important;
      box-sizing:border-box!important;
      padding:9px 10px!important;
      font-size:11px!important;
      border-radius:10px!important;
    }
    #units .unit-floor-drawer .unit-stats{
      display:none!important;
    }
    #units .unit-floor-drawer .floorplan-radar-frame{
      width:100%!important;
      max-width:100%!important;
      height:calc(100svh - 94px)!important;
      min-height:0!important;
      max-height:calc(100svh - 94px)!important;
      box-sizing:border-box!important;
      border-radius:10px!important;
      overflow:hidden!important;
    }
    #units .fp-ui{
      left:6px!important;
      right:6px!important;
      top:6px!important;
      width:auto!important;
      max-width:none!important;
      display:grid!important;
      grid-template-columns:minmax(0,1fr)!important;
      gap:5px!important;
      align-items:start!important;
      justify-items:stretch!important;
      box-sizing:border-box!important;
    }
    #units .fp-pill{
      max-width:100%!important;
      min-width:0!important;
      width:100%!important;
      box-sizing:border-box!important;
      padding:6px 8px!important;
      border-radius:9px!important;
    }
    #units .fp-pill b{
      font-size:11px!important;
      white-space:nowrap!important;
      overflow:hidden!important;
      text-overflow:ellipsis!important;
    }
    #units .fp-pill span{
      font-size:8px!important;
    }
    #units .fp-ui-right,
    #units .fp-family-tabs{
      width:100%!important;
      max-width:100%!important;
      min-width:0!important;
      display:flex!important;
      flex-wrap:wrap!important;
      justify-content:flex-start!important;
      gap:4px!important;
      box-sizing:border-box!important;
    }
    #units .fp-btn,
    #units .fp-3d-btn,
    #units .fp-view-launch,
    #units .fp-unified-tab,
    #units .fp-family-tab{
      min-width:28px!important;
      min-height:28px!important;
      height:28px!important;
      padding:4px 6px!important;
      font-size:9px!important;
      line-height:1!important;
      border-radius:8px!important;
      box-sizing:border-box!important;
    }
    #units .fp-view-launch svg{
      width:14px!important;
      height:14px!important;
    }
    #units .fp-sliders{
      left:8px!important;
      right:8px!important;
      bottom:8px!important;
      width:auto!important;
      max-width:none!important;
      box-sizing:border-box!important;
      padding:7px 8px!important;
      border-radius:10px!important;
    }
    #units .fp-range{
      width:100%!important;
      font-size:10px!important;
    }
    #units .fp-range input{
      min-width:0!important;
      flex:1 1 auto!important;
    }
  }
  @media(max-width:720px){
    body.ios-26-6-safari #units .unit-floor-drawer,
    body.ios-26-6-safari #units .unit-floor-drawer.is-open{
      height:calc(var(--hillage-vh,1vh) * 100)!important;
      min-height:calc(var(--hillage-vh,1vh) * 100)!important;
      max-height:calc(var(--hillage-vh,1vh) * 100)!important;
    }
    body.ios-26-6-safari #units .unit-floor-drawer .floorplan-radar-frame{
      height:calc((var(--hillage-vh,1vh) * 100) - 94px)!important;
      max-height:calc((var(--hillage-vh,1vh) * 100) - 94px)!important;
    }
  }

/* hillage-premium-video-slider-final */
.premium-video-slider{
    position:relative!important;
    height:100svh!important;
    min-height:100svh!important;
    max-height:100svh!important;
    padding:0!important;
    overflow:hidden!important;
    background:#15100d!important;
    color:#fff!important;
    isolation:isolate!important;
  }
  .premium-video-track,
  .premium-video-slide{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
  }
  .premium-video-slide{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:scale(1.035)!important;
    transition:opacity .95s cubic-bezier(.16,1,.3,1),visibility .95s step-end,transform 1.2s cubic-bezier(.16,1,.3,1)!important;
  }
  .premium-video-slide.is-active{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:scale(1)!important;
    transition:opacity .95s cubic-bezier(.16,1,.3,1),visibility 0s step-start,transform 1.2s cubic-bezier(.16,1,.3,1)!important;
  }
  .premium-video-slide video{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    filter:saturate(.95) contrast(1.04) brightness(.86)!important;
    transform:scale(1.02)!important;
  }
  .premium-video-slide::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    background:linear-gradient(90deg,rgba(12,8,5,.72) 0%,rgba(12,8,5,.36) 34%,rgba(12,8,5,.08) 68%,rgba(12,8,5,.28) 100%),linear-gradient(0deg,rgba(12,8,5,.6) 0%,rgba(12,8,5,0) 44%,rgba(12,8,5,.24) 100%)!important;
    pointer-events:none!important;
  }
  .premium-video-copy{
    position:absolute!important;
    z-index:2!important;
    left:clamp(22px,7vw,92px)!important;
    bottom:clamp(72px,13vh,132px)!important;
    width:min(680px,calc(100vw - 44px))!important;
    text-shadow:0 22px 56px rgba(0,0,0,.38)!important;
  }
  .premium-video-copy span{
    display:block!important;
    margin-bottom:12px!important;
    color:#f0b24b!important;
    font-family:var(--font-sans)!important;
    font-size:11px!important;
    letter-spacing:.24em!important;
    text-transform:uppercase!important;
  }
  .premium-video-copy h2{
    margin:0!important;
    color:#fff!important;
    font-family:var(--font-display)!important;
    font-weight:300!important;
    font-size:clamp(46px,8vw,112px)!important;
    line-height:.86!important;
    letter-spacing:0!important;
  }
  .premium-video-copy p{
    max-width:560px!important;
    margin:18px 0 0!important;
    color:rgba(255,247,232,.82)!important;
    font-size:clamp(14px,1.35vw,18px)!important;
    line-height:1.62!important;
  }
  .premium-video-slide.is-active .premium-video-copy span,
  .premium-video-slide.is-active .premium-video-copy h2,
  .premium-video-slide.is-active .premium-video-copy p{
    animation:premiumVideoTextIn .82s cubic-bezier(.16,1,.3,1) both!important;
  }
  .premium-video-slide.is-active .premium-video-copy h2{animation-delay:.08s!important;}
  .premium-video-slide.is-active .premium-video-copy p{animation-delay:.18s!important;}
  @keyframes premiumVideoTextIn{
    from{opacity:0;transform:translate3d(0,22px,0);filter:blur(8px);}
    to{opacity:1;transform:translate3d(0,0,0);filter:blur(0);}
  }
  .premium-video-controls{
    position:absolute!important;
    z-index:5!important;
    right:clamp(18px,5vw,72px)!important;
    bottom:clamp(22px,5vh,48px)!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    padding:8px!important;
    border:1px solid rgba(255,247,232,.18)!important;
    border-radius:999px!important;
    background:rgba(20,13,9,.32)!important;
    box-shadow:0 18px 54px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.12)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }
  .premium-video-arrow,
  .premium-video-dot{
    appearance:none!important;
    border:1px solid rgba(255,247,232,.22)!important;
    background:rgba(255,247,232,.1)!important;
    color:#fff7e8!important;
    cursor:pointer!important;
    transition:transform .22s ease,background .22s ease,border-color .22s ease!important;
  }
  .premium-video-arrow{
    width:38px!important;
    height:38px!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    font-size:28px!important;
    line-height:1!important;
    font-family:var(--font-display)!important;
  }
  .premium-video-arrow:hover,
  .premium-video-dot:hover{
    transform:translateY(-1px)!important;
    background:rgba(255,247,232,.18)!important;
    border-color:rgba(240,178,75,.58)!important;
  }
  .premium-video-dots{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
  }
  .premium-video-dot{
    width:34px!important;
    height:6px!important;
    border-radius:999px!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .premium-video-dot::before{
    content:""!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    background:#f0b24b!important;
    transform:scaleX(0)!important;
    transform-origin:left center!important;
    transition:transform .55s cubic-bezier(.16,1,.3,1)!important;
  }
  .premium-video-dot.is-active::before{
    transform:scaleX(1)!important;
  }
  @media(max-width:720px){
    .premium-video-slider{
      height:100svh!important;
      min-height:100svh!important;
      max-height:100svh!important;
    }
    .premium-video-slide video{
      object-position:center center!important;
    }
    .premium-video-copy{
      left:16px!important;
      right:16px!important;
      bottom:calc(92px + env(safe-area-inset-bottom,0px))!important;
      width:auto!important;
    }
    .premium-video-copy span{
      margin-bottom:9px!important;
      font-size:10px!important;
      letter-spacing:.2em!important;
    }
    .premium-video-copy h2{
      font-size:clamp(42px,13vw,64px)!important;
      line-height:.9!important;
    }
    .premium-video-copy p{
      max-width:360px!important;
      margin-top:12px!important;
      font-size:13px!important;
      line-height:1.45!important;
    }
    .premium-video-controls{
      left:16px!important;
      right:16px!important;
      bottom:calc(20px + env(safe-area-inset-bottom,0px))!important;
      justify-content:space-between!important;
      gap:10px!important;
    }
    .premium-video-arrow{
      width:36px!important;
      height:36px!important;
    }
    .premium-video-dot{
      width:30px!important;
    }
  }
  @media(prefers-reduced-motion:reduce){
    .premium-video-slide,
    .premium-video-copy span,
    .premium-video-copy h2,
    .premium-video-copy p{
      animation:none!important;
      transition:none!important;
      filter:none!important;
    }
  }

/* hillage-premium-video-type-and-mobile-final */
.premium-video-copy{
    left:clamp(22px,6vw,86px)!important;
    bottom:clamp(82px,14vh,146px)!important;
    width:min(620px,calc(100vw - 44px))!important;
    padding-left:clamp(12px,1.2vw,20px)!important;
    border-left:1px solid rgba(240,178,75,.42)!important;
  }
  .premium-video-copy span{
    color:rgba(240,178,75,.88)!important;
    font-family:var(--font-display)!important;
    font-style:normal!important;
    font-size:10px!important;
    font-weight:500!important;
    letter-spacing:.28em!important;
  }
  .premium-video-copy h2{
    color:#fff7e8!important;
    font-family:var(--font-accent)!important;
    font-style:italic!important;
    font-weight:300!important;
    font-size:clamp(44px,6.8vw,92px)!important;
    line-height:.94!important;
    letter-spacing:0!important;
    text-transform:none!important;
    max-width:760px!important;
    text-shadow:0 18px 58px rgba(0,0,0,.48)!important;
  }
  .premium-video-copy p{
    max-width:520px!important;
    margin-top:16px!important;
    color:rgba(255,247,232,.76)!important;
    font-family:var(--font-body)!important;
    font-size:clamp(14px,1.18vw,17px)!important;
    line-height:1.68!important;
  }
  @media(max-width:720px){
    .premium-video-copy{
      left:18px!important;
      right:18px!important;
      bottom:calc(46px + env(safe-area-inset-bottom,0px))!important;
      width:auto!important;
      padding-left:12px!important;
      border-left:1px solid rgba(240,178,75,.45)!important;
    }
    .premium-video-copy span{
      margin-bottom:8px!important;
      font-size:9px!important;
      letter-spacing:.22em!important;
    }
    .premium-video-copy h2{
      max-width:330px!important;
      font-size:clamp(34px,11vw,52px)!important;
      line-height:.96!important;
    }
    .premium-video-copy p{
      max-width:330px!important;
      margin-top:10px!important;
      font-size:12.2px!important;
      line-height:1.45!important;
    }
    .premium-video-controls{
      display:none!important;
    }
    .premium-video-slider{
      touch-action:pan-y!important;
    }
  }

/* hillage-premium-video-mobile-arrows-final */
@media(max-width:720px){
    .premium-video-controls{
      display:block!important;
      position:absolute!important;
      inset:0!important;
      z-index:8!important;
      width:100%!important;
      height:100%!important;
      padding:0!important;
      pointer-events:none!important;
      background:transparent!important;
      border:0!important;
      box-shadow:none!important;
      backdrop-filter:none!important;
    }
    .premium-video-dots{
      display:none!important;
    }
    .premium-video-arrow{
      position:absolute!important;
      top:50%!important;
      width:42px!important;
      height:42px!important;
      min-width:42px!important;
      min-height:42px!important;
      display:grid!important;
      place-items:center!important;
      padding:0!important;
      border-radius:999px!important;
      border:1px solid rgba(255,247,232,.42)!important;
      background:rgba(35,24,17,.26)!important;
      color:#fff7e8!important;
      font-size:32px!important;
      line-height:1!important;
      pointer-events:auto!important;
      backdrop-filter:blur(12px)!important;
      box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.2)!important;
    }
    .premium-video-arrow[data-video-dir="-1"]{
      left:12px!important;
      transform:translateY(-50%)!important;
    }
    .premium-video-arrow[data-video-dir="1"]{
      right:12px!important;
      transform:translateY(-50%)!important;
    }
    .premium-video-arrow:active{
      transform:translateY(-50%) scale(.94)!important;
      background:rgba(143,3,8,.48)!important;
    }
  }

/* hillage-video-stability-and-mobile-wind-final */
.premium-video-slide{
    transform:none!important;
    transition:opacity .46s ease,visibility 0s linear .46s!important;
    will-change:opacity!important;
    backface-visibility:hidden!important;
    contain:paint!important;
  }
  .premium-video-slide.is-active{
    transform:none!important;
    transition:opacity .46s ease,visibility 0s linear 0s!important;
  }
  .premium-video-slide video{
    transform:translateZ(0)!important;
    backface-visibility:hidden!important;
    will-change:auto!important;
  }
  .premium-video-slide.is-active video{
    transform:translateZ(0)!important;
  }
  @media(max-width:720px){
    #masterplan .mobile-master-map-shell svg.mobile-master-wind{
      transform:rotate(90deg)!important;
      
    }
  }

/* hillage-mobile-wind-direction-visible-final */
@media(max-width:720px){
    #masterplan .mobile-master-map-shell svg.mobile-master-wind{
      display:block!important;
      opacity:0!important;
      visibility:visible!important;
      left:0!important;
      top:0!important;
      width:100%!important;
      height:100%!important;
      transform:none!important;
      transform-origin:center center!important;
      object-fit:contain!important;
      overflow:visible!important;
      pointer-events:none!important;
      mix-blend-mode:screen!important;
    }
    #masterplan .master-stage.show-wind .mobile-master-map-shell svg.mobile-master-wind{
      opacity:.96!important;
    }
  }

/* hillage-partners-clean-redesign-final */
#developer .developer-project-frame,
  #developer .developer-project-frame.developer-simple-frame,
  #developer .developer-project-frame.developer-projects-fade{
    display:none!important;
  }
  #developer .developer-inner{
    grid-template-columns:minmax(300px,.78fr) minmax(520px,1.22fr)!important;
    align-items:center!important;
    gap:clamp(36px,5.4vw,86px)!important;
  }
  #developer .madar-partners-banner{
    position:relative!important;
    min-height:clamp(380px,38vw,520px)!important;
    display:grid!important;
    grid-template-rows:auto 1fr auto!important;
    overflow:hidden!important;
    border:1px solid rgba(255,247,232,.12)!important;
    border-radius:8px!important;
    background:linear-gradient(145deg,rgba(255,247,232,.075),rgba(255,247,232,.028))!important;
    box-shadow:0 30px 80px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.1)!important;
    backdrop-filter:blur(14px)!important;
    isolation:isolate!important;
  }
  #developer .madar-partners-banner::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(110deg,rgba(240,178,75,.1),transparent 46%,rgba(255,247,232,.045))!important;
    pointer-events:none!important;
  }
  #developer .madar-partners-head{
    position:relative!important;
    z-index:2!important;
    display:flex!important;
    justify-content:space-between!important;
    align-items:flex-start!important;
    gap:20px!important;
    padding:clamp(26px,3vw,42px) clamp(28px,3.6vw,48px) 0!important;
  }
  #developer .madar-partners-head span{
    display:block!important;
    color:#f0b24b!important;
    font-family:var(--font-sans)!important;
    font-size:10px!important;
    letter-spacing:.24em!important;
    text-transform:uppercase!important;
  }
  #developer .madar-partners-head h3{
    margin:8px 0 0!important;
    max-width:520px!important;
    color:#fff7e8!important;
    font-family:var(--font-display)!important;
    font-style:normal!important;
    font-weight:300!important;
    font-size:clamp(34px,4vw,58px)!important;
    line-height:1!important;
    letter-spacing:0!important;
  }
  #developer .madar-partners-controls{
    display:flex!important;
    gap:8px!important;
    flex:0 0 auto!important;
  }
  #developer .madar-partners-arrow{
    width:42px!important;
    height:42px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(255,247,232,.22)!important;
    border-radius:999px!important;
    background:rgba(255,247,232,.07)!important;
    color:#fff7e8!important;
    font-size:28px!important;
    line-height:1!important;
    cursor:pointer!important;
    transition:background .22s ease,transform .22s ease,border-color .22s ease!important;
  }
  #developer .madar-partners-arrow:hover{
    transform:translateY(-2px)!important;
    background:rgba(143,3,8,.38)!important;
    border-color:rgba(240,178,75,.42)!important;
  }
  #developer .madar-partners-viewport{
    position:relative!important;
    z-index:2!important;
    min-height:210px!important;
    margin:clamp(26px,4vw,48px) clamp(22px,3vw,42px) 16px!important;
    overflow:hidden!important;
  }
  #developer .madar-partners-slide{
    position:absolute!important;
    inset:0!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:clamp(12px,1.4vw,18px)!important;
    opacity:0!important;
    transform:translate3d(30px,0,0)!important;
    visibility:hidden!important;
    transition:opacity .58s cubic-bezier(.16,1,.3,1),transform .58s cubic-bezier(.16,1,.3,1),visibility 0s linear .58s!important;
  }
  #developer .madar-partners-slide.is-active{
    opacity:1!important;
    transform:translate3d(0,0,0)!important;
    visibility:visible!important;
    transition:opacity .58s cubic-bezier(.16,1,.3,1),transform .58s cubic-bezier(.16,1,.3,1),visibility 0s!important;
  }
  #developer .madar-partner-logo-card{
    min-height:178px!important;
    display:grid!important;
    place-items:center!important;
    padding:clamp(18px,2vw,28px)!important;
    border:1px solid rgba(255,247,232,.12)!important;
    border-radius:8px!important;
    background:rgba(255,247,232,.06)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
  #developer .madar-partner-logo-card img{
    display:block!important;
    width:min(190px,96%)!important;
    max-height:118px!important;
    object-fit:contain!important;
    filter:brightness(0) invert(1) sepia(.12) saturate(.48) hue-rotate(345deg) opacity(.9)!important;
  }
  #developer .madar-partners-dots{
    position:relative!important;
    z-index:2!important;
    display:flex!important;
    justify-content:center!important;
    gap:9px!important;
    padding:0 0 clamp(24px,3vw,36px)!important;
  }
  #developer .madar-partners-dot{
    width:34px!important;
    height:3px!important;
    border:0!important;
    border-radius:999px!important;
    background:rgba(255,247,232,.24)!important;
    cursor:pointer!important;
  }
  #developer .madar-partners-dot.is-active{
    background:#f0b24b!important;
  }
  @media(max-width:720px){
    #developer .developer-inner{
      grid-template-columns:1fr!important;
      gap:24px!important;
    }
    #developer .madar-partners-banner{
      min-height:440px!important;
      width:100%!important;
    }
    #developer .madar-partners-head{
      padding:24px 18px 0!important;
    }
    #developer .madar-partners-head h3{
      max-width:280px!important;
      font-size:clamp(30px,8.8vw,42px)!important;
    }
    #developer .madar-partners-arrow{
      width:38px!important;
      height:38px!important;
      font-size:26px!important;
    }
    #developer .madar-partners-viewport{
      min-height:250px!important;
      margin:22px 14px 16px!important;
    }
    #developer .madar-partners-slide{
      grid-template-columns:repeat(2,minmax(0,1fr))!important;
      grid-template-rows:repeat(2,minmax(0,1fr))!important;
      gap:10px!important;
    }
    #developer .madar-partner-logo-card{
      min-height:116px!important;
      padding:14px!important;
    }
    #developer .madar-partner-logo-card img{
      width:min(138px,94%)!important;
      max-height:78px!important;
    }
  }

/* hillage-developer-layout-banner-final */
#developer .developer-inner{
    width:min(1400px,calc(100vw - 96px))!important;
    display:grid!important;
    grid-template-columns:minmax(320px,.86fr) minmax(420px,1.14fr)!important;
    grid-template-areas:
      "copy image"
      "partners partners"!important;
    align-items:center!important;
    gap:clamp(26px,4vw,58px) clamp(36px,5vw,82px)!important;
  }
  #developer .developer-copy{
    grid-area:copy!important;
    max-width:620px!important;
  }
  #developer .developer-feature-frame{
    grid-area:image!important;
    position:relative!important;
    display:block!important;
    min-height:clamp(280px,30vw,430px)!important;
    overflow:hidden!important;
    border-radius:8px!important;
    border:1px solid rgba(255,247,232,.14)!important;
    background:#251a14!important;
    box-shadow:0 28px 76px rgba(0,0,0,.22)!important;
    isolation:isolate!important;
  }
  #developer .developer-feature-frame::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(0deg,rgba(24,14,9,.34),rgba(24,14,9,0) 48%),linear-gradient(90deg,rgba(24,14,9,.35),rgba(24,14,9,0) 56%)!important;
    pointer-events:none!important;
  }
  #developer .developer-feature-frame img{
    width:100%!important;
    height:100%!important;
    min-height:inherit!important;
    display:block!important;
    object-fit:cover!important;
    filter:saturate(.94) contrast(1.03) brightness(.9)!important;
  }
  #developer .madar-partners-banner{
    grid-area:partners!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    grid-template-rows:auto!important;
    align-items:center!important;
    gap:clamp(18px,2.6vw,34px)!important;
    padding:clamp(18px,2vw,28px)!important;
    overflow:hidden!important;
    border-radius:8px!important;
    border:1px solid rgba(255,247,232,.12)!important;
    background:linear-gradient(145deg,rgba(255,247,232,.07),rgba(255,247,232,.025))!important;
    box-shadow:0 24px 64px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.08)!important;
    backdrop-filter:blur(12px)!important;
  }
  #developer .madar-partners-banner::before{
    opacity:.55!important;
  }
  #developer .madar-partners-head{
    position:relative!important;
    z-index:2!important;
    display:block!important;
    padding:0!important;
    min-width:min(270px,25vw)!important;
  }
  #developer .madar-partners-head h3{
    max-width:260px!important;
    margin:8px 0 0!important;
    font-family:var(--font-display)!important;
    font-style:normal!important;
    font-size:clamp(24px,2.8vw,40px)!important;
    line-height:1.02!important;
  }
  #developer .madar-partners-controls{
    order:3!important;
    position:relative!important;
    z-index:3!important;
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
  }
  #developer .madar-partners-viewport{
    position:relative!important;
    z-index:2!important;
    min-height:0!important;
    height:clamp(142px,12.5vw,188px)!important;
    margin:0!important;
    overflow:hidden!important;
  }
  #developer .madar-partners-slide{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:clamp(12px,1.4vw,18px)!important;
  }
  #developer .madar-partner-logo-card{
    width:100%!important;
    min-height:0!important;
    aspect-ratio:1/1!important;
    display:grid!important;
    place-items:center!important;
    padding:clamp(12px,1.6vw,22px)!important;
    border-radius:8px!important;
    border:1px solid rgba(255,247,232,.14)!important;
    background:rgba(255,247,232,.045)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
  #developer .madar-partner-logo-card img{
    width:92%!important;
    max-width:190px!important;
    max-height:92%!important;
    object-fit:contain!important;
    filter:brightness(0) invert(1) sepia(.1) saturate(.5) opacity(.92)!important;
  }
  #developer .madar-partners-dots{
    position:absolute!important;
    left:50%!important;
    bottom:10px!important;
    transform:translateX(-50%)!important;
    z-index:4!important;
    padding:0!important;
  }
  @media(max-width:900px){
    #developer .developer-inner{
      width:min(100%,calc(100vw - 32px))!important;
      grid-template-columns:1fr!important;
      grid-template-areas:
        "copy"
        "image"
        "partners"!important;
      gap:22px!important;
    }
    #developer .developer-feature-frame{
      min-height:260px!important;
    }
    #developer .madar-partners-banner{
      grid-template-columns:1fr!important;
      gap:14px!important;
      padding:18px!important;
    }
    #developer .madar-partners-head{
      min-width:0!important;
      display:flex!important;
      justify-content:space-between!important;
      align-items:flex-start!important;
      gap:16px!important;
    }
    #developer .madar-partners-head h3{
      max-width:260px!important;
      font-size:30px!important;
    }
    #developer .madar-partners-controls{
      flex-direction:row!important;
      order:0!important;
    }
    #developer .madar-partners-viewport{
      height:auto!important;
      min-height:0!important;
      aspect-ratio:1.92/1!important;
    }
    #developer .madar-partners-slide{
      grid-template-columns:repeat(2,minmax(0,1fr))!important;
      grid-template-rows:repeat(2,minmax(0,1fr))!important;
      gap:10px!important;
    }
  }

/* hillage-developer-safe-layout-final */
#developer.developer-section{
    min-height:100svh!important;
    height:auto!important;
    padding:clamp(52px,6vh,74px) 0 clamp(32px,4vh,50px)!important;
    overflow:hidden!important;
  }
  #developer .developer-inner{
    width:min(1440px,calc(100vw - 112px))!important;
    max-height:calc(100svh - 92px)!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:minmax(360px,.82fr) minmax(460px,1.18fr)!important;
    grid-template-rows:minmax(260px,1fr) auto!important;
    grid-template-areas:
      "copy image"
      "partners partners"!important;
    align-items:center!important;
    gap:clamp(22px,3.2vh,38px) clamp(34px,4.8vw,76px)!important;
  }
  #developer .developer-copy{
    grid-area:copy!important;
    align-self:center!important;
    max-width:640px!important;
    min-width:0!important;
    overflow:visible!important;
  }
  #developer .developer-copy p:not(.developer-tagline){
    max-width:600px!important;
    font-size:clamp(13px,1.05vw,17px)!important;
    line-height:1.55!important;
    margin-top:clamp(12px,1.7vh,18px)!important;
  }
  #developer .developer-logo{
    width:min(340px,30vw)!important;
    margin-bottom:clamp(18px,2.4vh,30px)!important;
  }
  #developer .developer-feature-frame{
    grid-area:image!important;
    align-self:stretch!important;
    position:relative!important;
    display:block!important;
    min-height:0!important;
    height:100%!important;
    max-height:360px!important;
    overflow:hidden!important;
    border-radius:8px!important;
    border:1px solid rgba(255,247,232,.14)!important;
    background:#251a14!important;
    box-shadow:0 22px 58px rgba(0,0,0,.2)!important;
    isolation:isolate!important;
  }
  #developer .developer-feature-frame img{
    width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:cover!important;
    filter:saturate(.94) contrast(1.03) brightness(.9)!important;
  }
  #developer .madar-partners-banner{
    grid-area:partners!important;
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:minmax(220px,300px) minmax(0,1fr) auto!important;
    grid-template-rows:auto!important;
    align-items:center!important;
    gap:clamp(16px,2.5vw,34px)!important;
    padding:clamp(16px,2.1vw,26px)!important;
    overflow:hidden!important;
    border-radius:8px!important;
    border:1px solid rgba(255,247,232,.13)!important;
    background:linear-gradient(145deg,rgba(255,247,232,.07),rgba(255,247,232,.025))!important;
    box-shadow:0 20px 54px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.08)!important;
    backdrop-filter:blur(12px)!important;
  }
  #developer .madar-partners-head{
    position:relative!important;
    z-index:2!important;
    display:block!important;
    min-width:0!important;
    padding:0!important;
  }
  #developer .madar-partners-head h3{
    max-width:280px!important;
    margin:8px 0 0!important;
    font-family:var(--font-display)!important;
    font-style:normal!important;
    font-weight:300!important;
    font-size:clamp(25px,2.45vw,36px)!important;
    line-height:1.02!important;
  }
  #developer .madar-partners-viewport{
    position:relative!important;
    z-index:2!important;
    height:clamp(128px,10.5vw,166px)!important;
    min-height:0!important;
    margin:0!important;
    overflow:hidden!important;
  }
  #developer .madar-partners-slide{
    position:absolute!important;
    inset:0!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:center!important;
    justify-items:center!important;
    gap:clamp(10px,1.1vw,16px)!important;
  }
  #developer .madar-partner-logo-card{
    width:clamp(116px,10.5vw,158px)!important;
    height:clamp(116px,10.5vw,158px)!important;
    min-width:0!important;
    min-height:0!important;
    aspect-ratio:1/1!important;
    display:grid!important;
    place-items:center!important;
    padding:clamp(10px,1.2vw,18px)!important;
    border-radius:8px!important;
    border:1px solid rgba(255,247,232,.16)!important;
    background:rgba(255,247,232,.065)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.1)!important;
  }
  #developer .madar-partner-logo-card img{
    width:96%!important;
    height:96%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    filter:brightness(0) invert(1) sepia(.1) saturate(.5) opacity(.94)!important;
  }
  #developer .madar-partners-controls{
    position:relative!important;
    z-index:3!important;
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    align-self:center!important;
  }
  #developer .madar-partners-dots{
    position:absolute!important;
    left:50%!important;
    bottom:8px!important;
    transform:translateX(-50%)!important;
    z-index:4!important;
    padding:0!important;
  }
  @media(max-width:900px){
    #developer.developer-section{
      padding:58px 0 28px!important;
      overflow:auto!important;
    }
    #developer .developer-inner{
      width:min(100%,calc(100vw - 32px))!important;
      max-height:none!important;
      grid-template-columns:1fr!important;
      grid-template-rows:auto auto auto!important;
      grid-template-areas:
        "copy"
        "image"
        "partners"!important;
      gap:20px!important;
    }
    #developer .developer-logo{
      width:min(260px,68vw)!important;
    }
    #developer .developer-feature-frame{
      height:240px!important;
      max-height:none!important;
      align-self:auto!important;
    }
    #developer .madar-partners-banner{
      grid-template-columns:1fr!important;
      gap:14px!important;
      padding:16px!important;
    }
    #developer .madar-partners-head{
      display:flex!important;
      align-items:flex-start!important;
      justify-content:space-between!important;
      gap:14px!important;
    }
    #developer .madar-partners-head h3{
      max-width:250px!important;
      font-size:30px!important;
    }
    #developer .madar-partners-controls{
      flex-direction:row!important;
    }
    #developer .madar-partners-viewport{
      height:clamp(246px,66vw,300px)!important;
    }
    #developer .madar-partners-slide{
      grid-template-columns:repeat(2,minmax(0,1fr))!important;
      grid-template-rows:repeat(2,1fr)!important;
      gap:10px!important;
    }
    #developer .madar-partner-logo-card{
      width:clamp(112px,38vw,138px)!important;
      height:clamp(112px,38vw,138px)!important;
    }
  }

/* hillage-developer-safe-layout-polish-final */
#developer.developer-section{
    background:#2d1a10!important;
    color:#fff7e8!important;
  }
  #developer .developer-bg{
    display:none!important;
  }
  #developer .developer-inner{
    position:relative!important;
    z-index:3!important;
  }
  #developer .developer-copy{
    padding:clamp(18px,2vw,26px)!important;
    border-radius:8px!important;
    background:rgba(45,26,16,.72)!important;
  }
  #developer .developer-copy p:not(.developer-tagline){
    color:rgba(255,247,232,.82)!important;
    text-shadow:none!important;
  }
  #developer .developer-feature-frame{
    opacity:1!important;
    visibility:visible!important;
    background:#1d120d!important;
  }
  #developer .developer-feature-frame img{
    opacity:1!important;
    visibility:visible!important;
  }
  #developer .madar-partners-banner{
    opacity:1!important;
    visibility:visible!important;
    background:linear-gradient(145deg,rgba(70,42,25,.98),rgba(45,26,16,.98))!important;
    border-color:rgba(255,247,232,.2)!important;
    box-shadow:0 22px 56px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.12)!important;
  }
  #developer .madar-partners-banner::before{
    display:none!important;
  }
  #developer .madar-partners-head h3,
  #developer .madar-partners-head span{
    text-shadow:none!important;
  }
  #developer .madar-partner-logo-card{
    background:rgba(255,247,232,.1)!important;
    border:1px solid rgba(255,247,232,.26)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 12px 26px rgba(0,0,0,.12)!important;
    opacity:1!important;
  }
  #developer .madar-partner-logo-card img{
    opacity:1!important;
  }
  #developer .madar-partners-arrow{
    color:#fff7e8!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:0!important;
  }
  #developer .madar-partners-arrow[data-partners-dir="-1"]::before{
    content:"‹"!important;
    font-size:28px!important;
    line-height:1!important;
  }
  #developer .madar-partners-arrow[data-partners-dir="1"]::before{
    content:"›"!important;
    font-size:28px!important;
    line-height:1!important;
  }
  #developer .madar-partners-dots{
    bottom:7px!important;
  }
  @media(max-width:900px){
    #developer .developer-copy{
      padding:0!important;
      background:transparent!important;
    }
    #developer .developer-feature-frame{
      height:220px!important;
    }
    #developer .madar-partners-banner{
      padding:14px!important;
    }
  }

/* hillage-developer-overlap-final-polish */
#developer .madar-partners-controls{
    position:absolute!important;
    top:18px!important;
    right:18px!important;
    z-index:6!important;
    display:flex!important;
    flex-direction:row!important;
    gap:8px!important;
  }
  #developer .madar-partners-arrow{
    overflow:hidden!important;
    color:transparent!important;
    font-size:0!important;
    text-indent:-999px!important;
  }
  #developer .madar-partners-arrow::before{
    text-indent:0!important;
    display:block!important;
    color:#fff7e8!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:28px!important;
    line-height:1!important;
  }
  #developer .madar-partners-arrow[data-partners-dir="-1"]::before{content:"<"!important;}
  #developer .madar-partners-arrow[data-partners-dir="1"]::before{content:">"!important;}
  #developer .madar-partners-head{
    padding-right:108px!important;
  }
  @media(max-width:900px){
    #developer.developer-section{
      width:100vw!important;
      max-width:100vw!important;
      overflow-x:hidden!important;
      padding-left:0!important;
      padding-right:0!important;
    }
    #developer .developer-inner{
      width:calc(100vw - 32px)!important;
      max-width:calc(100vw - 32px)!important;
      min-width:0!important;
      margin-left:auto!important;
      margin-right:auto!important;
      overflow:visible!important;
    }
    #developer .developer-copy,
    #developer .developer-feature-frame,
    #developer .madar-partners-banner{
      width:100%!important;
      max-width:100%!important;
      min-width:0!important;
      margin-left:0!important;
      margin-right:0!important;
      box-sizing:border-box!important;
    }
    #developer .developer-copy p:not(.developer-tagline){
      max-width:100%!important;
      overflow-wrap:break-word!important;
      font-size:12.5px!important;
      line-height:1.52!important;
    }
    #developer .developer-feature-frame{
      height:220px!important;
      min-height:220px!important;
    }
    #developer .madar-partners-banner{
      position:relative!important;
      padding:16px!important;
      overflow:hidden!important;
    }
    #developer .madar-partners-head{
      display:block!important;
      padding:0 96px 0 0!important;
    }
    #developer .madar-partners-head h3{
      max-width:100%!important;
      font-size:28px!important;
      line-height:1.04!important;
    }
    #developer .madar-partners-controls{
      top:16px!important;
      right:16px!important;
    }
    #developer .madar-partners-viewport{
      width:100%!important;
      height:auto!important;
      min-height:0!important;
      aspect-ratio:1.7/1!important;
      margin-top:16px!important;
      overflow:hidden!important;
    }
    #developer .madar-partners-slide{
      width:100%!important;
      grid-template-columns:repeat(2,minmax(0,1fr))!important;
      grid-template-rows:repeat(2,minmax(0,1fr))!important;
      align-items:stretch!important;
      justify-items:stretch!important;
      gap:10px!important;
    }
    #developer .madar-partner-logo-card{
      width:100%!important;
      height:auto!important;
      min-width:0!important;
      min-height:0!important;
      aspect-ratio:1/1!important;
      box-sizing:border-box!important;
    }
    #developer .madar-partner-logo-card img{
      width:92%!important;
      height:92%!important;
    }
  }

/* hillage-developer-mobile-safe-final */
#developer.developer-section {
    width: 100vw !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  #developer .developer-inner,
  #developer .developer-copy,
  #developer .developer-feature-frame,
  #developer .madar-partners-banner,
  #developer .madar-partners-head,
  #developer .madar-partners-viewport {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #developer .madar-partners-slide {
    display: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: none !important;
    pointer-events: none !important;
  }

  #developer .madar-partners-slide.is-active {
    display: grid !important;
    pointer-events: auto !important;
  }

  @media (max-width: 900px) {
    #developer.developer-section {
      padding-left: 0 !important;
      padding-right: 0 !important;
      overflow-x: hidden !important;
    }

    #developer .developer-inner {
      width: calc(100vw - 32px) !important;
      max-width: calc(100vw - 32px) !important;
      margin-left: auto !important;
      margin-right: auto !important;
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) !important;
      gap: 22px !important;
      overflow: visible !important;
    }

    #developer .developer-copy {
      width: 100% !important;
      padding: 0 !important;
      transform: none !important;
      overflow: visible !important;
    }

    #developer .developer-logo {
      width: min(190px, 58vw) !important;
      max-width: 100% !important;
      height: auto !important;
      margin: 0 0 18px !important;
    }

    #developer .developer-copy p:not(.developer-tagline) {
      width: 100% !important;
      max-width: 100% !important;
      display: block !important;
      overflow: visible !important;
      white-space: normal !important;
      overflow-wrap: anywhere !important;
      word-break: normal !important;
      font-size: 12.2px !important;
      line-height: 1.52 !important;
      margin-top: 11px !important;
    }

    #developer .developer-feature-frame {
      width: 100% !important;
      height: 220px !important;
      min-height: 220px !important;
      max-height: 220px !important;
      overflow: hidden !important;
    }

    #developer .developer-feature-frame img {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
    }

    #developer .madar-partners-banner {
      width: 100% !important;
      max-width: 100% !important;
      padding: 14px !important;
      overflow: hidden !important;
      grid-template-columns: minmax(0, 1fr) !important;
      gap: 14px !important;
    }

    #developer .madar-partners-head {
      width: 100% !important;
      padding-right: 58px !important;
    }

    #developer .madar-partners-head h3 {
      max-width: 100% !important;
      font-size: clamp(27px, 8vw, 34px) !important;
      line-height: .95 !important;
    }

    #developer .madar-partners-controls {
      top: 18px !important;
      right: 14px !important;
      gap: 6px !important;
    }

    #developer .madar-partners-arrow {
      width: 34px !important;
      height: 34px !important;
      min-width: 34px !important;
      min-height: 34px !important;
      font-size: 18px !important;
    }

    #developer .madar-partners-viewport {
      width: 100% !important;
      height: auto !important;
      min-height: calc(((100vw - 32px - 28px - 10px) / 2) * 2 + 10px) !important;
      overflow: hidden !important;
    }

    #developer .madar-partners-slide {
      position: absolute !important;
      inset: 0 !important;
      width: 100% !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
      gap: 10px !important;
    }

    #developer .madar-partner-logo-card {
      width: 100% !important;
      height: auto !important;
      aspect-ratio: 1 / 1 !important;
      min-width: 0 !important;
      min-height: 0 !important;
      overflow: hidden !important;
    }
  }

/* hillage-developer-mobile-overflow-hardlock */
@media (max-width: 900px) {
    html,
    body,
    main,
    #developer.developer-section {
      max-width: 100vw !important;
      overflow-x: hidden !important;
    }

    #developer.developer-section {
      contain: paint !important;
    }

    #developer .developer-inner {
      width: auto !important;
      max-width: none !important;
      margin: 0 16px !important;
      padding: 0 !important;
      grid-template-columns: minmax(0, 1fr) !important;
      justify-items: stretch !important;
    }

    #developer .developer-copy,
    #developer .developer-feature-frame,
    #developer .madar-partners-banner {
      width: auto !important;
      max-width: none !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      justify-self: stretch !important;
    }

    #developer .developer-copy p:not(.developer-tagline) {
      max-width: calc(100vw - 32px) !important;
      padding-right: 2px !important;
      overflow: visible !important;
      text-wrap: pretty !important;
    }

    #developer .madar-partners-banner {
      display: block !important;
      padding: 14px !important;
      border-radius: 8px !important;
    }

    #developer .madar-partners-head {
      display: block !important;
      padding-right: 0 !important;
      margin-bottom: 14px !important;
    }

    #developer .madar-partners-head h3 {
      max-width: calc(100vw - 60px) !important;
    }

    #developer .madar-partners-controls {
      position: static !important;
      display: flex !important;
      justify-content: flex-start !important;
      gap: 8px !important;
      margin: 10px 0 0 !important;
      transform: none !important;
    }

    #developer .madar-partners-viewport {
      width: 100% !important;
      min-height: calc(((100vw - 60px - 10px) / 2) * 2 + 10px) !important;
      margin-top: 0 !important;
    }

    #developer .madar-partners-slide.is-active {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
      gap: 10px !important;
      width: 100% !important;
    }

    #developer .madar-partner-logo-card {
      width: 100% !important;
      aspect-ratio: 1 / 1 !important;
    }
  }

/* hillage-developer-logo-visibility-final */
#developer .madar-partner-logo-card {
    background: linear-gradient(145deg, rgba(93, 59, 40, .78), rgba(62, 37, 25, .92)) !important;
    border: 1px solid rgba(255, 247, 232, .28) !important;
    box-shadow: inset 0 1px 0 rgba(255, 247, 232, .16), 0 18px 42px rgba(0, 0, 0, .18) !important;
  }

  #developer .madar-partner-logo-card img {
    max-width: 86% !important;
    max-height: 72% !important;
    filter: brightness(0) invert(1) drop-shadow(0 8px 18px rgba(0, 0, 0, .18)) !important;
    opacity: .94 !important;
  }

  @media (max-width: 900px) {
    #developer .madar-partner-logo-card img {
      max-width: 84% !important;
      max-height: 70% !important;
    }
  }

/* hillage-developer-no-logo-boxes */
#developer .madar-partner-logo-card {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    outline: 0 !important;
  }

  #developer .madar-partner-logo-card::before,
  #developer .madar-partner-logo-card::after {
    display: none !important;
  }

  #developer .madar-partner-logo-card img {
    max-width: 92% !important;
    max-height: 78% !important;
    filter: brightness(0) invert(1) drop-shadow(0 10px 22px rgba(0, 0, 0, .24)) !important;
    opacity: .98 !important;
  }

  #developer .madar-partners-slide.is-active {
    align-items: center !important;
    justify-items: center !important;
  }

  @media (max-width: 900px) {
    #developer .madar-partner-logo-card img {
      max-width: 90% !important;
      max-height: 74% !important;
    }
  }

/* hillage-developer-mobile-copy-wrap-final */
@media (max-width: 900px) {
    #developer .developer-copy {
      width: calc(100vw - 32px) !important;
      max-width: calc(100vw - 32px) !important;
      overflow: visible !important;
    }

    #developer .developer-copy p,
    #developer .developer-copy p:not(.developer-tagline) {
      width: calc(100vw - 32px) !important;
      max-width: calc(100vw - 32px) !important;
      min-width: 0 !important;
      white-space: normal !important;
      overflow: visible !important;
      overflow-wrap: break-word !important;
      word-break: normal !important;
      hyphens: none !important;
      display: block !important;
      padding-right: 0 !important;
      margin-right: 0 !important;
    }
  }

/* hillage-developer-partners-minimal */
#developer .madar-partners-banner {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    gap: clamp(18px, 2.2vw, 28px) !important;
    overflow: visible !important;
  }

  #developer .madar-partners-banner::before,
  #developer .madar-partners-banner::after {
    display: none !important;
  }

  #developer .madar-partners-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  #developer .madar-partners-head > div:first-child {
    display: block !important;
  }

  #developer .madar-partners-head span {
    display: block !important;
    color: #f0b24b !important;
    font-family: var(--font-sans) !important;
    font-size: clamp(13px, 1.15vw, 17px) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .22em !important;
    text-transform: uppercase !important;
    margin: 0 !important;
    text-shadow: none !important;
  }

  #developer .madar-partners-head h3 {
    display: none !important;
  }

  #developer .madar-partners-viewport {
    height: clamp(72px, 7vw, 108px) !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  #developer .madar-partners-slide.is-active {
    align-items: center !important;
    justify-items: center !important;
  }

  #developer .madar-partners-dots {
    margin-top: 2px !important;
  }

  @media (max-width: 900px) {
    #developer .madar-partners-banner {
      display: block !important;
      padding: 0 !important;
      margin-top: 2px !important;
      overflow: visible !important;
    }

    #developer .madar-partners-head {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      padding: 0 !important;
      margin: 0 0 18px !important;
    }

    #developer .madar-partners-head span {
      font-size: 14px !important;
      letter-spacing: .2em !important;
    }

    #developer .madar-partners-controls {
      position: static !important;
      display: flex !important;
      margin: 0 !important;
      gap: 8px !important;
      transform: none !important;
    }

    #developer .madar-partners-viewport {
      height: 170px !important;
      min-height: 170px !important;
      margin: 0 !important;
    }

    #developer .madar-partners-slide.is-active {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
      gap: 16px !important;
    }

    #developer .madar-partners-dots {
      margin-top: 14px !important;
    }
  }

/* hillage-developer-mobile-partners-layout */
@media (max-width: 900px) {
    #developer .developer-inner {
      grid-template-areas:
        "copy"
        "image"
        "partners" !important;
    }

    #developer .madar-partners-banner {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) !important;
      grid-template-rows: auto auto auto !important;
      gap: 14px !important;
      margin-top: 0 !important;
      padding: 0 !important;
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
      overflow: visible !important;
    }

    #developer .madar-partners-head {
      display: block !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    #developer .madar-partners-head span {
      display: block !important;
      text-align: left !important;
      font-size: 14px !important;
      letter-spacing: .2em !important;
      line-height: 1 !important;
      margin: 0 !important;
    }

    #developer .madar-partners-head h3 {
      display: none !important;
    }

    #developer .madar-partners-viewport {
      position: relative !important;
      width: 100% !important;
      height: 96px !important;
      min-height: 96px !important;
      overflow: visible !important;
      margin: 0 !important;
    }

    #developer .madar-partners-slide {
      position: absolute !important;
      inset: 0 !important;
      width: 100% !important;
      height: 100% !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      grid-template-rows: 1fr !important;
      gap: 54px !important;
      align-items: center !important;
      justify-items: center !important;
    }

    #developer .madar-partner-logo-card {
      width: 100% !important;
      height: 96px !important;
      aspect-ratio: auto !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
      overflow: visible !important;
    }

    #developer .madar-partner-logo-card img {
      max-width: 96% !important;
      max-height: 72px !important;
      object-fit: contain !important;
    }

    #developer .madar-partners-viewport .madar-partners-controls {
      position: absolute !important;
      left: 50% !important;
      top: 50% !important;
      transform: translate(-50%, -50%) !important;
      z-index: 8 !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 8px !important;
      margin: 0 !important;
      pointer-events: auto !important;
    }

    #developer .madar-partners-arrow {
      width: 34px !important;
      height: 34px !important;
      min-width: 34px !important;
      min-height: 34px !important;
      border-radius: 999px !important;
      font-size: 17px !important;
      line-height: 1 !important;
    }

    #developer .madar-partners-dots {
      margin-top: 2px !important;
    }
  }
/* Final developer partners polish */
#developer .madar-partners-dots {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

#developer .madar-partners-head span {
  font-family: var(--font-accent) !important;
  font-style: italic !important;
  font-weight: 300 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: #fff7e8 !important;
  font-size: clamp(30px, 3.8vw, 54px) !important;
  line-height: .94 !important;
}

@media (max-width: 900px) {
  #developer .madar-partners-head span {
    font-size: clamp(34px, 12vw, 48px) !important;
    line-height: .9 !important;
  }
}
/* Final lifestyle video basic arrows */
.premium-video-arrow {
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-size: 24px !important;
  line-height: 1 !important;
  text-rendering: geometricPrecision !important;
}

@media (max-width: 720px) {
  .premium-video-arrow {
    font-family: Arial, Helvetica, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 24px !important;
  }
}
/* Final unit slider basic arrows */
.render-arrow {
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-size: 26px !important;
  line-height: 1 !important;
  text-rendering: geometricPrecision !important;
}

@media (max-width: 720px) {
  .render-arrow {
    font-family: Arial, Helvetica, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 26px !important;
  }
}
/* Final Minor hospitality page */
#minor-hospitality.minor-hospitality-section {
  position: relative;
  min-height: 100svh;
  overflow: hidden;
  isolation: isolate;
  background: #64282d;
  color: #fff7e8;
}

.minor-hospitality-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: url("minor/minor-service-bg.png") center / cover no-repeat;
  transform: scale(1.01);
}

.minor-hospitality-shade {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(103, 38, 45, .98) 0%, rgba(103, 38, 45, .88) 28%, rgba(103, 38, 45, .42) 54%, rgba(103, 38, 45, .18) 100%),
    linear-gradient(0deg, rgba(44, 17, 17, .22), rgba(44, 17, 17, .08));
}

.minor-hospitality-content {
  position: relative;
  z-index: 2;
  min-height: 100svh;
  width: min(1480px, calc(100vw - 96px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(310px, 430px) minmax(520px, 1fr);
  grid-template-rows: auto 1fr;
  column-gap: clamp(52px, 8vw, 130px);
  align-items: end;
  padding: clamp(62px, 8vh, 96px) 0 clamp(58px, 8vh, 92px);
}

.minor-hospitality-mark {
  grid-column: 1;
  align-self: start;
  width: clamp(138px, 15vw, 230px);
  height: auto;
  filter: drop-shadow(0 12px 26px rgba(0, 0, 0, .18));
}

.minor-hospitality-copy {
  grid-column: 1;
  align-self: end;
  max-width: 420px;
  padding-bottom: clamp(8px, 3vh, 34px);
}

.minor-hospitality-copy h2 {
  margin: 0 0 16px;
  color: #d2ad46;
  font-family: var(--font-accent);
  font-style: italic;
  font-weight: 300;
  font-size: clamp(34px, 3.5vw, 58px);
  line-height: .95;
}

.minor-hospitality-copy p {
  margin: 0;
  color: rgba(255, 247, 232, .9);
  font-size: clamp(14px, 1.02vw, 17px);
  line-height: 1.42;
  max-width: 420px;
}

.minor-hospitality-copy p + p {
  margin-top: 22px;
}

.minor-hospitality-brands {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: end;
  justify-self: end;
  width: min(760px, 52vw);
  margin-bottom: clamp(18px, 8vh, 96px);
  filter: drop-shadow(0 16px 36px rgba(0, 0, 0, .22));
}

.minor-hospitality-brands img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 900px) {
  #minor-hospitality.minor-hospitality-section {
    min-height: 100svh;
  }

  .minor-hospitality-bg {
    background-position: 58% center;
  }

  .minor-hospitality-shade {
    background:
      linear-gradient(180deg, rgba(103, 38, 45, .96) 0%, rgba(103, 38, 45, .82) 38%, rgba(103, 38, 45, .48) 72%, rgba(103, 38, 45, .72) 100%),
      linear-gradient(90deg, rgba(44, 17, 17, .12), rgba(44, 17, 17, .08));
  }

  .minor-hospitality-content {
    width: calc(100vw - 34px);
    min-height: 100svh;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    align-items: start;
    padding: 42px 0 34px;
    gap: 20px;
  }

  .minor-hospitality-mark {
    grid-column: 1;
    width: min(142px, 45vw);
  }

  .minor-hospitality-copy {
    grid-column: 1;
    align-self: center;
    max-width: min(340px, 92vw);
    padding: 0;
    margin-top: 16px;
  }

  .minor-hospitality-copy h2 {
    font-size: clamp(30px, 9vw, 42px);
    margin-bottom: 12px;
  }

  .minor-hospitality-copy p {
    font-size: 12.7px;
    line-height: 1.38;
    max-width: 330px;
  }

  .minor-hospitality-copy p + p {
    margin-top: 14px;
  }

  .minor-hospitality-brands {
    grid-column: 1;
    grid-row: 3;
    justify-self: center;
    align-self: end;
    width: min(190px, 54vw);
    margin: 4px auto 0;
  }
}

@media (max-width: 420px) {
  .minor-hospitality-content {
    padding-top: 34px;
    padding-bottom: 28px;
  }

  .minor-hospitality-copy {
    margin-top: 8px;
  }

  .minor-hospitality-brands {
    width: min(166px, 48vw);
  }
}
/* Final Minor hospitality mobile fit */
@media (max-width: 900px) {
  .minor-hospitality-content {
    padding-top: clamp(24px, 4.5vh, 34px);
    padding-bottom: clamp(18px, 3.8vh, 28px);
    gap: clamp(12px, 2.2vh, 18px);
  }

  .minor-hospitality-mark {
    width: min(122px, 38vw);
  }

  .minor-hospitality-copy {
    margin-top: 4px;
  }

  .minor-hospitality-copy h2 {
    font-size: clamp(30px, 8.8vw, 38px);
    margin-bottom: 10px;
  }

  .minor-hospitality-copy p {
    font-size: clamp(11.2px, 3.05vw, 12.3px);
    line-height: 1.33;
  }

  .minor-hospitality-copy p + p {
    margin-top: 11px;
  }

  .minor-hospitality-brands {
    width: min(148px, 40vw);
    margin-top: 0;
  }
}

@media (max-width: 420px) {
  .minor-hospitality-content {
    padding-top: 28px;
    padding-bottom: 20px;
  }

  .minor-hospitality-brands {
    width: min(146px, 39vw);
  }
}
/* Final Minor hospitality mobile logos-first layout */
@media (max-width: 900px) {
  .minor-hospitality-content {
    grid-template-rows: auto auto 1fr;
    justify-items: center;
    align-content: start;
    gap: clamp(16px, 2.8vh, 22px);
    padding-top: clamp(32px, 5.5vh, 46px);
    padding-bottom: clamp(20px, 4vh, 30px);
  }

  .minor-hospitality-mark {
    justify-self: center;
    width: min(132px, 40vw);
  }

  .minor-hospitality-brands {
    grid-row: 2;
    justify-self: center;
    align-self: start;
    width: min(164px, 43vw);
    margin: 0 auto;
  }

  .minor-hospitality-copy {
    grid-row: 3;
    justify-self: center;
    align-self: start;
    width: min(342px, 91vw);
    max-width: 342px;
    margin: 0;
    text-align: left;
  }

  .minor-hospitality-copy h2 {
    text-align: center;
    margin-bottom: 11px;
  }

  .minor-hospitality-copy p {
    max-width: none;
  }
}

@media (max-width: 420px) {
  .minor-hospitality-content {
    gap: 16px;
    padding-top: 34px;
    padding-bottom: 20px;
  }

  .minor-hospitality-mark {
    width: min(124px, 38vw);
  }

  .minor-hospitality-brands {
    width: min(152px, 40vw);
  }

  .minor-hospitality-copy {
    width: min(346px, 91vw);
  }
}
/* Final Minor hospitality mobile centered logos with copy below */
@media (max-width: 900px) {
  .minor-hospitality-content {
    width: 100vw;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    justify-items: center;
    align-content: start;
    gap: 14px;
    padding: 42px 0 24px;
  }

  .minor-hospitality-mark {
    grid-row: 1;
    justify-self: center;
    width: min(126px, 38vw);
  }

  .minor-hospitality-brands {
    grid-row: 2;
    justify-self: center;
    align-self: start;
    width: min(138px, 36vw);
    margin: 0 auto 2px;
  }

  .minor-hospitality-copy {
    grid-row: 3;
    justify-self: stretch;
    align-self: start;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0 22px;
    box-sizing: border-box;
    text-align: left;
  }

  .minor-hospitality-copy h2 {
    display: none;
  }

  .minor-hospitality-copy p {
    max-width: none;
    width: auto;
    font-size: clamp(11.6px, 3.05vw, 12.4px);
    line-height: 1.38;
  }

  .minor-hospitality-copy p + p {
    margin-top: 13px;
  }
}

@media (max-width: 420px) {
  .minor-hospitality-content {
    gap: 13px;
    padding-top: 38px;
    padding-bottom: 20px;
  }

  .minor-hospitality-mark {
    width: min(122px, 38vw);
  }

  .minor-hospitality-brands {
    width: min(134px, 35vw);
  }

  .minor-hospitality-copy {
    padding: 0 21px;
  }
}
/* Final Minor hospitality mobile text wrapping */
@media (max-width: 900px) {
  #minor-hospitality .minor-hospitality-copy {
    justify-self: center !important;
    width: calc(100vw - 48px) !important;
    max-width: calc(100vw - 48px) !important;
    min-width: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  #minor-hospitality .minor-hospitality-copy p {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    hyphens: none !important;
  }
}

@media (max-width: 420px) {
  #minor-hospitality .minor-hospitality-copy {
    width: calc(100vw - 44px) !important;
    max-width: calc(100vw - 44px) !important;
  }
}
/* Final mobile masterplan wind single owner */
@media (max-width: 720px) {
  #masterplan .master-stage > svg.master-wind-overlay {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  #masterplan .mobile-master-map-shell svg.mobile-master-wind {
    display: block !important;
    visibility: visible !important;
    opacity: 0 !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: rotate(-90deg) !important;
    transform-origin: center center !important;
    transform-box: fill-box !important;
    overflow: visible !important;
    pointer-events: none !important;
    mix-blend-mode: screen !important;
  }

  #masterplan .master-stage.show-wind .mobile-master-map-shell svg.mobile-master-wind {
    opacity: .96 !important;
  }
}
/* Final mobile masterplan wind priority override */
@media (max-width: 720px) {
  #masterplan #mobileMasterMapShell > svg.mobile-master-wind.mobile-master-attached-overlay {
    display: block !important;
    visibility: visible !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    transform: rotate(-90deg) !important;
    transform-origin: center center !important;
    transform-box: fill-box !important;
    pointer-events: none !important;
    z-index: 6 !important;
  }

  #masterplan .master-stage.show-wind #mobileMasterMapShell > svg.mobile-master-wind.mobile-master-attached-overlay {
    opacity: .96 !important;
  }
}
/* Final mobile masterplan wind internal rotation */
@media (max-width: 720px) {
  #masterplan .master-stage > svg.master-wind-overlay {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  #masterplan #mobileMasterMapShell > svg.mobile-master-wind.mobile-master-attached-overlay,
  #masterplan .mobile-master-map-shell > svg.mobile-master-wind.mobile-master-attached-overlay {
    display: block !important;
    visibility: visible !important;
    opacity: 0 !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
    transform-origin: center center !important;
    object-fit: contain !important;
    object-position: center center !important;
    pointer-events: none !important;
    z-index: 6 !important;
    mix-blend-mode: screen !important;
  }

  #masterplan .master-stage.show-wind #mobileMasterMapShell > svg.mobile-master-wind.mobile-master-attached-overlay,
  #masterplan .master-stage.show-wind .mobile-master-map-shell > svg.mobile-master-wind.mobile-master-attached-overlay {
    opacity: .96 !important;
  }
}
/* Final mobile masterplan wind literal 90deg anti-clockwise */
@media (max-width: 720px) {
  #masterplan .master-stage > svg.master-wind-overlay {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  #masterplan #mobileMasterMapShell > svg.mobile-master-wind.mobile-master-attached-overlay,
  #masterplan .mobile-master-map-shell > svg.mobile-master-wind.mobile-master-attached-overlay,
  #masterplan .mobile-master-map-shell svg.mobile-master-wind {
    display: block !important;
    visibility: visible !important;
    transform: rotate(-90deg) !important;
    transform-origin: center center !important;
    transform-box: fill-box !important;
    pointer-events: none !important;
  }

  #masterplan .master-stage.show-wind #mobileMasterMapShell > svg.mobile-master-wind.mobile-master-attached-overlay,
  #masterplan .master-stage.show-wind .mobile-master-map-shell > svg.mobile-master-wind.mobile-master-attached-overlay,
  #masterplan .master-stage.show-wind .mobile-master-map-shell svg.mobile-master-wind {
    opacity: .96 !important;
  }
}
/* Final wind cleanup: desktop single layer, mobile 45deg direction */
@media (min-width: 721px) {
  #masterplan #mobileMasterMapShell,
  #masterplan .mobile-master-map-shell,
  #masterplan .mobile-master-map-shell svg.mobile-master-wind {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  #masterplan .master-stage > svg.master-wind-overlay {
    display: block !important;
    visibility: visible !important;
  }
}

@media (max-width: 720px) {
  #masterplan .master-stage > svg.master-wind-overlay {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  #masterplan #mobileMasterMapShell > svg.mobile-master-wind.mobile-master-attached-overlay,
  #masterplan .mobile-master-map-shell > svg.mobile-master-wind.mobile-master-attached-overlay,
  #masterplan .mobile-master-map-shell svg.mobile-master-wind {
    display: block !important;
    visibility: visible !important;
    opacity: 0 !important;
    transform: none !important;
    
    pointer-events: none !important;
  }

  #masterplan .mobile-master-map-shell svg.mobile-master-wind > g {
  transform: rotate(45deg);
  }

  #masterplan .master-stage.show-wind #mobileMasterMapShell > svg.mobile-master-wind.mobile-master-attached-overlay,
  #masterplan .master-stage.show-wind .mobile-master-map-shell > svg.mobile-master-wind.mobile-master-attached-overlay,
  #masterplan .master-stage.show-wind .mobile-master-map-shell svg.mobile-master-wind {
    opacity: .96 !important;
  }
}
/* Final units and floor plan disclaimer */
#units .render-disclaimer {
  font-size: 8px !important;
  line-height: 1.25 !important;
  letter-spacing: .045em !important;
  text-transform: none !important;
  color: rgba(255,255,255,.62) !important;
  max-width: min(520px, calc(100vw - 120px)) !important;
}

#units .floorplan-radar-frame::after,
.floorplan-lightbox .content::after {
  content: "Disclaimer: Visual materials are for illustrative purposes and are subject to change.";
  position: absolute;
  z-index: 8;
  left: 14px;
  right: 14px;
  bottom: 8px;
  display: block;
  color: rgba(61,31,11,.48);
  font: 500 8px/1.25 var(--font-sans);
  letter-spacing: .025em;
  text-align: center;
  pointer-events: none;
}

.floorplan-lightbox .content {
  position: relative;
  padding-bottom: 28px !important;
}

@media (max-width: 720px) {
  #units .render-disclaimer {
    left: 14px !important;
    right: 58px !important;
    bottom: 12px !important;
    font-size: 7px !important;
    line-height: 1.2 !important;
    max-width: none !important;
  }

  #units .floorplan-radar-frame::after,
  .floorplan-lightbox .content::after {
    font-size: 6.8px;
    bottom: 5px;
    left: 8px;
    right: 8px;
  }
}
/* Final mobile wind overlay centering */
@media (max-width: 720px) {
  #masterplan {
    --mobile-wind-x: 0px;
    --mobile-wind-y: 0px;
    --mobile-wind-scale: 1;
  }

  #masterplan #mobileMasterMapShell > svg.mobile-master-wind.mobile-master-attached-overlay,
  #masterplan .mobile-master-map-shell > svg.mobile-master-wind.mobile-master-attached-overlay,
  #masterplan .mobile-master-map-shell svg.mobile-master-wind {
    left: 50% !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    transform: translate(calc(-50% + var(--mobile-wind-x)), calc(-50% + var(--mobile-wind-y))) scale(var(--mobile-wind-scale)) !important;
    transform-origin: center center !important;
    transform-box: fill-box !important;
    overflow: visible !important;
    object-fit: contain !important;
    object-position: center center !important;
  }
}
/* Final floorplan close button font-safe x */
#units .unit-floor-close,
.floorplan-lightbox .close {
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  display: grid !important;
  place-items: center !important;
  text-align: center !important;
}

#units .unit-floor-close::before,
.floorplan-lightbox .close::before {
  content: none !important;
}

@media (max-width: 720px) {
  #units .unit-floor-close,
  .floorplan-lightbox .close {
    font-size: 20px !important;
  }
}
/* Final welcome static page after logo */
#welcome-hillage.welcome-hillage-page{
  min-height:100vh;
  min-height:100svh;
  width:100%;
  padding:0;
  display:grid;
  grid-template-columns:minmax(320px,34.2vw) 1fr;
  background:#b99b3a;
  overflow:hidden;
}
#welcome-hillage .welcome-hillage-copy{
  position:relative;
  z-index:2;
  min-height:100vh;
  min-height:100svh;
  padding:clamp(64px,8.2vh,110px) clamp(42px,5.1vw,92px) clamp(62px,8vh,104px);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:40px;
  color:#6e2a2a;
}
#welcome-hillage h2{
  margin:0;
  max-width:420px;
  font-family:var(--font-accent);
  font-style:italic;
  font-weight:300;
  font-size:clamp(46px,4.9vw,76px);
  line-height:.98;
  color:#6e2a2a;
  letter-spacing:0;
}
#welcome-hillage p{
  max-width:460px;
  color:rgba(255,249,237,.92);
  font-family:var(--font-body);
  font-size:clamp(15px,1.35vw,18px);
  font-weight:400;
  line-height:1.45;
  letter-spacing:0;
}
#welcome-hillage p strong{
  color:#fff;
  font-weight:650;
}
#welcome-hillage .welcome-hillage-visual{
  position:relative;
  min-height:100vh;
  min-height:100svh;
  margin:0;
  overflow:hidden;
  background:#2b2515;
}
#welcome-hillage .welcome-hillage-visual img{
  width:100%;
  height:100%;
  min-height:100vh;
  min-height:100svh;
  object-fit:cover;
  object-position:center center;
}
#welcome-hillage .welcome-hillage-visual::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.02) 48%,rgba(0,0,0,.22));
}
#welcome-hillage figcaption{
  position:absolute;
  right:clamp(20px,3vw,48px);
  bottom:clamp(18px,3vh,42px);
  z-index:2;
  max-width:min(430px,44vw);
  color:rgba(255,255,255,.84);
  font-size:9px;
  line-height:1.25;
  text-align:right;
  letter-spacing:0;
}
@media (max-width:900px){
  #welcome-hillage.welcome-hillage-page{
    grid-template-columns:1fr;
    grid-template-rows:auto 1fr;
    min-height:100svh;
  }
  #welcome-hillage .welcome-hillage-copy{
    min-height:auto;
    padding:72px 24px 28px;
    gap:42px;
    justify-content:flex-start;
  }
  #welcome-hillage h2{
    max-width:330px;
    font-size:clamp(42px,12vw,58px);
  }
  #welcome-hillage p{
    max-width:390px;
    font-size:15px;
    line-height:1.42;
  }
  #welcome-hillage .welcome-hillage-visual{
    min-height:52svh;
  }
  #welcome-hillage .welcome-hillage-visual img{
    min-height:52svh;
    object-position:center center;
  }
  #welcome-hillage figcaption{
    right:18px;
    bottom:18px;
    max-width:300px;
    font-size:8px;
  }
}
@media (max-width:520px){
  #welcome-hillage .welcome-hillage-copy{
    padding:70px 22px 26px;
  }
  #welcome-hillage h2{
    font-size:44px;
  }
  #welcome-hillage p{
    font-size:15px;
    line-height:1.42;
  }
  #welcome-hillage .welcome-hillage-visual,
  #welcome-hillage .welcome-hillage-visual img{
    min-height:50svh;
  }
}