/* Draw the highlight once when the hero copy becomes visible. */
#inicio .hero__copy h1 em::after {
  transform: skewX(-18deg) scaleX(0);
  transform-origin: left center;
}
#inicio .hero__copy.is-visible h1 em::after {
  animation: hero-underline-draw 850ms cubic-bezier(.22, 1, .36, 1) 250ms both;
}
@keyframes hero-underline-draw {
  to { transform: skewX(-18deg) scaleX(1); }
}
/* Paint the wrapped highlight as its section scrolls into view. */
.belief__statement h2 > span {
  background-color: transparent;
  background-image: linear-gradient(var(--green), var(--green));
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media (prefers-reduced-motion: no-preference) {
  .belief__statement.reveal:not(.is-visible) h2 > span {
    background-size: 0% 100%;
  }
  .belief__statement.is-visible h2 > span {
    animation: belief-highlight-draw 1100ms cubic-bezier(.22, 1, .36, 1) 300ms both;
  }
}
@keyframes belief-highlight-draw {
  from { background-size: 0% 100%; }
  to { background-size: 100% 100%; }
}
@media (min-width: 1001px) {
  .proof__intro { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
}
@media (max-width: 720px) {
  .site-nav.site-nav--services > a:not(.nav-cta) {
    display: flex;
    font-size: clamp(1.8rem, 7.8vw, 2.7rem);
    line-height: 1.15;
    padding: clamp(1rem, 2.2vh, 1.4rem) 0;
  }
  .site-nav.site-nav--services > a:not(.nav-cta)::before {
    content: none;
    display: none;
  }
  #inicio { row-gap: 1.25rem; }
  #inicio .orb-hero {
    display: block;
    margin-inline: auto;
    max-width: 320px;
    min-height: clamp(230px, 64vw, 280px);
    order: 1;
    width: 100%;
  }
  #inicio .orb-hero__stage { min-height: 0; width: 100%; }
  #inicio .orb-hero__object { top: 50%; width: min(76%, 240px); }
  #inicio .hero__actions .text-link { margin-inline: auto; }
  .proof__metrics { column-gap: 0; }
  .proof__metrics > div {
    border: 0;
    padding: 1rem .5rem;
  }
  .proof__metrics > div:nth-child(even) { border-left: 1px solid #3f413f; }
  .proof__metrics > div:nth-child(n+3) { border-top: 1px solid #3f413f; }

}
@media (prefers-reduced-motion: reduce) {
  #inicio .hero__copy h1 em::after,
  #inicio .hero__copy.is-visible h1 em::after {
    animation: none;
    transform: skewX(-18deg);
  }
}