timeline-component{display:block}.timeline{--height: calc(100vh - var(--header-sticky-height));--top: 0;--dot-margin: 6px;--dot-margin-offset: calc(var(--dot-margin) * -1);--dot-width: 23px;--width-indicator: calc(var(--dot-width) + (var(--dot-margin) * 2));--padding: calc(var(--width-indicator) + var(--inner));--width-line: 1px;--counter: 1}@media screen and (max-width:767px){.karpos .timeline,body.karpos .timeline{--gap: 4px}}body.has-header-sticky .timeline{--top: var(--header-height)}@media screen and (min-width:768px){.timeline{--height: var(--full-screen)}body.has-header-sticky .main-content>.shopify-section:first-of-type .timeline{--height: calc(var(--full-screen) + var(--announcement-height))}body:not(.has-header-sticky) .main-content>.shopify-section:first-of-type .timeline{--height: var(--full-height)}}@media screen and (min-width:768px){.wrapper--full .timeline__head,.wrapper--narrow .timeline__head{padding-left:var(--outer);padding-right:var(--outer)}.castelli .wrapper--full .timeline__head,body.castelli .wrapper--full .timeline__head,.sportful .wrapper--full .timeline__head,body.sportful .wrapper--full .timeline__head,.castelli .wrapper--narrow .timeline__head,body.castelli .wrapper--narrow .timeline__head,.sportful .wrapper--narrow .timeline__head,body.sportful .wrapper--narrow .timeline__head{padding-left:calc(var(--outer) + 33.5px)}.karpos .wrapper--full .timeline__head,body.karpos .wrapper--full .timeline__head,.karpos .wrapper--narrow .timeline__head,body.karpos .wrapper--narrow .timeline__head{padding-left:calc(var(--outer) + 29px)}.timeline--image-left .timeline__head{margin-left:50%;width:50%}.wrapper--full-padded .timeline__head{padding-left:var(--outer);padding-right:var(--outer)}.castelli .wrapper--full-padded .timeline__head,body.castelli .wrapper--full-padded .timeline__head,.sportful .wrapper--full-padded .timeline__head,body.sportful .wrapper--full-padded .timeline__head{padding-left:33.5px}.karpos .wrapper--full-padded .timeline__head,body.karpos .wrapper--full-padded .timeline__head{padding-left:29px}}@media screen and (max-width:767px){.wrapper--full .timeline__wrapper{padding-left:var(--outer);padding-right:var(--outer)}}.timeline__head{overflow:unset}.timeline__head--desktop{display:none}@media screen and (min-width:768px){.timeline__head--desktop{display:block;padding-bottom:48px}.timeline__head--desktop+.timeline__row{padding-top:0}}@media screen and (min-width:768px){.timeline__head--mobile{display:none}}@media screen and (max-width:767px){.timeline__head{padding-bottom:48px}}body.sportful .timeline__head .hero__title{font-weight:700;letter-spacing:.03em}@media screen and (min-width:768px){body.sportful .timeline__head .hero__title{font-size:24px;line-height:24px}}@media screen and (max-width:767px){body.sportful .timeline__head .hero__title{font-size:20px;line-height:20px}}.timeline__head:not(:last-child){margin-bottom:var(--gutter)}.timeline__body{display:block;position:relative}@media screen and (min-width:768px){.timeline__body{min-height:calc(var(--height) * var(--counter))}}@media screen and (min-width:768px){.timeline__inner{flex:0 1 100%;position:sticky;top:var(--top);display:block;min-height:calc(var(--height) * min(var(--counter),1))}}@media screen and (max-width:767px){.timeline__inner{display:flex;overflow-x:auto;overflow-y:hidden;padding-left:var(--outer);padding-right:var(--outer);margin-left:var(--outer-offset);margin-right:var(--outer-offset);scrollbar-width:none;-ms-overflow-style:none}.timeline__inner::-webkit-scrollbar{display:none}}.timeline__row{--part-width: 50px;--dot-position: ((5% + var(--outer)) / 2) - (var(--width-indicator) / 2);flex:0 0 auto;position:relative;width:100%;padding-top:var(--padding)}@media screen and (max-width:767px){.castelli .timeline__row{display:flex;flex-direction:column;padding-top:0;padding-bottom:calc(var(--width-indicator) / 2)}.sportful .timeline__row,body.sportful .timeline__row{padding-top:0;padding-bottom:var(--padding)}}.timeline__row:not(:last-child){margin-right:var(--gap)}.timeline__row:not(:only-child){width:calc(100% - var(--part-width))}@media screen and (min-width:768px){.timeline__row{position:static;padding-top:var(--inner);display:flex;width:100%}.timeline__row:not(:last-child){margin-right:0}.timeline__row:not(:only-child){width:100%}.timeline__row--image-left{justify-content:flex-end}}@media screen and (max-width:767px){.timeline__row--image-left{display:flex;flex-direction:column-reverse}.castelli .timeline__row--image-left{flex-direction:column}}.timeline__row__editor{--row-count: 0;--row-height-min: 0px;--row-height: max(var(--row-height-min), var(--height));position:absolute;left:0;top:0;z-index:-1;width:100%;height:0;opacity:0;visibility:hidden;pointer-events:none}@media screen and (min-width:768px){.timeline__row__editor{top:calc(var(--row-count) * var(--row-height) + 1px);height:var(--row-height)}}@media screen and (min-width:768px){.timeline__image{position:absolute;inset:0 0 0 50%}.timeline__row--image-left .timeline__image{left:0;right:50%}}@media screen and (max-width:767px){.timeline__image{opacity:.5;transition:opacity .5s}body.castelli .timeline__image{border-radius:4px;overflow:hidden;aspect-ratio:298/312;width:100%}body.castelli .timeline__image .timeline__image-inner,body.castelli .timeline__image .timeline__image-figure{height:100%;padding-top:0}body.castelli .timeline__image img{height:100%;object-fit:cover}}@media screen and (min-width:768px){.timeline__image-inner{position:sticky;top:var(--top);max-height:var(--height);overflow:hidden;height:100%;padding-top:0}}@media screen and (min-width:768px){.timeline__row.is-first .timeline__image-figure,.timeline__head+.timeline__row .timeline__image-figure{transform:translateY(0);transition:none}}@media screen and (min-width:768px){.timeline__image-figure{overflow:hidden;height:100%;padding-top:0;transform:translateY(100%);transition:transform .5s}.timeline__image-figure img{object-fit:cover}}.timeline__content{padding:0 0 calc(var(--outer) * 2);overflow-wrap:anywhere}@media screen and (max-width:767px){.castelli .timeline__content,body.karpos .timeline__content{padding-bottom:25px}}.castelli .timeline__content .hero__title,body.karpos .timeline__content .hero__title{font-weight:400;font-size:18px;line-height:20px;margin-bottom:12px}@media screen and (min-width:768px){.castelli .timeline__content .hero__title,body.karpos .timeline__content .hero__title{font-size:20px;line-height:22px}}.castelli .timeline__content p,body.karpos .timeline__content p{font-weight:400;font-size:12px;line-height:18px}body.sportful .timeline__content .hero__title{font-weight:700;letter-spacing:.03em}@media screen and (min-width:768px){body.sportful .timeline__content .hero__title{font-size:16px;line-height:16px}}@media screen and (max-width:767px){body.sportful .timeline__content .hero__title{font-size:14px;line-height:14px}}body.sportful .timeline__content .hero__rte,body.sportful .timeline__content .hero__rte p{font-weight:400;font-size:12px;line-height:16px;letter-spacing:0}@media screen and (min-width:768px){.timeline__content{position:relative;z-index:1;padding:0 0 var(--outer)}}@media screen and (min-width:768px){.timeline--images .timeline__content{flex:0 0 50%}}@media screen and (max-width:767px){.timeline--images .timeline__content{padding-top:var(--outer)}}.timeline__content__inner{padding-top:calc(var(--dot-margin) + 2px);margin:0 auto}@media screen and (min-width:768px){.karpos .timeline__content__inner,body.karpos .timeline__content__inner,.castelli .timeline__content__inner,body.castelli .timeline__content__inner,.sportful .timeline__content__inner,body.sportful .timeline__content__inner{margin-left:0;margin-right:0}}@media screen and (max-width:767.8px){.castelli .timeline__content__inner{padding-top:0;padding-bottom:calc(var(--dot-margin) + 2px)}.karpos .timeline__content__inner,body.karpos .timeline__content__inner{padding-top:0;padding-bottom:33px}.sportful .timeline__content__inner,body.sportful .timeline__content__inner{padding-top:0;padding-bottom:0}.karpos .timeline__content__inner,body.karpos .timeline__content__inner,.sportful .timeline__content__inner,body.sportful .timeline__content__inner{margin-left:0;margin-right:0;padding-left:0}}@media only screen and (min-width:1400px){.timeline__content__inner{max-width:76%}}@media only screen and (min-width:990px)and (max-width:1399px){.timeline__content__inner{max-width:84%}}@media only screen and (min-width:769px)and (max-width:989px){.timeline__content__inner{max-width:90%}}@media screen and (min-width:768px){.timeline__content__inner{padding-right:var(--outer)}}@media screen and (min-width:768px){.wrapper--narrow .timeline__content__inner,.wrapper--full .timeline__content__inner{padding-left:var(--outer)}.castelli .wrapper--narrow .timeline__content__inner,body.castelli .wrapper--narrow .timeline__content__inner,.sportful .wrapper--narrow .timeline__content__inner,body.sportful .wrapper--narrow .timeline__content__inner,.castelli .wrapper--full .timeline__content__inner,body.castelli .wrapper--full .timeline__content__inner,.sportful .wrapper--full .timeline__content__inner,body.sportful .wrapper--full .timeline__content__inner{padding-left:calc(var(--outer) + 33.5px)}.karpos .wrapper--narrow .timeline__content__inner,body.karpos .wrapper--narrow .timeline__content__inner,.karpos .wrapper--full .timeline__content__inner,body.karpos .wrapper--full .timeline__content__inner{padding-left:calc(var(--outer) + 29px)}.castelli .wrapper--full-padded .timeline__content__inner,body.castelli .wrapper--full-padded .timeline__content__inner,.sportful .wrapper--full-padded .timeline__content__inner,body.sportful .wrapper--full-padded .timeline__content__inner{padding-left:33.5px}.karpos .wrapper--full-padded .timeline__content__inner,body.karpos .wrapper--full-padded .timeline__content__inner{padding-left:29px}}@media screen and (max-width:767px){.timeline__content__inner{padding-right:24px}.timeline--images .timeline__content__inner{padding-top:0}}.timeline__content__inner>*:first-child{margin-top:0}.timeline__content__inner>*:last-child{margin-bottom:0}.timeline__indicator{--bg: var(--COLOR-BG);position:absolute;top:calc(var(--width-indicator) / 2 - var(--width-line) / 2);left:var(--dot-margin);right:0;bottom:auto;display:block;width:auto;height:var(--width-line);font-size:0}@media screen and (max-width:767px){.castelli .timeline__indicator,body.karpos .timeline__indicator,body.sportful .timeline__indicator{top:auto;bottom:calc(var(--width-indicator) / 2 - var(--width-line) / 2)}.karpos .timeline__indicator,body.karpos .timeline__indicator,.sportful .timeline__indicator,body.sportful .timeline__indicator{left:0}}@media screen and (min-width:768px){.timeline__indicator{top:29px;left:calc(var(--width-indicator) / 2 - var(--width-line) / 2);bottom:calc(var(--dot-margin-offset) - var(--inner));right:auto;width:var(--width-line);height:auto}.sportful .timeline__indicator{top:25.5px;bottom:calc(-9.5px - var(--inner))}.wrapper--full-padded .timeline__indicator{margin-left:calc(5% - var(--dot-position))}.wrapper--full .timeline__indicator{margin-left:calc(var(--dot-position))}.karpos .wrapper--full .timeline__indicator,.karpos .wrapper--narrow .timeline__indicator,body.karpos .wrapper--full .timeline__indicator,body.karpos .wrapper--narrow .timeline__indicator,.castelli .wrapper--full .timeline__indicator,.castelli .wrapper--narrow .timeline__indicator,body.castelli .wrapper--full .timeline__indicator,body.castelli .wrapper--narrow .timeline__indicator,.sportful .wrapper--full .timeline__indicator,.sportful .wrapper--narrow .timeline__indicator,body.sportful .wrapper--full .timeline__indicator,body.sportful .wrapper--narrow .timeline__indicator{margin-left:var(--outer)}.karpos .wrapper--full-padded .timeline__indicator,body.karpos .wrapper--full-padded .timeline__indicator,.castelli .wrapper--full-padded .timeline__indicator,body.castelli .wrapper--full-padded .timeline__indicator,.sportful .wrapper--full-padded .timeline__indicator,body.sportful .wrapper--full-padded .timeline__indicator{margin-left:0}}@media only screen and (min-width:990px){.wrapper--full .timeline__indicator{margin-left:var(--outer)}.wrapper--full-padded .timeline__indicator{margin-left:0}}@media screen and (max-width:767px){.timeline__row.is-first .timeline__indicator{left:0;right:auto;width:calc((100% + var(--gap)) * var(--blocks-counter) - var(--gap))}}@media screen and (max-width:767px){.timeline__row.is-first .timeline__indicator__line{width:calc(100% / var(--blocks-counter) + var(--part-width) - (var(--gap) - var(--gap) / var(--blocks-counter)))}}.timeline__row:last-child .timeline__indicator{background:var(--bg);opacity:1;transition:none;animation:none}@media screen and (min-width:768px){.timeline__row:last-child .timeline__indicator{display:none}}@media screen and (max-width:767px){.timeline__row:only-child .timeline__indicator{display:none}}.timeline__indicator__line:before,.timeline__indicator:before,.timeline__indicator:after{position:absolute;top:0;left:0;min-width:0;max-width:100%;min-height:0;max-height:100%;width:100%;height:100%;background:var(--text);content:""}@media screen and (min-width:768px){.timeline__indicator:after{height:var(--percent-desktop, 0%);opacity:0}}@media screen and (max-width:767px){.timeline__indicator:after{width:var(--dot-width);background:var(--bg)}.sportful .timeline__indicator:after,body.sportful .timeline__indicator:after{width:16px}}.timeline__indicator:before{opacity:.2}.timeline__dot__holder,.timeline__content__outer{opacity:.5;transition:opacity .5s}.timeline__row.is-selected .timeline__indicator:after,.timeline__row.is-selected .timeline__dot__holder,.timeline__row.is-selected .timeline__content__outer,.timeline__row.is-first .timeline__indicator:after,.timeline__row.is-first .timeline__dot__holder,.timeline__row.is-first .timeline__content__outer{opacity:1}@media screen and (min-width:768px){.timeline__row.is-selected .timeline__image-figure,.timeline__row.is-first .timeline__image-figure{transform:translateY(0)}}@media screen and (max-width:767px){.timeline__row.is-selected .timeline__image,.timeline__row.is-first .timeline__image{opacity:1}}.timeline__row:not(.is-selected):not(.is-first) .timeline__image{pointer-events:none}.timeline__indicator__line{position:sticky;top:0;left:var(--outer-offset);display:block;max-width:100%;width:100%;max-height:100%;height:var(--height)}@media screen and (min-width:768px){.timeline__indicator__line{display:none}}.timeline__indicator__line:before{width:var(--percent-mobile, 0%);height:100%}@media screen and (max-width:767px){.timeline__row:not(.is-first) .timeline__indicator:before,.timeline__row:not(.is-first) .timeline__indicator__line:before{content:none}}.timeline__dot__wrapper{position:absolute;top:0;left:0;width:100%;height:var(--width-indicator)}@media screen and (max-width:767px){.castelli .timeline__dot__wrapper,body.karpos .timeline__dot__wrapper,body.sportful .timeline__dot__wrapper{top:auto;bottom:0}}@media screen and (min-width:768px){.timeline__dot__wrapper{width:var(--width-indicator);height:100%}.wrapper--full-padded .timeline__dot__wrapper{margin-left:calc(5% - var(--dot-position))}.wrapper--full .timeline__dot__wrapper{margin-left:calc(var(--dot-position))}.karpos .wrapper--full .timeline__dot__wrapper,.karpos .wrapper--narrow .timeline__dot__wrapper,body.karpos .wrapper--full .timeline__dot__wrapper,body.karpos .wrapper--narrow .timeline__dot__wrapper,.castelli .wrapper--full .timeline__dot__wrapper,.castelli .wrapper--narrow .timeline__dot__wrapper,body.castelli .wrapper--full .timeline__dot__wrapper,body.castelli .wrapper--narrow .timeline__dot__wrapper,.sportful .wrapper--full .timeline__dot__wrapper,.sportful .wrapper--narrow .timeline__dot__wrapper,body.sportful .wrapper--full .timeline__dot__wrapper,body.sportful .wrapper--narrow .timeline__dot__wrapper{margin-left:var(--outer)}.karpos .wrapper--full-padded .timeline__dot__wrapper,body.karpos .wrapper--full-padded .timeline__dot__wrapper,.castelli .wrapper--full-padded .timeline__dot__wrapper,body.castelli .wrapper--full-padded .timeline__dot__wrapper,.sportful .wrapper--full-padded .timeline__dot__wrapper,body.sportful .wrapper--full-padded .timeline__dot__wrapper{margin-left:0}}@media only screen and (min-width:990px){.wrapper--full-padded .timeline__dot__wrapper{margin-left:0}.wrapper--full .timeline__dot__wrapper{margin-left:var(--outer)}}.timeline__dot__holder{position:absolute;top:0;left:0;width:100%;height:100%}@media screen and (min-width:768px){.timeline__dot__holder{max-height:100%;height:var(--height)}}.timeline__dot__button{--bg: var(--COLOR-BG);position:absolute;top:50%;left:var(--dot-margin);width:var(--dot-width);height:var(--dot-width);padding:0;margin-top:calc(var(--dot-width) / 2 * -1);cursor:pointer}@media screen and (max-width:767px){.karpos .timeline__dot__button,body.karpos .timeline__dot__button,.sportful .timeline__dot__button,body.sportful .timeline__dot__button{left:0}}@media screen and (min-width:768px){.timeline__dot__button{left:50%;top:var(--dot-margin);margin:0 0 0 calc(var(--dot-width) / 2 * -1)}}.timeline__dot{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%;background-color:var(--text);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:0}.castelli .timeline__dot{width:5px;height:5px;background-color:var(--COLOR-BLACK);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.castelli .is-selected .timeline__dot,.castelli .is-first .timeline__dot{background-color:#e5001c}.sportful .timeline__dot{width:5px;height:16px;background-color:#d6d6d6;border-radius:0;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width:767px){.sportful .timeline__dot{width:16px;height:5px}}.sportful .is-selected .timeline__dot,.sportful .is-first .timeline__dot{background-color:var(--COLOR-BLACK)}body.karpos .timeline__dot{width:14px;height:14px;background-color:transparent;background-image:var(--ICON-ARROW-RIGHT);background-repeat:no-repeat;background-position:center;background-size:contain;border-radius:0;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.3}body.karpos .is-selected .timeline__dot,body.karpos .is-first .timeline__dot{opacity:1;background-color:var(--PRIMARY-COLOR-BRAND);-webkit-mask-image:var(--ICON-ARROW-RIGHT);mask-image:var(--ICON-ARROW-RIGHT);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background-image:none}.timeline__promo-group{padding-top:var(--outer)}