.why-page{--why-gap:40px}.why-hero-image{position:absolute;inset:0;width:100%;height:100%;z-index:-3;object-position:center 54%}.why-hero:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#fff 0%,#fff 31%,#ffffffec 39%,#ffffff40 60%,transparent 74%)}.why-hero-copy{max-width:550px;width:47%}.why-hero h1{font-size:clamp(2.9rem,4.1vw,4.5rem);margin-bottom:13px;line-height:1.02}.why-hero .eyebrow{margin-bottom:8px}.why-hero-copy p{font-size:.95rem;line-height:1.45}.why-hero-copy .why-lead{font-size:1.1rem;color:var(--navy);margin-bottom:12px}.why-wave{position:absolute;inset:auto -2% -2px;height:105px;pointer-events:none;overflow:hidden;z-index:2}.why-wave svg{width:104%;height:100%;display:block}.why-wave g{transform-origin:center;animation:why-tide 9s ease-in-out infinite alternate}.why-section{position:relative;padding:25px 0;isolation:isolate}.why-section:nth-of-type(2n+1):before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(175deg,transparent 15%,#e8f9fd75 47%,transparent 50%,transparent 88%,#d9f4fc8c 99%);pointer-events:none}.why-section .eyebrow{font-size:.67rem;letter-spacing:.2em;margin-bottom:6px}.why-section h2{font-size:clamp(1.85rem,2.55vw,2.75rem);line-height:1.08;margin-bottom:9px}.why-section p{font-size:.9rem;line-height:1.5}.why-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--why-gap);align-items:center}.why-split.reverse{grid-template-columns:.82fr 1.18fr}.why-photo{position:relative;overflow:hidden;border-radius:30px 6px 30px 6px;isolation:isolate}.why-photo img{width:100%;height:310px;transition:transform .7s ease}.why-photo .why-wave{height:65px}.why-checks{list-style:none;padding:0;margin:12px 0;display:grid;gap:5px}.why-checks li{display:flex;align-items:flex-start;gap:11px;font-size:.9rem;line-height:1.45;color:var(--text)}.why-checks svg{width:17px;height:17px;flex-shrink:0;color:#fff;fill:#075487;stroke-width:2.4;margin-top:2px}.why-cards{display:grid;gap:8px;margin:12px 0}.why-cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.why-cards.five{grid-template-columns:repeat(5,minmax(0,1fr))}.why-cards article,.planning-grid article{min-width:0;border:1px solid #d8eaf4;border-radius:9px;background:linear-gradient(145deg,#fff,#fbfdff);padding:18px 12px;text-align:center;transition:transform .25s,box-shadow .25s,border-color .25s}.why-cards article>svg,.planning-grid svg{width:34px;height:34px;color:#075487;stroke-width:1.8;margin-bottom:9px}.why-cards h3{font-size:1.25rem;margin-bottom:8px}.why-cards p{font-size:.83rem;line-height:1.4}.planning-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;margin:10px 0}.planning-grid article{padding:15px 7px}.planning-grid svg{width:30px;height:30px}.planning-grid p{font-size:.8rem;line-height:1.4}.why-pair{display:grid;grid-template-columns:1fr 1fr;gap:45px}.why-pair>article+article{border-left:1px solid #dbeaf2;padding-left:26px}.why-pair h2{font-size:clamp(1.7rem,2.1vw,2.3rem)}.why-detail{position:relative;overflow:hidden;padding-right:115px;min-height:285px}.why-detail:after{content:"";position:absolute;right:0;top:8px;bottom:8px;width:105px;border-radius:25px;background:linear-gradient(90deg,#ffffff66,transparent),url('../../images/poolside-villa.webp') center/cover;z-index:-1}.why-detail.quality:after{background-image:linear-gradient(90deg,#ffffff66,transparent),url('../../images/villa-boulevard.webp')}.why-detail p,.why-detail .why-checks li{font-size:.8rem}.two-columns{grid-template-columns:1fr 1fr;grid-auto-flow:column;grid-template-rows:repeat(5,auto);column-gap:13px}.why-detail .two-columns{margin-right:-35px;background:linear-gradient(90deg,white 80%,#ffffffb0);padding:3px 0}.journey{padding-top:12px}.journey article{position:relative;padding-top:25px}.journey article>svg{background:white;position:absolute;top:-18px;left:calc(50% - 17px)}.journey article:not(:last-child):after{content:'→';position:absolute;right:-9px;top:11px;color:var(--blue);background:white;z-index:2;line-height:1}.responsible{padding-right:125px;position:relative;min-height:280px}.responsible:after{content:"";position:absolute;right:0;top:5px;bottom:5px;width:110px;background:url('../../images/villa-boulevard.webp') 70% center/cover;border-radius:25px}.responsible p{font-size:.83rem}.responsible .two-columns{grid-template-rows:repeat(4,auto);font-size:.8rem}.tinted{background:#edf7fc;border-radius:10px;padding:13px}.tinted li{font-size:.8rem}.trust article{padding:10px 8px}.trust article>svg{width:28px;height:28px;margin-bottom:5px}.trust h3{font-size:1.05rem;margin-bottom:6px}.trust p{font-size:.73rem}.why-promise{padding-bottom:65px}.why-promise>.why-wave{height:35px;opacity:.7}.why-promise .why-cards article{padding:15px 13px}@keyframes why-tide{from{transform:translateX(-.6%) scaleY(1)}to{transform:translateX(.6%) scaleY(.94)}}@media(hover:hover) and (pointer:fine){.why-cards article:hover,.planning-grid article:hover{transform:translateY(-4px);border-color:#78c9e8;box-shadow:0 12px 25px #07365b10}.why-photo:hover img{transform:scale(1.035)}}@media(min-width:1500px){}@media(max-width:1100px){.why-page{--why-gap:25px}.why-detail{padding-right:0}.why-detail:after{display:none}.why-detail .two-columns{margin-right:0}.responsible{padding-right:0}.responsible:after{display:none}.planning-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:800px){.why-hero-copy{width:60%}.why-hero:after{background:linear-gradient(90deg,white,#ffffffeb 40%,#ffffff33 85%)}.why-split,.why-split.reverse,.why-pair{grid-template-columns:1fr}.why-pair>article+article{border-left:0;border-top:1px solid #dbeaf2;padding:25px 0 0}.why-split.reverse .why-photo{order:2}.why-cards.five{grid-template-columns:repeat(3,1fr)}.why-section{padding:25px 0}.why-photo img{height:320px}.journey article{margin-top:12px}.journey article:after{display:none}.why-promise{padding-bottom:60px}.why-detail{min-height:0}}@media(max-width:540px){.why-page .container{width:calc(100% - 36px)}.why-hero-copy{width:100%}.why-hero-image{object-position:65% bottom}.why-hero:after{background:linear-gradient(180deg,white 0%,#fffffff5 44%,#ffffff22 75%,transparent)}.why-hero h1{font-size:3rem}.why-hero-copy p{font-size:.9rem}.why-hero-copy .why-lead{font-size:1rem}.why-wave{height:70px}.why-cards.three{grid-template-columns:1fr}.why-cards.five{grid-template-columns:1fr 1fr}.why-cards.five article:last-child{grid-column:1/-1}.why-cards.trust{grid-template-columns:1fr 1fr}.planning-grid{grid-template-columns:repeat(3,1fr)}.two-columns{column-gap:12px}.why-checks li{font-size:.84rem}.why-photo img{height:240px}.why-section h2{font-size:1.9rem}}@media(prefers-reduced-motion:reduce){.why-wave g{animation:none}.why-cards article,.planning-grid article,.why-photo img{transition:none}}
/* Keep decorative waves and grid content within the page width. */
.why-wave {
  inset-inline: 0;
}

