/* motion layer, adapted from CodeGrid steelworks reveal, kvs image reveal, circular gallery, zentry hover. scoped to html.has-motion */
html.has-motion .hero .duo{transform:scale(1.08);transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
html.has-motion .hero.m-in .duo{transform:scale(1)}
html.has-motion .hero .m-line{opacity:0;transform:translateY(24px);transition:opacity .7s ease-out,transform .7s cubic-bezier(.2,.7,.2,1)}
html.has-motion .hero.m-in .m-line{opacity:1;transform:none}
html.has-motion .m-img{clip-path:inset(100% 0 0 0);transition:clip-path .9s cubic-bezier(.2,.7,.2,1)}
html.has-motion .m-img>img{transform:scale(1.06);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
html.has-motion .m-img.m-in{clip-path:inset(0 0 0 0)}
html.has-motion .m-img.m-in>img{transform:scale(1)}
html.has-motion #credits .rel{transition:transform .3s ease,border-color .25s}
html.has-motion .deflist .di{position:relative;transition:transform .25s ease}
html.has-motion .deflist .di::before{content:"";position:absolute;left:-14px;top:50%;width:1px;height:0;background:#ff3b30;transition:height .25s ease,top .25s ease}
html.has-motion .deflist .di:hover,html.has-motion .deflist .di:focus-within{transform:translateX(6px)}
html.has-motion .deflist .di:hover::before,html.has-motion .deflist .di:focus-within::before{top:0;height:100%}
@media(prefers-reduced-motion:reduce){html.has-motion .hero .duo,html.has-motion .hero .m-line,html.has-motion .m-img,html.has-motion .m-img>img,html.has-motion #credits .rel,html.has-motion .deflist .di{transition:none!important;transform:none!important;clip-path:none!important;opacity:1!important}}