/* Desktop hero composition reconstructed from assets/hero-new/UI.jpg. */
.full-video-page .page-video-bg.hero-art {
  position: absolute;
  inset: 0 0 auto;
  z-index: 0;
  width: 100%;
  height: 100vh;
  min-height: 0;
  overflow: hidden;
  background: #fff !important;
}

.hero-art__base {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: fill;
  pointer-events: none;
  user-select: none;
}

.hero-art__layer {
  position: absolute;
  z-index: 1;
  max-width: none;
  height: auto;
  transform-origin: 50% 50%;
  will-change: transform;
  pointer-events: none;
  user-select: none;
}

/* Original positions restored from the uncropped 1920 x 1080 canvases. */
.hero-art__layer--dollar {
  top: 15.833333%;
  left: 75.885417%;
  width: 15.9375%;
  animation: hero-coin-wobble-a 7.2s ease-in-out infinite;
}

.hero-art__layer--coin-right {
  top: 61.666667%;
  left: 64.739583%;
  width: 8.28125%;
  animation: hero-coin-drift-a 5.8s ease-in-out -1.7s infinite;
}

.hero-art__layer--bitcoin {
  top: 61.944444%;
  left: 75.520833%;
  width: 15.3125%;
  animation: hero-coin-wobble-b 8s ease-in-out -2.4s infinite;
}

.hero-art__layer--coin-left {
  top: 15%;
  left: 24.791667%;
  width: 8.125%;
  animation: hero-coin-drift-b 6.4s ease-in-out -.9s infinite;
}

.hero-art__layer--coin-bottom {
  top: 72.222222%;
  left: 36.09375%;
  width: 22.604167%;
  animation: hero-coin-wobble-a 9.2s ease-in-out -3.1s infinite;
}

.hero-mobile-art__stage {
  display: none;
}

.hero-title__mobile-break {
  display: none;
}

@keyframes hero-coin-wobble-a {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(-1deg); }
  35% { transform: translate3d(-5px, 6px, 0) rotate(1.7deg); }
  70% { transform: translate3d(5px, -3px, 0) rotate(-1.4deg); }
}

@keyframes hero-coin-wobble-b {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(1deg); }
  38% { transform: translate3d(6px, -5px, 0) rotate(-1.8deg); }
  72% { transform: translate3d(-4px, 5px, 0) rotate(1.5deg); }
}

@keyframes hero-coin-drift-a {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(-2deg); }
  50% { transform: translate3d(10px, -9px, 0) rotate(3deg); }
}

@keyframes hero-coin-drift-b {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(2deg); }
  50% { transform: translate3d(-10px, 8px, 0) rotate(-3deg); }
}

.full-video-page .video-hero,
.full-video-page .video-hero__sticky {
  height: 100vh;
  min-height: 0;
  background: transparent !important;
}

.full-video-page .video-hero__sticky::before,
.full-video-page .hero-grid,
.full-video-page .hero-noise {
  display: none;
}

.full-video-page .hero-state--intro {
  transform: none;
}

.full-video-page .hero-copy {
  padding-top: 0;
}

.full-video-page .hero-copy .eyebrow {
  font-size: 11px;
}

.full-video-page .hero-lead {
  margin-top: 36px;
}

.full-video-page .hero-actions {
  margin-top: 53px;
}

.full-video-page .hero-actions .button {
  min-width: 188px;
  min-height: 64px;
  padding-inline: 28px;
  font-size: 13px;
}

.full-video-page .customer-count {
  margin-top: 39px;
  font-size: 12px;
}

.full-video-page .customer-count__avatars img {
  width: 34px;
  height: 34px;
}

.full-video-page .section--rise {
  margin-top: -7vh;
}

