.home_page {
  --home-section-space: 64px;
  --home-transition-space: 48px;
  --home-heading-space: 32px;
}

.home_page #hero { padding-bottom: var(--home-transition-space); }
.home_page #about {
  margin: 0;
  padding: 24px 0 var(--home-section-space);
  color: #173b3b;
  background-color: #fff;
}

.home_page #about::before { content: none; }
.home_page #about .container { max-width: 1080px; }
.home_page .about_title,
.home_page .about_principle h3,
.home_page .about_closing { color: #173b3b; }
.home_page .about_lead { color: #216b69; }
.home_page .about_excerpt { margin-top: 26px; }
.home_page .about_copy,
.home_page .about_principle p { color: #536565; }
.home_page .about_principles { max-width: 1040px; margin: 32px auto 0; border-top-color: #dce5e3; }
.home_page .about_principle { border-right-color: #dce5e3; border-bottom-color: #dce5e3; }
.home_page .about_closing::before { background-color: #c5a369; }

.home_page #developers {
  position: relative;
  isolation: isolate;
  padding: var(--home-section-space) 0;
  background-color: #f4f8f7;
}

.home_page #developers::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: url(../images/texture.webp) repeat;
  opacity: .05;
  pointer-events: none;
}

.home_page #developers .container,
.home_page #services .container {
  padding: 0;
  min-height: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.home_page #developers .container::before { content: none; }
.home_page .founder_quote.container { margin-top: var(--home-transition-space); margin-bottom: var(--home-heading-space); }
.home_page #team { padding: 0 0 var(--home-section-space); }
.home_page .team_header,
.home_page .services_header { margin-bottom: var(--home-heading-space); }

.home_page #services { padding: var(--home-section-space) 0; background-color: #f4f8f7; }
.home_page .services_grid { column-gap: 48px; }
.home_page #properties { padding: var(--home-section-space) 0; }
.home_page .properties_header { margin-bottom: var(--home-heading-space); }
.home_page #contact { margin: 0; }

.home_page .home_blog {
  padding: var(--home-section-space) 0;
  background-color: #f4f8f7;
  color: #173b3b;
}

.home_blog_header { margin-bottom: var(--home-heading-space); text-align: center; }
.home_blog_header h2 { margin: 0; font-size: 32px; font-weight: 600; line-height: 1.25; }
.home_blog_header p { max-width: 600px; margin: 12px auto 0; color: #536565; font-size: 16px; line-height: 1.65; }
.home_blog_archive_link { display: inline-flex; align-items: center; min-height: 44px; margin-top: 10px; color: #216b69; font-size: 13px; font-weight: 600; line-height: 1.5; text-decoration: underline; text-underline-offset: 4px; }
.home_blog_archive_link:focus-visible { outline: 3px solid #216b69; outline-offset: 4px; }


@media (max-width: 768px) {
  .home_page {
    --home-section-space: 40px;
    --home-transition-space: 32px;
    --home-heading-space: 24px;
  }

  .home_page .developers_logos { width: 100%; }
  .home_page #about { padding-top: 16px; }
  .home_blog_header h2 { font-size: 26px; }
  .home_blog_header p { font-size: 15px; }
}

