.nav_link {
    @apply text-[var(--text-primary)] hover:text-[var(--primary-color)] transition-colors duration-300;
}

/* Timeline Layout */
.timeline-frame {
    min-height: 100vh;
    height: auto;
}

@media (min-width: 768px) {
    .timeline-frame {
        height: 100vh;
    }
}

.timeline-connector {
    @apply absolute left-1/2 transform -translate-x-1/2 w-1 bg-[var(--primary-color)] z-0;
    height: calc(100% - 4rem);
    top: 2rem;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 120px), 0 calc(100% - 120px));
}

@media (max-width: 768px) {
    .timeline-connector {
        @apply hidden;
    }
}