/* Cross-document view transitions: card photo grows into the story hero. */
.s-hero{view-transition-name:story-photo}
@media(prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  .sc-header{view-transition-name:sc-header}
  ::view-transition-old(root){animation:vtOut .2s ease both}
  ::view-transition-new(root){animation:vtIn .4s var(--ease) both}
  ::view-transition-group(story-photo){animation-duration:.65s;animation-timing-function:var(--ease)}
  ::view-transition-old(story-photo),::view-transition-new(story-photo){width:100%;height:100%;object-fit:cover;overflow:clip}
  html:not(.vt-cross-document) main{animation:vtIn .3s var(--ease) both}
}
@keyframes vtOut{to{opacity:0}}
@keyframes vtIn{from{opacity:0;transform:translateY(14px)}}