@keyframes timeline-progress{to{background-size:100% 100%}}@keyframes heading-switch{0%{color:var(--text-color);opacity:0;transform:scale(1)}to{color:var(--green-sec);opacity:1;transform:scale(1.19)}}@keyframes opacity-switch{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@keyframes circle-switch{0%{background-color:var(--purple-prim);opacity:0;transform:scale(1)}to{background-color:var(--green-sec);box-shadow:0 10px 30px rgba(0,0,0,.15);opacity:1;transform:scale(1.2)}}@keyframes year-switch{0%{color:#fff;opacity:0;transform:scale(1)}to{color:#000;opacity:1;transform:scale(1.2)}}.timeline{--text-color:#000;margin-inline:auto;width:min(90vw,1056px)}.timeline.text-color--white{--text-color:#fff}.timeline>h2,.timeline>p.p-large{color:var(--text-color);margin-inline:auto;max-width:940px;text-align:center}.timeline.text-align--left>h2,.timeline.text-align--left>p.p-large{margin-inline:unset;text-align:left}.timeline>div.grid{display:grid;gap:2.93rem;margin-top:2.5rem;position:relative}.timeline>div.grid article{display:grid;z-index:3}.timeline>div.grid article>div.circle{align-items:center;animation:circle-switch auto cubic-bezier(.22,1,.36,1);animation-fill-mode:forwards;animation-range:cover calc(50dvh + var(--row-index)*10dvh) cover calc(100dvh + var(--row-index)*10dvh);animation-timeline:view();aspect-ratio:1/1;background-color:var(--purple-prim);border-radius:50%;display:flex;justify-content:center;margin-bottom:2.5rem;opacity:0;transform-origin:center;width:7rem;will-change:transform}.timeline>div.grid article>div.circle>strong{animation:year-switch auto cubic-bezier(.22,1,.36,1);animation-fill-mode:forwards;animation-range:cover calc(50dvh + var(--row-index)*10dvh) cover calc(100dvh + var(--row-index)*10dvh);animation-timeline:view();color:#fff;font-family:Gilroy-Bold;font-size:31px;opacity:0;transform-origin:center}.timeline>div article>h3{animation:heading-switch auto cubic-bezier(.22,1,.36,1);animation-fill-mode:forwards;animation-range:cover calc(50dvh + var(--row-index)*10dvh) cover calc(100dvh + var(--row-index)*10dvh);animation-timeline:view();color:var(--text-color);font-size:31px;margin:0;opacity:0;transform-origin:left center;width:fit-content}.timeline>div article>p.p-large{animation:opacity-switch auto cubic-bezier(.22,1,.36,1);animation-fill-mode:forwards;animation-range:cover 50dvh cover calc(100% - 50dvh);animation-timeline:view();color:var(--text-color);opacity:0}@media (min-width:1080px){.timeline>div.grid{gap:4.375rem;margin-top:3.75rem}.timeline>div.grid:before{animation:timeline-progress auto linear;animation-fill-mode:forwards;animation-range:cover 50dvh cover calc(100% - 50dvh);animation-timeline:view();background:linear-gradient(to top,var(--text-color),var(--text-color));background-color:transparent;background-position:top;background-repeat:no-repeat;background-size:100% 0;content:"";display:block;height:100%;left:3.5rem;position:absolute;top:0;transform:translateX(-50%);width:2px;z-index:0}.timeline>div.grid article{gap:0 4.375rem;grid-template-columns:repeat(12,minmax(0,1fr))}.timeline>div.grid article>div.circle{grid-column:1/span 3;grid-row:1/span 2;margin-bottom:0}.timeline>div.grid article>h3{font-size:42px;grid-column:4/-1;grid-row:1}.timeline>div.grid article>p.p-large{grid-column:4/-1;grid-row:2}}@media (max-width:767px){@keyframes heading-switch{0%{color:var(--text-color);opacity:0;transform:scale(1)}to{color:var(--green-sec);opacity:1;transform:scale(1)}}.timeline>div article>h3{animation:heading-switch auto cubic-bezier(.22,1,.36,1)}}