/* Mobile reading order: artwork, headline, disciplines, introduction, action, clients. */
@media(max-width:800px){
 .hero-content{display:flex;flex-direction:column;height:auto;padding-bottom:20px}
 .compact-copy{display:contents}
 .compact-copy .tagline{order:2;margin-bottom:25px}
 .ux-hero-art.motion-container{order:1;position:relative;top:auto;right:auto;width:100vw;max-width:none;height:auto;aspect-ratio:1;margin:0 0 24px;margin-left:calc((100% - 100vw) / 2);flex-shrink:0}
 .compact-copy .hero-roles{order:3}
 .compact-copy .hero-description{order:4}
 .compact-copy .explore{order:5;align-self:flex-start}
 .hero-content>.hero-clients{order:6;position:relative;left:auto;right:auto;bottom:auto;width:100%;margin-top:32px;flex-shrink:0}
 .hero-content>.client-ticker[data-treatment]{bottom:auto}
 .motion-container iframe{position:absolute;inset:0}
}