.editor-styles-wrapper .is-root-container .hero, body.frontend .hero {
  display: flex;
  align-items: center;
}
.editor-styles-wrapper .is-root-container .hero h1, body.frontend .hero h1 {
  z-index: 2;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .editor-styles-wrapper .is-root-container .hero h1 br, body.frontend .hero h1 br {
    display: none;
  }
}
.editor-styles-wrapper .is-root-container .hero span, body.frontend .hero span {
  display: inline-block;
  padding: 0 0.06em; /* extend paint area */
  margin: 0 -0.06em; /* keep layout width */
  line-height: 1.05;
  background: linear-gradient(90deg, rgb(245, 140, 214), rgb(245, 130, 197), rgb(248, 125, 162), rgb(252, 117, 106));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  position: relative;
  z-index: 3;
  margin-bottom: -5px;
  padding-bottom: 5px;
}
@media only screen and (max-width: 991px) {
  .editor-styles-wrapper .is-root-container .hero span, body.frontend .hero span {
    line-height: 1.13;
  }
}
.editor-styles-wrapper .is-root-container .hero .col:first-child, body.frontend .hero .col:first-child {
  position: relative;
  z-index: 3;
  padding-top: 60px;
}
@media only screen and (max-width: 991px) {
  .editor-styles-wrapper .is-root-container .hero .col:first-child, body.frontend .hero .col:first-child {
    background: transparent;
    padding-top: 90px;
  }
  .editor-styles-wrapper .is-root-container .hero .col:first-child::after, body.frontend .hero .col:first-child::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -140px;
    height: 300px;
    pointer-events: none;
    background: linear-gradient(to bottom, rgb(255, 255, 255) 40%, rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 0) 100%);
  }
}
.editor-styles-wrapper .is-root-container .hero .col:last-child, body.frontend .hero .col:last-child {
  position: relative;
  margin-top: -60px;
  z-index: 2;
}
@media only screen and (min-width: 992px) {
  .editor-styles-wrapper .is-root-container .hero .col:last-child, body.frontend .hero .col:last-child {
    margin-top: unset;
  }
}
@media only screen and (min-width: 992px) {
  .editor-styles-wrapper .is-root-container .hero .col, body.frontend .hero .col {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) and (min-width: 768px) and (max-width: 992px) {
  .editor-styles-wrapper .is-root-container .hero .col:first-child, body.frontend .hero .col:first-child {
    padding-top: calc(100vw * 130 / 768);
  }
}
@media only screen and (min-width: 992px) and (min-width: 992px) {
  .editor-styles-wrapper .is-root-container .hero .col:first-child, body.frontend .hero .col:first-child {
    padding-top: calc(100vw * 130 / 1440);
  }
}
@media only screen and (min-width: 992px) and (min-width: 1600px) {
  .editor-styles-wrapper .is-root-container .hero .col:first-child, body.frontend .hero .col:first-child {
    padding-top: 144.4444444444px;
  }
}
@media only screen and (min-width: 992px) and (min-width: 768px) and (max-width: 992px) {
  .editor-styles-wrapper .is-root-container .hero .col:first-child, body.frontend .hero .col:first-child {
    padding-bottom: calc(100vw * 130 / 768);
  }
}
@media only screen and (min-width: 992px) and (min-width: 992px) {
  .editor-styles-wrapper .is-root-container .hero .col:first-child, body.frontend .hero .col:first-child {
    padding-bottom: calc(100vw * 130 / 1440);
  }
}
@media only screen and (min-width: 992px) and (min-width: 1600px) {
  .editor-styles-wrapper .is-root-container .hero .col:first-child, body.frontend .hero .col:first-child {
    padding-bottom: 144.4444444444px;
  }
}
.editor-styles-wrapper .is-root-container .hero .description, body.frontend .hero .description {
  position: relative;
  margin: 10px 0 30px;
  z-index: 3;
}
@media only screen and (min-width: 992px) {
  .editor-styles-wrapper .is-root-container .hero .description, body.frontend .hero .description {
    margin: 15px 0 35px;
    letter-spacing: -0.48px;
    width: 66%;
  }
}
@media only screen and (max-width: 991px) {
  .editor-styles-wrapper .is-root-container .hero .description br, body.frontend .hero .description br {
    display: none;
  }
}
.editor-styles-wrapper .is-root-container .hero .cta, body.frontend .hero .cta {
  position: relative;
  z-index: 3;
}
.editor-styles-wrapper .is-root-container .hero .media-columns, body.frontend .hero .media-columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(140px, 1fr));
  gap: 8px;
}
@media only screen and (min-width: 992px) {
  .editor-styles-wrapper .is-root-container .hero .media-columns, body.frontend .hero .media-columns {
    gap: 18px;
    grid-template-columns: repeat(3, minmax(fluid(194px, 250px, 300px), 1fr));
  }
}
@media only screen and (max-width: 991px) {
  .editor-styles-wrapper .is-root-container .hero .media-columns, body.frontend .hero .media-columns {
    grid-template-columns: repeat(2, 1fr);
  }
  .editor-styles-wrapper .is-root-container .hero .media-col.col-3, body.frontend .hero .media-col.col-3 {
    display: none;
  }
}
.editor-styles-wrapper .is-root-container .hero .media-col, body.frontend .hero .media-col {
  min-width: 0;
  width: 100%;
  height: 420px;
}
@media only screen and (min-width: 325px) and (max-width: 768px) {
  .editor-styles-wrapper .is-root-container .hero .media-col, body.frontend .hero .media-col {
    height: calc(100vw * 420 / 360);
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .editor-styles-wrapper .is-root-container .hero .media-col, body.frontend .hero .media-col {
    height: calc(100vw * 711 / 768);
  }
}
@media only screen and (min-width: 992px) {
  .editor-styles-wrapper .is-root-container .hero .media-col, body.frontend .hero .media-col {
    height: calc(100vw * 711 / 1440);
  }
}
@media (min-width: 1600px) {
  .editor-styles-wrapper .is-root-container .hero .media-col, body.frontend .hero .media-col {
    height: 790px;
  }
}
.editor-styles-wrapper .is-root-container .hero .media-col, body.frontend .hero .media-col {
  overflow: hidden;
  border-radius: 16px;
  position: relative;
  /* controls */
  --rows: 3; /* slides per column */
  --gap: 24px; /* space between slides */
}
.editor-styles-wrapper .is-root-container .hero .media-col .marquee-wrapper, body.frontend .hero .media-col .marquee-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  will-change: transform;
  gap: var(--gap);
}
.editor-styles-wrapper .is-root-container .hero .media-col .marquee-slide, body.frontend .hero .media-col .marquee-slide {
  flex: 0 0 auto;
  height: 180px;
}
@media only screen and (min-width: 360px) {
  .editor-styles-wrapper .is-root-container .hero .media-col .marquee-slide, body.frontend .hero .media-col .marquee-slide {
    height: calc(180px + 390 * (100vw - 360px) / 631);
  }
}
@media only screen and (min-width: 991px) {
  .editor-styles-wrapper .is-root-container .hero .media-col .marquee-slide, body.frontend .hero .media-col .marquee-slide {
    height: 570px;
  }
}
@media only screen and (min-width: 992px) {
  .editor-styles-wrapper .is-root-container .hero .media-col .marquee-slide, body.frontend .hero .media-col .marquee-slide {
    height: 175px;
  }
}
@media only screen and (min-width: 992px) and (min-width: 1024px) {
  .editor-styles-wrapper .is-root-container .hero .media-col .marquee-slide, body.frontend .hero .media-col .marquee-slide {
    height: calc(175px + 77 * (100vw - 1024px) / 376);
  }
}
@media only screen and (min-width: 992px) and (min-width: 1400px) {
  .editor-styles-wrapper .is-root-container .hero .media-col .marquee-slide, body.frontend .hero .media-col .marquee-slide {
    height: 252px;
  }
}
@media only screen and (min-width: 1400px) {
  .editor-styles-wrapper .is-root-container .hero .media-col .marquee-slide, body.frontend .hero .media-col .marquee-slide {
    height: 252px;
  }
}
@media only screen and (min-width: 1400px) and (min-width: 1440px) {
  .editor-styles-wrapper .is-root-container .hero .media-col .marquee-slide, body.frontend .hero .media-col .marquee-slide {
    height: calc(252px + 96 * (100vw - 1440px) / 480);
  }
}
@media only screen and (min-width: 1400px) and (min-width: 1920px) {
  .editor-styles-wrapper .is-root-container .hero .media-col .marquee-slide, body.frontend .hero .media-col .marquee-slide {
    height: 348px;
  }
}
.editor-styles-wrapper .is-root-container .hero .media-col .marquee-slide, body.frontend .hero .media-col .marquee-slide {
  overflow: hidden;
  margin-bottom: 24px;
}
.editor-styles-wrapper .is-root-container .hero .media-col .marquee-slide video,
.editor-styles-wrapper .is-root-container .hero .media-col .marquee-slide img, body.frontend .hero .media-col .marquee-slide video,
body.frontend .hero .media-col .marquee-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 24px;
}