/* Explain: Editorial spacing and map-line layout utilities. */
.section-pad {
    padding-block: clamp(4rem, 8vw, 7rem);
}

.timeline-line {
    position: relative;
}

.timeline-line::before {
    content: '';
    position: absolute;
    inset: 10% auto 12% 1rem;
    width: 1px;
    background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--primary-color) 35%, transparent), transparent);
}

.timeline-dot {
    position: relative;
}

.timeline-dot::before {
    content: '';
    position: absolute;
    left: -1.25rem;
    top: 0.45rem;
    width: 0.65rem;
    height: 0.65rem;
    border-radius: 999px;
    background: var(--accent-color);
    box-shadow: 0 0 0 6px color-mix(in srgb, var(--accent-color) 18%, transparent);
}

@media (max-width: 767px) {
    .timeline-line::before,
    .timeline-dot::before {
        display: none;
    }
}