.bf-hero-text-img-content {
  --title-width: 1600px;
  margin: 0 auto;
  padding: 0 60px;
  width: 100%;
  max-width: 1920px;
}
.bf-hero-text-img-content .title-wrap {
  width: 100%;
  max-width: calc(var(--title-width) / min(1800px, 100vw + 120px) * 100%);
  margin: 0 auto;
}
.bf-hero-text-img-content .has-animation {
  opacity: 0;
}
.bf-hero-text-img-content .hero-aminate {
  opacity: 1;
}
.bf-hero-text-img-content .hero-lines {
  --duration: .9s;
  --delay: .08s;
  --ease: cubic-bezier(.22,.61,.36,1);
  font-family: Futura;
  font-weight: 900;
  text-transform: uppercase;
  font-size: clamp(4.2rem, 1.1964rem + 7.8571vw, 10.625rem);
  line-height: 90%;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.bf-hero-text-img-content .hero-lines.has-animation {
  opacity: 1;
}
.bf-hero-text-img-content .hero-lines span.line.has-gif {
  z-index: 20 !important;
}
.bf-hero-text-img-content .hero-lines .token.word {
  position: relative;
  z-index: 1;
  margin-right: -1.5%;
}
.bf-hero-text-img-content .hero-lines .token--img {
  --max-width: 195%;
  display: inline-block;
  position: relative;
  z-index: 2;
  width: clamp(4.625rem, -0.1004rem + 9.8446vw, 9.375rem);
  height: clamp(3.4375rem, 0.0178rem + 7.1244vw, 6.875rem);
  isolation: isolate;
}
.bf-hero-text-img-content .hero-lines .token--img img {
  width: var(--max-width);
  max-width: unset;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) translateZ(0);
  z-index: 25;
  -webkit-backface-visibility: hidden;
}
.bf-hero-text-img-content .hero-lines .token--break {
  display: block;
  width: 100%;
  line-height: 0;
  font-size: 0;
}
.bf-hero-text-img-content .hero-lines .mob-break {
  display: none;
}
.bf-hero-text-img-content .hero-lines.by-lines .line {
  display: inline;
  white-space: nowrap;
}
.bf-hero-text-img-content .hero-lines.hero-animate.by-lines .line {
  opacity: 0.01;
  display: inline;
  transform: translateY(40px);
  position: relative;
}
.bf-hero-text-img-content .hero-lines.is-visible.hero-animate.by-lines .line {
  -webkit-animation: lineFadeUp 0.6s ease forwards;
          animation: lineFadeUp 0.6s ease forwards;
  -webkit-animation-delay: calc(var(--line-index) * 0.2s);
          animation-delay: calc(var(--line-index) * 0.2s);
}
.bf-hero-text-img-content .hero-lines.hero-animate.by-lines.lines-resizing .line, .bf-hero-text-img-content .hero-lines.is-visible.hero-animate.by-lines.lines-resizing .line {
  -webkit-animation: none;
          animation: none;
  opacity: 1;
  transform: none;
}

@-webkit-keyframes lineFadeUp {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes lineFadeUp {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}