:root{--cream:#fffaef;--ink:#393936;--muted:#a6a69c;--gold:#edc183;--blue:#315e82;--dark:#2b2b29}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.55}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d69b42;outline-offset:5px}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.07}h2{font-size:clamp(32px,3.6vw,50px)}h3{font-size:27px}p{color:var(--muted)}.container{width:75%;max-width:1120px;margin-inline:auto}.header{height:90px;padding:0 5%;background:var(--dark);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff10;color:#c1c1b7}.brand{width:60px;color:#c6a147}.brand svg{display:block;width:100%}nav{display:flex;align-items:center;gap:30px;font-size:12px}nav a:hover{color:var(--gold)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:10px 21px;border-radius:30px;background:var(--gold);border:1px solid var(--gold);color:#4b4b41;font-size:10px;line-height:1.15;font-weight:600;text-transform:uppercase;letter-spacing:.3px;transition:transform .2s,background .2s}.button span{font-size:23px;line-height:.7}.button:hover{background:#f6cf98;transform:translateY(-2px);color:var(--ink)}.menu-toggle{display:none}.hero{position:relative;background:var(--dark);padding:120px 0 210px}.hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:115px;align-items:center}.eyebrow{display:flex;align-items:center;gap:22px;font-size:13px;margin-bottom:20px}.eyebrow i{display:inline-block;width:95px;height:1px;background:var(--gold)}h1{font-size:clamp(45px,5.1vw,74px);line-height:.96;color:#ebe8df;letter-spacing:-1.5px}h1 em{font-style:normal;color:#cba46c}.hero-copy>p:not(.eyebrow){margin:23px 0;font-size:14px}.watch{margin-left:20px;color:#c4c4bc;font-size:10px;text-transform:uppercase}.watch span{display:inline-grid;place-items:center;width:25px;height:25px;border:1px solid #888;border-radius:50%;margin-right:10px}.lead-form{background:#fff;padding:30px;color:var(--ink);scroll-margin-top:35px}.lead-form h2{font-size:39px}.lead-form>p{font-size:12px;margin:12px 0 22px}.lead-form>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.lead-form>input{display:block;border:0;background:#eee;width:100%;padding:13px;margin-bottom:9px;border-radius:0;color:#315e82;font-size:12px}.lead-form input::placeholder{color:#58728a}.lead-form fieldset{display:flex;align-items:center;justify-content:flex-end;gap:13px;border:0;padding:18px 0 24px;position:relative;font-size:11px}.lead-form legend{float:left;margin-right:auto;padding:0}.lead-form fieldset label{display:flex;align-items:center;gap:4px;color:#888}.lead-form input[type=radio]{accent-color:var(--blue);margin:0}.blue{background:var(--blue);border-color:var(--blue);color:white;width:100%}.blue:hover{background:#244b69;color:white}.lead-form .form-status:empty{display:none}.lead-form .form-status{color:var(--blue);margin-bottom:0}.wave{position:absolute;bottom:-1px;width:100%;height:135px;fill:var(--cream)}.section{padding-top:100px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:70px;margin-bottom:65px}.section-heading>p{max-width:355px;font-size:14px}.panorama{position:relative;display:block;width:90%;margin:auto;border:0;padding:0;background:transparent}.panorama img{aspect-ratio:2.2;object-fit:cover}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:var(--gold);width:100px;height:100px;border-radius:50%;font-size:34px;color:var(--blue)}.gallery{padding-top:120px;padding-bottom:140px}.gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px}.gallery-label{font-size:13px;border-bottom:2px solid var(--gold);padding-bottom:5px}.gallery-grid{display:grid;grid-template-columns:1.55fr 1fr;grid-template-rows:1fr 1fr;gap:18px;height:590px}.gallery-grid button{border:0;padding:0;background:none;overflow:hidden}.gallery-grid button:first-child{grid-row:span 2}.gallery-grid img{height:100%;transition:transform .5s}.gallery-grid button:hover img{transform:scale(1.035)}.region{display:grid;grid-template-columns:42% 1fr;gap:9%;align-items:center;padding-right:10%}.region>img{height:610px}.region-copy>p:not(.eyebrow){margin:16px 0 30px}.benefit{display:flex;align-items:center;gap:30px;margin:26px 0}.benefit>span{display:grid;place-items:center;flex-shrink:0;width:53px;height:53px;border:1px solid #e6dfcf;border-radius:50%;font-size:28px;color:#8b8c7f}.benefit h3{font-size:29px}.benefit p{font-size:12px;margin-top:12px}.location{padding-top:235px}.location-heading{display:flex;align-items:center;justify-content:space-between;gap:45px;margin-bottom:50px}.location-heading h2{margin-bottom:15px}.address{display:flex;gap:25px;align-items:flex-start}.address>span{font-size:37px;color:#96998b}.address h3{font-size:27px;margin:9px 0 35px}.address p{font-size:12px}.map{display:block;width:90%;margin:auto}.map img{aspect-ratio:3.44}.cta{padding:190px 0 170px}.cta h2{margin-bottom:18px}.cta .button{margin-top:25px}footer{position:relative;background:var(--blue);color:#d8dfd8;padding:100px 0 120px;margin-top:90px}.footer-wave{position:absolute;bottom:calc(100% - 1px);left:0;width:100%;height:130px;fill:var(--blue)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-brand{display:flex;flex-direction:column;align-items:center;width:max-content;letter-spacing:5px;align-self:center}.footer-brand>span{font-size:80px;line-height:.8}.footer-brand strong{font-family:Georgia,serif;font-size:18px;margin-top:20px;font-weight:400}.footer-brand small{font-size:7px;letter-spacing:5px;margin-top:5px}footer h4{text-transform:uppercase;letter-spacing:2px;color:#a4b9be;font-size:11px;margin:0 0 28px}footer .footer-grid>div>a{display:block;font-size:13px;line-height:2}dialog{border:0;background:var(--cream);padding:12px;max-width:92vw;max-height:92vh}dialog::backdrop{background:#000c}dialog img{max-height:85vh;width:auto;max-width:85vw;object-fit:contain}.close-dialog{position:absolute;right:18px;top:18px;background:var(--cream);border:0;border-radius:50%;width:40px;height:40px;font-size:28px}[hidden]{display:none!important}@media(max-width:1050px){.container{width:84%}.hero-grid{gap:50px}.hero{padding-top:90px}.lead-form{padding:25px}.lead-form h2{font-size:32px}.gallery-grid{height:470px}.region{gap:6%;padding-right:6%}.benefit{gap:18px}.benefit h3{font-size:24px}.location{padding-top:150px}}@media(max-width:700px){.header{height:75px;padding-inline:7%}.brand{width:44px}.menu-toggle{display:block;background:none;color:var(--gold);border:0;font-size:26px}nav{display:none;position:absolute;top:75px;left:0;right:0;background:var(--dark);padding:30px;z-index:5;flex-direction:column;border-top:1px solid #ffffff15}nav.open{display:flex}.hero{padding:65px 0 130px}.hero-grid{grid-template-columns:1fr;gap:50px}.hero h1{font-size:58px}.hero-copy>p:not(.eyebrow){font-size:13px}.hero .eyebrow{font-size:12px}.lead-form{max-width:420px;width:100%;padding:28px}.lead-form h2{font-size:35px}.wave{height:65px}.section{padding-top:65px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:25px}.eyebrow{font-size:11px}.panorama{width:90%}.panorama img{aspect-ratio:1.4}.play{width:65px;height:65px;font-size:27px}.gallery{padding:70px 0}.gallery-header{margin-bottom:30px}.gallery-grid{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:340px 150px;gap:10px}.gallery-grid button:first-child{grid-row:auto;grid-column:span 2}.region{display:flex;flex-direction:column-reverse;padding:0;gap:30px}.region-copy{width:84%}.region>img{width:92%;align-self:flex-start;height:410px}.benefit{margin:25px 0}.benefit h3{font-size:25px}.location{padding-top:75px}.location-heading{display:block;margin-bottom:30px}.address{margin-top:35px;gap:14px}.address h3{font-size:23px;margin-bottom:20px}.map img{aspect-ratio:2;object-fit:cover}.cta{padding:80px 0 100px}footer{padding:55px 0 65px;margin-top:20px}.footer-wave{height:60px}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.footer-brand{grid-column:span 2;margin:auto}.footer-brand>span{font-size:64px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}


/* Coordinates use the uncropped aerial image, so markers stay aligned at every width. */
.resort-map { width: 100%; position: relative; background: var(--blue); }
.map-hint { position: absolute; top: 30px; left: 5%; z-index: 2; color: white; padding: 12px 18px; background: #234b65e6; font: 22px Georgia, serif; pointer-events: none; }
.map-hint span { display: block; font: 12px Arial, sans-serif; margin-top: 7px; }
.resort-map-scroll { overflow-x: auto; }
.resort-map-canvas { position: relative; width: 100%; height: auto; overflow: visible; }
.resort-map-canvas > img { width: 100%; height: auto; object-fit: contain; object-position: center; }
.map-point { position: absolute; left: var(--x); top: var(--y); width: 44px; height: 44px; transform: translate(-50%, -50%); display: grid; place-items: center; z-index: 1; --point-color: #315e82; }
.map-point::before { content: ''; position: absolute; bottom: 100%; left: 0; width: 100%; height: 12px; }
.map-point--type { --point-color: #a88735; }
.map-dot { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 50%; border: 2px solid white; background: var(--point-color); color: white; font-size: 0; box-shadow: 0 2px 9px #0005; transition: transform .2s; }
.map-balloon { position: absolute; bottom: 52px; left: 50%; transform: translate(-50%, 8px); padding: 11px 18px; border: 2px solid white; border-radius: 28px; background: var(--point-color); color: white; font: 18px Georgia, serif; white-space: nowrap; opacity: 0; visibility: hidden; transition: opacity .2s, transform .2s, visibility .2s; box-shadow: 0 3px 15px #0003; }
.map-balloon::after { content: ''; position: absolute; top: 100%; left: 50%; width: 1px; height: 32px; background: white; }
.map-point:hover, .map-point:focus { z-index: 3; }
.map-point:hover .map-balloon, .map-point:focus .map-balloon { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.map-point:hover .map-dot, .map-point:focus .map-dot { transform: scale(1.2); }
.map-mobile-links { display: none; }
@media (max-width: 700px) {
  .resort-map-canvas { min-width: 0; }
  .resort-map-canvas > img { width: 100%; height: auto; }
  .resort-map-scroll { overflow: visible; }
  .resort-map .map-point { display: none; }
  .map-hint { top: 18px; left: 20px; font-size: 19px; }
  .map-hint span::after { content: ' Toque em um local abaixo.'; }
}

/* Typography and alignment refinements. */
body { font-size: 16px; }
nav { font-size: 16px; }

@media (max-width: 700px) {
  /* Final mobile typology layout overrides the desktop tab styles. */
  .typologies { padding-top: 72px; }
  .typologies-heading { display: block; margin-bottom: 34px; }
  .typologies-heading .eyebrow { font-size: 16px; margin-bottom: 20px; }
  .typologies-heading h2 { font-size: clamp(38px, 10vw, 52px); line-height: 1.02; }
  .type-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; border: 0; margin-bottom: 44px; padding: 0; overflow: visible; }
  .type-tabs button { min-height: 92px; padding: 18px 8px; border: 2px solid #e3dccd; color: var(--ink); background: transparent; font: 23px/1.1 Georgia, serif; }
  .type-tabs button[aria-selected='true'] { background: #f6e9cd; border-color: #c99955; color: var(--ink); }
  .property-toolbar { gap: 18px; }
  #property-context { font-size: 20px; color: #777870; }
  .category-tabs { width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 8px; padding: 0; overflow: visible; }
  .category-tabs button { font-size: 17px; padding: 12px 20px; border-radius: 30px; }
}

/* Form controls: improve legibility and touch targets. */
.lead-form > p { font-size: 15px; }
.lead-form fieldset { font-size: 15px; }
.lead-form fieldset label { color: var(--ink); font-size: 15px; gap: 7px; }
.lead-form input[type='radio'] { width: 18px; height: 18px; }

/* The panorama opens the project video instead of the image lightbox. */
.video-open .play { font-size: 25px; padding-left: 4px; }
.video-dialog { width: min(1100px, 92vw); max-width: 92vw; padding: 30px; }
.video-dialog h2 { margin: 0 0 20px; font-size: clamp(26px, 3vw, 40px); }
.video-dialog-frame { position: relative; aspect-ratio: 16 / 9; background: var(--dark); }
.video-dialog-frame iframe { width: 100%; height: 100%; border: 0; }
.video-dialog-frame--fallback { background: var(--dark) url('assets/resort-panorama.webp') center / cover no-repeat; }
.video-dialog-frame--fallback iframe { display: none; }
.video-dialog .close-dialog { z-index: 1; }

@media (max-width: 1050px) {
  .panorama { width: 84%; }
  .resort.section { padding-top: 10px; }
  .resort .section-heading { display: block; margin-bottom: 30px; }
  .resort .section-heading > p { max-width: 100%; margin-top: 20px; font-size: 15px; }
  .resort .section-heading h2 { font-size: clamp(32px, 5.5vw, 44px); }
}

@media (max-width: 700px) {
  .resort-map { display: none; }

  /* Keep the hero compact on small screens. */
  .hero h1 { font-size: 47px; line-height: 0.98; }
  .hero-copy > p:not(.eyebrow) { font-size: 13px; }

  /* Stack the objective label above its radio choices. */
  .lead-form fieldset { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 14px; justify-content: initial; }
  .lead-form legend { grid-column: 1 / -1; float: none; margin: 0 0 3px; }
  .lead-form fieldset label { justify-content: flex-start; }

  /* Match the video width to the section heading and reduce its height. */
  .panorama { width: 84%; max-width: none; margin-left: 8%; margin-right: 8%; }
  .panorama img { width: 100%; height: 190px; aspect-ratio: auto; object-fit: cover; }

  /* Slightly smaller section and card headings. */
  h2 { font-size: clamp(29px, 7.5vw, 39px); }
  .property-card h3 { font-size: 31px; }

  /* Keep actions and block/category controls on one compact, wrapping layout. */
  .property-card-actions { flex-wrap: nowrap; width: 100%; gap: 6px; }
  .property-card-actions .button { min-width: 0; flex: 1 1 0; padding: 10px 9px; font-size: 12px; gap: 6px; }
  .type-tabs, .category-tabs { overflow: visible; flex-wrap: wrap; justify-content: center; gap: 8px 12px; }
  .type-tabs button { font-size: 18px; padding: 10px 3px 13px; }
  .category-tabs button { font-size: 15px; padding: 9px 14px; }

  /* The expansion image now uses the full mobile width. */
  .region > img { width: 100%; align-self: stretch; }

  /* The address marker is decorative and removed at every breakpoint. */
  .address > span { display: none; }

  /* Mobile typologies: block selection as a clear 2x2 card grid. */
  .typologies { padding-top: 72px; }
  .typologies-heading { display: block; margin-bottom: 34px; }
  .typologies-heading .eyebrow { font-size: 16px; margin-bottom: 20px; }
  .typologies-heading h2 { font-size: clamp(38px, 10vw, 52px); line-height: 1.02; }
  .type-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; border: 0; margin-bottom: 44px; padding: 0; }
  .type-tabs button { min-height: 92px; padding: 18px 8px; border: 2px solid #e3dccd; color: var(--ink); background: transparent; font-size: 23px; line-height: 1.1; }
  .type-tabs button[aria-selected='true'] { background: #f6e9cd; border-color: #c99955; color: var(--ink); }
  .property-toolbar { gap: 18px; }
  #property-context { font-size: 20px; color: #777870; }
  .category-tabs { width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 8px; padding: 0; }
  .category-tabs button { font-size: 17px; padding: 12px 20px; border-radius: 30px; }
}

.hero { overflow: hidden; isolation: isolate; }
.hero-video { position: absolute; inset: 0; z-index: 0; overflow: hidden; background: var(--dark) url('assets/aerea01-mar-de-antunes.webp') center / cover no-repeat; }
.hero-video--fallback iframe { display: none; }
.hero-video::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, #22221fe8 0%, #22221fc2 48%, #22221f8c 100%); }
.hero-video iframe { position: absolute; top: 50%; left: 50%; width: 100vw; height: 56.25vw; min-width: 177.78vh; min-height: 100vh; transform: translate(-50%, -50%); border: 0; pointer-events: none; }
.hero-grid { position: relative; z-index: 1; }
.hero > .wave { z-index: 2; }

/* Final visual refinements. */
.overview h2,
.overview-units dt { color: var(--ink); }
.panorama { width: 75%; }
.panorama img { aspect-ratio: 1.9; }
.map img { filter: grayscale(1); }
dialog,
.property-dialog,
#lightbox { border-radius: 15px; overflow: hidden; }

/* Twelve edge-to-edge photos; every tile keeps the existing reveal and lightbox. */
.gallery-full { width: 100%; max-width: none; }
.gallery-full .gallery-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: repeat(3, minmax(0, 1fr));
  gap: 4px;
  height: 100vh;
  height: 100svh;
  min-height: 600px;
}
.gallery-full .gallery-grid button { min-width: 0; min-height: 0; }
.gallery-full .gallery-grid button:first-child { grid-row: auto; grid-column: auto; }
.gallery-full .gallery-grid img { width: 100%; height: 100%; object-fit: cover; }
.gallery-full .gallery-grid button:focus-visible { outline-offset: -4px; }
@media (max-width: 1050px) {
  .gallery-full .gallery-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .gallery-full .gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(6, auto); height: auto; min-height: 0; gap: 3px; }
  .gallery-full .gallery-grid button { aspect-ratio: 1.2; }
}
.category-tabs { justify-content: flex-end; }
.property-summary { display: none; }
.property-card-photo figcaption { display: none; }
.typologies-heading > p { display: none; }
@media (max-width: 700px) {
  .category-tabs { justify-content: flex-start; }
}
@media (hover: none), (max-width: 700px) {
  .map-dot { width: 28px; height: 28px; font-size: 11px; }
  .map-mobile-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 20px; background: var(--cream); }
  .map-mobile-links a { padding: 12px 8px; border-bottom: 1px solid #ddd4c4; font-size: 13px; }
  .map-mobile-links span { color: var(--blue); font-size: 11px; margin-right: 5px; }
}
.typologies { padding-top: 110px; }
.typologies-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 35px; margin-bottom: 44px; }
.typologies-heading > p { font-size: 13px; color: #6f7367; }
.type-tabs { display: flex; border-bottom: 1px solid #ded9cd; gap: 36px; margin-bottom: 48px; overflow-x: auto; padding: 5px 3px 0; }
.type-tabs button { flex: 0 0 auto; padding: 14px 5px 19px; background: none; color: #6f7367; border: 0; border-bottom: 2px solid transparent; font: 22px Georgia, serif; }
.type-tabs button[aria-selected="true"] { color: var(--ink); border-bottom-color: #c59958; }
.type-tabs button:hover { color: var(--ink); }
.type-tabs button:focus-visible { outline-offset: -3px; }
/* Block > category > vertical property cards. */
.property-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-bottom: 28px; }
#property-context { color: #6f7367; font-size: 13px; }
.category-tabs { display: flex; gap: 8px; overflow-x: auto; padding: 5px; }
.category-tabs button { flex-shrink: 0; border: 1px solid #ddd4c2; background: transparent; border-radius: 30px; padding: 11px 23px; color: var(--ink); font: 18px Georgia, serif; }
.category-tabs button[aria-selected="true"] { background: var(--gold); border-color: var(--gold); }
.category-tabs button:hover { border-color: #b99760; }
.property-summary { color: #6f7367; font-size: 12px; margin-bottom: 25px; }
.property-cards { display: grid; gap: 30px; }
.property-card { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); background: #fffdf7; border: 1px solid #e7dfd0; }
.property-card-photo { margin: 0; position: relative; min-width: 0; }
.property-card-photo img { width: 100%; height: 100%; min-height: 290px; aspect-ratio: 1.5; object-fit: cover; }
.property-card-photo figcaption { position: absolute; left: 15px; bottom: 15px; padding: 6px 10px; background: #fffaeff2; font-size: 10px; color: #4d564b; }
.property-card-details { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 38px; }
.property-card-category { font-size: 11px; color: #6f7367; margin-bottom: 17px; }
.property-card h3 { font-size: clamp(34px, 3.4vw, 48px); margin-bottom: 16px; }
.property-card-feature { font-size: 14px; color: #62685d; line-height: 1.6; }
.property-card-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.property-card-actions .button { min-height: 44px; padding: 13px 24px; justify-content: center; }
.property-plan-button { background: transparent; border-color: #c5b69c; }
.property-card-note { font-size: 11px; color: #62685d; margin-top: 14px; }
html:has(dialog[open]) { overflow: hidden; }
.property-dialog { width: min(1100px, 94vw); max-width: 94vw; max-height: 94vh; max-height: 94dvh; padding: 25px; color: var(--ink); }
.property-dialog-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.property-dialog-header p { color: #6f7367; font-size: 12px; margin-bottom: 7px; }
.property-dialog-header h2 { font-size: 34px; }
.property-dialog-close { flex-shrink: 0; width: 44px; height: 44px; border: 1px solid #d8cdbb; background: transparent; border-radius: 50%; font-size: 28px; color: var(--ink); }
.property-dialog-tabs { display: flex; gap: 25px; margin: 20px 0 15px; }
.property-dialog-tabs button { padding: 8px 0; background: none; border: 0; border-bottom: 2px solid transparent; color: #6f7367; }
.property-dialog-tabs button[aria-pressed="true"] { color: var(--ink); border-bottom-color: #b99760; }
.property-media-stage { width: 100%; height: min(58vh, 620px); overflow: auto; background: #e9e5db; }
.property-dialog .property-media-stage img { width: 100%; height: 100%; max-width: none; max-height: none; object-fit: contain; }
.property-media-stage.is-zoomed img { width: max(100%, 1600px); height: auto; }
#property-media-error { padding: 30px; color: var(--ink); }
.property-dialog-footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 15px; }
#property-media-caption { font-size: 12px; color: #62685d; max-width: 700px; }
.property-media-controls { display: flex; gap: 8px; flex-shrink: 0; }
.property-media-controls button { min-width: 44px; min-height: 44px; padding: 8px 13px; border: 1px solid #cfc3ae; background: transparent; color: var(--ink); border-radius: 25px; }
.property-media-controls button:hover { background: var(--gold); }
@media (max-width: 1050px) {
  .property-card-details { padding: 25px; }
  .property-toolbar { align-items: flex-start; flex-direction: column; gap: 12px; }
}
@media (max-width: 700px) {
  .typologies { padding-top: 65px; }
  .typologies-heading { display: block; margin-bottom: 26px; }
  .typologies-heading > p { margin-top: 20px; }
  .type-tabs { gap: 20px; margin-bottom: 25px; }
  .type-tabs button { font-size: 19px; padding-bottom: 14px; }
  .property-toolbar { min-width: 0; }
  .category-tabs { max-width: 100%; gap: 5px; }
  .category-tabs button { font-size: 16px; padding: 11px 15px; }
  .property-card { grid-template-columns: minmax(0, 1fr); }
  .property-card-photo img { height: auto; min-height: 0; aspect-ratio: 1.45; }
  .property-card-details { padding: 26px 23px; }
  .property-card-actions .button { padding-inline: 19px; }
  .property-dialog { padding: 16px; }
  .property-dialog-header h2 { font-size: 30px; }
  .property-media-stage { height: 48vh; }
  .property-dialog-footer { align-items: flex-start; flex-direction: column; gap: 12px; }
}

/* Project overview: unit counts and exact areas from the supplied reference. */
.overview {
  position: relative;
  overflow: hidden;
  background: var(--cream);
  color: #4b6280;
  margin-top: 95px;
  padding: 110px 0 90px;
}
.overview-line { position: absolute; top: 0; left: 0; width: 100%; height: 90px; fill: none; stroke: #fffaf0; stroke-width: 1; pointer-events: none; }
.overview-inner { width: 75%; max-width: 1120px; margin-inline: auto; }
.overview-top { display: grid; grid-template-columns: 1.05fr 1.3fr; gap: 7%; align-items: start; }
.overview h2 { font-size: clamp(32px, 3.6vw, 50px); }
.overview-count, .overview-units dt, .overview-areas dt, .overview-areas dd { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; }
.overview-units { display: grid; grid-template-columns: 1.1fr 1fr; margin: 0; }
.overview-units > div { display: flex; flex-direction: column; align-items: flex-start; padding-right: 30px; }
.overview-units > div + div { border-left: 1px solid #7b8b9c; padding-left: 45px; padding-right: 0; }
.overview-units dt { text-transform: none; font-size: clamp(18px, 1.9vw, 28px); line-height: 1.3; }
.overview-count { order: -1; margin: -7px 0 15px; font-size: clamp(52px, 5.2vw, 78px); font-weight: 400; line-height: 1.1; }
.overview-count::after { content: ''; display: block; width: 30px; height: 7px; margin-top: 19px; background: #667d99; }
.overview-detail { color: #3d4246; letter-spacing: normal; font-size: 14px; line-height: 1.8; margin: 7px 0 0; max-width: 230px; }
.overview-areas { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; margin: 95px 0 0; text-align: center; color: #fffaf0; }
.overview-areas > div { background: #596f8b; }
.overview-areas dt { background: #4b6280; font-size: clamp(16px, 1.8vw, 26px); font-weight: 400; padding: 22px 12px; }
.overview-areas dd { margin: 0; padding: 28px 12px 33px; font-size: clamp(22px, 2.5vw, 36px); letter-spacing: normal; white-space: nowrap; }
.overview-areas > div:nth-child(2) { background: #4b6280; }
.overview-areas > div:nth-child(2) dt { background: #596f8b; }
@media (max-width: 1050px) {
  .overview-top { grid-template-columns: 1fr; gap: 45px; }
  .overview h2 br { display: none; }
  .overview-units { max-width: 650px; }
  .overview-areas { margin-top: 55px; }
}
@media (max-width: 700px) {
  .overview { margin-top: 60px; padding: 75px 0 55px; }
  .overview-inner { width: 84%; }
  .overview-line { height: 55px; }
  .overview h2 { font-size: 32px; }
  .overview-units { grid-template-columns: 1.1fr 1fr; }
  .overview-units > div { padding-right: 16px; }
  .overview-units > div + div { padding-left: 20px; }
  .overview-units dt { font-size: clamp(14px, 3.7vw, 20px); }
  .overview-count { font-size: 55px; }
  .overview-detail { font-size: 12px; }
  .overview-areas { grid-template-columns: 1fr; gap: 16px; margin-top: 40px; }
  .overview-areas dt { font-size: 19px; padding: 18px 12px; }
.overview-areas dd { font-size: 29px; padding: 22px 12px 26px; }
}

/* Final interaction refinements. */
.button { font-size: 14px; font-weight: 400; }
.wave {
  left: 0;
  width: 100%;
  height: clamp(90px, 10vw, 150px);
  pointer-events: none;
}

/* Readable body copy: keep the display hierarchy, raise supporting text to 16px. */
body { font-size: 16px; }
.hero-copy > p:not(.eyebrow),
.section-heading > p,
.region-copy > p:not(.eyebrow),
.benefit p,
.address p,
.property-card-feature,
.property-card-note,
.overview-detail { font-size: 16px; }
.eyebrow,
.property-card-category,
#property-context,
.property-dialog-header p,
#property-media-caption { font-size: 16px; }
nav { font-size: 16px; }

/* Compact mobile typologies, matching the supplied reference. */
@media (max-width: 700px) {
  .typologies { width: 88%; padding-top: 48px; }
  .typologies-heading { display: block; margin-bottom: 28px; }
  .typologies-heading .eyebrow { font-size: 15px; margin-bottom: 12px; }
  .typologies-heading .eyebrow i { display: none; }
  .typologies-heading h2 { font-size: clamp(25px, 8vw, 42px); line-height: 1.12; white-space: nowrap; letter-spacing: -0.5px; }
  .type-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; border: 0; margin-bottom: 24px; padding: 0; overflow: visible; }
  .type-tabs button { min-width: 0; min-height: 52px; padding: 12px 6px; border: 1px solid #e3dccd; color: var(--ink); background: #fffdf7; font: 18px/1.2 Georgia, serif; white-space: nowrap; }
  .type-tabs button[aria-selected='true'] { background: #f6e9cd; border-color: #c99955; color: var(--ink); }
  .property-toolbar { gap: 10px; margin-bottom: 24px; }
  #property-context { font-size: 15px; color: #777870; }
  .category-tabs { width: 100%; max-width: 100%; display: flex; flex-wrap: nowrap; justify-content: flex-start; gap: 8px; padding: 0; overflow: visible; }
  .category-tabs button { min-width: 0; flex: 1 1 auto; font-size: clamp(14px, 4vw, 18px); padding: 12px 8px; border-radius: 30px; white-space: nowrap; }
}

/* Mobile type selector and swipeable property cards. */
.property-carousel-header { display: none; }
@media (max-width: 700px) {
  #property-context { display: none; }
  .property-toolbar { margin-bottom: 18px; width: 100%; }
  .category-tabs { background: #eee5ce; border-radius: 999px; padding: 4px; gap: 0; }
  .category-tabs button { position: relative; flex: 1 1 0; min-height: 44px; padding: 10px 4px; border: 0; font: 0/1.2 Arial, sans-serif; background: transparent; }
  .category-tabs button::after { content: attr(data-mobile-label); font-size: 15px; }
  .category-tabs button[aria-selected='true'] { background: var(--gold); }
  .property-carousel-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
  .property-carousel-header .property-summary { display: block; margin: 0; font-size: 14px; }
  .property-carousel-next { border: 0; background: transparent; color: #777870; padding: 8px 0 8px 8px; font-size: 14px; white-space: nowrap; }
  .property-cards { position: relative; display: grid; grid-auto-flow: column; grid-auto-columns: 86%; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 4px; }
  .property-cards::-webkit-scrollbar { display: none; }
  .property-card { display: flex; flex-direction: column; min-width: 0; scroll-snap-align: start; }
  .property-card-photo img { aspect-ratio: 1.5; width: 100%; height: auto; min-height: 0; }
  .property-card-details { flex: 1; padding: 18px; width: 100%; }
  .property-card-category { font-size: 13px; margin-bottom: 10px; }
  .property-card h3 { font-size: clamp(28px, 8vw, 40px); margin-bottom: 8px; white-space: nowrap; }
  .property-card-feature { font-size: 15px; }
  .property-card-actions { display: flex; flex-wrap: nowrap; gap: 8px; width: 100%; margin-top: 18px; }
  .property-card-actions .button { flex: 1 1 0; min-width: 0; min-height: 44px; padding: 10px 6px; font-size: 14px; text-transform: none; letter-spacing: 0; background: transparent; border-color: #d9caab; }
  .property-card-actions .property-plan-button { order: -1; background: var(--gold); border-color: var(--gold); font-weight: 600; }
  .property-card-actions [data-open-media='photos'] { font-size: 0; }
  .property-card-actions [data-open-media='photos']::after { content: 'Fotos'; font-size: 14px; }
}

/* Location layout from the mobile reference. */
.location-mobile-heading,
.location-mobile-map,
.location-directions { display: none; }
@media (max-width: 700px) {
  .location { padding: 48px 5% 0; }
  .location > .location-heading,
  .location > .map { display: none; }
  .location-mobile-heading { display: block; margin-bottom: 24px; }
  .location-mobile-heading > p { color: #bd8738; text-transform: uppercase; letter-spacing: 1.2px; font-size: 14px; margin-bottom: 12px; }
  .location-mobile-heading h2 { font-size: clamp(29px, 8vw, 42px); line-height: 1.12; }
  .location-mobile-map { display: block; width: 100%; aspect-ratio: 4 / 3; background: #eae6da; }
  .location-mobile-map iframe { display: block; width: 100%; height: 100%; border: 0; filter: grayscale(1); }
  .location-directions { display: grid; grid-template-columns: minmax(0, 1fr); margin-top: 20px; }
  .location-directions a { display: flex; align-items: center; justify-content: center; min-height: 50px; border: 1px solid #d9caab; border-radius: 999px; padding: 12px 8px; font-size: 16px; }
  .location-directions a:hover { background: #f6e9cd; }
}

/* More comfortable lead form fields on desktop and mobile. */
.lead-form > input {
  min-height: 52px;
  padding: 16px;
  font-size: 15px;
  margin-bottom: 12px;
}

/* Compact section rhythm and aligned overview metrics. */
.section { padding-top: 72px; }
.gallery { padding-top: 82px; padding-bottom: 0; }
.location { padding-top: 150px; }
.cta { padding-top: 130px; padding-bottom: 120px; }
.overview { margin-top: 60px; padding-top: 78px; padding-bottom: 70px; }
.overview-units > div { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; column-gap: 20px; }
.overview-units dt { display: none; }
.overview-count { grid-column: 1; grid-row: 1; margin: 0; font-size: clamp(46px, 4.8vw, 70px); }
.overview-count::after { display: none; }
.overview-detail { grid-column: 2; grid-row: 1; max-width: 250px; margin: 0; font-size: 16px; line-height: 1.35; }
.region { background: var(--blue); color: #fffaf0; padding-top: 90px; padding-bottom: 90px; }
.region-copy h2, .region-copy h3 { color: #fffaf0; }
.region-copy > p:not(.eyebrow), .region-copy .benefit p { color: #d9e0e5; }
.region-copy .eyebrow { color: var(--gold); }
.region-copy .eyebrow i { background: var(--gold); }
.benefit > span { border-color: #ffffff40; color: var(--gold); }
@media (max-width: 700px) {
  .section { padding-top: 54px; }
  .gallery { padding-top: 64px; padding-bottom: 0; }
  .location { padding-top: 48px; }
  .cta { padding-top: 42px; padding-bottom: 90px; }
  .overview { margin-top: 36px; padding-top: 58px; padding-bottom: 48px; }
  .overview-units { gap: 18px; }
  .overview-units > div { column-gap: 10px; }
  .overview-count { font-size: 45px; }
  .overview-detail { font-size: 14px; }
  .region { padding-top: 58px; padding-bottom: 0; }
  .region-copy { width: 84%; }
}

/* One complete number-and-description row per unit type on small screens. */
@media (max-width: 700px) {
  .overview-top { gap: 28px; }
  .overview h2 br { display: block; }
  .overview-units { grid-template-columns: minmax(0, 1fr); gap: 0; max-width: none; }
  .overview-units > div,
  .overview-units > div + div {
    grid-template-columns: 116px minmax(0, 1fr);
    column-gap: 18px;
    min-height: 100px;
    padding: 14px 0;
    border-left: 0;
  }
  .overview-units > div + div { border-top: 1px solid #d9d2c7; }
  .overview-count { font-size: 60px; line-height: 1; }
  .overview-detail { max-width: none; font-size: 16px; line-height: 1.35; }
  .overview-areas { margin-top: 32px; }
}

/* Compact vertical property cards on desktop and tablet. */
@media (min-width: 701px) {
  .property-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }
  .property-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
  }
  .property-card-photo img {
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 4 / 3;
  }
  .property-card-details {
    flex: 1;
    justify-content: flex-start;
    padding: 22px;
  }
  .property-card h3 { font-size: clamp(29px, 2.8vw, 37px); }
  .property-card-actions {
    width: 100%;
    flex-wrap: nowrap;
    gap: 8px;
    margin-top: auto;
    padding-top: 20px;
  }
  .property-card-actions .button {
    flex: 1 1 0;
    min-width: 0;
    padding: 11px 8px;
    font-size: 13px;
  }
}
@media (min-width: 701px) and (max-width: 1050px) {
  .property-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* The desktop gallery follows the apartment cards with breathing room. */
@media (min-width: 701px) {
  .gallery { padding-top: 90px; }
  .gallery-header {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    margin: 0;
  }
  .location > .map { display: none; }
  .location-mobile-map {
    display: block;
    width: 75%;
    max-width: 1120px;
    height: 460px;
    margin-inline: auto;
    background: #eae6da;
  }
  .location-mobile-map iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    filter: grayscale(1);
  }
}
@media (min-width: 701px) and (max-width: 1050px) {
  .location-mobile-map { width: 84%; height: 390px; }
}

/* Supplied resort mark and blue navigation. */
.header { background: #315e85; }
.brand { display: block; flex: 0 0 128px; width: 128px; }
.brand img { display: block; width: 100%; height: auto; max-height: 64px; object-fit: contain; }
.footer-brand { width: 200px; }
.footer-brand img { display: block; width: 100%; height: auto; object-fit: contain; }
@media (max-width: 820px) {
  .header { position: relative; }
  .brand { flex-basis: 106px; width: 106px; }
  .brand img { max-height: 54px; }
  .menu-toggle { display: block; background: none; color: var(--gold); border: 0; font-size: 26px; }
  #navigation {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 5;
    padding: 30px;
    flex-direction: column;
    background: #315e85;
    border-top: 1px solid #ffffff25;
  }
  #navigation.open { display: flex; }
}
@media (max-width: 700px) {
  .footer-brand { width: 170px; }
}

/* Minimal footer: mark, location and provisional registration. */
footer { padding: 75px 0 85px; }
.footer-grid {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 22px;
  text-align: center;
}
.footer-brand { align-self: center; }
.footer-details { display: flex; justify-content: center; gap: 24px; flex-wrap: wrap; }
.footer-details p { color: #d8dfd8; font-size: 14px; }
@media (max-width: 700px) {
  footer { padding: 55px 0 65px; }
  .footer-details { flex-direction: column; gap: 4px; }
}