.cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card {
  position: relative;
  isolation: isolate;
  width: 100%;
  min-height: var(--banner-card-mobile-height, 20rem);
  aspect-ratio: var(--banner-card-mobile-ratio, 3 / 4);
  overflow: hidden;
  background: var(--kombos-gray-100);
  color: var(--kombos-white);
}

.cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card--rounded {
  border-radius: var(--banner-card-radius, 5px);
}

.cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card__media, .cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card__image, .cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card__overlay, .cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card__content {
  z-index: 2;
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card__media {
  z-index: -2;
}

.cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card__image {
  display: block;
  width: 100%;
  height: 100%;
  transition: transform 500ms ease;
}

.cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card__overlay {
  z-index: -1;
  background: rgba(0, 0, 0, 1);
  pointer-events: none;
}

.cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card__overlay--desktop {
  display: none;
}

.cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card__overlay--mobile {
  display: block;
}

.cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card__content {
  display: flex;
  align-items: var(--banner-card-mobile-align-items, flex-start);
  justify-content: var(--banner-card-mobile-justify-content, flex-end);
  padding: var(--banner-card-mobile-content-padding, 20px);
  text-align: var(--banner-card-mobile-text-align, left);
}

.cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card__copy {
  display: flex;
  flex-direction: column;
  align-items: var(--banner-card-mobile-copy-align, flex-start);
  width: 100%;
  max-width: min(100%, var(--banner-card-content-max-width, 32rem));
}

.cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card__image-link {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card__image-link:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: -5px;
}

.cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card__content a, .cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card__content button {
  pointer-events: auto;
}

.cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card__eyebrow {
  margin: 0 0 0.5rem;
  letter-spacing: 0.14em;
  font-size: var(--banner-card-eyebrow-size, 11px);
}

.cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card__title, .cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card__title > :first-child, .cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card__description, .cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card__description > :first-child {
  margin-top: 0;
}

.cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card__title > :last-child, .cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card__description > :last-child {
  margin-bottom: 0;
}

.cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card__description {
  margin-top: 0.625rem;
  font-size: var(--banner-card-description-size, 15px);
  opacity: 0.86;
}

.cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card__title {
  font-size: var(--banner-card-mobile-title-size, 22px);
  line-height: 1.15;
}

.cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card__actions {
  display: flex;
  justify-content: var(--banner-card-mobile-button-justify, var(--banner-card-button-justify, flex-start));
  width: 100%;
  margin-top: 1.25rem;
}

.cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card__button {
  margin-top: 0;
  background: var(--btn-bg, var(--kombos-white));
  border-color: var(--btn-bg, var(--kombos-white));
  color: var(--btn-color, var(--kombos-gray-900));
}

.cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card__button:hover {
  background: var(--btn-hover-bg, var(--kombos-gray-50));
  color: var(--btn-hover-color, var(--btn-color, var(--kombos-gray-900)));
  border-color: var(--btn-hover-bg, var(--kombos-gray-50));
}

.cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card--hover-zoom:hover .kombos-banner-card__image {
  transform: scale(1.035);
}

.cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card:focus-within .kombos-banner-card__button {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

@media (min-width: 1024px) {
  .cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card__overlay--desktop {
    display: block;
  }

  .cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card__overlay--mobile {
    display: none;
  }

  .cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card {
    min-height: var(--banner-card-desktop-height, 26.25rem);
    aspect-ratio: var(--banner-card-desktop-ratio, 4 / 3);
  }

  .cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card__content {
    align-items: var(--banner-card-align-items, flex-start);
    justify-content: var(--banner-card-justify-content, flex-end);
    padding: var(--banner-card-content-padding, 40px);
    text-align: var(--banner-card-text-align, left);
  }

  .cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card__copy {
    align-items: var(--banner-card-copy-align, flex-start);
  }

  .cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card__title {
    font-size: var(--banner-card-title-size, 28px);
  }

  .cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card__actions {
    justify-content: var(--banner-card-button-justify, flex-start);
  }
}

@media (prefers-reduced-motion: reduce) {
  .cc_kqXkWVgX6m_Cns8eGNcsO .kombos-banner-card__image {
    transition: none;
  }
}
