/* Explain: Layout helpers for section spacing and background overlays. - */
.section-pad { 
    padding-top: 5rem; 
    padding-bottom: 5rem; 
}

@media (min-width: 768px) {
    .section-pad {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }
}

.hero-overlay {
    background: linear-gradient(to right, rgba(15, 23, 42, 0.9) 0%, rgba(15, 23, 42, 0.6) 100%);
}