/* Explain: CSS for page layout, section padding, and card effects. */
.site-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.section-pad {
    padding-block: clamp(3.5rem, 8vw, 6rem);
}

.card-lift {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-lift:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 48px var(--shadow-color);
}