.hero{align-items:center;gap:var(--spacing-xl)}
.media-wrap{border-radius:var(--color-radius);overflow:hidden;box-shadow:var(--shadow-md);max-width:100%}
.section .grid{align-items:center}
.section h2{margin-bottom:var(--spacing-sm)}
.section p{max-width:60ch}
@media (max-width:768px){
.hero{padding:var(--spacing-xl)}
.media-wrap{margin-top:var(--spacing-md)}
}