.residential-page { background: var(--color-background); }
.residential-page .desktop-nav a[aria-current="location"], .residential-page .mobile-nav a[aria-current="location"] { color: var(--color-accent-dark); text-decoration: underline; text-underline-offset: 6px; }
.residential-page .text-link { max-width: 100%; }
.residential-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; padding-block: 20px; color: var(--color-muted); font-size: .82rem; }
.residential-breadcrumb a { color: var(--color-text); }
.residential-breadcrumb a:hover { text-decoration: underline; text-underline-offset: 4px; }
.residential-hero { padding-block: 25px 66px; }
.residential-hero__intro, .residential-heading, .residential-life__inner, .residential-distinction__inner { text-align: center; }
.residential-hero__intro { max-width: 1030px; }
.residential-hero .eyebrow, .residential-heading .eyebrow, .residential-life .eyebrow, .residential-distinction .eyebrow, .residential-final-cta .eyebrow { justify-content: center; }
.residential-hero h1 { max-width: 1000px; margin: 0 auto 23px; font-size: clamp(2.65rem, 5.4vw, 5.15rem); font-weight: 400; letter-spacing: -.053em; line-height: 1.07; }
.residential-hero__intro > p:not(.eyebrow) { max-width: 720px; margin: 0 auto; color: var(--color-text-secondary); font-size: 1.08rem; line-height: 1.73; }
.residential-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 18px 28px; margin-top: 29px; }
.residential-hero__image { position: relative; height: clamp(285px, 35vw, 470px); margin-top: 52px; overflow: hidden; border-radius: var(--radius); }
.residential-hero__image img { width: 100%; height: 100%; object-fit: cover; object-position: center 56%; }
.residential-hero__image figcaption, .residential-friction__visual figcaption, .residential-projects__visual figcaption { position: absolute; right: 13px; bottom: 13px; padding: 5px 9px; border-radius: 4px; background: rgba(244,246,243,.96); color: var(--color-text); font-size: .7rem; line-height: 1.3; }
.residential-heading { max-width: 900px; margin: 0 auto 44px; }
.residential-heading .section-title { margin-inline: auto; margin-bottom: 18px; }
.residential-heading > p:last-child:not(.eyebrow) { max-width: 720px; margin: 0 auto; color: var(--color-text-secondary); font-size: 1.03rem; line-height: 1.72; }

