/* Main site: one photo-free visual system for internal page title strips. */
.site-shell {
  --internal-title-bg:
    radial-gradient(
      circle at 88% 8%,
      rgba(255, 235, 166, 0.34),
      transparent 28%
    ),
    linear-gradient(135deg, #fff9e8, #fff 56%, #f6f8fb);
  --internal-title-min: clamp(168px, 16vw, 220px);
  --internal-title-pad: clamp(20px, 2.4vw, 28px);
  --internal-title-rule: rgba(201, 166, 70, 0.30);
}

.site-shell :is(.about-title-strip.page-title-strip, .areas-communities-hero) {
  min-height: var(--internal-title-min);
  display: flex;
  align-items: center;
  overflow: hidden;
  border-top: 1px solid var(--internal-title-rule);
  border-bottom: 1px solid var(--internal-title-rule);
  background: var(--internal-title-bg);
  color: var(--navy-950);
}

.site-shell .about-title-strip.page-title-strip::before,
.site-shell .about-title-strip.page-title-strip::after,
.site-shell .areas-communities-hero > .areas-communities-media {
  display: none;
  background: none;
}

.site-shell .about-title-strip.page-title-strip {
  padding: var(--internal-title-pad) 0;
}

.site-shell .about-title-strip.page-title-strip .about-title-inner {
  min-height: 0;
}

.site-shell .areas-communities-hero {
  padding: 0;
}

.site-shell .areas-communities-hero .areas-communities-hero-inner {
  padding: var(--internal-title-pad) 0;
}

.site-shell
  :is(
    .about-title-strip.page-title-strip .about-page-title h1,
    .areas-communities-hero .areas-communities-hero-inner h1
  ) {
  max-width: 760px;
  margin: 0;
  color: var(--navy-950);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(32px, 3.15vw, 44px);
  font-weight: 400;
  line-height: 1.04;
  letter-spacing: 0;
  overflow-wrap: break-word;
}

.site-shell
  :is(
    .about-title-strip.page-title-strip .about-lede,
    .areas-communities-hero .areas-communities-hero-inner > p:not(.eyebrow)
  ) {
  display: inline-block;
  max-width: 720px;
  margin: 12px 0 0;
  border-left: 2px solid var(--gold);
  padding-left: 15px;
  color: var(--navy-900);
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  font-size: clamp(15px, 0.98vw, 18px);
  font-weight: 760;
  line-height: 1.42;
  letter-spacing: 0;
}

@media (max-width: 720px) {
  .site-shell .about-title-strip.page-title-strip {
    min-height: auto;
    padding: 24px 0;
  }

  .site-shell .areas-communities-hero {
    min-height: auto;
  }

  .site-shell .areas-communities-hero .areas-communities-hero-inner {
    padding: 24px 0;
  }

  .site-shell
    :is(
      .about-title-strip.page-title-strip .about-page-title h1,
      .areas-communities-hero .areas-communities-hero-inner h1
    ) {
    font-size: clamp(28px, 8.2vw, 36px);
    line-height: 1.02;
  }

  .site-shell
    :is(
      .about-title-strip.page-title-strip .about-lede,
      .areas-communities-hero .areas-communities-hero-inner > p:not(.eyebrow)
    ) {
    padding-left: 12px;
    font-size: 14px;
    line-height: 1.35;
  }
}