.why-wave svg {
  width: 100%;
}

.why-split,
.why-pair {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.why-split.reverse {
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
}

.why-split > *,
.why-pair > *,
.responsible-trust > * {
  min-width: 0;
}

@media (max-width: 800px) {
  .why-split,
  .why-split.reverse,
  .why-pair {
    grid-template-columns: minmax(0, 1fr);
  }
}

.why-page .why-hero {
  height: auto;
  min-height: 0;
}

.why-hero .hero-content {
  padding-top: clamp(48px, 5vw, 80px);
  padding-bottom: 120px;
}

@media (max-width: 600px) {
  .why-hero .hero-content {
    padding-top: 40px;
    padding-bottom: 280px;
  }

  .why-hero-copy {
    width: 100%;
  }

  .why-hero .why-hero-image {
    top: auto;
    bottom: 0;
    height: 280px;
    object-position: 65% center;
  }

  .why-hero:after {
    background: linear-gradient(
      180deg,
      #fff 0%,
      #fff calc(100% - 280px),
      #ffffffd9 calc(100% - 230px),
      transparent calc(100% - 100px)
    );
  }
}

/* Give responsible development a full-width, balanced content and image layout. */
.responsible-trust{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center;padding-block:24px}
.responsible-trust .responsible{padding:0;min-height:0;min-width:0}
.responsible-trust .responsible:after{display:none}
.responsible-trust .responsible h2{font-size:clamp(2rem,3vw,3.2rem);line-height:1.12;margin-bottom:20px;max-width:650px}
.responsible-trust .responsible p:not(.eyebrow){font-size:1rem;line-height:1.8;max-width:650px}
.responsible-trust .tinted{margin:24px 0 0;padding:24px;border:1px solid #dcecf4;border-radius:16px;gap:14px 24px;background:linear-gradient(135deg,#edf7fc,#f7fcff)}
.responsible-trust .tinted li{font-size:.95rem;line-height:1.55;gap:12px}
.responsible-trust .tinted svg{width:20px;height:20px;margin-top:2px}
.responsible-photo{position:relative;margin:0;min-width:0;overflow:hidden;border-radius:28px 8px 28px 8px;background:#e8f3f8;box-shadow:0 18px 45px #07365b12;isolation:isolate}
.responsible-photo img{display:block;width:100%;height:clamp(380px,32vw,520px);object-fit:cover;object-position:center;transition:transform .7s ease}
.responsible-photo:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#032741b8);pointer-events:none}
.responsible-photo figcaption{position:absolute;bottom:28px;left:28px;right:28px;z-index:1;color:white;font-family:var(--heading);font-size:1.7rem;line-height:1.2}
.responsible-photo figcaption span{display:block;margin-top:10px;font-family:var(--font);font-size:.7rem;letter-spacing:.08em;color:#dfedf5}
@media(hover:hover) and (pointer:fine){.responsible-photo:hover img{transform:scale(1.035)}}
@media(max-width:800px){.responsible-trust{grid-template-columns:1fr;gap:28px;padding-block:12px}.responsible-photo img{height:380px}}
@media(max-width:540px){.responsible-trust .tinted{padding:18px;grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row;gap:12px}.responsible-trust .responsible h2{font-size:2rem}.responsible-photo img{height:300px}.responsible-photo figcaption{left:20px;right:20px;bottom:20px;font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){.responsible-photo img{transition:none}}
