@import url(https://use.typekit.net/qia2vjt.css);@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-1rem)}}.timeline-slider .title{gap:5rem;grid-template-columns:1fr 13rem;margin-bottom:5rem}.timeline-slider .title .end .swiper-navigation .swiper-button-next,.timeline-slider .title .end .swiper-navigation .swiper-button-prev{background:transparent;border:1px solid var(--main-color);color:var(--main-color);display:grid;height:5rem;padding:0;width:5rem}.timeline-slider .title .end .swiper-navigation .swiper-button-next svg,.timeline-slider .title .end .swiper-navigation .swiper-button-prev svg{height:1em;margin:auto;width:1em}.timeline-slider .swiper{width:100%}.timeline-slider .swiper .swiper-slide{background:var(--white-color)}.timeline-slider .swiper .swiper-slide:before{background:color-mix(in srgb,var(--main-color),transparent 70%);content:"";height:calc(100% - 5rem);left:0;position:absolute;top:5rem;width:1px}.timeline-slider .swiper .swiper-slide .mini-year{background:var(--light-grey-color);display:inline-block;margin-left:1rem;padding:1rem}.timeline-slider .swiper .swiper-slide .lines{--line-spacing:10px;--line-width:1px;--line-color:color-mix(in srgb,var(--main-color),transparent 70%);background:linear-gradient(to right,transparent,transparent var(--line-spacing),var(--line-color) var(--line-spacing),var(--line-color) calc(var(--line-spacing) + var(--line-width)),transparent calc(var(--line-spacing) + var(--line-width)));background-size:calc(var(--line-spacing)*1.5) 5rem;display:block;height:5rem;margin:2rem 0;width:100%}.timeline-slider .swiper .swiper-slide .grid{grid-template-columns:40rem 1fr;padding:3rem 5rem 3rem 3rem}.timeline-slider .swiper .swiper-slide .start{position:relative}.timeline-slider .swiper .swiper-slide .end{padding:5rem}.timeline-slider .swiper .swiper-slide .end .year h2{font-size:calc(var(--xl-font)*2)}.timeline-slider .swiper .swiper-slide .end .buttons,.timeline-slider .swiper .swiper-slide .end .text{margin-top:4rem}@media only screen and (max-width:1050px){.timeline-slider .swiper .swiper-slide .grid{grid-template-columns:20rem 1fr}}@media only screen and (max-width:768px){.timeline-slider .swiper .swiper-slide .grid,.timeline-slider .title{grid-template-columns:1fr}.timeline-slider .swiper .swiper-slide .grid .start{height:30dvh;width:100%}.timeline-slider .swiper .swiper-slide .grid .end{padding:2rem}}