/* Masks preserve the existing line boxes and editorial alignment. */
.motion-mask { clip-path: inset(-.14em -.05em -.14em -.05em); }
.motion-ink { display: block; font-style: normal; transform: translateY(120%); transition: transform 1.05s cubic-bezier(.22,.65,.25,1); transition-delay: calc(var(--step, 0) * 150ms); }
.motion-entered .motion-ink { transform: translateY(0); }
.motion-hero .hero-continuation .motion-ink { transform: translateX(-24px); clip-path: inset(0 100% 0 0); transition: transform 1.2s ease, clip-path 1.2s cubic-bezier(.22,.65,.25,1); transition-delay: 520ms; }
.motion-hero.motion-entered .hero-continuation .motion-ink { transform: none; clip-path: inset(0 -1% 0 0); }
/* Stepped reveal inspired by the plateaus, applied only to GIGANTES. */
.motion-hero .hero-gigantes { clip-path: polygon(-2% 112%,18% 112%,18% 118%,42% 118%,42% 110%,67% 110%,67% 116%,102% 116%,102% 120%,-2% 120%); transition: clip-path 1.35s cubic-bezier(.22,.65,.25,1) 120ms; }
.motion-hero.motion-entered .hero-gigantes { clip-path: polygon(-2% -18%,18% -18%,18% -12%,42% -12%,42% -20%,67% -20%,67% -14%,102% -14%,102% 120%,-2% 120%); }
.motion-hero .hero-gigantes .motion-ink { transform: translateY(12%); }
.motion-hero.motion-entered .hero-gigantes .motion-ink { transform: none; }
.motion-story .motion-ink { transition-duration: 1.2s; transition-delay: calc(var(--step) * 190ms); }
.motion-word { display: inline-block; font-style: normal; vertical-align: baseline; }
.motion-word .motion-ink { transition-duration: 1.25s; transition-delay: calc(var(--step) * 210ms); }
.landscape-type { translate: 0 var(--landscape-offset, 0px); }
@media (max-width: 760px) {
  .motion-ink { transform: translateY(105%); transition-duration: .65s; transition-delay: calc(var(--step, 0) * 90ms); }
  .motion-story .motion-ink, .motion-word .motion-ink { transition-duration: .75s; transition-delay: calc(var(--step) * 100ms); }
  .motion-hero .hero-gigantes { transition-duration: .85s; }
  .motion-hero .hero-continuation .motion-ink { transform: translateX(-10px); transition-duration: .75s; transition-delay: 320ms; }
}
@media (prefers-reduced-motion: reduce) {
  .motion-mask, .motion-hero .hero-gigantes, .motion-hero .hero-continuation .motion-ink { clip-path: none !important; }
  .motion-ink { transform: none !important; transition: none !important; }
  .landscape-type { translate: none; }
}