/* About lead cleanup + restore strong desktop hero CTAs */

.scroll-progress,
.scroll-progress-bar {
  display: none !important;
}

/* Hide old mismatched about chips */
.about-badge {
  display: none !important;
}

.about-lead {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.55rem;
  margin: 0 0 1.35rem;
}

.about-lead-kicker {
  margin: 0;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #c41e1e;
}

.about-lead-years,
.about-years-callout,
.about-years-callout.has-fill-bar {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  gap: 0.65rem !important;
  width: auto !important;
  max-width: 100%;
  margin: 0 !important;
  padding: 0.85rem 1.2rem !important;
  background: #fff !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-left: 4px solid #c41e1e !important;
  border-radius: 0 !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
  position: relative;
  overflow: hidden;
}

.about-years-callout.has-fill-bar::after,
.about-lead-years.has-fill-bar::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  height: 3px !important;
  width: 0;
  background: linear-gradient(90deg, #c41e1e, #e63535) !important;
  border-radius: 0 !important;
  transition: width 1.1s cubic-bezier(0.22, 1, 0.36, 1);
}

.about-years-callout.has-fill-bar.is-filled::after,
.about-lead-years.has-fill-bar.is-filled::after {
  width: 100% !important;
}

.about-years-number {
  font-family: "Teko", sans-serif !important;
  font-size: 4.25rem !important;
  font-weight: 700 !important;
  line-height: 0.9 !important;
  color: #c41e1e !important;
}

.about-years-label {
  font-family: "Outfit", sans-serif !important;
  font-size: 0.98rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #334155 !important;
}

/* Balance about section on desktop */
@media (min-width: 993px) {
  .about-container {
    grid-template-columns: 1fr 1fr !important;
    gap: 3.5rem !important;
    align-items: center !important;
  }

  .about-container:not(:has(.about-image img)) {
    grid-template-columns: minmax(0, 40rem) !important;
    justify-content: start;
  }

  .about-title {
    font-size: 3.25rem !important;
    line-height: 1.05 !important;
    margin-bottom: 1rem !important;
  }

  .about-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 1rem !important;
  }

  .about-stat {
    padding: 1.1rem 0.85rem !important;
  }

  .about-stat-number {
    font-size: 2.6rem !important;
  }

  /* Restore strong desktop hero CTAs (undo prior compaction) */
  .home .hero,
  .hero {
    padding: 7.5rem 0 3.5rem !important;
  }

  .hero-container {
    gap: 2.75rem !important;
    align-items: start !important;
  }

  .hero-title {
    font-size: clamp(3.5rem, 5vw, 4.6rem) !important;
    margin-bottom: 1rem !important;
  }

  .hero-title-lead {
    font-size: 0.42em !important;
  }

  .hero-subtitle {
    font-size: 1.125rem !important;
    line-height: 1.65 !important;
    margin-bottom: 1.25rem !important;
    max-width: 36rem !important;
  }

  .hero-phone-btn,
  a.hero-phone-btn.btn,
  a.hero-phone-btn.btn-primary {
    min-height: 56px !important;
    padding: 1rem 1.6rem !important;
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    box-shadow: 0 12px 30px rgba(196, 30, 30, 0.45) !important;
  }

  .hero-form-container {
    padding: 1.75rem 1.75rem 1.5rem !important;
  }

  .hero-form-title {
    font-size: 1.85rem !important;
    margin-bottom: 0.5rem !important;
  }

  .hero-form-subtitle {
    font-size: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .hero-form-container .wpcf7-form input[type="text"],
  .hero-form-container .wpcf7-form input[type="email"],
  .hero-form-container .wpcf7-form input[type="tel"],
  .hero-form-container .wpcf7-form select,
  .hero-form-container .wpcf7-form textarea {
    min-height: 36px !important;
    height: 36px !important;
    margin-bottom: 0.55rem !important;
    padding: 0.35rem 0.75rem !important;
    font-size: 0.95rem !important;
    line-height: 1.2 !important;
  }

  .hero-form-container .wpcf7-form textarea {
    height: auto !important;
    min-height: 64px !important;
  }

  .hero-form-container select,
  .hero-form-container .wpcf7-select {
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
  }

  .hero-form-container .wpcf7-submit {
    padding: 0.95rem 1.25rem !important;
    font-weight: 700 !important;
  }
}

.about-image img {
  width: 100%;
  height: auto;
  border-radius: 1rem;
  display: block;
}

@media (max-width: 992px) {
  .about-stats {
    grid-template-columns: 1fr !important;
  }
}