.lh-hero {
  --lh-z-image: 99;
  --lh-z-content: 120;
  --lh-z-label: 2147482000;
  position: relative;
  width: 100%;
  height: clamp(var(--lh-hero-min-height, 520px), var(--lh-image-ratio-vw, 56.25vw), var(--lh-hero-max-height, 780px));
  min-height: var(--lh-hero-min-height, 520px);
  max-height: var(--lh-hero-max-height, 780px);
  overflow: visible;
  background: #f5f5f5;
  margin-top: 90px;
}
.lh-hero__slides {
  position: absolute;
  inset: 0;
  z-index: var(--lh-z-image);
  overflow: hidden;
  border-radius: 0;
}
.lh-hero__image {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1100ms ease;
}
.lh-hero__image.is-active {
  opacity: 1;
}
.lh-hero__image img {
  display: block;
  width: 100%;
  max-width: none;
  height: 100%;
  border-radius: 0;
  object-fit: cover;
}
.lh-hero__wrap {
  position: relative;
  z-index: var(--lh-z-content);
  width: min(100% - 40px, var(--lh-wrapper, 1200px));
  height: 100%;
  min-height: 0;
  margin: 0 auto;
}
.lh-hero__logo {
  position: absolute;
  left: var(--lh-logo-x, 120px);
  top: var(--lh-logo-y, 70px);
  width: var(--lh-logo-width, 430px);
  transform: rotate(var(--lh-logo-rotation, 0deg));
  transform-origin: center;
  display: block;
  z-index: 30;
  box-sizing: border-box;
  padding: var(--lh-logo-padding, 30px);
  border-radius: var(--lh-logo-radius, 20px);
  overflow: hidden;
}
.lh-hero__logo::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  background: var(--lh-logo-bg, #fff);
  opacity: var(--lh-logo-bg-opacity, 0);
  pointer-events: none;
}
.lh-hero__logo img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  display: block;
}
.lh-hero__label-wrap {
  position: absolute;
  left: 50%;
  bottom: -44px;
  z-index: var(--lh-z-label) !important;
  width: min(100% - 40px, var(--lh-wrapper, 1200px));
  --lh-label-box-width: min(760px, 50vw);
  transform: translateX(-50%);
  pointer-events: none;
}
.lh-hero__label-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: calc(50% - 50vw);
  z-index: 0;
  background: linear-gradient(var(--lh-label-direction, to right), var(--lh-label-from, #3264cc), var(--lh-label-to, #8d5094));
  clip-path: polygon(0 var(--lh-label-skew-top, 0), 100% 0, 100% 100%, 0 calc(100% - var(--lh-label-skew-bottom, 40px)));
  box-shadow: 0 10px 24px rgba(0, 0, 0, .12);
}
.lh-hero__label {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  width: var(--lh-label-box-width);
  margin-left: 50%;
  padding: var(--lh-label-padding-top, clamp(26px, 3vw, 46px)) clamp(34px, 4vw, 70px) var(--lh-label-padding-bottom, clamp(26px, 3vw, 46px));
  color: var(--lh-label-text, #fff);
  font-family: "agenda", sans-serif;
  font-weight: 400;
  font-size: 34px;
  line-height: 1.18;
  letter-spacing: 0;
}
.lh-hero__label-text {
  position: relative;
  z-index: 1;
}
@media (max-width: 1100px) {
  .lh-hero__logo {
    left: 0;
  }
}
@media (max-width: 900px) {
  .lh-hero {
    --lh-hero-min-height: 320px !important;
  }
  .lh-hero__logo {
    left: 0;
    top: 17px;
    width: min(45vw, var(--lh-logo-width, 230px));
  }
  .lh-hero__label-wrap {
    bottom: -32px;
  }
  .lh-hero__label {
    font-size: 34px;
    padding: var(--lh-label-padding-top, 24px) 28px var(--lh-label-padding-bottom, 30px);
  }
}
@media (max-width: 800px) {
  .lh-hero__label {
    font-size: 34px;
  }
}