:root{--intro-top:317px;--green:#5b734c;--sage:#85967a;--orange:#e98c6d;--peach:#f0dacc;--text:#4f4f4f;--radius:40px;--page-gutter:30px;--grid-gap:28px;--section-space:70px;--field-height:59px;--type-step:0px;--main-title:clamp(1.5rem,calc(1.0037rem + .8824vw - var(--type-step)),2.0625rem);--sub-title:var(--paragraph);--hero-title:clamp(1.75rem,calc(1.1765rem + 1.02vw - var(--type-step)),2.4rem);--display-title:clamp(2rem,calc(1.2942rem + 1.255vw - var(--type-step)),2.8rem);--paragraph:clamp(1.0625rem,calc(.78125rem + .5vw - var(--type-step)),1.38125rem);--copy-text:clamp(1.0625rem,calc(.875rem + .3334vw - var(--type-step)),1.275rem);--body-text:clamp(1.0625rem,calc(.7427rem + .5687vw - var(--type-step)),1.425rem);--nav-text:clamp(1rem,calc(.8346rem + .2942vw - var(--type-step)),1.1875rem);--button-text:clamp(1.0625rem,calc(.7648rem + .53vw - var(--type-step)),1.4rem);--large-text:clamp(1.25rem,calc(.9412rem + .5491vw - var(--type-step)),1.6rem);--price-text:clamp(2rem,calc(.9412rem + 1.883vw - var(--type-step)),3.2rem);--letter-text:clamp(2.25rem,calc(4.1203vw - .0677rem - var(--type-step)),4.8766rem);--block-text:clamp(1.125rem,calc(.2978rem + 1.4706vw - var(--type-step)),2.0625rem);--small-text:.875rem;--line-heading:1.3;--line-body:1.5;--line-control:1.5;}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:110px;}
body{margin:0;color:var(--text);background:#fff;font-family:Tajawal, Arial, sans-serif;font-weight:500;font-size:var(--body-text);line-height:var(--line-body);}
button,input,select,textarea{font:inherit;}
.page-loader{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;background:#fff;pointer-events:none;animation:page-loader-fallback 0.01ms 3s forwards;}
.page-loader img{width:260px;}
@keyframes page-loader-fallback{
to{opacity:0;visibility:hidden;}
}
button,a{-webkit-tap-highlight-color:transparent;}
button{cursor:pointer;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;height:auto;}
h1,h2,h3,p{margin:0;}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:none;outline-offset:5px;}
[hidden]{display:none!important;}
.container,.container-fluid{--bs-gutter-x:28px;}
.container-fluid{padding-inline:var(--page-gutter);}
.row{--bs-gutter-x:var(--grid-gap);--bs-gutter-y:var(--grid-gap);}
.row>*{min-width:0;}
.main-title{font-size:var(--main-title);font-weight:700;line-height:var(--line-heading);}
.sub-title{font-size:var(--sub-title);font-weight:700;line-height:var(--line-heading);}
.paragraph{font-size:var(--paragraph);font-weight:500;line-height:var(--line-body);}
.section-heading{text-align:start;}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
.skip-link{position:fixed;inset:10px 10px auto auto;z-index:200;padding:12px 20px;background:#fff;transform:translateY(-150%);}
.skip-link:focus{transform:none;}
.button-group{display:flex;justify-content:center;gap:24px;}
.main-button{display:flex;align-items:center;justify-content:center;width:349px;border:0;border-radius:15px 15px 0 0;background:var(--sage);color:#fff;font-size:var(--button-text);font-weight:500;text-align:center;line-height:var(--line-control);padding:8px 12px;min-height:48px;}
.main-button,.form-button,.block-tab{--button-hover-background:var(--green);--button-hover-color:#fff;position:relative;isolation:isolate;overflow:hidden;transition:color 500ms ease-in-out;}
:is(.main-button,.form-button,.block-tab):not(:disabled,[aria-disabled="true"])::before,:is(.main-button,.form-button,.block-tab):not(:disabled,[aria-disabled="true"])::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--button-hover-background);pointer-events:none;transition:transform 500ms ease-in-out;}
:is(.main-button,.form-button,.block-tab):not(:disabled,[aria-disabled="true"])::before{right:-20%;clip-path:polygon(0 0,83.333% 0,100% 100%,0 100%);transform:translateX(-100%);}
:is(.main-button,.form-button,.block-tab):not(:disabled,[aria-disabled="true"])::after{left:-20%;clip-path:polygon(16.667% 0,100% 0,100% 100%,0 100%);transform:translateX(100%);}
:is(.main-button,.form-button,.block-tab):not(:disabled,[aria-disabled="true"]):focus-visible{color:var(--button-hover-color);}
:is(.main-button,.form-button,.block-tab):not(:disabled,[aria-disabled="true"]):focus-visible::before{transform:translateX(-40%);}
:is(.main-button,.form-button,.block-tab):not(:disabled,[aria-disabled="true"]):focus-visible::after{transform:translateX(40%);}
:is(.menu-toggle,.video-toggle,.plan-dialog-close,.map-selection button){transition:background-color 280ms ease;}
.site-header{position:absolute;inset:78px 0 auto;z-index:100;pointer-events:none;}
.header-container{pointer-events:auto;transition:transform 550ms cubic-bezier(0.22, 1, 0.36, 1), opacity 350ms ease, visibility 0s;}
.header-nav{position:relative;display:flex;align-items:end;justify-content:space-between;gap:24px;}
.brand{flex:0 0 337px;}
.brand img{width:100%;}
.nav-links{display:flex;align-items:center;gap:26px;padding-bottom:5px;}
.nav-links a{white-space:nowrap;font-size:var(--nav-text);transition:color 180ms ease;color:#000;line-height:var(--line-control);font-weight:400;}
.nav-links a:hover{color:var(--orange);}
.menu-toggle{display:none;position:absolute;inset-inline-end:0;top:50%;width:48px;height:48px;padding:0;border:2px solid var(--sage);border-radius:16px;background:transparent;transform:translateY(-50%);}
.menu-toggle span{position:absolute;top:50%;left:50%;width:21px;height:2px;background:var(--green);transition:transform 260ms ease, background-color 200ms ease;}
.menu-toggle span:first-child{transform:translate(-50%, -5px);}
.menu-toggle span:last-child{transform:translate(-50%, 5px);}
.menu-toggle[aria-expanded="true"] span:first-child{transform:translate(-50%, -50%) rotate(45deg);}
.menu-toggle[aria-expanded="true"] span:last-child{transform:translate(-50%, -50%) rotate(-45deg);}
.mobile-menu>.menu-toggle{position:fixed;inset:auto;left:0;top:0;z-index:2;display:block;border-color:#fff;transform:none;}
.mobile-menu>.menu-toggle span{background:#fff;}
.site-header::before{content:"";position:absolute;inset:0 var(--page-gutter);z-index:-1;border-radius:20px;background:#fff;box-shadow:0 3px 14px rgb(0 0 0 / 7%);visibility:hidden;opacity:0;clip-path:inset(0 42% 100% 42% round 20px);transform:translate3d(0, -22px, 0);transition:clip-path 550ms cubic-bezier(0.22, 1, 0.36, 1), transform 550ms cubic-bezier(0.22, 1, 0.36, 1), opacity 350ms ease, visibility 0s;}
.site-header.is-floating::before{visibility:visible;opacity:1;clip-path:inset(0 0 0 0 round 20px);transform:translate3d(0, 0, 0);}
.site-header.is-hidden::before{visibility:hidden;opacity:0;clip-path:inset(0 42% 100% 42% round 20px);transform:translate3d(0, -22px, 0);transition-delay:0s, 0s, 0s, 550ms;}
.site-header.is-floating{position:fixed;top:12px;}
.site-header.is-floating .header-container{padding-block:16px;display:flex;transform:translate3d(0, 0, 0);justify-content:center;}
.site-header.is-floating .header-nav{align-items:center;}
.site-header.is-floating .brand{flex-basis:270px;}
.site-header.is-floating .nav-links{opacity:1;transform:translateY(0);transition:opacity 350ms ease 60ms, transform 420ms ease 60ms;}
.site-header.is-hidden .header-container{visibility:hidden;opacity:0;transform:translate3d(0, -22px, 0);pointer-events:none;transition-delay:0s, 0s, 550ms;}
.site-header.is-hidden .nav-links{opacity:0;transform:translateY(-6px);transition-delay:0s;}
.header-peek{position:fixed;top:12px;left:50%;z-index:99;display:flex;align-items:center;justify-content:center;width:120px;height:82px;padding:7px;border:0;border-radius:20px;background:#fff;box-shadow:0 3px 12px rgb(0 0 0 / 7%);visibility:hidden;opacity:0;transform:translate(-50%, -110%);transition:transform 320ms cubic-bezier(0.22, 1, 0.36, 1),opacity 220ms ease,visibility 320ms,background-color 280ms ease;}
.header-peek img{width:84px;height:auto;object-fit:contain;}
.header-peek.is-visible{visibility:visible;opacity:1;transform:translate(-50%, 0);}
.mobile-menu{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:transparent;color:#fff;overflow-x:clip;overflow-y:auto;overscroll-behavior:contain;}
.mobile-menu::backdrop{background:rgb(0 0 0 / 20%);}
.menu-panel{min-height:100dvh;background:var(--sage);}
.menu-container{min-height:100dvh;display:flex;flex-direction:column;padding-block:28px;}
.menu-top{display:flex;align-items:center;justify-content:center;gap:24px;}
.menu-top img{width:235px;filter:brightness(0) invert(1);}
.menu-links{display:flex;flex-direction:column;justify-content:center;gap:24px;flex:1;padding-block:40px;}
.menu-links a{font-size:var(--large-text);font-weight:400;line-height:var(--line-control);}
html.menu-open{overflow:hidden;}
.hero{position:relative;padding-top:var(--intro-top);overflow:clip;background:linear-gradient(180deg, #fddeba, #fff);}
.hero::before,.villa-overview::after{content:"";position:absolute;top:209px;left:-56px;width:468px;height:109px;background:url("../images/header-cloud.png") center / contain no-repeat;pointer-events:none;}
.hero::after{content:"";position:absolute;top:0px;right:-150px;width:468px;height:109px;background:url("../images/header-cloud.png") center / contain no-repeat;pointer-events:none;}
.hero-title{position:relative;margin-bottom:13px;font-size:var(--hero-title);font-weight:700;color:var(--green);text-align:center;line-height:var(--line-heading);}
.hero-media{position:relative;aspect-ratio:1859 / 692;border-radius:var(--radius);overflow:hidden;}
.video-frame{position:relative;width:100%;height:100%;overflow:hidden;border-radius:inherit;}
.video-frame video{display:block;width:100%;height:100%;object-fit:cover;}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;}
.video-toggle{position:absolute;left:57px;bottom:12px;z-index:4;width:90px;height:90px;padding:0;border:0;border-radius:50%;background:transparent;}
.video-toggle img{width:100%;height:100%;opacity:61%;}
.video-toggle[aria-pressed="true"]{background:rgb(255 255 255 / 61%);}
.video-toggle[aria-pressed="true"] img{visibility:hidden;}
.video-toggle[aria-pressed="true"]::before,.video-toggle[aria-pressed="true"]::after{content:"";position:absolute;top:35%;width:7%;height:30%;border-radius:2px;background:#6b5845;}
.video-toggle[aria-pressed="true"]::before{left:38%;}
.video-toggle[aria-pressed="true"]::after{right:38%;}
.hero-outline{position:absolute;top:0;left:0;width:583px;height:162px;pointer-events:none;}
.quick-contact{position:absolute;top:25px;left:59px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:84px;height:204px;border-radius:76px;background:rgb(255 255 255 / 95%);}
.quick-contact img{width:70px;height:70px;object-fit:contain;}
.hero-buttons{position:absolute;bottom:0;left:0;right:0;}
.life{margin-top:27px;}
.life.is-animated{height:190dvh;}
.life-container{height:100%;}
.life-stage{position:relative;height:1018px;overflow:hidden;border-radius:0 0 var(--radius) var(--radius);}
.is-animated .life-stage{position:sticky;top:0;height:100dvh;max-height:none;}
.life-stage::before,.family-landscape{aspect-ratio:1859 / 275;background:url("../images/skyline.png") 50.4967% top / calc(100% * 2463 / 1859) auto no-repeat;}
.life-stage::before{content:"";position:absolute;left:0;right:0;bottom:0;pointer-events:none;}
.life-media{position:absolute;inset:0 auto 0 0;width:45%;height:100%;border-radius:var(--radius);z-index:2;}
.life-media .video-toggle{left:35px;bottom:24px;}
.life-slides{display:contents;}
.life-slide{position:absolute;top:0;width:37%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;}
.life-intro{right:10%;}
.life.is-animated .life-media,.life.is-animated .life-slide{will-change:transform;backface-visibility:hidden;}
.life-intro p{font-size:var(--paragraph);transform:translateY(39px);line-height:var(--line-body);}
.life-intro strong{display:inline-block;font-size:var(--main-title);line-height:var(--line-heading);margin-block:.35em;}
.life-birds{position:absolute;top:36%;left:50%;width:104px;height:87px;display:block;will-change:transform;}
.life-details{left:10%;visibility:hidden;}
.life-details p{transform:translateY(21px);font-size:var(--large-text);line-height:var(--line-body);}
.life-title{font-size:var(--hero-title);line-height:var(--line-heading);}
.life-summary{display:inline-block;width:83%;padding-top:28px;}
.location{margin-top:54px;}
.location.is-animated{height:180svh;}
.location>.container-fluid{height:100%;}
.location-stage{display:flex;flex-direction:column;height:910px;}
.is-animated .location-stage{position:sticky;top:80px;height:85svh;max-height:930px;}
.route-container{flex:none;position:relative;z-index:3;pointer-events:none;}
.route{--route-line-y:54px;--route-dot-top:36px;--route-dot-size:36px;position:relative;height:123px;}
.route-line{position:absolute;top:var(--route-line-y);left:18px;right:18px;height:4px;background:var(--text);transform:translateY(-50%);}
.route-stops{display:flex;}
.route-stop{position:relative;flex:0 0 22%;min-width:0;}
.route-stop:last-child{flex:1;text-align:right;}
.route-stop span{display:inline-block;color:var(--text);text-transform:uppercase;font-size:var(--nav-text);line-height:var(--line-control);letter-spacing:0;white-space:normal;}
.route-stop strong{font-weight:700;font-size:var(--sub-title);}
.route-stop:first-child span{font-weight:700;}
.route-stop:not(:first-child):not(:last-child) span{margin-left:18px;transform:translateX(-50%);}
.route-stop i{position:absolute;top:var(--route-dot-top);left:0;width:var(--route-dot-size);height:var(--route-dot-size);border-radius:50%;background:var(--text);}
.route-stop:first-child i{background:linear-gradient(#b2df6f, #70cdab);}
.route-stop:last-child i{left:auto;right:0;}
.route-car{position:absolute;top:25px;left:0;width:133px;height:63px;object-fit:cover;z-index:3;}
.location-map{position:relative;flex:1;min-height:0;margin-top:-68px;overflow:hidden;isolation:isolate;border-radius:var(--radius);background:#f6f7f2;}
.map-canvas,.map-markers,.map-reach{position:absolute;inset:0;}
.map-canvas{font-family:Tajawal, Arial, sans-serif;background:#f5f3ed;}
.map-reach{width:100%;height:100%;pointer-events:none;}
.map-reach circle{fill:rgb(233 140 109 / 3%);stroke:var(--orange);stroke-width:2px;}
.map-markers{pointer-events:none;}
.map-attribution{position:absolute;bottom:4px;right:12px;z-index:4;padding:2px 6px;border-radius:5px;background:rgb(255 255 255 / 90%);direction:ltr;font:.75rem/1.5 Arial,sans-serif;}
.map-status{z-index:5;position:absolute;bottom:20px;inset-inline:20px;padding:10px 18px;border-radius:15px;background:#fff;text-align:center;font-size:var(--nav-text);}
.map-project,.map-point{position:absolute;top:0;left:0;width:0;height:0;}
.map-project{z-index:3;visibility:hidden;}
.location-map.is-ready .map-project{visibility:visible;}
.map-places{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0;padding:0;list-style:none;}
.map-places li{display:flex;align-items:center;gap:16px;padding:12px 16px;border:1px solid var(--peach);border-radius:14px;background:#fff;}
.map-places time{color:var(--green);}
.map-selection{position:absolute;top:20px;inset-inline:20px;z-index:600;display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:320px;margin-inline:auto;padding:14px 16px;border:1px solid var(--peach);border-radius:20px;background:#fff;box-shadow:0 5px 20px rgb(0 0 0 / 10%);}
.map-selection p{display:flex;flex-direction:column;gap:4px;font-size:var(--nav-text);line-height:var(--line-control);}
.map-selection span{color:var(--green);font-size:var(--small-text);}
.map-selection button{display:grid;place-items:center;flex:0 0 36px;height:36px;padding:0;border:0;border-radius:50%;background:#eff3ea;color:var(--green);line-height:1;}
.map-point.is-selected .map-dot::before{background:var(--orange);}
.map-project-core{position:absolute;inset:-15px;border:6px solid #fff;border-radius:50%;background:var(--orange);box-shadow:0 0 0 10px rgb(233 140 109 / 15%), 0 4px 20px rgb(0 0 0 / 18%);}
.map-project-label{position:absolute;bottom:22px;left:50%;display:flex;flex-direction:column;width:136px;padding:13px 14px;border:1px solid var(--orange);border-radius:18px;background:#fff;color:var(--green);text-align:center;transform:translateX(-50%);box-shadow:0 6px 20px rgb(0 0 0 / 7%);}
.map-project-label::after{content:"";position:absolute;top:100%;left:50%;width:1px;height:10px;background:var(--orange);}
.map-project-label strong{font-size:var(--nav-text);line-height:var(--line-control);}
.map-project-label small{color:#7c8277;font-size:var(--small-text);}
.map-point{opacity:0;pointer-events:none;transition:opacity 320ms ease;}
.map-point.is-visible{opacity:1;}
.map-dot{pointer-events:auto;position:absolute;left:-16px;top:-16px;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;}
.map-dot::before{content:"";position:absolute;inset:8px;border:3px solid #fff;border-radius:50%;background:var(--green);box-shadow:0 1px 7px rgb(0 0 0 / 25%);}
.map-connector{position:absolute;overflow:visible;pointer-events:none;visibility:hidden;}
.map-connector path{fill:none;stroke:var(--green);stroke-width:1px;stroke-opacity:60%;}
.map-point.has-label .map-connector{visibility:visible;}
.map-label{position:absolute;left:0;top:0;display:flex;align-items:center;gap:8px;width:max-content;max-width:215px;padding:10px 12px;border:1px solid #dce3d8;border-radius:14px;background:#fff;color:#394131;font-weight:700;direction:rtl;visibility:hidden;opacity:0;pointer-events:none;transition:opacity 240ms ease;box-shadow:0 5px 18px rgb(0 0 0 / 8%);font-size:var(--small-text);line-height:var(--line-control);}
.map-label time{flex:none;padding:5px 7px;border-radius:18px;background:#eff3ea;color:var(--green);white-space:nowrap;font-size:var(--small-text);}
.map-point.has-label .map-label{visibility:visible;opacity:1;}
.features{position:relative;padding-top:28px;}
.features::after{content:"";position:absolute;top:0;right:0;width:189px;height:721px;max-height:100%;background:url("../images/features-outline.png") center / contain no-repeat;pointer-events:none;}
.feature-list>.feature-heading{display:flex;align-items:end;flex:0 0 60%;width:60%;padding-bottom:20px;}
.feature-list>.col{display:flex;}
.feature-card{display:flex;flex-direction:column;justify-content:flex-start;width:100%;min-height:0;gap:48px;padding:20px;border-radius:20px;background:rgb(233 140 109 / 9%);}
.feature-card img{width:113px;height:83px;object-fit:scale-down;object-position:right top;}
.neighborhood{margin-top:24px;}
.neighborhood-media{position:relative;width:100%;height:100%;min-height:872px;border-radius:var(--radius);background:url("../images/neighborhood.png?v=2") center / cover no-repeat;}
.neighborhood-media h2{position:absolute;top:32%;left:16%;width:53%;font-size:var(--hero-title);font-weight:500;line-height:var(--line-heading);}
.neighborhood-media strong{font-weight:700;}
.infrastructure{display:flex;align-items:center;height:100%;padding:134px 70px;border-radius:var(--radius);background:var(--sage);color:#fff;}
.infrastructure>.row{flex:1;--bs-gutter-y:35px;}
.infrastructure-item{display:flex;align-items:center;gap:20px;height:100%;}
.infrastructure-item img{flex:0 0 92px;width:92px;height:auto;object-fit:scale-down;}
.infrastructure-item p{flex:1;min-width:0;font-size:var(--body-text);line-height:var(--line-body);}
.lands{margin-top:118px;}
.land-panel{position:relative;isolation:isolate;padding-top:51px;}
.land-panel::before{content:"";position:absolute;inset:0 0 85px;z-index:-1;border-radius:var(--radius);background:#fff3eb;}
.land-plan{width:100%;height:auto;aspect-ratio:1066 / 685;object-fit:contain;mix-blend-mode:multiply;margin-bottom:30px;}
.land-plan-link{display:block;cursor:zoom-in;}
dialog img[src*="plan-master"],[role="dialog"] img[src*="plan-master"]{background:#fff;}
.plan-magnifier{position:fixed;z-index:80;width:clamp(160px,14vw,220px);aspect-ratio:1;border:3px solid #fff;border-radius:50%;background-color:#fff3eb;background-repeat:no-repeat;background-origin:border-box;box-shadow:0 0 0 1px var(--orange),0 8px 24px rgb(0 0 0 / 18%);pointer-events:none;opacity:0;visibility:hidden;transition:opacity 140ms ease,visibility 140ms ease;}
@media (hover:hover) and (pointer:fine){
  .plan-magnifier.is-visible{opacity:1;visibility:visible;}
}
@media (prefers-reduced-motion:reduce){
  .plan-magnifier{transition:none;}
}
.land-copy .main-title{padding-bottom:12px;color:#000;font-weight:500;}
.land-copy p{padding-inline:3px 27px;font-size:var(--body-text);line-height:var(--line-body);}
.land-stats{margin-top:42px;}
.land-stats .row{--bs-gutter-x:16px;--bs-gutter-y:16px;}
.land-stat{display:flex;justify-content:center;align-items:center;min-height:185px;padding:24px;border-radius:var(--radius);background:linear-gradient(90deg, #e1a795, #e9c3b0);text-align:center;line-height:var(--line-body);}
.land-buttons{margin-top:93px;}
.family{position:relative;margin-top:73px;}
.family::before{content:"";position:absolute;top:-328px;left:17px;width:45%;height:1292px;background:url("../images/palm-shadow.png") center / contain no-repeat;pointer-events:none;z-index:-1;}
.family-layout{display:flex;align-items:start;width:1254px;max-width:100%;margin-inline-end:auto;overflow-x:hidden;}
.family-photo{position:relative;z-index:2;width:765px;flex:0 0 765px;aspect-ratio:765 / 899;object-fit:cover;border-radius:var(--radius);}
.family-card{position:relative;width:613px;flex:0 0 613px;aspect-ratio:613 / 791;margin-top:50px;margin-inline-start:-124px;border-radius:35px;background:rgb(252 200 145 / 62%);}
.family-card h2{position:absolute;top:458px;right:279px;font-weight:700;color:var(--green);white-space:nowrap;font-size:var(--display-title);line-height:var(--line-heading);}
.family-cloud,.family-sun,.family-birds{position:absolute;pointer-events:none;}
.family-cloud{top:90px;left:0;width:61%;}
.family-sun{top:61px;left:7%;width:10%;}
.family-birds{top:51%;left:18%;width:15%;}
.family-landscape{position:relative;margin-top:-120px;z-index:-1;}
.villas{margin-top:50px;}
.villa-layout{display:flex;align-items:start;justify-content:end;gap:208px;}
.villa-copy{position:relative;flex:0 0 573px;padding-top:40px;}
.villa-birds{position:absolute;top:0;left:185px;width:82px;height:70px;}
.villa-photo{position:relative;overflow:hidden;flex:0 0 787px;width:787px;aspect-ratio:787 / 597;margin-top:88px;border-radius:var(--radius);}
.villa-photo-img{display:block;width:100%;height:100%;object-fit:cover;}
.villa-specs{display:flex;flex-direction:column;gap:87px;margin-top:94px;}
.villa-spec{position:relative;display:flex;align-items:center;justify-content:center;min-height:83px;padding:20px 22px;border:2px solid var(--orange);border-radius:30px;text-align:center;line-height:var(--line-body);}
.villa-spec img{position:absolute;bottom:100%;left:24px;width:95px;height:76px;object-fit:contain;object-position:left bottom;}
.villa-buttons{margin-top:77px;}
.villa-landscape{position:relative;overflow:hidden;width:100%;aspect-ratio:1861 / 198;margin-top:18px;border-radius:0 0 var(--radius) var(--radius);}
.villa-landscape-img{display:block;width:100%;height:100%;object-fit:cover;}
.finance{margin-top:42px;}
.finance-heading{display:flex;flex-direction:column;justify-content:center;min-height:184px;}
.finance-row{border-bottom:2px solid var(--peach);}
.finance-row:last-child{border-bottom:0;}
.finance-item{display:flex;align-items:center;gap:84px;padding-block:24px;}
.finance-icon{display:flex;align-items:center;justify-content:center;flex:0 0 120px;height:96px;border-radius:24px;background:linear-gradient(0deg, #c4dc75, #53d4a3);}
.finance-icon img{width:68px;height:68px;object-fit:contain;}
.finance-item p{flex:1;font-size:var(--large-text);line-height:var(--line-body);}
.finance-item strong{font-weight:700;}
.bank-list{margin-top:60px;margin-bottom:80px;}
.bank-list .row{--bs-gutter-x:93px;}
.bank-item{display:flex;align-items:center;justify-content:center;height:auto;}
.bank-item img{width:100%;max-height:100%;object-fit:contain;}
.direct-installment{margin-block:var(--section-space);}
.villas + .direct-installment{margin-block-end:calc(var(--section-space) * .7);}
.direct-installment + .finance{margin-top:0;}
.location + .direct-installment{margin-block-end:0;}
.direct-installment-panel{border-radius:var(--radius);background:#fff3eb;color:var(--text);}
.direct-installment-content{display:flex;align-items:center;gap:clamp(24px,3vw,48px);padding-block:clamp(28px,4vw,60px);}
.direct-installment-icon{flex:none;width:clamp(72px,7vw,104px);height:auto;}
.direct-installment-copy{flex:1;min-width:0;max-width:980px;text-align:start;}
.direct-installment-copy .paragraph{margin-top:14px;}
.direct-installment--plain .direct-installment-panel{background:transparent;}
.direct-installment--plain .direct-installment-content{padding-block:0;}
@media (max-width:650px){
  .direct-installment-content{flex-direction:column;align-items:flex-start;gap:18px;}
  .direct-installment-icon{display:none;}
  .direct-installment-copy .paragraph{margin-top:10px;}
}
.services{margin-top:0;}
.services-panel{padding-top:43px;padding-bottom:104px;border-radius:var(--radius);background:linear-gradient(rgb(255 255 255 / 21%), rgb(255 255 255 / 21%)), url("../images/services-background.png?v=2") center / cover no-repeat;}
.services-panel .section-heading{display:flex;flex-direction:column;justify-content:center;min-height:184px;}
.service-list>.col{display:flex;}
.service-card{display:flex;flex-direction:column;align-items:center;width:100%;min-height:452px;padding:76px 30px 40px;border-radius:var(--radius);background:rgb(255 255 255 / 52%);text-align:center;}
.service-card img{width:114px;height:100px;object-fit:contain;}
.service-card img.service-streets-icon{width:90px;}
.service-card p{position:relative;width:100%;margin-top:28px;padding-top:28px;line-height:var(--line-body);}
.service-card p::before{content:"";position:absolute;top:0;left:50%;width:128px;max-width:100%;height:2px;background:#fff;transform:translateX(-50%);}
.contact{position:relative;margin-top:66px;z-index:2;}
.contact::before{content:"";position:absolute;top:115px;inset-inline:var(--page-gutter);bottom:-200px;z-index:-1;background:#fff;border-radius:var(--radius) var(--radius) 0 0;}
.contact-layout{justify-content:space-between;align-items:end;}
.contact-form{padding-top:118px;}
.contact-form .section-heading{margin-bottom:14px;}
.form-fields{--bs-gutter-x:17px;--bs-gutter-y:17px;}
.form-note{margin-top:12px;font-size:max(14px,var(--small-text));line-height:1.6;}
.booking-form .form-note{margin-top:0;}
.form-field{display:block;width:100%;padding:10px 27px;border:2px solid var(--orange);border-radius:25px;background:#fff;color:var(--text);text-align:start;font-size:var(--nav-text);height:auto;min-height:48px;line-height:var(--line-control);}
.form-field::placeholder{color:var(--text);opacity:1;}
.required-field{position:relative;--required-marker-inset:clamp(16px,1.5vw,27px);}
.required-field .form-field{padding-right:calc(var(--required-marker-inset) + 16px);}
.required-marker{position:absolute;right:var(--required-marker-inset);top:50%;transform:translateY(-50%);color:#d43b35;font-size:20px;font-weight:700;line-height:1;pointer-events:none;}
.booking-form .required-marker{color:#ff7975;}
input[type="tel"],input[type="email"]{direction:ltr;text-align:right;}
textarea.form-field{height:auto;min-height:var(--field-height);resize:none;overflow:hidden;scrollbar-width:none;}
.form-button{--button-hover-background:#f6c8ad;--button-hover-color:var(--text);display:flex;justify-content:center;align-items:center;width:100%;padding:10px 20px;border:0;border-radius:25px;background:var(--peach);color:var(--text);font-size:var(--body-text);line-height:var(--line-control);min-height:48px;}
.contact-form>.form-button{margin-top:16px;}
.profile-visual{position:relative;width:361px;max-width:100%;margin-inline-start:13px;margin-inline-end:auto;}
.profile-pdf{position:absolute;top:80%;right:4%;width:77px;height:87px;}
.profile .form-button{margin-top:30px;}
.site-footer{display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:auto 1fr;margin-top:63px;}
.site-footer>.container-fluid{position:relative;grid-area:1 / 1;z-index:2;}
.footer-content{position:relative;isolation:isolate;padding-top:78px;padding-bottom:66px;background:#fff;border-radius:0 0 var(--radius) var(--radius);}
.footer-content::before{content:"";position:absolute;inset:0;z-index:-1;background:#fff;border-radius:inherit;pointer-events:none;}
.footer-divider{height:2px;margin-inline:46px;background:var(--peach);}
.footer-links{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-top:31px;}
.footer-brand{flex:0 0 441px;}
.footer-brand img{width:100%;}
.footer-phone,.footer-whatsapp,.social-icons,.phone-numbers{display:flex;align-items:center;}
.footer-phone,.footer-whatsapp{padding-bottom:8px;font-size:var(--body-text);line-height:var(--line-control);}
.footer-phone img,.footer-whatsapp img{flex:none;width:43px;height:43px;object-fit:contain;}
.footer-whatsapp{gap:13px;}
.phone-numbers{gap:12px;white-space:nowrap;font-size:var(--body-text);}
.phone-numbers a+a::before{content:"|";margin-inline-end:12px;}
.social-icons{flex:none;gap:4px;padding-bottom:8px;}
.social-icons img{width:43px;height:43px;object-fit:contain;}
.social-link,.footer-call{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:44px;min-height:44px;border-radius:12px;transition:background-color 180ms ease, box-shadow 180ms ease;}
.social-link[href]:focus-visible,.footer-call:hover,.footer-call:focus-visible{background:#fff3eb;box-shadow:inset 0 0 0 1px var(--peach);}
.footer-landscape{display:flex;align-items:end;grid-area:1 / 1 / 3;min-height:748px;margin:0;padding-bottom:25px;border-radius:0;background:url("../images/footer-background.png") center bottom / cover no-repeat;}
.footer-landscape p{margin-inline-end:85px;color:#fff;text-align:end;font-size:var(--button-text);line-height:var(--line-body);}
@media screen and (min-width: 901px){
.life-media{width:auto;max-width:45%;aspect-ratio:4 / 5;}
}
@media screen and (min-width: 1199px) and (max-width: 1680px){
:root{--type-step:1px;}
}
@media screen and (max-width: 1680px){
.hero-outline{width:31%;height:auto;}
.villa-layout{gap:7.5%;}
:root{--intro-top:231px;--radius:31.5px;--page-gutter:25.2px;--grid-gap:25.2px;--section-space:58.8px;--field-height:45.17px;}
html{scroll-padding-top:84.22px;}
.page-loader img{width:199.06px;}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3.83px;}
.container,.container-fluid{--bs-gutter-x:21.44px;}
.skip-link{inset:7.65px 7.65px auto auto;padding:9.19px 15.31px;}
.button-group{gap:18.38px;}
.main-button{width:262.5px;min-height:42px;border-radius:11.49px 11.49px 0 0;}
.header-nav{gap:18.38px;}
.brand{flex:0 0 252px;}
.nav-links{gap:21px;padding-bottom:3.83px;}
.menu-toggle{width:36.75px;height:36.75px;border-radius:12.25px;}
.menu-toggle span{width:16.08px;}
.menu-toggle span:first-child{transform:translate(-50%, -3.83px);}
.menu-toggle span:last-child{transform:translate(-50%, 3.83px);}
.site-header::before{border-radius:15.31px;box-shadow:0 2.3px 10.72px rgb(0 0 0 / 7%);clip-path:inset(0 42% 100% 42% round 15.31px);transform:translate3d(0, -16.84px, 0);}
.site-header.is-floating::before{clip-path:inset(0 0 0 0 round 15.31px);}
.site-header.is-hidden::before{clip-path:inset(0 42% 100% 42% round 15.31px);transform:translate3d(0, -16.84px, 0);}
.site-header.is-floating{top:9.19px;}
.site-header.is-floating .header-container{padding-block:12.25px;}
.site-header.is-floating .brand{flex-basis:231px;}
.site-header.is-hidden .header-container{transform:translate3d(0, -16.84px, 0);}
.site-header.is-hidden .nav-links{transform:translateY(-4.6px);}
.header-peek{top:9.19px;width:122.85px;height:71.4px;padding:5.35px;border-radius:15.31px;box-shadow:0 2.3px 9.19px rgb(0 0 0 / 7%);}
.header-peek img{width:79.8px;}
.menu-container{padding-block:21.44px;}
.menu-top{gap:18.38px;}
.menu-top img{width:179.92px;}
.menu-links{gap:18.38px;padding-block:30.63px;}
.hero::before,.villa-overview::after{top:138.6px;left:-42.87px;width:315px;height:73.5px;}
.hero::after{right:-114.85px;width:315px;height:73.5px;}
.hero-title{margin-bottom:9.95px;}
.video-toggle{left:31.5px;bottom:9.19px;width:63px;height:63px;}
.quick-contact{top:19.14px;left:31.5px;gap:7.65px;width:63px;height:153.3px;border-radius:58.19px;}
.quick-contact img{width:50.4px;height:50.4px;}
.life{margin-top:20.67px;}
.life-media .video-toggle{left:26.8px;bottom:18.38px;}
.life-intro p{transform:translateY(29.86px);}
.life-birds{top:30%;width:84px;height:71.4px;}
.life-details p{transform:translateY(16.08px);}
.life-summary{padding-top:21px;}
.features{padding-top:21.44px;}
.features::after{width:110.25px;height:420px;}
.feature-list>.feature-heading{padding-bottom:15.31px;}
.feature-card{gap:40px;padding:18.9px;border-radius:15.31px;}
.feature-card img{width:94.5px;height:69.3px;}
.neighborhood{margin-top:18.38px;}
.neighborhood-media{min-height:567px;}
.infrastructure{padding:46.2px 25.2px;}
.infrastructure>.row{--bs-gutter-y:26.8px;}
.infrastructure-item{gap:12.6px;}
.infrastructure-item img{width:60.9px;height:67.2px;flex-basis:60.9px;object-fit:contain;}
.land-panel{padding-top:36.75px;}
.land-panel::before{inset:0 0 65.08px;}
.land-plan{width:90%;margin-inline:auto;margin-bottom:22.97px;}
.land-copy .main-title{padding-bottom:9.19px;}
.land-copy p{padding:0;padding-inline:2.3px 20.67px;}
.land-stats{margin-top:32.15px;}
.land-stats .row{--bs-gutter-x:12.25px;--bs-gutter-y:12.25px;}
.land-stat{min-height:115.5px;padding:21px;}
.land-buttons{margin-top:46.2px;}
.family::before{top:-443px;left:0;}
.family-layout{width:1050px;}
.family-photo{width:60%;flex-basis:60%;}
.family-card{width:49%;flex-basis:49%;margin-top:40px;margin-inline-start:-9%;}
.family-card h2{top:57%;right:46%;}
.villas{margin-top:38.28px;}
.villa-copy{padding-top:30.63px;flex-basis:35%;}
.villa-birds{left:141.65px;width:62.78px;height:53.59px;}
.villa-photo{margin-top:67.38px;width:43%;flex-basis:43%;}
.villa-specs{gap:63px;margin-top:73.5px;}
.villa-spec{min-height:78.75px;padding:15.31px 12.6px;border-radius:22.97px;}
.villa-spec img{left:18.38px;width:71.4px;height:56.7px;}
.villa-buttons{margin-top:58.96px;}
.villa-landscape{margin-top:13.78px;}
.finance{margin-top:32.15px;}
.finance-item{gap:37.8px;padding-block:21px;}
.finance-icon{flex:0 0 92.4px;height:75.6px;border-radius:18.38px;}
.finance-icon img{width:54.6px;height:54.6px;}
.bank-list{margin-top:10.5px;margin-bottom:42px;}
.bank-list .row{--bs-gutter-x:71.2px;}
.bank-item{height:147px;}
.services-panel{padding-top:32.92px;padding-bottom:79.62px;}
.service-card{min-height:315px;padding:37.8px 18.9px 25.2px;}
.service-card img{width:84px;height:75.6px;}
.service-card img.service-streets-icon{width:66px;}
.service-card p{margin-top:21px;padding-top:21px;}
.service-card p::before{width:98px;}
.contact{margin-top:50.53px;}
.contact::before{top:88.04px;bottom:-153.12px;}
.contact-form{padding-top:84px;}
.contact-form .section-heading{margin-bottom:10.72px;}
.form-fields{--bs-gutter-x:13.02px;--bs-gutter-y:13.02px;}
.form-field{padding:7.65px 20.67px;border-radius:19.14px;}
.form-button{min-height:45.17px;padding:7.65px 15.31px;border-radius:19.14px;}
.contact-form>.form-button{margin-top:12.25px;}
.profile-visual{width:294px;margin-inline-start:9.95px;}
.profile-pdf{width:65.1px;height:73.5px;}
.profile .form-button{margin-top:22.97px;}
.footer-content{padding-top:52.5px;padding-bottom:47.25px;}
.footer-divider{margin-inline:35.22px;}
.footer-links{gap:16.8px;margin-top:23.73px;}
.footer-brand{flex-basis:22%;}
.footer-phone,.footer-whatsapp{padding-bottom:6.12px;}
.footer-phone img,.footer-whatsapp img{width:35.7px;height:32.92px;}
.footer-whatsapp{gap:9.95px;}
.phone-numbers{gap:9.19px;}
.phone-numbers a+a::before{margin-inline-end:9.19px;}
.social-icons{gap:3.07px;padding-bottom:6.12px;}
.social-icons img{width:31.5px;height:31.5px;}
.social-link,.footer-call{min-width:33.68px;min-height:33.68px;border-radius:9.19px;}
.footer-landscape{min-height:451.5px;padding-bottom:19.14px;}
.footer-landscape p{margin-inline-end:65.08px;}
.site-header{inset:54.6px 0 auto;}
.life-stage{max-height:100svh;height:714px;}
.lands{margin-top:58.8px;}
.finance-heading,.services-panel .section-heading{min-height:126px;}
.site-footer{margin-top:37.8px;}
.footer-brand img{max-width:300px;}
.bank-item img{width:72%;}
.route-car{width:114px;height:55px;}
}
@media screen and (max-width: 1400px){
.villa-layout{gap:7%;}
:root{--intro-top:198.55px;--radius:27.07px;--page-gutter:21.66px;--grid-gap:21.66px;--section-space:50.54px;--field-height:38.83px;}
html{scroll-padding-top:72.39px;}
.page-loader img{width:171.09px;}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:1.9px solid var(--green);outline-offset:3.3px;}
.container,.container-fluid{--bs-gutter-x:18.43px;}
.skip-link{inset:6.58px 6.58px auto auto;padding:7.89px 13.16px;}
.button-group{gap:15.79px;}
.main-button{width:225.62px;min-height:36.1px;border-radius:9.87px 9.87px 0 0;}
.header-nav{gap:15.79px;}
.brand{flex:0 0 216.6px;}
.nav-links{gap:18.05px;padding-bottom:3.3px;}
.menu-toggle{width:31.59px;height:31.59px;border:1.9px solid var(--sage);border-radius:10.54px;}
.menu-toggle span{width:13.81px;height:1.9px;}
.menu-toggle span:first-child{transform:translate(-50%, -3.3px);}
.menu-toggle span:last-child{transform:translate(-50%, 3.3px);}
.site-header::before{border-radius:13.16px;box-shadow:0 1.98px 9.21px rgb(0 0 0 / 7%);clip-path:inset(0 42% 100% 42% round 13.16px);transform:translate3d(0, -14.48px, 0);}
.site-header.is-floating::before{clip-path:inset(0 0 0 0 round 13.16px);}
.site-header.is-hidden::before{clip-path:inset(0 42% 100% 42% round 13.16px);transform:translate3d(0, -14.48px, 0);}
.site-header.is-floating{top:7.89px;}
.site-header.is-floating .header-container{padding-block:10.54px;}
.site-header.is-floating .brand{flex-basis:198.55px;}
.site-header.is-hidden .header-container{transform:translate3d(0, -14.48px, 0);}
.site-header.is-hidden .nav-links{transform:translateY(-3.95px);}
.header-peek{top:7.89px;width:105.59px;height:61.37px;padding:4.6px;border-radius:13.16px;box-shadow:0 1.98px 7.89px rgb(0 0 0 / 7%);}
.header-peek img{width:68.59px;}
.menu-container{padding-block:18.43px;}
.menu-top{gap:15.79px;}
.menu-top img{width:154.64px;}
.menu-links{gap:15.79px;padding-block:26.32px;}
.hero::before,.villa-overview::after{top:119.13px;left:-36.85px;width:270.75px;height:63.17px;}
.hero::after{right:-98.71px;width:270.75px;height:63.17px;}
.hero-title{margin-bottom:8.56px;}
.video-toggle{left:27.07px;bottom:7.89px;width:54.15px;height:54.15px;}
.video-toggle[aria-pressed="true"]::before,.video-toggle[aria-pressed="true"]::after{border-radius:1.9px;}
.quick-contact{top:16.45px;left:27.07px;gap:6.58px;width:54.15px;height:131.76px;border-radius:50.02px;}
.quick-contact img{width:43.32px;height:43.32px;}
.life{margin-top:17.77px;}
.life-media .video-toggle{left:23.03px;bottom:15.79px;}
.life-intro p{transform:translateY(25.67px);}
.life-birds{width:72.2px;height:61.37px;}
.life-details p{transform:translateY(13.81px);}
.life-summary{padding-top:18.05px;}
.features{padding-top:18.43px;}
.features::after{width:94.76px;height:361px;}
.feature-list>.feature-heading{padding-bottom:13.16px;}
.feature-card{gap:32px;padding:16.25px;border-radius:13.16px;}
.feature-card img{width:81.22px;height:59.56px;}
.neighborhood{margin-top:15.79px;}
.neighborhood-media{min-height:487.35px;}
.infrastructure{padding:39.71px 21.66px;}
.infrastructure>.row{--bs-gutter-y:23.03px;}
.infrastructure-item{gap:10.83px;}
.infrastructure-item img{width:52.34px;height:57.76px;flex-basis:52.34px;}
.land-panel{padding-top:31.59px;}
.land-panel::before{inset:0 0 55.94px;}
.land-plan{width:88%;margin-bottom:19.75px;}
.land-copy .main-title{padding-bottom:7.89px;}
.land-copy p{padding-inline:1.98px 17.77px;}
.land-stats{margin-top:27.64px;}
.land-stats .row{--bs-gutter-x:10.54px;--bs-gutter-y:10.54px;}
.land-stat{min-height:99.27px;padding:18.05px;}
.land-buttons{margin-top:39.71px;}
.family::before{top:-340px;height:1000px;}
.family-layout{width:840px;}
.family-card{margin-top:30px;}
.villas{margin-top:32.91px;}
.villa-copy{flex:0 0 377.07px;padding-top:26.32px;}
.villa-birds{left:121.75px;width:53.96px;height:46.07px;}
.villa-photo{flex:0 0 517.9px;margin-top:57.91px;}
.villa-specs{gap:54.15px;margin-top:63.17px;}
.villa-spec{min-height:67.69px;padding:13.16px 10.83px;border:1.9px solid var(--orange);border-radius:19.75px;}
.villa-spec img{left:15.79px;width:61.37px;height:48.73px;}
.villa-buttons{margin-top:50.67px;}
.villa-landscape{margin-top:11.84px;}
.finance{margin-top:27.64px;}
.finance-row{border-bottom:1.9px solid var(--peach);}
.finance-item{gap:32.49px;padding-block:18.05px;}
.finance-icon{flex:0 0 79.42px;height:64.98px;border-radius:15.79px;}
.finance-icon img{width:46.93px;height:46.93px;}
.bank-list{margin-top:9.03px;margin-bottom:36.1px;}
.bank-list .row{--bs-gutter-x:61.2px;}
.bank-item{height:126.35px;}
.services-panel{padding-top:28.29px;padding-bottom:68.44px;}
.service-card{min-height:270.75px;padding:32.49px 16.25px 21.66px;}
.service-card img{width:72.2px;height:64.98px;}
.service-card img.service-streets-icon{width:57px;}
.service-card p{margin-top:18.05px;padding-top:18.05px;}
.service-card p::before{width:84.23px;height:1.9px;}
.contact{margin-top:43.42px;}
.contact::before{top:75.68px;bottom:-131.61px;}
.contact-form{padding-top:72.2px;}
.contact-form .section-heading{margin-bottom:9.21px;}
.form-fields{--bs-gutter-x:11.19px;--bs-gutter-y:11.19px;}
.form-field{padding:6.58px 17.77px;border:1.9px solid var(--orange);border-radius:16.45px;}
.form-button{min-height:38.83px;padding:6.58px 13.16px;border-radius:16.45px;}
.contact-form>.form-button{margin-top:10.54px;}
.profile-visual{width:252.7px;margin-inline-start:8.56px;}
.profile-pdf{width:55.95px;height:63.17px;}
.profile .form-button{margin-top:19.75px;}
.footer-content{padding-top:45.12px;padding-bottom:40.61px;}
.footer-divider{height:1.9px;margin-inline:30.27px;}
.footer-links{gap:14.44px;margin-top:20.4px;}
.footer-brand{flex-basis:21%;}
.footer-phone,.footer-whatsapp{padding-bottom:5.26px;}
.footer-phone img,.footer-whatsapp img{width:30.68px;height:28.29px;}
.footer-whatsapp{gap:8.56px;}
.phone-numbers{gap:7.89px;}
.phone-numbers a+a::before{margin-inline-end:7.89px;}
.social-icons{gap:2.63px;padding-bottom:5.26px;}
.social-icons img{width:27.07px;height:27.07px;}
.social-link,.footer-call{min-width:28.96px;min-height:28.96px;border-radius:7.89px;}
.footer-landscape{min-height:388.07px;padding-bottom:16.45px;}
.footer-landscape p{margin-inline-end:55.94px;}
.site-header{inset:46.93px 0 auto;}
.life-stage{height:613.7px;}
.lands{margin-top:50.54px;}
.family{margin-top:56px;}
.finance-heading,.services-panel .section-heading{min-height:108.3px;}
.site-footer{margin-top:32.49px;}
.footer-brand img{max-width:257.21px;}
.bank-item img{width:68%;}
.route{--route-dot-size:25px;--rout-dot-top:42px;}
.route-stop i{top:var(--rout-dot-top);}
.route-car{width:96px;height:46px;top:31px;}
}
@media screen and (max-width: 1199px){
:root{--intro-top:200px;--radius:30px;--grid-gap:24px;--section-space:56px;}
.site-header{top:40px;}
.brand{flex-basis:240px;}
.site-header.is-floating .brand{flex-basis:210px;}
.site-header.is-floating .header-container{padding-block:12px;}
.hero::before,.villa-overview::after{top:125px;width:300px;height:70px;}
.hero::after{width:300px;height:70px;}
.hero-media{aspect-ratio:2 / 1;}
.quick-contact{top:20px;left:25px;width:60px;height:140px;}
.quick-contact img{width:48px;height:48px;}
.video-toggle{width:60px;height:60px;left:25px;bottom:16px;}
.main-button{width:260px;min-height:48px;}
.life{margin-top:24px;}
.life-stage{height:660px;}
.life-slide{width:43%;}
.life-intro{right:3%;}
.life-details{left:3%;}
.life-birds{top:24%;width:80px;height:68px;}
.life-slide p{transform:none;}
.life-summary{width:94%;padding-top:20px;}
.feature-card{gap:20px;padding:16px;}
.feature-card img{width:90px;height:66px;}
.features::after{width:92px;height:360px;}
.neighborhood-media{min-height:500px;}
.infrastructure{padding:36px 20px;}
.infrastructure-item{gap:12px;}
.infrastructure-item img{flex-basis:58px;width:58px;height:64px;}
.lands{margin-top:50px;}
.land-panel{padding-top:35px;}
.land-plan{margin-bottom:0;}
.land-stat{min-height:110px;padding:20px 14px;}
.land-buttons{margin-top:40px;}
.family{margin-top:55px;}
.family-layout{width:800px;}
.family-card{margin-top:24px;}
.family-card h2{right:37%;}
.family-cloud{top:12%;}
.family-sun{top:8%;}
.family-birds{top:43%;left:14%;}
.family-landscape{margin-top:-70px;}
.villa-copy{flex-basis:48%;padding-top:25px;}
.villa-photo{flex-basis:45%;width:45%;margin-top:70px;}
.villa-birds{left:24%;width:58px;height:48px;top:-15px;}
.villa-specs{gap:52px;margin-top:70px;}
.villa-spec{min-height:75px;padding:15px 12px;}
.villa-spec img{width:68px;height:54px;}
.villa-buttons{margin-top:50px;}
.finance{margin-top:40px;}
.finance-heading{min-height:120px;}
.finance-item{gap:30px;padding-block:20px;}
.finance-icon{flex-basis:88px;height:72px;border-radius:20px;}
.finance-icon img{width:52px;height:52px;}
.bank-item{height:130px;}
.services-panel{padding:20px 0 60px;}
.services-panel .section-heading{min-height:110px;}
.service-card{min-height:230px;padding:28px 18px 22px;}
.service-card img{width:80px;height:72px;}
.service-card img.service-streets-icon{width:63px;}
.service-card p{margin-top:20px;padding-top:20px;}
.contact-form{padding-top:80px;}
.footer-content{padding-top:50px;padding-bottom:45px;}
.footer-links{flex-wrap:wrap;align-items:center;}
.footer-brand{order:-1;flex-basis:100%;}
.footer-brand img{width:300px;margin-inline:auto;}
.footer-landscape{min-height:520px;}
.location{margin-top:40px;}
.route{--route-dot-top:40px;--route-dot-size:28px;height:100px;}
.location-map{margin-top:-45px;}
}
@media screen and (max-width: 999px){
.header-nav{justify-content:center;}
.nav-links{display:none;}
.menu-toggle{display:block;}
}
@media screen and (max-width: 991px){
:root{--page-gutter:20px;}
.life-stage{height:560px;}
.menu-toggle{left:5px;}
.life-birds{top:23%;}
.life-media .video-toggle{left:20px;}
.feature-list>.feature-heading{width:100%;flex-basis:100%;padding-block:10px;}
.features::after{display:none;}
.neighborhood{margin-top:var(--section-space);}
.neighborhood-media{min-height:0;height:auto;aspect-ratio:1300 / 525;}
.neighborhood-media h2{top:40%;left:0%;width:65%;}
.infrastructure{padding:30px;}
.infrastructure-item img{flex-basis:70px;width:70px;height:76px;}
.villa-layout{align-items:center;gap:28px;}
.villa-photo{flex-basis:44%;width:44%;margin:0;}
.villa-copy{flex:1;min-width:0;padding:25px 0 0;}
.villa-birds{top:0;}
.villa-specs{margin-top:65px;}
.villa-spec{min-height:80px;}
.villa-landscape{min-height:100px;}
.finance-item{gap:24px;}
.contact-layout{align-items:start;}
.contact{margin-top:var(--section-space);}
.contact-form{padding-top:0;}
.profile{width:300px;max-width:100%;margin-inline:auto;}
.profile-column{margin-top:24px;}
.profile-visual{width:270px;margin-inline:auto;}
.footer-landscape{min-height:500px;background-position:58% bottom;}
.footer-landscape p{margin:0;text-align:center;}
}
@media screen and (max-width: 900px){
:root{--intro-top:170px;--radius:24px;--page-gutter:16px;--grid-gap:20px;--section-space:40px;}
.site-header{top:30px;}
.brand{flex-basis:220px;}
.menu-toggle{width:44px;height:44px;border-radius:14px;}
.site-header.is-floating .brand{flex-basis:200px;}
.hero-title{margin-bottom:16px;}
.hero::before,.villa-overview::after{top:98px;width:240px;height:56px;}
.hero::after{width:240px;height:56px;}
.hero-media{width:100%;max-height:400px;}
.quick-contact{top:16px;left:18px;width:48px;height:112px;gap:4px;}
.quick-contact img{width:40px;height:40px;}
.video-toggle{width:48px;height:48px;left:18px;}
.bank-item img{width:100%;}
.bank-list{margin-top:10px;margin-bottom:15px;}
.bank-list .row>*{padding-left:20px!important;padding-right:20px!important;}
.main-button{width:230px;min-height:44px;}
.social-icons img{width:38px;height:36px;}
.life{margin-top:20px;}
.life-stage,.is-animated .life-stage{position:relative;top:auto;height:460px;}
.life-summary{padding-top:14px;}
.life-birds{top:22%;width:64px;height:54px;}
.features{padding-top:24px;}
.feature-card{padding:14px;gap:18px;}
.feature-card img{width:72px;height:56px;}
.infrastructure{padding:22px;}
.infrastructure-item img{flex-basis:52px;width:52px;height:58px;}
.lands{margin-top:40px;}
.land-panel{padding-top:26px;}
.land-stats{margin-top:28px;}
.land-stat{min-height:90px;padding:16px;}
.land-buttons{margin-top:30px;}
.family{margin-top:36px;}
.family::before{top:-240px;height:760px;}
.family-layout{width:640px;}
.family-card{margin-top:20px;}
.family-card h2{top:55%;}
.family-landscape{margin-top:-50px;}
.villas{margin-top:36px;}
.villa-layout{gap:26px;}
.villa-copy{padding-top:28px;}
.villa-specs{margin-top:52px;gap:46px;}
.villa-spec{min-height:66px;padding:12px;}
.villa-spec img{width:58px;height:46px;}
.villa-buttons{margin-top:30px;}
.villa-landscape{min-height:80px;}
.finance{margin-top:32px;}
.finance-heading{min-height:96px;}
.finance-item{gap:20px;padding-block:18px;}
.finance-icon{flex-basis:68px;height:62px;border-radius:18px;}
.finance-icon img{width:44px;height:44px;}
.bank-item{height:120px;}
.services-panel{padding:16px 0 40px;}
.services-panel .section-heading{min-height:96px;}
.service-card{min-height:240px;padding:24px 16px 20px;}
.service-card img{width:74px;height:65px;}
.service-card img.service-streets-icon{width:58px;}
.service-card p{margin-top:16px;padding-top:16px;}
.profile{width:260px;}
.profile-visual{width:230px;}
.profile-pdf{width:54px;height:61px;}
.footer-content{padding-top:32px;padding-bottom:28px;}
.footer-divider{margin-inline:24px;}
.footer-links{gap:14px;margin-top:24px;}
.footer-brand img{width:250px;}
.footer-landscape{min-height:480px;}
.menu-links{align-items:center;gap:30px;}
.life.is-animated,.location.is-animated,.life-container,.location > .container-fluid{height:auto;}
.location{margin-top:30px;}
.location-stage,.is-animated .location-stage{position:relative;top:auto;height:78svh;min-height:400px;max-height:560px;}
.route-car{width:88px;height:42px;top:33px;}
}
@media screen and (max-width: 767px){
:root{--intro-top:160px;--grid-gap:18px;}
.hero-title{overflow-wrap:anywhere;}
.quick-contact{top:15px;height:108px;}
.hero-buttons{gap:12px;padding-inline:16px;}
.hero-buttons .main-button{flex:1;width:auto;}
.life-summary{padding-top:12px;}
.land-panel::before{bottom:50px;}
.land-stats{margin-top:24px;}
.land-buttons{gap:12px;margin-top:28px;}
.land-buttons .main-button{flex:1;width:auto;}
.family-card h2{right:20%;}
.infrastructure{padding:20px;}
.finance-icon{flex-basis:64px;height:60px;}
.finance-icon img{width:42px;height:42px;}
.bank-item{height:110px;}
.bank-list .row{--bs-gutter-x:12px;}
.footer-links{justify-content:center;gap:16px;}
.footer-brand img{width:230px;}
.footer-phone,.footer-whatsapp{flex-basis:100%;justify-content:center;padding:0;}
.footer-whatsapp{order:1;}
.social-icons{order:2;}
.footer-divider{margin-inline:20px;}
.footer-landscape{min-height:540px;margin-top:0;}
.route{--route-line-y:51px;--route-dot-top:39px;--route-dot-size:24px;}
.map-label{max-width:165px;gap:5px;padding:8px;}
}
@media screen and (min-width: 650px) and (prefers-reduced-motion: reduce){
.life.is-static .life-media{left:auto;right:0;}
.life.is-static .life-intro{display:none;}
.life.is-static .life-details{visibility:visible;}
}
@media screen and (max-width: 649px){
:root{--intro-top:150px;--main-title:1.375rem;--hero-title:1.375rem;--display-title:1.5rem;--paragraph:1rem;--copy-text:1rem;--body-text:1rem;--nav-text:1rem;--button-text:.9rem;--large-text:1.125rem;--price-text:2rem;--letter-text:2rem;--block-text:1rem;--small-text:.75rem;--radius:20px;--page-gutter:12px;--grid-gap:14px;--section-space:28px;--field-height:48px;}
html{scroll-padding-top:90px;}
.bank-item img{width:83%;}
.site-header{top:22px;}
.brand{flex-basis:195px;}
.site-header.is-floating .brand{flex-basis:185px;}
.header-peek{width:110px;height:50px;}
.header-peek img{width:64px;height:37px;}
.menu-container{padding:22px;}
.menu-top img{width:185px;}
.menu-links{gap:35px;}
.hero::before,.villa-overview::after{top:86px;left:-20px;width:160px;height:38px;}
.hero::after{right:-50px;width:160px;height:38px;}
.hero-title{margin-inline:10px;margin-bottom:12px;}
.hero-media{aspect-ratio:16 / 10;max-height:260px;}
.hero-outline{width:34%;}
.hero-buttons{padding-inline:12px;gap:10px;}
.main-button{border-radius:12px 12px 0 0;}
.hero .video-toggle{bottom:55px;}
.life-stage,.is-animated .life-stage{--life-media-height:264px;display:flex;flex-direction:column;height:auto;max-height:none;}
.life-media{position:relative;inset:auto;order:1;flex:none;width:100%;height:var(--life-media-height);}
.life-media .video-toggle{left:16px;bottom:14px;width:44px;height:44px;}
.footer-whatsapp{gap:5px;}
.life-slide{position:relative;inset:auto;flex:none;width:100%;height:auto;padding:24px 14px;}
.life-intro{flex-direction:column;gap:12px;}
.life-birds{position:relative;top:auto;left:auto;flex:none;width:52px;height:44px;}
.life-details{position:absolute;top:var(--life-media-height);left:0;right:0;bottom:auto;height:auto;padding-top:22px;}
.life-details p{font-size:var(--paragraph);}
.life-summary{width:100%;padding-top:10px;}
.life.is-static .life-media{position:relative;inset:auto;order:1;width:100%;height:auto;aspect-ratio:16 / 9;max-height:230px;}
.life.is-static .life-stage{height:auto;min-height:0;padding-bottom:30px;}
.life.is-static .life-slides{display:contents;}
.life.is-static .life-slide{position:relative;inset:auto;height:auto;min-height:0;}
.life.is-static .life-details{order:2;padding-top:22px;visibility:visible;}
.features{padding-top:26px;}
.feature-list>.feature-heading{padding-block:0 10px;}
.feature-card{gap:16px;}
.feature-card img{width:60px;height:48px;}
.neighborhood{margin-top:28px;}
.neighborhood-media{min-height:220px;aspect-ratio:3 / 2;}
.neighborhood-media h2{top:37%;left:16px;right:16px;width:auto;text-align:center;font-size:1.25rem;}
.infrastructure{padding:18px 14px;}
.infrastructure-item{gap:10px;}
.infrastructure-item img{flex-basis:46px;width:46px;height:52px;}
.infrastructure-item p{font-size:.9375rem;}
.lands{margin-top:28px;}
.land-panel{padding-top:20px;}
.land-stat{min-height:78px;padding:14px;}
.family{margin-top:28px;}
.family-card{margin-top:12px;border-radius:20px;}
.family-card h2{top:40%;right:40%;}
.family-birds{width:17%;left:13%;}
.family-landscape{margin-top:-18px;}
.villas{margin-top:28px;}
.villa-layout{flex-wrap:wrap;gap:20px;}
.villa-photo{order:-1;width:320px;flex-basis:320px;margin-inline:auto;}
.villa-copy{flex-basis:100%;padding:24px 10px 0;}
.villa-birds{left:35%;width:44px;height:38px;}
.villa-specs{gap:40px;margin-top:44px;}
.villa-spec{min-height:60px;padding:12px 10px;border-radius:20px;}
.villa-spec img{width:50px;height:40px;left:14px;}
.villa-buttons{margin-top:26px;}
.villa-landscape{min-height:64px;}
.finance{margin-top:28px;}
.finance-heading{min-height:84px;}
.finance-item{gap:14px;padding-block:16px;}
.finance-item p{font-size:var(--paragraph);}
.finance-icon{flex-basis:56px;height:52px;border-radius:16px;}
.finance-icon img{width:36px;height:36px;}
.bank-list{margin-top:5px;margin-bottom:5px;}
.bank-item{height:105px;}
.services-panel{padding:12px 0 28px;}
.services-panel .section-heading{min-height:80px;}
.service-card{min-height:170px;padding:20px 12px 16px;}
.service-card img{width:75px;}
.service-card img.service-streets-icon{width:59px;}
.service-card p{margin-top:14px;padding-top:14px;}
.contact{margin-top:28px;}
.form-fields{--bs-gutter-y:12px;}
.form-field{padding:8px 16px;border-radius:20px;}
.form-button{min-height:48px;padding:8px 16px;border-radius:20px;}
.profile{width:220px;}
.profile-visual{width:190px;}
.profile-pdf{width:46px;height:52px;}
.profile .form-button{margin-top:20px;}
.site-footer{margin-top:28px;}
.footer-content{padding:26px 0 24px;}
.footer-divider{margin-inline:14px;}
.footer-brand img{width:220px;}
.footer-links{gap:9px;margin-top:22px;}
.footer-phone img,.footer-whatsapp img{width:30px;height:30px;}
.footer-phone,.footer-whatsapp{font-size:.9375rem;}
.phone-numbers{gap:8px;font-size:.9375rem;}
.phone-numbers a+a::before{margin-inline-end:8px;}
.footer-landscape{min-height:400px;padding-bottom:16px;}
.footer-landscape p{font-size:.875rem;}
.quick-contact{width:44px;height:104px;left:14px;top:14px;}
.quick-contact img{width:36px;height:36px;}
.video-toggle{width:44px;height:44px;left:14px;}
.land-stats .row{--bs-gutter-y:12px;}
.land-buttons{margin-top:24px;}
.profile-column{margin-top:16px;}
.route{--rout-dot-top:33px;--route-line-y:44px;--route-dot-top:34px;--route-dot-size:20px;height:65px;}
.location{margin-top:20px;}
.location-stage,.is-animated .location-stage{height:max(75svh,var(--mobile-map-height,640px));min-height:640px;max-height:none;}
.route-container{padding-inline:8px;}
.route-stop span{font-size:.625rem;line-height:32px;white-space:nowrap;}
.route-stop strong{font-size:.9375rem;}
.route-stop:not(:first-child):not(:last-child) span{margin-left:10px;}
.route-line{left:10px;right:10px;height:3px;}
.route-car{width:65px;height:31px;top:31px;}
.location-map{margin-top:-20px;}
.map-project-label{width:120px;padding:10px;transform:translateX(calc(-50% - 42px));}
.map-project-label::after{left:calc(50% + 42px);}
.map-label{width:max-content;max-width:var(--map-label-width,130px);padding:8px;gap:6px;}
.map-label time{padding:4px 5px;}
.map-connector path{stroke-opacity:35%;stroke-linejoin:round;}
}
@media screen and (max-width: 374px){
.brand{flex-basis:174px;}
.site-header.is-floating .brand{flex-basis:168px;}
.infrastructure-item{gap:8px;}
.infrastructure-item p{font-size:.875rem;}
.infrastructure-item img{flex-basis:40px;width:40px;height:46px;}
.feature-card{padding:12px;gap:14px;}
.life-slide{padding-inline:12px;}
:root{--intro-top:140px;--main-title:1.25rem;--hero-title:1.25rem;--display-title:1.25rem;--paragraph:.9375rem;--copy-text:.9375rem;--body-text:.9375rem;--block-text:.9375rem;--grid-gap:12px;--section-space:24px;}
.route-stop strong{font-size:.875rem;}
.phone-numbers{font-size:.8125rem;}
.feature-card img{width:54px;height:46px;}
.service-card{padding:18px 10px 14px;min-height:220px;}
.villa-photo{width:280px;flex-basis:280px;}
}
@media screen and (hover: hover) and (pointer: fine){
:is(.main-button,.form-button,.block-tab):not(:disabled,[aria-disabled="true"]):hover{color:var(--button-hover-color);}
:is(.main-button,.form-button,.block-tab):not(:disabled,[aria-disabled="true"]):hover::before{transform:translateX(-40%);}
:is(.main-button,.form-button,.block-tab):not(:disabled,[aria-disabled="true"]):hover::after{transform:translateX(40%);}
:is(.menu-toggle,.plan-dialog-close):not(:disabled,[aria-disabled="true"]):hover{background-color:rgb(255 255 255 / 16%);}
.video-toggle:not(:disabled,[aria-disabled="true"]):hover{background-color:rgb(255 255 255 / 75%);}
:is(.header-peek,.map-selection button):not(:disabled,[aria-disabled="true"]):hover{background-color:#fff3eb;}
}
@media screen and (prefers-reduced-motion: reduce){
html{scroll-behavior:auto;}
*,*::before,*::after{animation-duration:0s!important;transition-duration:0s!important;}
}
@supports (field-sizing: content){
textarea.form-field{field-sizing:content;}
}