.timeline{gap:var(--space-xl);display:grid;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--color-rule-strong), var(--color-rule) 82%, transparent);width:1px;position:absolute;top:.7rem;bottom:3rem;left:.28rem}@media (min-width:48rem){.timeline:before{left:7.28rem}}.timeline__item{gap:var(--space-xs);padding-left:1.75rem;display:grid;position:relative}@media (min-width:48rem){.timeline__item{gap:var(--space-2xl);grid-template-columns:7rem minmax(0,1fr);align-items:start;padding-left:0}}.timeline__item:before{content:"";background:var(--color-paper);border:1.5px solid var(--color-sienna);width:.58rem;height:.58rem;transition:background var(--duration-normal) var(--ease-out-expo);border-radius:50%;position:absolute;top:.62rem;left:0}@media (min-width:48rem){.timeline__item:before{left:7rem}}.timeline__item:hover:before{background:var(--color-sienna)}.timeline__year{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-sienna);font-variant-numeric:lining-nums;letter-spacing:-.01em;line-height:1.2}@media (min-width:48rem){.timeline__year{text-align:right;padding-right:var(--space-md)}}.timeline__title{font-family:var(--font-display);font-size:var(--text-lg);line-height:1.25}.timeline__body{font-size:var(--text-sm);color:var(--color-ink-soft);max-width:46ch;margin-top:.3rem;line-height:1.65}.timeline__tags{margin-top:var(--space-xs);flex-wrap:wrap;gap:.35rem;display:flex}.timeline__tag{letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-ink-mute);border:1px solid var(--color-rule);border-radius:999px;padding:.12rem .5rem;font-size:.625rem}.timeline__link{margin-top:var(--space-xs);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-sienna);align-items:center;gap:.4rem;font-weight:600;display:inline-flex}.timeline__link:hover{gap:.7rem}