.banner-v2 {
  position: relative;
}
.banner-v2 img {
  min-height: 40rem;
}

.banner-v2__img {
  width: 100%;
}
.banner-v2__img img {
  max-height: 100dvh;
}
@media (min-width: 1400px) {
  .banner-v2__img img {
    height: 100dvh;
  }
}

.banner-v2__title {
  font-family: "Bodoni Moda SC", serif;
  font-size: clamp(10rem, calc(60vw - 62rem), 22rem);
  z-index: 1;
  color: rgba(var(--color-foreground));
  left: 10%;
  top: 20%;
  line-height: 1;
}
@media (max-width: 767px) {
  .banner-v2__title {
    font-size: clamp(4rem, calc(5.2083333333vw + 1rem), 5rem);
  }
}

.banner-v2__text1,
.banner-v2__title,
.banner-v2__text2 {
  position: absolute;
  z-index: 1;
  text-transform: uppercase;
}

.banner-v2__text1 {
  left: 12%;
  bottom: 20%;
  line-height: 1.1;
}
.banner-v2__text1 a {
  transition: 0.2s ease-out;
  color: rgba(var(--color-foreground));
}
.banner-v2__text1:hover a {
  color: rgba(var(--color-accent));
}
@media (max-width: 767px) {
  .banner-v2__text1 {
    font-size: 1.4rem;
  }
}

.banner-v2__text2 {
  right: 6%;
  top: 40%;
  line-height: 1.1;
}
.banner-v2__text2 a {
  transition: 0.2s ease-out;
  color: rgba(var(--color-foreground));
}
.banner-v2__text2:hover a {
  color: rgba(var(--color-accent));
}
@media (max-width: 767px) {
  .banner-v2__text2 {
    font-size: 1.4rem;
  }
}

.banner-v2__scroll {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 6rem;
  z-index: 1;
}
@media (max-width: 767px) {
  .banner-v2__scroll {
    bottom: 3rem;
  }
}

.banner-v2__box {
  cursor: pointer;
}

.banner-v2__box span {
  width: 3rem;
  height: 3rem;
  display: block;
  border-right: 2px solid rgba(var(--color-foreground));
  border-bottom: 2px solid rgba(var(--color-foreground));
  transform: rotate(45deg);
  margin-top: -10px;
  animation: animate 2s infinite;
}
@media (max-width: 767px) {
  .banner-v2__box span {
    width: 2rem;
    height: 2rem;
  }
}

.banner-v2__box span:nth-child(2) {
  animation-delay: -0.2s;
}

.banner-v2__box span:nth-child(3) {
  animation-delay: -0.4s;
}

@keyframes animate {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    transform: rotate(45deg) translate(10px, 10px);
  }
  100% {
    opacity: 0;
  }
}