/* Focused refinements for navigation, filters and contact alignment. */
body .purpose-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,420px);padding:5px;gap:5px;border:1px solid #d4e1ec;border-radius:12px}
body .purpose-tabs button{width:100%;min-width:0;min-height:50px;padding:12px 18px;border-radius:8px;font-weight:600;white-space:nowrap}
body .purpose-tabs button.selected{border-radius:8px;background:#fff;box-shadow:0 2px 8px #092b4510}
body .story-label{display:block;min-width:0}
body .story-label h2{overflow-wrap:break-word}
body .story-body{min-width:0}
body[data-page="contact"] .contact-stack,body[data-page="contact"] .contact-stack>*,body[data-page="contact"] .contact-panel{min-width:0;max-width:100%}
body[data-page="contact"] .contact-methods{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-page="contact"] .contact-method{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
body[data-page="contact"] .contact-method>span:last-child{flex:1;min-width:0}
html body[data-page="contact"] #main .contact-method strong{white-space:normal;overflow-wrap:anywhere}
html body[data-page="contact"] #main .contact-email strong{font-size:16px!important;line-height:1.5}
html body[data-page] header .nav-whatsapp,html body[data-page] .whatsapp-float{background:#25D366!important;border-color:#25D366!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body[data-page] header .nav-whatsapp{gap:10px!important}
html body[data-page] header .nav-whatsapp svg,html body[data-page] .whatsapp-float svg{display:block!important;width:26px;height:26px;flex-shrink:0;fill:none;stroke:#fff!important;stroke-width:1.7;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body[data-page] .whatsapp-float span{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body[data-page] header .nav-whatsapp:hover,html body[data-page] .whatsapp-float:hover{background:#128C7E!important;border-color:#128C7E!important}
@media(max-width:760px){
 body[data-page="contact"] .contact-methods{grid-template-columns:minmax(0,1fr)}
 body[data-page="contact"] .contact-stack .contact-panel{padding:24px}
 body[data-page="contact"] .contact-method{padding:14px;gap:12px}
 html body[data-page="contact"] #main .contact-email strong{font-size:14px!important}
 body .purpose-tabs{width:100%;max-width:none}
}

/* Compact WhatsApp actions and stronger menu emphasis. */
html body[data-page] header #navigation>a:not(.btn){font-weight:700!important}
html body[data-page] header .menu{font-weight:700!important}
html body[data-page] header #navigation>a.active:not(.btn){color:#07467d!important;-webkit-text-fill-color:#07467d!important}
html body[data-page] header #navigation>a.active:not(.btn):after{height:2px;background:#07467d}
html body[data-page] header #navigation .nav-whatsapp{
 width:160px;min-width:160px;max-width:100%;min-height:48px;
 padding:11px 18px!important;border-radius:10px!important;
 font-size:15px!important;font-weight:700!important;line-height:1.4;gap:9px!important;
 background:#25D366!important;border:1px solid #25D366!important;
 box-shadow:0 0 0 3px rgba(37,211,102,.12),0 4px 14px rgba(18,140,70,.2);align-self:flex-start;justify-content:center!important;
}
html body[data-page] header #navigation .nav-whatsapp svg{width:23px;height:23px}
html body[data-page] .whatsapp-float{
 background:#25D366!important;border:1px solid #25D366!important;
 box-shadow:0 0 0 4px rgba(37,211,102,.13),0 6px 20px rgba(18,140,70,.24);
}
html body[data-page] header #navigation .nav-whatsapp:hover,html body[data-page] .whatsapp-float:hover{
 background:#25D366!important;border-color:#25D366!important;
 box-shadow:0 0 0 4px rgba(37,211,102,.18),0 8px 24px rgba(18,140,70,.3);
}
html body[data-page] header #navigation .nav-whatsapp:focus-visible,html body[data-page] .whatsapp-float:focus-visible{outline:3px solid #075E54;outline-offset:4px}

/* Keep the complete email readable on one line within its contact card. */
body[data-page="contact"] .contact-email>span:last-child{container-type:inline-size}
html body[data-page="contact"] #main .contact-email strong{
 font-size:clamp(10px,5.8cqi,16px)!important;
 white-space:nowrap;overflow-wrap:normal;word-break:normal;letter-spacing:0;
}
html body[data-page] header #navigation .nav-whatsapp,
html body[data-page] header .menu{font-weight:800!important}

/* Transparent uploaded WhatsApp artwork. */
html body[data-page] header #navigation .nav-whatsapp .whatsapp-mark{display:block;width:28px;height:28px;object-fit:contain;flex:none}
html body[data-page] .whatsapp-float,html body[data-page] .whatsapp-float:hover{background:transparent!important;border:0!important;box-shadow:none;padding:0}
html body[data-page] .whatsapp-float .whatsapp-mark{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(18,140,70,.24))}

