/* Static architectural gradients: forest canvas, slate drawings, bronze enquiry.
   Opaque endpoints keep contrast predictable; photographs remain untouched. */
:root{
 --paper:#172321;
 --surface:#273530;
 --muted:#c4cec8;
 --line:#52615a;
 --accent:#d6b783;
 --gradient-forest:linear-gradient(125deg,#354a3e 0%,#233831 43%,#172421 100%);
 --gradient-slate:linear-gradient(135deg,#293c42 0%,#21312f 54%,#192622 100%);
 --gradient-bronze:linear-gradient(120deg,#494033 0%,#303e34 49%,#1b2a26 100%);
}
body{background:#172321;scrollbar-color:#8a9c8d #192622}
main{background:linear-gradient(180deg,#192923 0%,#24372f 19%,#1c2b2d 41%,#26372d 65%,#172321 100%)}
.unit-listing.luxury-hero{background:var(--gradient-forest)}
.preloader{background:linear-gradient(135deg,#263a31,#141e1b 75%)}
.metrics{background:linear-gradient(105deg,#34473c,#24352e 52%,#1a2825);border-color:#52615a}
.overview{background:linear-gradient(120deg,rgba(69,89,64,.3),rgba(29,47,40,0) 68%)}
.plans{background:var(--gradient-slate)}
.specs{background:linear-gradient(110deg,#243831,#1c2e2a 65%,#293a32)}
#gallery{background:linear-gradient(135deg,#293d32,#192923 65%,#24372f)}
.unit-setting{background:linear-gradient(135deg,#354333,#22352b 52%,#1a2b27)}
.location{background:var(--gradient-slate)}
.enquire{background:var(--gradient-bronze)}
.faq{background:linear-gradient(155deg,#283a31,#182723 75%)}
footer{background:linear-gradient(110deg,#1b2d26,#111e1a);border-color:#52615a}
body>header.is-scrolled,body>header:has(#navigation.open){background:linear-gradient(110deg,#23362ff7,#172521fa);border-bottom-color:#52615a}
.tour-controls{background:linear-gradient(105deg,#293c32,#182923)}
.tour-controls button,.unit-offer>span,.unit-offer small,.landing-caption{color:#c8d2ca}
.unit-listing.luxury-hero .hero-intro{color:#d5ddd7}
.unit-offer{border-color:#68796a}
.btn.orange,.unit-listing.luxury-hero .btn.orange{background:linear-gradient(115deg,#e4cba1,#d6b783 65%,#c5a371);border-color:#d6b783;color:#19201b}
.btn.orange:hover,.unit-listing.luxury-hero .btn.orange:hover{background:linear-gradient(115deg,#f0ddbb,#dfc18d);border-color:#e4cba1}
.plan-tabs button[aria-selected=true]{background:linear-gradient(115deg,#e4cba1,#d6b783);color:#19201b}
.filters button.active{color:#f3efe5;border-color:#d6b783}
.btn.outline{border-color:#91a18e}
.btn.outline:hover{background:#3a4d40;border-color:#c1cdbd}
.plan-image{background:linear-gradient(135deg,#f1f1ed,#e4e7e1)}
.plan-image img{object-fit:contain}
::selection{background:#d6b783;color:#19201b}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#ead2a9}
@media(max-width:760px){#navigation{background:linear-gradient(135deg,#304538,#192b24)}.unit-listing.luxury-hero .hero-copy{background:var(--gradient-forest)}}

/* Paint the full available viewport width without 100vw scrollbar overflow.
   Above the former 1530px cap, inset content by the former outer margins. */
main>.section,main>.metrics,body>footer{max-width:none;width:100%}
@media(min-width:1531px){
 main>.section,body>footer{padding-inline:calc((100% - 1530px)/2 + 6%)}
 main>.metrics{padding-inline:calc((100% - 1530px)/2 + 5%)}
}

/* Mobile viewing action: a short lift followed by a long quiet interval. */
@media(max-width:760px){
 .mobile-cta.btn{border-radius:16px;bottom:calc(12px + env(safe-area-inset-bottom,0px));padding:16px 18px;min-height:52px;font-size:clamp(11px,3.25vw,13px);line-height:1.4}
}
@media(max-width:760px) and (prefers-reduced-motion:no-preference){
 .intro-entered .mobile-cta{animation:mobile-viewing-lift 5s ease-in-out 2s infinite}
 .intro-entered .mobile-cta:hover,.intro-entered .mobile-cta:focus-visible,.intro-entered .mobile-cta:active{animation:none}
 @keyframes mobile-viewing-lift{0%,70%,90%,100%{transform:translateY(0)}80%{transform:translateY(-3px)}}
}
@media(prefers-reduced-motion:reduce){.mobile-cta{animation:none!important}}

/* A readable portrait beside the enquiry details, at its original aspect ratio. */
#enquire .enquire-bottom{display:grid;grid-template-columns:200px minmax(0,1fr);gap:36px;align-items:center}
.contact-portrait{margin:0;width:100%;max-width:200px}
.contact-portrait img{width:100%;height:auto;aspect-ratio:593/500;object-fit:contain}
.contact-portrait figcaption{margin-top:14px;font-size:20px;color:#f3efe5}
.contact-portrait figcaption span{display:block;margin-top:2px;font-size:12px;color:#c8d2ca}
.enquire-details{display:flex;flex-wrap:wrap;gap:30px 40px;justify-content:space-between;align-items:flex-start}
.enquire-details>div:first-child{flex:1;min-width:230px}
.enquire-details .closing-price{text-align:left}
@media(max-width:760px){#enquire .enquire-bottom{grid-template-columns:1fr;gap:28px}.contact-portrait{max-width:180px}.enquire-details{display:block}.enquire-details .closing-price{margin-top:28px}}