.cinematic-feature .arc-line-left {
    opacity: 0;
    transform: translateX(-30px);
    transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}

.cinematic-feature.is-visible .arc-line-left,
.cinematic-feature:hover .arc-line-left {
    opacity: 0.85;
    transform: translateX(0);
}

.cinematic-feature:hover .arc-line-left:hover {
    opacity: 1 !important;
    color: var(--text) !important;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.15);
    transform: translateX(6px) !important;
}

/* Stagger delay definitions on hover/visible */
.cinematic-feature:hover .arc-line-left.l1, .cinematic-feature.is-visible .arc-line-left.l1 { transition-delay: 0.12s; }
.cinematic-feature:hover .arc-line-left.l2, .cinematic-feature.is-visible .arc-line-left.l2 { transition-delay: 0.20s; }
.cinematic-feature:hover .arc-line-left.l3, .cinematic-feature.is-visible .arc-line-left.l3 { transition-delay: 0.28s; }
.cinematic-feature:hover .arc-line-left.l4, .cinematic-feature.is-visible .arc-line-left.l4 { transition-delay: 0.36s; }
.cinematic-feature:hover .arc-line-left.l5, .cinematic-feature.is-visible .arc-line-left.l5 { transition-delay: 0.44s; }
.cinematic-feature:hover .arc-line-left.l6, .cinematic-feature.is-visible .arc-line-left.l6 { transition-delay: 0.52s; }
.cinematic-feature:hover .arc-line-left.l7, .cinematic-feature.is-visible .arc-line-left.l7 { transition-delay: 0.60s; }
.cinematic-feature:hover .arc-line-left.l8, .cinematic-feature.is-visible .arc-line-left.l8 { transition-delay: 0.68s; }