:root {
  --ff-primary: 'Dosis', 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif;
  --fw-black: 800;
}

.featured-carousel {
  position: relative;
  background: #fff;
  max-width: 100%;
  overflow: hidden;
}

.featured-carousel .watermark-wrap {
  overflow: hidden;
  pointer-events: none;
}

.featured-carousel .watermark-wrap span {
  display: inline-block;
  font-size: 35vw;
  font-family: var(--ff-primary);
  font-weight: var(--fw-black);
  line-height: 1;
  text-transform: uppercase;
  color: var(--navy, #14213d);
  opacity: 0.05;
  pointer-events: none;
  white-space: nowrap;
}

.featured-carousel .carousel-wrap {
  position: relative;
  width: 100%;
  height: 100vh;
  height: 100svh;
  max-width: 100%;
  overflow: hidden;
}

.featured-carousel canvas {
  width: 100%;
  height: 100%;
  display: block;
  max-width: 100%;
}

@media (max-width: 720px) {
  .featured-carousel .carousel-wrap {
    height: 70vh;
    height: 70svh;
  }

  .featured-carousel .watermark-wrap span {
    font-size: 28vw;
  }
}