.timeline{--timeline-line-color: var(--color-primary-light);--timeline-card-color: var(--color-white);--timeline-card-text-color: var(--color-text);--timeline-toggle-color: var(--color-white);--timeline-year-font-size: var(--font-size-26);--timeline-card-font-size: var(--font-size-17);--timeline-item-gap: 0;--timeline-item-min-height: 160px;--timeline-collapsed-height: 250px;--timeline-fade-color: var(--color-primary);position:relative;width:100%}.timeline__desktop{position:relative}.timeline__desktop::after{content:"";position:absolute;top:0;right:0;left:0;z-index:2;height:var(--timeline-collapsed-height);background-image:linear-gradient(to bottom, transparent 30%, var(--timeline-fade-color) 100%);opacity:1;transition:opacity .35s ease;pointer-events:none}.timeline.is-expanded .timeline__desktop::after{opacity:0}.timeline__items{position:relative;display:flex;flex-direction:column;gap:var(--timeline-item-gap);max-height:var(--timeline-collapsed-height);padding:1em 0 0;overflow:hidden;transition:max-height .5s ease}.timeline__items::before{content:"";position:absolute;top:0;left:50%;width:10px;border-radius:50%;aspect-ratio:1;background-color:var(--timeline-card-color);transform:translateX(-50%)}.timeline__items::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background-image:linear-gradient(to bottom, var(--color-primary-light) 50%, rgba(255, 255, 255, 0) 0%);background-position:left;background-size:1px 8px;background-repeat:repeat-y;z-index:-1}.timeline__toggle{font-family:var(--font-basic);font-weight:var(--font-weight-bold);font-optical-sizing:auto;display:flex;align-items:center;gap:1em;margin:1.5em auto 0;padding:0;color:var(--timeline-toggle-color);font-size:var(--font-size-17);background:rgba(0,0,0,0);border:0;cursor:pointer}.timeline__toggle-icon{width:.75em;height:.75em;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-0.2em);transition:transform .25s ease}.timeline.is-expanded .timeline__toggle-icon{transform:rotate(225deg) translateY(-0.2em)}.timeline__mobile{display:none}@media screen and (max-width: 600px){.timeline{--timeline-year-font-size: var(--font-size-18);--timeline-card-font-size: var(--font-size-14);overflow:hidden;margin:0 calc(-1*var(--padding-on-side));width:calc(100% + var(--padding-on-side)*2)}.timeline__desktop{display:none}.timeline__mobile{display:block}.timeline__years{display:flex;gap:1em;padding:.75em var(--padding-on-side) 0;overflow:auto hidden;scroll-snap-type:x mandatory;scrollbar-width:none}.timeline__years::-webkit-scrollbar{display:none}.timeline__years .timeline__year{flex:0 0 auto;scroll-snap-align:center;opacity:.6;transition:opacity .25s ease}.timeline__years .timeline__year.is-active{opacity:1}.timeline__panel{display:grid;align-items:start;margin-top:2em;padding:0 var(--padding-on-side)}.timeline__panel .timeline__card{grid-area:1/1;width:100%;margin:0;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.timeline__panel .timeline__card::before{top:calc(var(--arrow-size)/-2.7);right:auto;left:clamp(2em,var(--timeline-arrow-x, 50%),100% - 2em);transform:translateX(-50%) rotate(45deg)}.timeline__panel .timeline__card.is-active{opacity:1;visibility:visible}}