/* Pages — Homepage overrides */

/* Hero eats the nav space */
.hero { margin-top: -52px; padding-top: 52px; }

@media (min-width: 768px) {
  .hero { margin-top: -48px; padding-top: 48px; }
}

/* ==========================================================================
   Services Page
   ========================================================================== */

.services-page {
  scroll-padding-top: calc(52px + 48px + 16px);
}

.svc-section:nth-child(even) {
  background: var(--bg-secondary);
}

/* ==========================================================================
   About Page
   ========================================================================== */

.about-section--alt {
  background: var(--bg-secondary);
  padding-block: var(--space-16);
}

/* ==========================================================================
   Contact Page
   ========================================================================== */

.contact-section--dark {
  background: var(--bg-dark);
  color: var(--text-on-dark);
}

.contact-section--dark .kicker { color: rgba(240,235,227,.5); }

/* ==========================================================================
   CTA Strip — shared background across all inner pages
   ========================================================================== */

.cta-strip {
  position: relative;
  overflow: hidden;
  background: var(--bg-dark);
  color: var(--text-on-dark);
  padding-block: var(--space-20);
  text-align: center;
}


@media (min-width: 768px) {
  .cta-strip { padding-block: var(--space-24); }
}

.cta-strip__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.35;
  pointer-events: none;
}

.cta-strip .container {
  position: relative;
  z-index: 1;
}

.cta-strip__heading {
  font: var(--weight-regular) 1/1.1 var(--font-display);
  font-size: var(--text-3xl);
  color: var(--text-on-dark);
  margin-bottom: var(--space-4);
}
.cta-strip__sub {
  color: rgba(240, 235, 227, 0.85);
  margin-bottom: var(--space-6);
  text-align: center;
}