@media(min-width:1001px) and (prefers-reduced-motion:no-preference){
 .hero-content{animation:none}
 .hero-content>.eyebrow,.hero-content>h1,.hero-content>.hero-copy,.hero-content>.button{animation:desktop-entry 1s cubic-bezier(.22,1,.36,1) both}
 .hero-content>.eyebrow{animation-delay:.1s}
 .hero-content>h1{animation-delay:.25s}
 .hero-content>.hero-copy{animation-delay:.4s}
 .hero-content>.button{animation-delay:.55s}
 .hero-art{animation:desktop-image-entry 1.8s cubic-bezier(.22,1,.36,1) both}
 .motion .reveal{transform:translateY(44px);transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1)}
 .motion .company-copy,.motion .contact-details{transition-delay:.18s}
 .motion .principle:nth-child(2){transition-delay:.14s}
 .motion .principle:nth-child(3){transition-delay:.28s}
 .motion .reveal.visible{transform:translateY(0)}
 .button{transition:background .25s,color .25s,transform .25s,box-shadow .25s}
 .button:hover{box-shadow:0 8px 25px rgba(0,0,0,.18)}
 .button span{transition:transform .25s}
 .button:hover span{transform:translate(3px,-3px)}
}
@keyframes desktop-entry{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes desktop-image-entry{from{transform:scale(1.045)}to{transform:scale(1)}}