/* Footer alignment and clearly visible WhatsApp actions. */
html body[data-page] footer .footer-brand-mark img{transform:translate(-2.12%,-30%)}
html body[data-page] .whatsapp-float{
 width:60px!important;min-width:60px!important;height:60px!important;min-height:60px!important;
 padding:0!important;gap:0;isolation:isolate;
}
html body[data-page] .whatsapp-float .whatsapp-mark{width:100%;height:100%;position:relative;z-index:1}
html body[data-page] .whatsapp-float:after{
 content:"";position:absolute;inset:8%;border:2px solid #04bf45;border-radius:50%;
 pointer-events:none;z-index:0;animation:whatsapp-highlight 2.8s ease-out infinite;
}
@keyframes whatsapp-highlight{0%{transform:scale(1);opacity:.55}75%,100%{transform:scale(1.5);opacity:0}}
html body[data-page] header #navigation .nav-whatsapp,
html body[data-page] header #navigation .nav-whatsapp:hover{background:#04bf45!important;border-color:#04bf45!important}
html body[data-page] header #navigation .nav-whatsapp .whatsapp-mark{width:32px;height:32px}
@media(prefers-reduced-motion:reduce){html body[data-page] .whatsapp-float:after{animation:none;opacity:.25}}

html body[data-page] footer .footer-phone{font-weight:700!important}

/* Refined, heavier typography limited to the homepage hero taglines. */
html body[data-page="home"] #main .reference-copy h1,
html body[data-page="home"] #main .reference-copy h1 span,
html body[data-page="home"] #main .reference-copy h1 strong,
html body[data-page="home"] #main .hero-tagline{
 font-family:'Manrope','DM Sans',Arial,sans-serif!important;
 font-weight:800!important;font-synthesis:none;
}

/* Consistent Manrope ExtraBold headings throughout the website. */
html body[data-page] :is(h1,h2,h3,h4,h5,h6),
html body[data-page] :is(h1,h2,h3,h4,h5,h6) *,
html body[data-page] .eyebrow,
html body[data-page] footer .footer-nav b{
 font-family:'Manrope','DM Sans',Arial,sans-serif!important;
 font-weight:800!important;font-synthesis:none;
}
html body[data-page] #main .preview-pricing{font-size:16px;line-height:1.5;margin:12px 0 20px}

/* Region names sit on the supplied location preview photographs. */
#region-previews .region-preview-image{position:relative;margin:0;overflow:hidden}
#region-previews .region-preview-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
#region-previews a[href="properties.html?region=west"] .region-preview-image img{object-position:center 56%}
#region-previews .region-image-banner{position:absolute;left:20px;top:20px;max-width:calc(100% - 40px);padding:10px 16px;background:rgba(248,249,251,.96);border:1px solid rgba(255,255,255,.8);border-radius:6px;box-shadow:0 4px 16px #0002}
html body[data-page] #region-previews .region-image-banner h3{margin:0;font-family:'Manrope',sans-serif!important;font-size:clamp(18px,1.6vw,21px)!important;font-weight:800!important;line-height:1.3;letter-spacing:-.02em!important;color:#111!important}

html body[data-page] #region-previews .region-card>div>.eyebrow{font-family:Manrope,sans-serif!important;font-size:clamp(24px,2.2vw,28px)!important;font-weight:800!important;line-height:1.3;letter-spacing:0;text-transform:none}

/* Balanced typography and spacing for location preview cards only. */
html body[data-page] #region-previews .region-card>div{padding:26px 28px 24px;display:flex;flex-direction:column}
html body[data-page] #region-previews .region-card>div>.eyebrow{display:block;margin:0 0 12px}
html body[data-page] #main #region-previews .region-card p{font-size:16px;line-height:1.65;margin:0;min-height:53px}
html body[data-page] #region-previews .region-link{font-size:15px;line-height:1.4;font-weight:700;letter-spacing:0;align-items:center;gap:12px;margin-top:22px;padding-top:18px}
@media(max-width:760px){
 html body[data-page] #region-previews .region-card>div{padding:22px}
 html body[data-page] #region-previews .region-image-banner{left:16px;top:16px;padding:9px 13px;max-width:calc(100% - 32px)}
 html body[data-page] #region-previews .region-image-banner h3{font-size:18px!important}
 html body[data-page] #main #region-previews .region-card p{font-size:15px;min-height:0}
 html body[data-page] #region-previews .region-link{margin-top:20px;padding-top:16px}
}

/* Logo-red backing layer: solid offset, preserving card sizes and content. */
html body[data-page] #main :is(.preview-property,.listing-card,.featured-card,.coverage-card,.about-principles article,.service-grid article,.rahul-card,.story-price,.contact-panel,.contact-form-panel,.guidance-card,.highlight-card,.resource-card,.related-card,.viewing-panel){
 box-shadow:8px 8px 0 0 #F91F04!important;
}
html body[data-page] #main :is(.contact-method,.story-amenities>div){
 box-shadow:4px 4px 0 0 #F91F04!important;
}
@media(max-width:760px){
 html body[data-page] #main :is(.preview-property,.listing-card,.featured-card,.coverage-card,.about-principles article,.service-grid article,.rahul-card,.story-price,.contact-panel,.contact-form-panel,.guidance-card,.highlight-card,.resource-card,.related-card,.viewing-panel){
  box-shadow:6px 6px 0 0 #F91F04!important;
 }
}