/**********************

	Banner - Carousel

***********************/
/* header.header {
  min-height: 100vh;
  min-height: 100svh;
} */

.carousel-cell .infos > h1 {
  font-family: "Bigshot";
  font-weight: 500;
  font-size: var(--huge-font-size);
  line-height: 0.95;
  margin-bottom: var(--med-margin);
}

.carousel-cell .infos > h1::after {
  content: "";
  display: block;
  height: 1px;
  width: 50%;
  background-color: var(--cream);
}

.carousel-cell .infos > h1 > span {
  max-width: 62ch;
  display: block;
  font-family: "InclusiveSans";
  font-weight: 600;
  font-size: var(--small-font-size);
  line-height: 1.5;
  text-transform: uppercase;
  margin: var(--small-margin) 0;
}

.carousel-cell .infos > a.btn {
  --background: var(--cream);
  --textcolor: var(--base0);
  --font-size: var(--small-font-size);
}

.carousel-cell .infos > a.btn:hover {
  background-color: var(--cream);
  --textcolor: var(--base0);
  padding-right: calc(1em + 18px);
}

.carousel-cell .infos > a.btn:hover::after {
  opacity: 1;
}

/**********************

	  CONTENT

***********************/