@keyframes line-reveal{from{height:0}to{height:100%}}@keyframes item-bloom{from{opacity:0;transform:scale(0.97) translateY(0.5rem)}to{opacity:1;transform:scale(1) translateY(0)}}.timeline{position:relative;max-width:70rem;margin:4rem auto;padding:0;--col-gap: 2rem;--center-col-width: 3rem;--marker-size: 1.25rem;--marker-border-width: 0.25rem;--marker-half: calc(var(--marker-size) / 2);--visual-half: calc(var(--marker-half) + var(--marker-border-width));--distance-to-center: calc(var(--col-gap) + calc(var(--center-col-width) / 2))}.timeline>h3,.timeline>h4{text-align:center;font-size:var(--displayFontSize);color:var(--huePrimary-700);margin-bottom:3rem}.timeline>p{max-width:var(--maxReadingWidth);margin:0 auto 2em auto}.timeline>dl{position:relative;display:grid;grid-auto-flow:dense;grid-template-columns:1fr var(--center-col-width) 1fr;gap:0 var(--col-gap);padding:var(--outerPad);list-style:none;max-width:unset;background:unset}.timeline>dl::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(to bottom, var(--huePrimary-200) 0%, var(--huePrimary-400) 50%, var(--huePrimary-200) 100%);transform:translateX(-50%);box-shadow:0 0 8px hsla(229,8%,51%,.2);z-index:1;animation:line-reveal linear;animation-timeline:view();animation-range:entry 0% exit 100%}.timeline dt,.timeline dd{animation:item-bloom ease-out;animation-timeline:view();animation-range:cover 0% cover 80%}@media(prefers-reduced-motion: reduce){.timeline>dl::before,.timeline dt,.timeline dd{animation:none !important}}.timeline dt{position:relative;font-family:var(--headingsFont);font-size:1.1rem;font-weight:600;color:var(--huePrimary-600);margin-bottom:.5rem;padding-top:.5rem;align-self:start}.timeline dt:nth-of-type(odd){grid-column:1;text-align:right;padding-right:0}.timeline dt:nth-of-type(odd)::before{content:"";position:absolute;right:0;top:.5rem;width:var(--marker-size);height:var(--marker-size);background:var(--bodyBgColor);border:var(--marker-border-width) solid var(--huePrimary-500);border-radius:50%;transform:translateX(calc(var(--distance-to-center) + var(--marker-half)));z-index:10;box-shadow:0 0 0 4px var(--bodyBgColor),var(--elevation-2);transition:all 300ms ease}.timeline dt:nth-of-type(even){grid-column:3;text-align:left;padding-left:0}.timeline dt:nth-of-type(even)::before{content:"";position:absolute;left:0;top:.5rem;width:var(--marker-size);height:var(--marker-size);background:var(--bodyBgColor);border:var(--marker-border-width) solid var(--huePrimary-500);border-radius:50%;transform:translateX(calc(-1 * (var(--distance-to-center) + var(--marker-half))));z-index:10;box-shadow:0 0 0 4px var(--bodyBgColor),var(--elevation-2);transition:all 300ms ease}.timeline dt:hover::before{border-color:var(--secondaryContainer);border-width:5px;box-shadow:0 0 0 4px var(--bodyBgColor),var(--elevation-3)}.timeline dd{position:relative;background:var(--surfaceVariant);border:unset;border-radius:var(--borderRadius);padding:var(--outerPad);box-shadow:var(--elevation-2);margin:0 0 3rem 0;transition:all 300ms ease;z-index:2}.timeline dd:hover{box-shadow:var(--elevation-3);transform:translateY(-2px)}.timeline dd p{margin-bottom:.75em;font-size:.975rem;line-height:1.6;color:var(--flowColor)}.timeline dd p:last-child{margin-bottom:0}.timeline dd:nth-of-type(odd){grid-column:3;text-align:left;padding-left:calc(var(--outerPad)*1.5)}.timeline dd:nth-of-type(even){grid-column:1;text-align:right;padding-right:calc(var(--outerPad)*1.5)}@media(min-width: 48.0001rem){.timeline dd:nth-of-type(odd)::after{content:"";position:absolute;left:0;top:.75rem;width:0;height:0;border-top:12px solid rgba(0,0,0,0);border-bottom:12px solid rgba(0,0,0,0);border-right:12px solid var(--surfaceVariant);transform:translateX(-10px)}.timeline dd:nth-of-type(even)::after{content:"";position:absolute;right:0;top:.75rem;width:0;height:0;border-top:12px solid rgba(0,0,0,0);border-bottom:12px solid rgba(0,0,0,0);border-left:12px solid var(--surfaceVariant);transform:translateX(10px)}}@media(max-width: 48rem){.timeline>dl{grid-template-columns:3rem 1fr;gap:0 1rem}.timeline>dl::before{left:1.5rem;transform:none}.timeline dt:nth-of-type(odd),.timeline dt:nth-of-type(even){grid-column:2;text-align:start;padding:0;font-size:.95rem}.timeline dd:nth-of-type(odd),.timeline dd:nth-of-type(even){grid-column:2;text-align:start;padding-left:var(--outerPad);padding-right:var(--outerPad)}.timeline dt:nth-of-type(odd)::before,.timeline dt:nth-of-type(even)::before{top:0;left:0;right:auto;transform:translateX(calc(-1 * (100% + var(--marker-size) + var(--marker-border-width) * 1.2)))}}.timeline.accent-markers dt::before{border-color:var(--secondaryContainer);background:var(--hueLightPrimary)}.timeline.accent-markers dt:hover::before{border-color:var(--huePrimary-500)}.timeline.minimal dd::after{display:none !important}.timeline.minimal dd{box-shadow:var(--elevation-1)}