.hero-content {
  transform: translateY(28px);
}

.hero-lead {
  margin-bottom: 0;
}

.finance-brand {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 18px;
}

.finance-brand-mark {
  position: relative;
  width: 76px;
  height: 76px;
  flex: none;
  overflow: hidden;
  isolation: isolate;
  background: #000;
}

.finance-brand-logo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.finance-brand-logo-base {
  position: relative;
}

.finance-brand-logo-layer {
  pointer-events: none;
  opacity: 0;
  will-change: transform, opacity, filter;
}

.finance-brand-logo-layer-one {
  clip-path: polygon(0 8%, 100% 8%, 100% 30%, 0 30%, 0 53%, 100% 53%, 100% 65%, 0 65%);
  animation: colorz-z-glitch-one 5.2s steps(1, end) infinite;
}

.finance-brand-logo-layer-two {
  clip-path: polygon(0 35%, 100% 35%, 100% 48%, 0 48%, 0 72%, 100% 72%, 100% 91%, 0 91%);
  animation: colorz-z-glitch-two 5.2s steps(1, end) .08s infinite;
}

@keyframes colorz-z-glitch-one {
  0%, 63%, 72%, 100% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    filter: blur(0);
  }

  64% {
    opacity: .78;
    transform: translate3d(4px, 0, 0);
    filter: blur(.5px);
  }

  66% {
    opacity: .42;
    transform: translate3d(-2px, 1px, 0);
    filter: blur(1.5px);
  }

  69% {
    opacity: .68;
    transform: translate3d(2px, 0, 0);
    filter: blur(0);
  }
}

@keyframes colorz-z-glitch-two {
  0%, 64%, 73%, 100% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    filter: blur(0);
  }

  65% {
    opacity: .7;
    transform: translate3d(-3px, 0, 0);
    filter: blur(1px);
  }

  68% {
    opacity: .5;
    transform: translate3d(3px, -1px, 0);
    filter: blur(1.5px);
  }

  71% {
    opacity: .72;
    transform: translate3d(-1px, 0, 0);
    filter: blur(0);
  }
}

.finance-brand .section-kicker {
  margin: 0;
  color: #49606c;
}

@media (width <= 560px) {
  .hero-content {
    transform: translateY(22px);
  }

  .finance-brand {
    gap: 14px;
    margin-bottom: 14px;
  }

  .finance-brand-mark {
    width: 62px;
    height: 62px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .finance-brand-logo-layer {
    animation: none;
  }
}