/* Return home: the opening film rises over the outgoing page. */
@view-transition{navigation:auto}
html.return-home{background:#101719}
html.return-home header{view-transition-name:lineup-header}
html.return-home::view-transition-group(root){animation-duration:680ms;animation-timing-function:cubic-bezier(.76,0,.24,1)}
html.return-home::view-transition-old(root){animation:lineup-page-away 680ms cubic-bezier(.76,0,.24,1) both;mix-blend-mode:normal}
html.return-home::view-transition-new(root){animation:lineup-home-open 680ms cubic-bezier(.76,0,.24,1) both;mix-blend-mode:normal}
html.return-home::view-transition-group(lineup-header){animation-duration:680ms;z-index:2}
html.return-home::view-transition-old(lineup-header),html.return-home::view-transition-new(lineup-header){animation-duration:220ms}
@keyframes lineup-home-open{from{transform:translateY(100%)}to{transform:translateY(0)}}
@keyframes lineup-page-away{from{transform:translateY(0);filter:brightness(1)}to{transform:translateY(-12%);filter:brightness(.75)}}
@keyframes lineup-home-fallback{from{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}
.home-return-fallback .editorial-hero{animation:lineup-home-fallback 620ms cubic-bezier(.76,0,.24,1) both}
header .wordmark{transition:opacity .18s ease,scale .18s ease;transform-origin:left center}
header .wordmark:hover{opacity:.78}
header .wordmark:active{scale:.97}
@media(prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 .home-return-fallback .editorial-hero{animation:none}
 header .wordmark{transition:none}
 header .wordmark:active{scale:1}
}