/* The existing Study22 hero arrival, without its obsolete cover layer. */
.study22 .s21-ensemble[data-intro=pending] .s22-blade{clip-path:inset(0 100% 0 0)}
.study22 .s21-ensemble[data-intro=pending] .s21-art,.study22 .s21-ensemble[data-intro=pending] .s21-caption{opacity:0}
.study22 .s21-ensemble[data-intro=playing] .s22-blade{animation:r22-face-arrival 520ms cubic-bezier(.2,.7,.2,1) both}
.study22 .s21-ensemble[data-intro=playing] .r22-blade-upper-edge{stroke-dasharray:1;animation:r22-edge-arrival 540ms cubic-bezier(.2,.7,.2,1) both}
.study22 .s21-ensemble[data-intro=playing] .r22-blade-engraving{animation:r22-ink-arrival 360ms ease-out 160ms both}
.study22 .s21-ensemble[data-intro=playing] .s21-art{animation:r22-portrait-arrival 180ms ease-out both;animation-delay:calc(160ms + var(--member-order)*70ms)}
.study22 .s21-ensemble[data-intro=playing] .s21-caption{animation:r22-portrait-arrival 180ms ease-out both;animation-delay:calc(230ms + var(--member-order)*70ms)}
@keyframes r22-face-arrival{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@keyframes r22-edge-arrival{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes r22-ink-arrival{from{opacity:0}to{opacity:1}}
@keyframes r22-portrait-arrival{from{opacity:0;clip-path:none}to{opacity:1;clip-path:none}}
@media(prefers-reduced-motion:reduce){.study22 .s21-ensemble[data-intro=playing] .s22-blade,.study22 .s21-ensemble[data-intro=playing] .s21-art,.study22 .s21-ensemble[data-intro=playing] .s21-caption,.study22 .s21-ensemble[data-intro=playing] .r22-blade-upper-edge,.study22 .s21-ensemble[data-intro=playing] .r22-blade-engraving{animation:none;stroke-dashoffset:0}}