.timeline{padding:64px var(--pad-x);background:var(--color-candle-wax)}.timeline__inner{display:flex;flex-direction:column;align-items:center;gap:32px;max-width:var(--site-max-w);margin:0 auto}.timeline__header{display:flex;flex-direction:column;gap:20px;max-width:1210px;text-align:center}.timeline__title{font-size:64px;font-weight:300;line-height:1.04;letter-spacing:-.96px}.timeline__intro{font-family:var(--font-heading);font-size:18px;font-style:italic;line-height:1.5;color:var(--color-walnut)}.timeline__list{position:relative;display:flex;flex-direction:column;gap:64px;width:100%;max-width:1120px;margin:0;padding:0;list-style:none}.timeline__list::before{content:"";position:absolute;top:0;bottom:-32px;left:calc((100% - 20px) * 500 / 1080 + 20px);width:1px;background:var(--color-beamwood)}.timeline__entry{display:grid;grid-template-columns:minmax(0,500fr) 20px minmax(0,580fr);align-items:center}.timeline__date{padding-right:40px;font-family:var(--font-heading);font-size:72px;font-style:italic;font-weight:300;line-height:1;text-align:right;color:var(--color-beamwood)}.timeline__dot{justify-self:end;width:10px;height:10px;margin-right:-5px;border-radius:50%;background:var(--color-beamwood);box-shadow:0 0 0 5px var(--color-candle-wax)}.timeline__text{padding-left:40px;font-family:var(--font-heading);font-size:20px;font-weight:300;line-height:1.55;color:var(--color-beamwood)}.timeline__entry--now .timeline__date{font-style:normal;color:var(--color-copper)}.timeline__entry--now .timeline__dot{background:var(--color-copper)}@media (max-width:1024px){.timeline{padding:var(--pad-y) var(--pad-x)}.timeline__title{font-size:48px;letter-spacing:-.72px}.timeline__list{gap:40px}.timeline__date{padding-right:28px;font-size:48px}.timeline__text{padding-left:28px;font-size:17px;line-height:1.5}}@media (max-width:767px){.timeline{padding:32px var(--pad-x)}.timeline__inner{align-items:stretch;gap:40px}.timeline__header{gap:16px}.timeline__title{font-size:32px;line-height:1.06;letter-spacing:-.32px}.timeline__intro{font-size:16px}.timeline__list{gap:32px}.timeline__list::before{top:17px;bottom:0;left:5px}.timeline__entry{grid-template-columns:10px minmax(0,1fr);grid-template-areas:"dot date" ". text";align-items:start;column-gap:16px;row-gap:8px}.timeline__date{grid-area:date;padding:0;font-size:40px;text-align:left}.timeline__entry--range .timeline__date{font-size:30px}.timeline__dot{grid-area:dot;align-self:center;justify-self:start;margin:0}.timeline__text{grid-area:text;padding:0;font-size:16px;line-height:1.5}}