/* Media queries y preferencias de usuario. */
@media(max-width:860px){
 nav ul{display:none}
 .hero .wrap,.about,.case{grid-template-columns:1fr}
 .glow{max-width:280px;order:-1}
 .g3,.g4{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}
 section{padding:72px 0}
}
@media(max-width:560px){.g3,.g4,.steps{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:860px){.case a{grid-column:auto}}