/* Reveal the background without stretching the lettering or moving the layout. */
#home-view :is(#movie-heading,.event-lead)[data-ink-reveal] .black-caption{
 background-color:transparent;
 background-image:linear-gradient(#171717,#171717);
 background-position:left center;
 background-repeat:no-repeat;
 background-size:100% 100%;
 color:#fff;
 transition:background-size 480ms cubic-bezier(.2,.8,.2,1),color 180ms ease 120ms;
}
#home-view :is(#movie-heading,.event-lead)[data-ink-reveal] .black-caption:nth-child(2){transition-delay:80ms,200ms}
#home-view :is(#movie-heading,.event-lead)[data-ink-reveal="pending"] .black-caption{background-size:0% 100%;color:transparent;transition:none}
@media(prefers-reduced-motion:reduce){
 #home-view :is(#movie-heading,.event-lead)[data-ink-reveal] .black-caption{background-size:100% 100%;color:#fff;transition:none}
}
@media print{
 #home-view :is(#movie-heading,.event-lead)[data-ink-reveal] .black-caption{background:none;color:#171717;transition:none}
}

/* Reveal the white fill, border and offset shadow as one strip. */
#home-view .hero-message p[data-ink-reveal]>.paper-emphasis{
 clip-path:inset(0 -4px -4px 0);
 color:#163b40;
 transition:clip-path 480ms cubic-bezier(.2,.8,.2,1),color 180ms ease 120ms;
}
#home-view .hero-message p[data-ink-reveal]>.paper-emphasis:nth-of-type(2){transition-delay:80ms,200ms}
#home-view .hero-message p[data-ink-reveal="pending"]>.paper-emphasis{clip-path:inset(0 100% -4px 0);color:transparent;transition:none}
@media(prefers-reduced-motion:reduce),print{
 #home-view .hero-message p[data-ink-reveal]>.paper-emphasis{clip-path:none;color:#163b40;transition:none}
}