.hero{background:var(--color-accent);color:#000}
.hero .btn{margin-top:var(--space-4)}
.card{transition:var(--transition)}
.card:hover{transform:translate(-4px,-4px);box-shadow:6px 6px 0 var(--color-border)}
.section .card h2{margin-bottom:var(--space-3)}
.media-box{background:#f5f5f5}
@media (max-width:768px){
.hero .container{gap:var(--space-5)}
}