/* GC-111: home hero accents use footer true green #3f8f3a, not Recopack lima.
   GC-110: forest overlay, existing lead/CTA, no frosted pill. */

.gc-home-hero {
  min-height: 360px;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(29, 63, 53, .88), rgba(29, 63, 53, .55) 62%, rgba(29, 63, 53, .28)),
    var(--gc-home-hero-image, url("assets/home-hero.jpg")) center/cover no-repeat;
}

.gc-home-hero__content {
  max-width: 1185px;
  padding: 72px 0 56px 28px;
  background: none;
}

.gc-home-hero__content::before {
  top: 72px;
  bottom: 56px;
  left: 0;
  width: 4px;
  background: #3f8f3a;
}

.gc-home-hero__eyebrow {
  display: block;
  margin: 0 0 16px;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #fff;
  background: none;
  font-family: var(--gc-font-heading);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0;
  text-transform: none;
}

.gc-home-hero h1 {
  max-width: 760px;
  margin: 0;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: 0;
}

.gc-home-hero p:not(.gc-home-hero__eyebrow) {
  display: none;
}

.gc-home-hero .gc-button {
  display: none;
}

@media (max-width: 900px) {
  .gc-home-hero {
    min-height: 0;
    align-items: flex-start;
  }

  .gc-home-hero__content {
    width: 100%;
    max-width: none;
    padding: 108px 20px 40px 24px;
  }

  .gc-home-hero__content::before {
    top: 108px;
    bottom: 40px;
    left: 10px;
  }

  .gc-home-hero h1 {
    max-width: none;
    font-size: 28px;
    line-height: 1.25;
  }
}