/* Converted from components/vuslat/vuslat-hero.module.css — class names are namespaced "vuslat-hero__*". */
.vuslat-hero__hero {
  position: relative;
  min-height: 100dvh;
  overflow: hidden;
  background: #111111;
  color: #ffffff;
}

.vuslat-hero__imageWrap {
  position: absolute;
  inset: 0;
}

.vuslat-hero__imageWrap img {
  object-fit: cover;
  object-position: center;
}

.vuslat-hero__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    180deg,
    rgb(17 17 17 / 30%) 0%,
    rgb(17 17 17 / 18%) 42%,
    rgb(17 17 17 / 38%) 100%
  );
  pointer-events: none;
}

.vuslat-hero__content {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  min-height: 100dvh;
}

.vuslat-hero__heading {
  margin: 0;
  text-align: center;
}

.vuslat-hero__lineInner {
  display: block;
  color: #ffffff;
  font-family: var(--font-manrope), Manrope, sans-serif;
  font-size: clamp(2.75rem, 7vw, 6rem);
  font-weight: 780;
  letter-spacing: -0.02em;
  line-height: 1.08;
  text-transform: uppercase;
  will-change: transform, opacity;
}

.vuslat-hero__accent {
  color: #f5c400;
}

@media (max-width: 47.999rem) {
  .vuslat-hero__lineInner {
    font-size: clamp(2.25rem, 10vw, 3.25rem);
  }
}