.course-cover-art{display:block;width:100%;height:auto;aspect-ratio:16/9}
.course-cover-art .cover-video-progress{transform-origin:808px 443px;transform:scaleX(.4166667)}
.course-cover-art .cover-play{transform-origin:940px 318px}
.course-cover-art .cover-spark{transform-origin:996px 222px}
.course-cover-art .cover-pin-shadow{transform-origin:940px 413px}
.course-cover-art[data-motion-ready] :is(.cover-play,.cover-video-progress,.cover-video-cursor,.cover-draw,.cover-spark,.cover-pin,.cover-pin-shadow,.cover-link-left,.cover-link-right,.cover-link-join,.cover-page){animation-duration:4s;animation-timing-function:ease-in-out;animation-iteration-count:1;animation-fill-mode:both;animation-play-state:paused}
.course-cover-art[data-motion-ready][data-motion-playing=true] :is(.cover-play,.cover-video-progress,.cover-video-cursor,.cover-draw,.cover-spark,.cover-pin,.cover-pin-shadow,.cover-link-left,.cover-link-right,.cover-link-join,.cover-page){animation-play-state:running}
.course-cover-art[data-motion-ready] .cover-play{animation-name:cover-play}
.course-cover-art[data-motion-ready] .cover-video-progress{animation-name:cover-progress;animation-timing-function:linear}
.course-cover-art[data-motion-ready] .cover-video-cursor{animation-name:cover-cursor;animation-timing-function:linear}
.course-cover-art[data-motion-ready] .cover-draw{animation-name:cover-draw;stroke-dasharray:1;stroke-dashoffset:0}
.course-cover-art[data-motion-ready] .cover-spark{animation-name:cover-spark}
.course-cover-art[data-motion-ready] .cover-pin{animation-name:cover-pin}
.course-cover-art[data-motion-ready] .cover-pin-shadow{animation-name:cover-shadow}
.course-cover-art[data-motion-ready] .cover-link-left{animation-name:cover-link-left}
.course-cover-art[data-motion-ready] .cover-link-right{animation-name:cover-link-right}
.course-cover-art[data-motion-ready] .cover-link-join{animation-name:cover-link-join}
.course-cover-art[data-motion-ready] .cover-page{animation-name:cover-page}
.course-cover-art[data-motion-ready] .cover-step-2{animation-delay:.15s}
.course-cover-art[data-motion-ready] .cover-step-3{animation-delay:.3s}
.course-cover-art[data-motion-ready] .cover-step-4{animation-delay:.45s}
@keyframes cover-play{0%,35%,100%{transform:scale(1)}18%{transform:scale(1.07)}}
@keyframes cover-progress{0%,12%{transform:scaleX(.4166667);opacity:1}78%,84%{transform:scaleX(.96);opacity:1}88%{transform:scaleX(.96);opacity:0}89%,93%{transform:scaleX(.4166667);opacity:0}100%{transform:scaleX(.4166667);opacity:1}}
@keyframes cover-cursor{0%,12%{transform:translateX(0);opacity:1}78%,84%{transform:translateX(143.44px);opacity:1}88%{transform:translateX(143.44px);opacity:0}89%,93%{transform:translateX(0);opacity:0}100%{transform:translateX(0);opacity:1}}
@keyframes cover-draw{0%,8%{stroke-dashoffset:1;opacity:.35}50%,100%{stroke-dashoffset:0;opacity:1}}
@keyframes cover-spark{0%,65%,100%{transform:scale(1);opacity:1}30%{transform:scale(.92);opacity:.55}}
@keyframes cover-pin{0%,68%,100%{transform:translateY(0)}32%{transform:translateY(-12px)}}
@keyframes cover-shadow{0%,68%,100%{transform:scaleX(1);opacity:1}32%{transform:scaleX(.8);opacity:.6}}
@keyframes cover-link-left{0%,100%{transform:translateX(0)}22%{transform:translateX(-9px)}55%{transform:translateX(0)}}
@keyframes cover-link-right{0%,100%{transform:translateX(0)}22%{transform:translateX(9px)}55%{transform:translateX(0)}}
@keyframes cover-link-join{0%,100%{opacity:1}22%{opacity:.35}55%{opacity:1}}
@keyframes cover-page{0%,8%{opacity:.3;transform:translateY(6px)}48%,100%{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.course-cover-art *{animation:none!important}}