.hero-scroll-cue {
  display: none;
}

@media (min-width: 901px) {
  .site-header .nav {
    gap: 34px !important;
    font-size: 17px !important;
  }

  .site-header .nav a,
  .site-header .nav-dropdown__toggle {
    font-size: 17px !important;
    font-weight: 700 !important;
  }

  .site-header .btn,
  .header-inner > .btn,
  .md-hero-c__cta {
    min-height: 56px !important;
    padding: 0 30px !important;
    font-size: 16px !important;
  }

  .md-hero-c__lead {
    font-size: 28px !important;
  }

  .md-hero-c__art {
    left: 68% !important;
    width: min(580px, 38vw) !important;
    height: 88% !important;
  }

  .lead,
  .copy,
  .text-block p,
  .section-intro,
  .info-card p,
  .process-list p,
  .closing p,
  .axis-card p,
  .method-card p,
  .focus-card p,
  .story-card p,
  .um-lede p,
  .um-block p,
  .um-card p,
  .um-kicker p,
  .value-card p,
  .stat-card p,
  .spectrum-card p,
  .check-list li,
  .role p,
  .sit p,
  .step p,
  .proc-note,
  .vs-col dd,
  .why p,
  .three p,
  .faq-a,
  .sp p,
  .ab p,
  .ab-list li,
  .tm blockquote,
  .ce-body p,
  .kl-v p,
  .g-body {
    font-size: clamp(20.5px, 1.42vw, 24px) !important;
    line-height: 1.68 !important;
  }

  .section-intro,
  .hero-lead,
  .lead {
    font-size: clamp(24px, 1.85vw, 31px) !important;
    line-height: 1.5 !important;
  }

  .step p,
  .info-card p,
  .axis-card p,
  .role p,
  .sit p {
    font-size: 20.5px !important;
  }

  .hero-scroll-cue {
    position: absolute;
    left: 50%;
    bottom: 30px;
    z-index: 9;
    display: grid;
    width: 50px;
    height: 50px;
    place-items: center;
    border: 1px solid rgba(38, 65, 99, .22);
    border-radius: 999px;
    background: rgba(255, 255, 255, .9);
    color: var(--md-blue, var(--blue, #264163));
    text-decoration: none;
    box-shadow: 0 14px 32px rgba(21, 36, 56, .14);
    transform: translateX(-50%);
    animation: hero-cue-float 2.3s ease-in-out infinite;
  }

  .hero-scroll-cue:hover {
    border-color: var(--md-gold, var(--gold, #d0a62b));
    background: var(--md-blue, var(--blue, #264163));
    color: var(--md-gold, var(--gold, #d0a62b));
    animation-play-state: paused;
  }

  .hero-scroll-cue svg {
    display: block;
    width: 22px;
    height: 22px;
  }
}

@keyframes hero-cue-float {
  0%, 100% {
    transform: translate(-50%, 0);
  }

  50% {
    transform: translate(-50%, 7px);
  }
}