/* Explain: Layout utilities for an executive portfolio site. - */
/* Minimal custom layouts beyond Tailwind */
.section-pad {
    padding-top: clamp(4rem, 8vw, 7rem);
    padding-bottom: clamp(4rem, 8vw, 7rem);
}

.executive-gradient {
    background: linear-gradient(135deg, var(--color-graphite) 0%, var(--color-slate-dark) 100%);
}

.timeline-line::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 24px;
    width: 2px;
    background: var(--border-color);
    z-index: 0;
}

@media (min-width: 768px) {
    .timeline-line::before {
        left: 50%;
        transform: translateX(-50%);
    }
}