@layer components{.c-timeline{--progress-dot-size:22px;--progress-bar-width:4px;--prgoress-inner-dot-size:calc(var(--progress-dot-size) - 8px);--years-item-grid-column-gap:7px;display:block;padding-left:8.33333%;position:relative}.c-timeline__years{display:flex;flex-direction:column;row-gap:3rem}.c-timeline__years__item{align-items:flex-start;display:grid;gap:20px var(--years-item-grid-column-gap);grid-template-columns:130px var(--progress-dot-size) 1fr}.c-timeline__year{align-items:center;color:var(--brand-yellow);display:inline-flex;font-size:clamp(2rem,calc(1.41rem + 1.16vw),2.4rem);font-variation-settings:"wght" 350;line-height:1.25;text-align:right}.c-timeline__progress{background:hsla(0,0%,100%,.1);border-radius:173px;height:calc(100% - var(--progress-dot-size));left:calc(8.33333% + 130px + var(--progress-dot-size)/2 + var(--years-item-grid-column-gap));margin-top:var(--progress-dot-size);overflow:visible;position:absolute;top:0;transform:translateX(calc(var(--progress-bar-width)/2*-1));width:var(--progress-bar-width);z-index:-1}.c-timeline__progress__bar{background:#fff;height:100%;left:0;max-height:var(--timeline-percent-done,0);position:fixed;top:0;transition:all .4s linear;width:var(--progress-bar-width);z-index:-2}.c-timeline__dot{background:var(--progress-dot-color,transparent);border-radius:50%;display:inline-block;flex-shrink:0;height:var(--progress-dot-size);margin-top:.75em;position:relative;width:var(--progress-dot-size)}.c-timeline__dot:after{background-color:var(--progress-inner-dot-color,#fff);border-radius:50%;content:"";display:inline-block;height:var(--prgoress-inner-dot-size);inset:50% auto auto 50%;position:absolute;transform:translate(-50%,-50%);width:var(--prgoress-inner-dot-size)}.is-active .c-timeline__dot{--progress-dot-color:hsla(0,0%,100%,.2);--progress-inner-dot-color:var(--brand-yellow)}.c-timeline__events{display:flex;flex-direction:column;gap:40px}.c-timeline__event{align-items:center;animation-delay:calc(var(--animation-order)*.2s);animation-duration:.35s;animation-fill-mode:both;animation-name:animateIn;animation-play-state:paused;animation-timing-function:ease-in-out;display:flex;justify-content:space-between;padding-left:1.6rem}.is-viewed .c-timeline__event{animation-play-state:running}.c-timeline__event__figure{opacity:0;order:1;transition:opacity .55s ease;transition-delay:calc(.2s + .2s*var(--animation-order))}.is-viewed .c-timeline__event__figure{opacity:1}.c-timeline__event__image{aspect-ratio:268/200;border:2px solid var(--brand-yellow);border-radius:10px;max-height:200px;-o-object-fit:cover;object-fit:cover;order:1;overflow:hidden;width:auto}.c-timeline__event__content{flex:1;overflow-x:clip;position:relative}.c-timeline__event__description{font-size:clamp(1.31rem,.97rem + .51vw,1.4rem);font-variation-settings:"wght" 600;line-height:1.3;margin-top:.5rem;max-width:85%;position:relative;width:-moz-fit-content;width:fit-content}.c-timeline__event__line{left:100%;margin-left:1rem;margin-top:0;top:50%;width:calc(var(--grid-size-max)/12*7);z-index:-1}.c-timeline__event__line,.c-timeline__event__line__line{display:inline-block;position:absolute;transform:translateY(-50%)}.c-timeline__event__line__line{background:var(--brand-gray);height:3px;left:15px;margin:0;max-width:0;transition:max-width 1s ease;transition-delay:calc(.2s + .2s*var(--animation-order));width:100%}.is-viewed .c-timeline__event__line__line{max-width:100%}.c-timeline__event:has(.c-timeline__event__image){--timeline-image-connector-visibility:visible}.c-timeline__event__line__dot{background-color:hsla(0,0%,100%,.2);border-radius:50%;box-shadow:2px 2px 10px rgba(0,0,0,.3);display:inline-block;height:20px;left:0;position:absolute;transform:translateY(-50%);width:20px}.c-timeline__event__line__dot:after{background-color:var(--brand-yellow);border-radius:50%;content:"";display:inline-block;height:calc(100% - 10px);inset:50% auto auto 50%;position:absolute;transform:translate(-50%,-50%);width:calc(100% - 10px)}@media only screen and (max-width:800px){.c-timeline{padding-left:0;padding-right:45px}.c-timeline__event{align-items:flex-start;flex-direction:column}.c-timeline__event__figure+*{margin-top:.5em}.c-timeline__event__image{aspect-ratio:211/158;max-height:158px}.c-timeline__event__content{order:1}.c-timeline__events{padding-left:3.1rem}.c-timeline__years{gap:40px}.c-timeline__years__item{gap:12px 7px;grid-template-columns:auto}.c-timeline__dot{margin-left:0;margin-right:.3em;margin-top:-.15em;order:unset}.c-timeline__progress{left:calc(var(--progress-dot-size)/2)}}@keyframes animateIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1}}}