.fancy-timeline-section{width:100%;overflow:hidden;position:relative}.fancy-timeline__header{text-align:center;max-width:900px;margin:0 auto clamp(20px,5vw,30px);padding:0 16px}.fancy-timeline__title{font-family:var(--font-heading-family, "DM Sans", sans-serif);font-weight:700;color:#16272f;margin:0 0 10px;font-size:clamp(22px,6vw,26px);line-height:1.2}.fancy-timeline__description{font-family:var(--font-body-family, "DM Sans", sans-serif);font-weight:400;color:#7e7e7e;margin:0 auto;font-size:clamp(13px,3.8vw,15px);line-height:1.5}.fancy-timeline__wrapper{position:relative;width:100%}.fancy-timeline__nav-btn{position:absolute;z-index:10;width:clamp(28px,8.5vw,36px);height:clamp(28px,8.5vw,36px);background:transparent;border:none;padding:0;margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center;top:calc(clamp(45px,14vw,65px)/2);transform:translateY(-50%);transition:transform .2s ease,opacity .2s ease}.fancy-timeline__nav-btn--prev{left:calc(50% - clamp(75px,24vw,100px) - (clamp(28px,8.5vw,36px)/2))}.fancy-timeline__nav-btn--next{right:calc(50% - clamp(75px,24vw,100px) - (clamp(28px,8.5vw,36px)/2))}.fancy-timeline__nav-btn svg{width:100%;height:100%;display:block}.fancy-timeline__nav-btn:hover{transform:translateY(-50%) scale(1.08)}.fancy-timeline__nav-btn:active{transform:translateY(-50%) scale(.96)}.fancy-timeline__swiper{width:100%;overflow:visible;padding:0}.fancy-timeline__slide{width:clamp(260px,78vw,320px);box-sizing:border-box;display:flex;align-items:flex-end;justify-content:center;transition:opacity .3s ease;opacity:.55;cursor:pointer}.fancy-timeline__slide.swiper-slide-active{opacity:1;cursor:default}.fancy-timeline__card{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative;box-shadow:none}.fancy-timeline__year-box{display:flex;align-items:center;justify-content:center;width:100%;height:clamp(45px,14vw,65px);position:relative;z-index:1;transition:transform .4s cubic-bezier(.25,1,.5,1);transform:translateY(clamp(15px,5vw,25px))}.swiper-slide-active .fancy-timeline__year-box{transform:translateY(0)}.fancy-timeline__year-text{font-family:var(--font-heading-family, "DM Sans", sans-serif);font-weight:700;font-size:clamp(38px,11vw,52px);line-height:1;color:#d1d5d8;letter-spacing:-.02em;-webkit-user-select:none;user-select:none}.fancy-timeline__content-box{width:100%;min-height:auto;background-color:#fff;border-radius:8px;box-shadow:none;padding:clamp(16px,5vw,24px) clamp(16px,4vw,20px);box-sizing:border-box;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2}.fancy-timeline__card-title{font-family:var(--font-heading-family, "DM Sans", sans-serif);font-weight:700;color:#16272f;margin:0 0 8px;font-size:clamp(17px,4.8vw,20px);line-height:1.25}.fancy-timeline__card-body{font-family:var(--font-body-family, "DM Sans", sans-serif);font-weight:400;color:#223743;margin:0 auto;max-width:100%;font-size:clamp(12px,3.4vw,14px);line-height:1.45}.fancy-timeline__card-body p{margin:0;color:inherit}@media screen and (min-width:768px){.fancy-timeline__header{margin-bottom:38px;padding:0 20px}.fancy-timeline__title{font-size:32px}.fancy-timeline__description{font-size:16px}.fancy-timeline__swiper{padding:0}.fancy-timeline__nav-btn{width:40px;height:40px;top:45px}.fancy-timeline__nav-btn--prev{left:calc(50% - 150px)}.fancy-timeline__nav-btn--next{right:calc(50% - 150px)}.fancy-timeline__slide{width:440px}.fancy-timeline__year-box{height:90px;transform:translateY(35px)}.fancy-timeline__year-text{font-size:68px}.fancy-timeline__content-box{min-height:190px;border-radius:10px;padding:24px 28px}.fancy-timeline__card-title{font-size:22px;margin-bottom:12px}.fancy-timeline__card-body{font-size:14px;line-height:1.5}}@media screen and (min-width:1024px){.fancy-timeline__header{margin-bottom:33.333px;max-width:1150px}.fancy-timeline__title{font-size:30.667px}.fancy-timeline__description{font-size:13.333px;max-width:max-content}.fancy-timeline__swiper{padding:0}.fancy-timeline__nav-btn{width:33.333px;height:33.333px;top:55.6665px}.fancy-timeline__nav-btn--prev{left:calc(50% - 191px)}.fancy-timeline__nav-btn--next{right:calc(50% - 191px)}.fancy-timeline__slide{width:506.667px}.fancy-timeline__year-box{width:348.667px;height:111.333px;transform:translateY(40px)}.fancy-timeline__year-text{font-size:85.333px}.fancy-timeline__content-box{height:183.333px;min-height:183.333px;border-radius:8px;padding:26.667px 30px}.fancy-timeline__card-title{font-size:20px;margin-bottom:10px}.fancy-timeline__card-body{font-size:12px}}@media screen and (min-width:1280px){.fancy-timeline__header{margin-bottom:clamp(33.333px,2.604vw,50px);max-width:clamp(1000px,70vw,1350px)}.fancy-timeline__title{font-size:clamp(30.667px,2.396vw,46px);margin-bottom:clamp(10px,.781vw,15px)}.fancy-timeline__description{font-size:clamp(13.333px,1.042vw,20px);max-width:max-content}.fancy-timeline__swiper{padding:0}.fancy-timeline__nav-btn{width:clamp(33.333px,2.604vw,50px);height:clamp(33.333px,2.604vw,50px);top:calc(clamp(111.333px,8.698vw,167px)/2)}.fancy-timeline__nav-btn--prev{left:calc(50% - (clamp(348.667px,27.24vw,523px)/2) - (clamp(33.333px,2.604vw,50px)/2))}.fancy-timeline__nav-btn--next{right:calc(50% - (clamp(348.667px,27.24vw,523px)/2) - (clamp(33.333px,2.604vw,50px)/2))}.fancy-timeline__slide{width:clamp(506.667px,39.583vw,760px)}.fancy-timeline__year-box{width:clamp(348.667px,27.24vw,523px);height:clamp(111.333px,8.698vw,167px);transform:translateY(clamp(40px,3.125vw,60px))}.fancy-timeline__year-text{font-size:clamp(85.333px,6.667vw,128px)}.fancy-timeline__content-box{height:clamp(183.333px,14.323vw,275px);min-height:clamp(183.333px,14.323vw,275px);border-radius:clamp(8px,.625vw,12px);padding:clamp(26.667px,2.083vw,40px) clamp(30px,2.344vw,45px)}.fancy-timeline__card-title{font-size:clamp(20px,1.563vw,30px);margin-bottom:clamp(10px,.781vw,15px)}.fancy-timeline__card-body{font-size:clamp(12px,.938vw,18px);max-width:clamp(400px,31.25vw,600px);margin:0 auto;color:#223743}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-fancy-timeline.css.map */