.timeline{color:var(--clr-text);display:grid;grid-template-columns:auto 1fr;grid-template-rows:repeat(auto,1fr)}.timeline section{align-items:baseline;display:grid;gap:var(--gap);grid-column:span 3;grid-template-columns:subgrid}.timeline .section-title{position:sticky;top:0}.timeline .section-title h3{text-align:right}.timeline .section-content{display:flex;flex-direction:column}.timeline article{display:flex;gap:1.5rem;height:100%;width:100%}.timeline aside{align-items:center;display:flex;flex-direction:column;gap:.7rem;padding-bottom:.7rem}.timeline .content{padding-bottom:4rem}.timeline .dot{--size:20px;border-radius:50%;flex-grow:0;height:var(--size);margin:calc((1rem - var(--size))/2);width:var(--size)}.timeline .dot,.timeline .line{background-color:var(--clr-accent-3)}.timeline .line{flex-grow:1;width:2px}