.heading-reveal {
  transition-duration: 820ms;
  transition-property: opacity, filter, transform, clip-path, letter-spacing;
  transition-timing-function: cubic-bezier(.22, 1, .36, 1);
  will-change: opacity, filter, transform, clip-path;
}

.heading-reveal--focus-rise {
  opacity: 0;
  filter: blur(9px);
  transform: translate3d(0, 24px, 0);
}

.heading-reveal--trail-wipe {
  clip-path: inset(0 102% 0 0);
  transform: translate3d(-12px, 0, 0);
}

.heading-reveal--ridge-lift {
  clip-path: inset(100% 0 0 0);
  transform: translate3d(0, 18px, 0);
}

.heading-reveal--field-focus {
  opacity: 0;
  filter: blur(5px);
  transform: scale(.965);
  transform-origin: left bottom;
}

.heading-reveal--type-settle {
  opacity: 0;
  letter-spacing: calc(var(--heading-rest-spacing, 0px) + .035em);
  transform: translate3d(16px, 8px, 0) skewX(-2deg);
}

.heading-reveal--editorial-lockup {
  line-height: .82 !important;
}

.heading-reveal--editorial-lockup .heading-lockup__line {
  display: block;
  opacity: 0;
  transition-duration: 780ms;
  transition-property: opacity, filter, transform, clip-path;
  transition-timing-function: cubic-bezier(.22, 1, .36, 1);
  will-change: opacity, filter, transform, clip-path;
}

.heading-reveal--editorial-lockup .heading-lockup__line--primary {
  filter: blur(7px);
  transform: translate3d(0, 20px, 0);
}

.heading-reveal--editorial-lockup .heading-lockup__line--accent {
  clip-path: inset(0 102% 0 0);
  transform: translate3d(-14px, 0, 0);
  transition-delay: 110ms;
}

.heading-lockup--variant-1 .heading-lockup__line--primary {
  filter: none;
  transform: translate3d(-20px, 0, 0);
}

.heading-lockup--variant-1 .heading-lockup__line--accent {
  clip-path: inset(100% 0 0 0);
  transform: translate3d(0, 16px, 0);
}

.heading-lockup--variant-2 .heading-lockup__line--primary {
  filter: none;
  clip-path: inset(100% 0 0 0);
  transform: translate3d(0, 16px, 0);
}

.heading-lockup--variant-2 .heading-lockup__line--accent {
  clip-path: none;
  filter: blur(6px);
  transform: scale(.965);
  transform-origin: left center;
}

.heading-lockup--variant-3 .heading-lockup__line--primary {
  filter: blur(5px);
  transform: scale(.97);
  transform-origin: left bottom;
}

.heading-lockup--variant-3 .heading-lockup__line--accent {
  transform: translate3d(18px, 0, 0) skewX(-2deg);
}

.heading-lockup--variant-4 .heading-lockup__line--primary {
  filter: none;
  clip-path: inset(0 0 100% 0);
  transform: translate3d(0, -14px, 0);
}

.heading-lockup--variant-4 .heading-lockup__line--accent {
  clip-path: inset(0 0 100% 0);
  transform: translate3d(0, -10px, 0);
}

.heading-reveal.is-revealed {
  opacity: 1;
  filter: blur(0);
  clip-path: none;
  transform: none;
  will-change: auto;
}

.heading-reveal--type-settle.is-revealed {
  letter-spacing: var(--heading-rest-spacing, inherit);
}

.heading-reveal--editorial-lockup.is-revealed .heading-lockup__line {
  opacity: 1;
  filter: blur(0);
  clip-path: none;
  transform: none;
  will-change: auto;
}

@media (prefers-reduced-motion: reduce) {
  .heading-reveal {
    opacity: 1;
    filter: none;
    clip-path: none;
    transform: none;
    transition: none;
  }

  .heading-reveal--type-settle {
    letter-spacing: var(--heading-rest-spacing, inherit);
  }

  .heading-reveal--editorial-lockup .heading-lockup__line {
    opacity: 1;
    filter: none;
    clip-path: none;
    transform: none;
    transition: none;
  }
}