@media (max-width: 768px) {
  .full-video-page .page-video-bg.hero-art {
    height: 100svh;
  }

  .hero-art > .hero-art__base,
  .hero-art > .hero-art__layer {
    display: none;
  }

  .hero-mobile-art__stage {
    position: absolute;
    top: var(--header-h);
    left: 0;
    display: block;
    width: 100%;
    height: calc(100svh - var(--header-h));
    overflow: hidden;
    transform: none;
  }

  .hero-title__mobile-break {
    display: initial;
  }

  .full-video-page .hero-state--intro {
    transform: translateY(-4.5svh);
  }

  .hero-mobile-art__base {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: fill;
    pointer-events: none;
    user-select: none;
  }

  .hero-mobile-art__layer {
    position: absolute;
    z-index: 1;
    max-width: none;
    height: auto;
    transform-origin: 50% 50%;
    will-change: transform;
    pointer-events: none;
    user-select: none;
  }

  /* Original positions restored from the uncropped 1080 x 1920 canvases. */
  .hero-mobile-art__layer--coin-top-right {
    top: 4.322917%;
    left: 66.018519%;
    width: 24.351852%;
    animation: hero-mobile-drift-a 6.6s ease-in-out -1.4s infinite;
  }

  .hero-mobile-art__layer--coin-top-left {
    top: 5.46875%;
    left: 32.5%;
    width: 12.777778%;
    animation: hero-mobile-drift-b 5.4s ease-in-out -.7s infinite;
  }

  .hero-mobile-art__layer--dollar {
    top: 70.833333%;
    left: 67.777778%;
    width: 32.222222%;
    animation: hero-mobile-wobble-a 7.8s ease-in-out -2.1s infinite;
  }

  .hero-mobile-art__layer--card {
    top: 69.53125%;
    left: 0;
    width: 32.222222%;
    transform-origin: 12% 78%;
    animation: hero-mobile-card-wobble 8.8s ease-in-out -3s infinite;
  }

  .hero-mobile-art__layer--coin-bottom {
    top: 79.53125%;
    left: 39.722222%;
    width: 16.666667%;
    animation: hero-mobile-drift-b 6.1s ease-in-out -2.6s infinite;
  }

  .full-video-page .hero-copy {
    width: min(90vw, 540px);
  }

  .full-video-page .hero-copy .eyebrow {
    font-size: 9px;
  }

  .full-video-page .hero-copy h1 {
    font-size: clamp(48px, 11.8vw, 70px);
    line-height: .98;
  }

  .full-video-page .hero-lead {
    width: min(100%, 520px);
    margin-top: 33px;
    font-size: clamp(12px, 2.5vw, 15px);
    line-height: 1.75;
  }

  .full-video-page .hero-actions {
    width: min(90vw, 476px);
    margin-top: 34px;
  }

  .full-video-page .hero-actions .button {
    min-width: 0;
    min-height: 60px;
    padding-inline: 18px;
    font-size: 12px;
  }

  .full-video-page .customer-count {
    margin-top: 24px;
    font-size: 10px;
  }

  .full-video-page .customer-count__avatars img {
    width: 30px;
    height: 30px;
  }
}

@keyframes hero-mobile-wobble-a {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(-1deg); }
  36% { transform: translate3d(-4px, 5px, 0) rotate(1.8deg); }
  72% { transform: translate3d(4px, -3px, 0) rotate(-1.3deg); }
}

@keyframes hero-mobile-drift-a {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(-2deg); }
  50% { transform: translate3d(7px, -8px, 0) rotate(2.8deg); }
}

@keyframes hero-mobile-drift-b {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(1.8deg); }
  50% { transform: translate3d(-7px, 7px, 0) rotate(-2.6deg); }
}

@keyframes hero-mobile-card-wobble {
  0%, 100% { transform: translate3d(-2px, 0, 0) rotate(-.45deg); }
  42% { transform: translate3d(-4px, -4px, 0) rotate(.8deg); }
  74% { transform: translate3d(-1px, 3px, 0) rotate(-.7deg); }
}

@media (prefers-reduced-motion: reduce) {
  .hero-art__layer,
  .hero-mobile-art__layer {
    animation: none;
    transform: none;
    will-change: auto;
  }
}