.site-header {
    padding: 2rem;
    text-align: center;
}
.nav a {
    margin: 0 1rem;
    font-weight: 600;
}
.hero {
    position: relative;
    background: url('/assets/img/hero-bg.jpg') center/cover no-repeat;
    padding: 6rem 2rem;
    color: white;
    text-align: center;
}
.section-title {
    font-size: 1.8rem;
    margin: 2rem 0 1rem;
}
.card-grid {
    display: flex;
    gap: 2rem;
    padding: 1rem;
}