/* Homepage-only refinements for the supplied copy updates. */
.homepage-copy .section-header {
  max-width: 920px;
  margin-bottom: 0;
}

.homepage-copy .section-header h2 {
  max-width: 850px;
}

.homepage-copy .section-header p {
  color: var(--gray-700);
  font-size: 1.05rem;
  line-height: 1.75;
  margin: 12px auto 0;
}

.homepage-intro {
  padding-top: 54px;
  padding-bottom: 48px;
}

.homepage-project-support,
.homepage-nationwide {
  padding-top: 64px;
  padding-bottom: 64px;
}

.homepage-products .section-header {
  max-width: 900px;
}

.homepage-products .product-grid-card {
  min-width: 0;
}

.homepage-products .product-grid-overlay {
  padding: 22px;
  background: linear-gradient(
    to top,
    rgba(30, 32, 36, 0.96) 0%,
    rgba(30, 32, 36, 0.78) 48%,
    rgba(30, 32, 36, 0.18) 100%
  );
}

.homepage-products .product-grid-card:hover .product-grid-overlay {
  background: linear-gradient(
    to top,
    rgba(30, 32, 36, 0.98) 0%,
    rgba(30, 32, 36, 0.84) 56%,
    rgba(30, 32, 36, 0.24) 100%
  );
}

.homepage-products .product-grid-overlay h3 {
  font-size: 1.15rem;
  line-height: 1.25;
  overflow-wrap: break-word;
}

.homepage-products .product-grid-overlay p {
  font-size: 0.87rem;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.94);
  margin-bottom: 8px;
}

@media (max-width: 768px) {
  .homepage-copy.section {
    padding-top: 44px;
    padding-bottom: 44px;
  }

  .homepage-intro {
    padding-top: 40px !important;
    padding-bottom: 38px !important;
  }

  .homepage-copy .section-header h2 {
    font-size: clamp(1.55rem, 6vw, 2rem);
  }

  .homepage-copy .section-header p {
    text-align: left;
    font-size: 1rem;
    line-height: 1.7;
  }

  .homepage-products .product-grid-card {
    aspect-ratio: auto;
    min-height: 248px;
  }

  .homepage-products .product-grid-overlay {
    padding: 18px;
    background: linear-gradient(
      to top,
      rgba(30, 32, 36, 0.97) 0%,
      rgba(30, 32, 36, 0.82) 58%,
      rgba(30, 32, 36, 0.2) 100%
    );
  }

  .homepage-products .product-grid-overlay h3 {
    font-size: 1.08rem;
    margin-bottom: 5px;
  }

  .homepage-products .product-grid-overlay p {
    font-size: 0.82rem;
    line-height: 1.4;
    margin-bottom: 6px;
  }
}