/* Kitcove homepage hero — semantic SEO eyebrow, outcome headline and trust line. */

.hero .hero__content-wrapper {
  align-items: flex-start !important;
  text-align: left !important;
}

.hero .hero__container {
  padding-block: 0 !important;
}

.hero .text-block--text_YLPk4p {
  align-items: flex-start !important;
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: 36rem !important;
}

.hero .text-block--text_YLPk4p h1 {
  margin: 0 0 0.75rem !important;
  color: var(--kc-ink-soft) !important;
  font-family: var(--kc-ui) !important;
  font-size: clamp(0.75rem, 0.85vw, 0.875rem) !important;
  font-weight: 500 !important;
  letter-spacing: 0.15em !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
}

.hero .text-block--text_YLPk4p h2 {
  max-width: 12.5ch;
  margin: 0 0 1.5rem !important;
  color: var(--kc-ink) !important;
  font-family: var(--kc-display) !important;
  font-size: clamp(3.25rem, 5.15vw, 5.8rem) !important;
  font-weight: 600 !important;
  letter-spacing: -0.025em !important;
  line-height: 0.98 !important;
  text-transform: none !important;
}

.hero .text-block--text_YLPk4p p {
  max-width: 34rem;
  margin: 0 !important;
  color: var(--kc-ink-soft) !important;
  font-family: var(--kc-ui) !important;
  font-size: clamp(1rem, 1.2vw, 1.125rem) !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
}

.hero .button--button_H9gpTf {
  min-height: 3rem;
  margin: 0 !important;
  padding-inline: 2rem !important;
  align-self: flex-start !important;
}

.hero .text-block--text_heroTrust {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}

.hero .text-block--text_heroTrust p {
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 !important;
  color: var(--kc-ink-soft) !important;
  font-family: var(--kc-ui) !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.025em !important;
  line-height: 1.5 !important;
  white-space: nowrap;
}

@media (min-width: 900px) {
  .hero .hero__container,
  .hero .hero__content-wrapper {
    min-height: clamp(42.5rem, calc(100svh - 5rem), 56.25rem) !important;
  }

  .hero .hero__content-wrapper {
    padding: clamp(4.5rem, 7vh, 7rem) clamp(3rem, 5vw, 6rem) !important;
  }
}

@media (max-width: 899px) {
  .hero .hero__content-wrapper {
    order: 1;
  }

  .hero .hero__media-wrapper {
    order: 2;
  }

  .hero .hero__content-wrapper {
    gap: 1.25rem !important;
    padding: 3.5rem 1.5rem 4rem !important;
  }

  .hero .text-block--text_YLPk4p h2 {
    max-width: 100%;
    font-size: clamp(2.75rem, 12vw, 4.25rem) !important;
  }

  .hero .text-block--text_heroTrust p {
    width: auto !important;
    white-space: normal;
  }
}