.timeline-wrapper{position:relative;overflow:hidden}.timeline-line{z-index:0;background:linear-gradient(#d4202c66 0%,#d4202c26 50% 100%);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-line-progress{will-change:height;background:linear-gradient(#d4202ce6 0%,#d4202c80 100%);height:0;transition:height .6s cubic-bezier(.22,.61,.36,1);position:absolute;top:0;left:0;right:0}.timeline-item{opacity:0;will-change:transform, opacity;align-items:flex-start;gap:0;transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);display:flex;position:relative;transform:translateY(40px)}.timeline-item--visible{opacity:1;transform:translateY(0)}.timeline-card{z-index:1;background:#fff;border:1px solid #e5e7eb;border-radius:18px;width:100%;padding:28px 32px;transition:box-shadow .35s,border-color .35s,transform .35s;position:relative;box-shadow:0 4px 20px #0000000a}.timeline-card:hover{border-color:#d4202c33;transform:translateY(-3px);box-shadow:0 12px 40px #0000001a}.timeline-year{letter-spacing:1.5px;text-transform:uppercase;color:var(--color-primary);background:#d4202c0f;border:1px solid #d4202c1f;border-radius:50px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 18px;font-size:13px;font-weight:700;transition:background .35s,box-shadow .35s,transform .35s;display:inline-flex}.timeline-item--visible .timeline-year{animation:.6s cubic-bezier(.22,.61,.36,1) forwards timelineYearPulse}.timeline-card:hover .timeline-year{background:#d4202c1a;transform:scale(1.03);box-shadow:0 0 0 6px #d4202c0d}.timeline-dot{z-index:2;background:#fff;border:3px solid #d4202c4d;border-radius:50%;width:18px;height:18px;transition:border-color .35s,box-shadow .35s;position:absolute;top:28px;left:50%;transform:translate(-50%)}.timeline-item--visible .timeline-dot{border-color:var(--color-primary);animation:2s ease-in-out infinite timelineDotPulse;box-shadow:0 0 0 8px #d4202c1f}.timeline-dot:after{content:"";background:var(--color-primary);border-radius:50%;transition:transform .4s cubic-bezier(.22,.61,.36,1) .15s;position:absolute;inset:3px;transform:scale(0)}.timeline-item--visible .timeline-dot:after{transform:scale(1)}.timeline-dot-icon{color:#fff;opacity:0;justify-content:center;align-items:center;font-size:7px;transition:opacity .3s .2s,transform .3s cubic-bezier(.22,.61,.36,1) .2s;display:flex;position:absolute;inset:0;transform:scale(0)}.timeline-item--visible .timeline-dot-icon{opacity:1;transform:scale(1)}@keyframes timelineDotPulse{0%,to{box-shadow:0 0 0 8px #d4202c1f}50%{box-shadow:0 0 0 14px #d4202c0a}}@keyframes timelineYearPulse{0%{opacity:0;transform:scale(.9)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.timeline-card h4{color:var(--color-text-heading);letter-spacing:-.02em;margin-bottom:8px;font-size:19px;font-weight:700;line-height:1.3}.timeline-card p{color:var(--color-text);margin:0;font-size:15px;line-height:1.75}.timeline-arm{z-index:0;background:linear-gradient(90deg,#d4202c33 0%,#d4202c66 100%);width:0;height:2px;transition:width .6s cubic-bezier(.22,.61,.36,1);position:absolute;top:37px}.timeline-item--visible .timeline-arm{width:100%}@media (width<=767px){.timeline-line,.timeline-dot{left:20px}.timeline-item{padding-left:52px}.timeline-arm{display:none}.timeline-card{padding:20px 22px}}@media (prefers-reduced-motion:reduce){.timeline-item{transition:opacity .3s;transform:none}.timeline-dot,.timeline-item--visible .timeline-dot,.timeline-year{animation:none!important}}