/* Keep the established heading colors, line breaks, and word wrapping. */
.letter-heading .text-visual,
.letter-heading .text-word,
.letter-heading .text-char{color:inherit}
.text-word{display:inline-block;white-space:nowrap}
.text-char{display:inline-block}
.text-sequence .text-char{opacity:0;transform:translateY(14px)}
.text-sequence .copy-follow{opacity:0;transform:translateY(10px) scale(.97)}
.text-entered .text-char{
 animation:letter-arrive .32s ease both;
 animation-delay:calc(var(--heading-delay,100ms) + var(--letter-index)*36ms);
}
.text-entered .copy-follow{
 animation:copy-arrive .55s cubic-bezier(.22,1,.36,1) both;
 animation-delay:var(--copy-delay,0ms);
}
.text-sequence .copy-follow:focus-visible{animation:none;opacity:1;transform:none}
.text-settled .text-char,.text-settled .copy-follow{animation:none;opacity:1;transform:none}

/* The original pink and violet bloom, carried into each world's accent. */
.hero-copy h1{text-shadow:0 0 30px #ff2d7838,0 0 65px #ff2d7824}
.hero-copy h1 .text-accent{text-shadow:0 0 18px #c8a0ff99,0 0 40px #b464ff73,0 0 80px #963cff40}
.chapter-copy h2,.finale h2{text-shadow:0 0 42px color-mix(in srgb,var(--accent) 20%,transparent)}
.chapter-copy h2 .text-accent,.finale h2 .text-accent{
 text-shadow:0 0 18px color-mix(in srgb,var(--accent) 48%,transparent),
             0 0 40px color-mix(in srgb,var(--accent) 29%,transparent),
             0 0 76px color-mix(in srgb,var(--accent) 16%,transparent);
}
.eyebrow{text-shadow:0 0 20px color-mix(in srgb,var(--accent) 40%,transparent)}
@keyframes letter-arrive{to{opacity:1;transform:translateY(0)}}
@keyframes copy-arrive{to{opacity:1;transform:translateY(0) scale(1)}}
.motion-paused .text-sequence .text-char,
.motion-paused .text-sequence .copy-follow{animation:none!important;opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
 .text-sequence .text-char,.text-sequence .copy-follow{animation:none!important;opacity:1;transform:none}
}
