@media (min-width: 1051px) {
  body .hero > .hero-copy {
    padding-top: 190px !important;
  }

  body .hero > .welcome-roulette {
    top: 26px;
    width: min(760px, 40vw);
    max-width: calc(52vw - 11.6vw);
    height: 72px;
    padding: 0 28px;
    gap: 20px;
    border-left-width: 5px;
  }

  body .hero > .welcome-roulette::before {
    width: 8px !important;
    height: 8px !important;
    flex-basis: 8px !important;
  }

  body .hero > .welcome-roulette small {
    font-size: 9px;
    letter-spacing: .17em !important;
  }

  body .hero > .welcome-roulette strong {
    font-size: 20px;
    letter-spacing: -.02em;
  }

  body .hero > .welcome-roulette i {
    height: 3px;
  }
}

@media (max-width: 1050px) {
  body .hero > .hero-copy {
    padding-top: 112px;
  }

  body .hero > .welcome-roulette {
    top: 12px;
    min-height: 58px !important;
    height: 58px;
    padding: 0 18px;
  }
}

@media (max-width: 650px) {
  body .hero > .hero-copy {
    padding-top: 94px;
  }

  body .hero > .welcome-roulette {
    top: 10px;
    min-height: 54px !important;
    height: 54px;
    padding: 0 14px;
  }

  body .hero > .welcome-roulette strong {
    font-size: 16px;
  }
}