.timeline{position:relative;list-style:none;margin:0;padding:0 0 0 28px;display:flex;flex-direction:column;gap:16px}.timeline:after,.timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;border-radius:2px}.timeline:before{background:var(--line)}.timeline:after{background:var(--iris);transform-origin:top}@supports (animation-timeline:view()){.timeline:after{transform:scaleY(0);animation:timeline-fill linear both;animation-timeline:view();animation-range:entry 10% cover 75%}@keyframes timeline-fill{to{transform:scaleY(1)}}}@supports not (animation-timeline:view()){.timeline:after{display:none}}.timeline-item{position:relative;list-style:none}.timeline-dot{position:absolute;left:-28px;top:30px;width:16px;height:16px;border-radius:50%;background:var(--bg);border:2px solid var(--aqua);box-shadow:0 0 0 5px color-mix(in srgb,var(--aqua) 18%,transparent);z-index:2}.timeline-card{padding:22px 22px 24px}.timeline-period{display:inline-block;margin-bottom:.6rem;padding:4px 12px;border-radius:999px;font-size:.8rem;font-weight:600;color:var(--text);background:color-mix(in srgb,var(--aqua) 16%,transparent);border:1px solid color-mix(in srgb,var(--aqua) 35%,transparent)}.timeline-role{margin:0 0 .15rem;font-size:clamp(1.4rem,4.5vw,1.85rem);letter-spacing:-.025em}.timeline-company{color:var(--muted);font-weight:500}.timeline-bullets{margin:1rem 0 0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.5rem;color:var(--muted);line-height:1.6;max-width:68ch}.timeline-bullets li::marker{color:var(--violet)}@media (min-width:700px){.timeline{padding-left:44px;gap:22px}.timeline:after,.timeline:before{left:11px}.timeline-dot{left:-44px;top:34px;width:24px;height:24px}.timeline-card{padding:28px 32px 30px}}