.pp-sections-hero-style1 {
  position: relative;
}

.pp-sections-hero-style1::before {
  content: "";
  position: absolute;
  z-index: 15;
  inset: 0;
  background: var(--v-color__1--alpha1);
}

.pp-sections-hero-style1__slider,
.pp-sections-hero-style1__slider .lib-swiper__inner,
.pp-sections-hero-style1__slider .lib-swiper__wrapper,
.pp-sections-hero-style1__slide-picture {
  position: absolute;
  z-index: 10;
  inset: 0;
}

.pp-sections-hero-style1__slider .lib-swiper__slide {
  position: relative;
  align-self: stretch;
}

.pp-sections-hero-style1__inner {
  --inner__padding: 2rem;

  position: relative;
  z-index: 20;

  padding-top: var(--inner__padding);
  padding-bottom: calc( var(--inner__padding) + var(--v-spacing__overlap1) );
}

.pp-sections-hero-style1__video {
  aspect-ratio: var(--v-aspect-ratio__fullhd);
  border-radius: var(--v-border-radius__md);
  overflow: hidden;
}

.pp-sections-hero-style1__stats {
  display: flex;
  gap: var(--v-spacing__sm);
  justify-content: space-between;
}

.pp-sections-hero-style1__stat-value {
  font-size: 120%;
  font-weight: var(--v-font-weight__default--bold);
  color: var(--v-color__2);
  line-height: 1;
}

.pp-sections-hero-style1__stat-text {
  font-size: 90%;
}

@media (min-width: 1000px) {
  .pp-sections-hero-style1__inner {
    --inner__padding: 5rem;
  }

  .pp-sections-hero-style1__stat-value {
    font-size: 150%;
  }
}

@media (min-width: 1400px) {
  .pp-sections-hero-style1 h1 {
    font-size: calc( var(--v-font-size__h1) * 1.2 );
  }
}