/* Motion (pending Travis's pick). Delete this file + its <link> to remove. All inside no-preference. */
@media (prefers-reduced-motion:no-preference){
@keyframes cone{from{opacity:0;transform:translateY(-6%) scaleY(.9)}}
@keyframes rise{from{opacity:0;transform:translateY(10px)}}
@keyframes bloom{from{opacity:0;transform:scale(.85)}}
@keyframes hz{from{opacity:0;transform:scaleX(.2)}}
@keyframes grain{0%{transform:translate(0,0)}33%{transform:translate(-12px,8px)}66%{transform:translate(10px,-6px)}100%{transform:translate(0,0)}}
@keyframes sweep{0%{transform:translateX(-120%) skewX(-12deg);opacity:0}15%,85%{opacity:1}100%{transform:translateX(320%) skewX(-12deg);opacity:0}}
@keyframes up{from{opacity:0;transform:translateY(24px)}}
.m-cover .cone{animation:cone 1200ms cubic-bezier(.22,.61,.36,1) 100ms both}
.m-cover .moon{animation:bloom 1200ms cubic-bezier(.22,.61,.36,1) 200ms both}
.m-cover .pane{animation:rise 1000ms cubic-bezier(.22,.61,.36,1) 450ms both}
.m-cover .dek{animation:rise 900ms cubic-bezier(.22,.61,.36,1) 700ms both}
.m-cover .acts{animation:rise 900ms cubic-bezier(.22,.61,.36,1) 800ms both}
.m-cover .horizon{transform-origin:62% 50%;animation:hz 1200ms cubic-bezier(.22,.61,.36,1) 300ms both}
.m-issue .stage::after{animation:grain 1200ms steps(6) 1}
.m-issue .card{transition:transform 900ms cubic-bezier(.22,.61,.36,1),box-shadow 900ms}
.m-issue .card .sheen{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.m-issue .card .sheen::before{content:"";position:absolute;top:0;bottom:0;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent);transform:translateX(-120%) skewX(-12deg);opacity:0}
.m-issue .card:hover,.m-issue .card:focus-visible{transform:translateY(-6px);box-shadow:0 30px 60px -24px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.1)}
.m-issue .card:hover .sheen::before,.m-issue .card:focus-visible .sheen::before{animation:sweep 1200ms cubic-bezier(.22,.61,.36,1)}
.m-article .hl{animation:up 1000ms cubic-bezier(.22,.61,.36,1) 100ms both}
.m-article .course{animation:up 1000ms cubic-bezier(.22,.61,.36,1) 220ms both}
}
.card:focus-visible{outline:1px solid rgba(255,255,255,.6);outline-offset:2px}