.residential-moments { background: #fff; }
.residential-moments__grid { display: grid; gap: 20px; }
.residential-moments__grid article { display: flex; flex-direction: column; min-width: 0; min-height: 300px; padding: 28px 27px 32px; border: 1px solid var(--color-border); border-radius: var(--radius); }
.residential-rule { width: 34px; height: 2px; margin-bottom: 24px; background: var(--color-accent); }
.residential-moments h3, .residential-types h3, .residential-planning h3 { margin-bottom: 14px; font-size: clamp(1.45rem, 2.4vw, 2rem); font-weight: 450; letter-spacing: -.035em; line-height: 1.18; }
.residential-moments p, .residential-types p, .residential-planning p { color: var(--color-text-secondary); font-size: 1rem; line-height: 1.7; }
.residential-moments .text-link, .residential-types .text-link { margin-top: auto; font-size: .95rem; }

.residential-friction { background: var(--color-background); }
.residential-split { display: grid; align-items: center; gap: 36px; }
.residential-split__copy { max-width: 570px; }
.residential-split__copy .section-title { margin-bottom: 25px; }
.residential-split__copy > p:not(.eyebrow) { color: var(--color-text-secondary); font-size: 1.02rem; line-height: 1.77; }
.residential-friction__visual { position: relative; width: 100%; height: clamp(330px, 40vw, 470px); margin: 0; overflow: hidden; border-radius: var(--radius); }
.residential-friction__visual img { width: 100%; height: 100%; object-fit: cover; object-position: center 56%; }

.residential-decisions { background: #e8ede9; }
.residential-decisions__grid { display: grid; gap: 1px; padding: 1px; background: var(--color-border); }
.residential-decisions__grid article { min-width: 0; padding: 29px 27px 33px; background: #fff; }
.residential-decisions__grid h3 { margin-bottom: 13px; font-size: 1.4rem; font-weight: 500; letter-spacing: -.03em; }
.residential-decisions__grid p { margin: 0; color: var(--color-text-secondary); font-size: 1rem; line-height: 1.7; }
.residential-life { background: var(--color-forest); color: #fff; }
.residential-life__inner { max-width: 900px; }
.residential-life .eyebrow { color: #d5e2d4; }
.residential-life .section-title { margin-inline: auto; }
.residential-life__inner > p:not(.eyebrow) { max-width: 760px; margin: 0 auto 18px; color: #eef3ed; font-size: 1.05rem; line-height: 1.82; }
.residential-life__inner > p:last-child { margin-bottom: 0; }

.residential-types { background: #fff; }
.residential-types__grid { display: grid; gap: 20px; }
.residential-types__grid article { display: flex; flex-direction: column; min-width: 0; min-height: 300px; padding: 32px 30px 35px; border: 1px solid var(--color-border); border-radius: var(--radius); background: var(--color-background); }
.residential-types__grid p { margin-bottom: 25px; }
.residential-before { max-width: 850px; margin: 45px auto 0; padding: 28px 34px; border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); text-align: center; }
.residential-before h3 { font-size: 1.43rem; }
.residential-before p { margin: 0; }

.residential-services { background: var(--color-background); }
.residential-services__grid { display: grid; gap: 1px; padding: 1px; background: var(--color-border); }
.residential-services__grid a { display: flex; flex-direction: column; min-width: 0; min-height: 248px; padding: 29px 25px; background: #fff; transition: background-color .18s ease; }
.residential-services__grid a:hover { background: #f9fbf8; }
.residential-services__grid h3 { margin-bottom: 13px; font-size: 1.34rem; font-weight: 500; letter-spacing: -.03em; }
.residential-services__grid p { margin-bottom: 24px; color: var(--color-text-secondary); font-size: 1rem; line-height: 1.68; }
.residential-services__grid span { margin-top: auto; font-size: .81rem; font-weight: 650; }
.residential-services__bottom { display: flex; flex-direction: column; align-items: center; gap: 24px; max-width: 850px; margin: 37px auto 0; text-align: center; }
.residential-services__bottom p { margin: 0; color: var(--color-text-secondary); line-height: 1.75; }
.residential-services__bottom strong { color: var(--color-text); }

.residential-distinction { background: #fff; }
.residential-distinction__inner { max-width: 850px; }
.residential-distinction .section-title { margin-inline: auto; }
.residential-distinction__inner > p:not(.eyebrow) { margin-bottom: 26px; color: var(--color-text-secondary); font-size: 1.04rem; line-height: 1.78; }
.residential-planning { background: #e8ede9; }
.residential-planning__grid { display: grid; gap: 20px; }
.residential-planning__grid > div { display: flex; flex-direction: column; min-width: 0; min-height: 275px; padding: 31px 29px; border-radius: var(--radius); background: #fff; }
.residential-planning p { margin-bottom: 24px; }
.residential-planning .text-link { margin-top: auto; }

.residential-projects { background: #fff; text-align: center; }
.residential-projects__visual { position: relative; height: clamp(280px, 34vw, 445px); margin: 0 0 26px; overflow: hidden; border-radius: var(--radius); }
.residential-projects__visual img { width: 100%; height: 100%; object-fit: cover; object-position: center 55%; }
.residential-reading { background: var(--color-background); text-align: center; }
.residential-reading__about { margin: 24px auto 0; color: var(--color-text-secondary); font-size: 1rem; }
.residential-reading__about a { color: var(--color-text); font-weight: 650; text-decoration: underline; text-decoration-color: var(--color-accent); text-underline-offset: 4px; }
.residential-faq { text-align: center; }
.residential-faq__inner { max-width: 930px; }
.residential-faq .faq__items { text-align: left; }
.residential-faq .faq-item a { color: var(--color-text); font-weight: 650; text-decoration: underline; text-decoration-color: var(--color-accent); text-underline-offset: 4px; }
.residential-faq__all { margin-top: 26px; }
.residential-final-cta .final-cta__canvas { background: linear-gradient(100deg, #203025, #405742); }
.residential-final-cta .final-cta__content { text-align: center; }
.residential-final-cta h2, .residential-final-cta .final-cta__content > p:not(.eyebrow) { margin-inline: auto; }
.residential-final-cta .final-cta__content > p:not(.eyebrow) { max-width: 630px; }
.residential-final-cta .text-link { color: #fff; border-color: #dce5dc; }
.residential-final-cta .text-link:hover { color: #fff; border-color: #fff; }

@media (min-width: 700px) {
  .residential-split, .residential-types__grid, .residential-planning__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .residential-moments__grid, .residential-decisions__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .residential-services__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1050px) {
  .residential-services__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 699px) {
  .residential-hero { padding-block: 21px 55px; }
  .residential-hero h1 { font-size: clamp(2.45rem, 10vw, 3.15rem); }
  .residential-hero__intro > p:not(.eyebrow) { font-size: 1rem; }
  .residential-actions { flex-direction: column; }
  .residential-actions .button { width: 100%; }
  .residential-hero__image { margin-top: 36px; }
  .residential-moments__grid article, .residential-types__grid article, .residential-planning__grid > div { min-height: 0; }
  .residential-before { padding-inline: 5px; }
  .residential-friction__visual { height: 350px; }
}