@media (max-width:720px){
    .site-nav{right:16px;left:16px;}
    .hero__details p{font-size:.98rem;}
    .hero__actions{flex-direction:column;align-items:stretch;}
    .button{width:100%;}
}

@media (max-width:520px){
    .hero__details h1{font-size:2.4rem;}
    .hero__meta{grid-template-columns:1fr;}
    .hero__visual{min-height:360px;}
    .site-footer{padding:32px 0 18px;}
}