.entrance-hero {
  position: relative;
  height: clamp(360px, 34vw, 620px);
  overflow: hidden;
  background: #344c34;
}
.entrance-hero > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 55%;
}
.entrance-headline {
  position: absolute;
  top: clamp(24px, 3vw, 52px);
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  max-width: calc(100% - 40px);
  padding: 18px 32px 22px;
  background: rgba(255, 253, 247, .92);
  border-top: 2px solid #b48d52;
  box-shadow: 0 4px 24px rgba(23, 41, 30, .08);
  text-align: center;
}
.entrance-headline h1 {
  margin: 0;
  color: #263c30;
  font-family: Georgia, serif;
  font-size: clamp(28px, 3.5vw, 60px);
  font-weight: 400;
  line-height: 1.16;
  letter-spacing: -.025em;
  overflow-wrap: normal;
}
.resident-access { padding: 44px 24px; text-align: center; }
.resident-access h2 { margin: 12px 0 16px; }
.resident-access > p { max-width: 620px; margin: 0 auto 22px; color: var(--muted); }
.resident-access .actions { justify-content: center; flex-wrap: wrap; }
.resident-access > .fine { margin: 18px auto 0; }
.neighborhood-section {
  padding: clamp(36px, 5vw, 64px) 24px;
  background: var(--sage, #e5e8de);
  text-align: center;
}
.neighborhood-inner { max-width: 1000px; margin: 0 auto; }
.neighborhood-section h2 {
  max-width: 980px;
  margin: 16px auto 0;
  font-size: clamp(28px, 3.6vw, 44px);
  line-height: 1.2;
  text-wrap: balance;
  overflow-wrap: normal;
}
.neighborhood-section h2::after {
  content: "";
  display: block;
  width: 60px;
  height: 1px;
  margin: 28px auto;
  background: var(--gold, #a27b36);
}
.neighborhood-section p {
  max-width: 920px;
  margin: 0 auto 24px;
  color: var(--muted, #586661);
  font-size: 17px;
  line-height: 1.85;
}
.neighborhood-section p:last-child { margin-bottom: 0; }
@media (max-width: 600px) {
  .entrance-hero { height: 390px; }
  .entrance-headline { top: 24px; max-width: calc(100% - 28px); padding: 15px 12px 18px; }
  .entrance-headline h1 { font-size: clamp(23px, 5.9vw, 35px); }
  .neighborhood-section { padding: 36px 22px; }
  .neighborhood-section p { font-size: 16px; line-height: 1.75; margin-bottom: 22px; }
  .neighborhood-section h2::after { margin: 24px auto; }
}