.milestones{--milestones-bg: #000000;--milestones-card: #1a1a1a;--milestones-muted: #6e6e6e;--milestones-line: #4a4a4a;--milestones-white: #ffffff;--milestones-radius: 20px;--milestones-track-height: 104px;--milestones-line-y: 22px;background:var(--milestones-bg);color:var(--milestones-white);padding:48px 20px 72px;overflow:hidden}.milestones__inner{max-width:1200px;margin:0 auto}.milestones__heading{margin:0 0 40px;color:var(--milestones-white);font-size:clamp(28px,4vw,42px);font-weight:700;letter-spacing:.02em;text-align:center;line-height:1.2}.milestones__years.swiper{overflow:hidden;margin-bottom:36px;padding:0}.milestones__years .swiper-wrapper{align-items:stretch;height:var(--milestones-track-height)}.milestones__years .swiper-slide{width:auto;flex:1 0 auto;min-width:72px;height:var(--milestones-track-height)}.milestones-year{display:block;position:relative;width:100%;height:100%;padding:0;border:0;background:transparent;color:var(--milestones-muted);cursor:pointer;-webkit-appearance:none;appearance:none}.milestones-year:before{content:"";position:absolute;left:-1px;right:-1px;bottom:var(--milestones-line-y);height:1px;background:var(--milestones-line);pointer-events:none}.milestones-year__label{position:absolute;left:50%;bottom:calc(var(--milestones-line-y) + 10px);transform:translate(-50%);display:block;font-size:14px;font-weight:500;line-height:1;letter-spacing:.02em;white-space:nowrap;transition:color .25s ease,font-size .25s ease,font-weight .25s ease,bottom .25s ease}.milestones-year__stem{position:absolute;left:50%;bottom:calc(var(--milestones-line-y) + 2px);width:1px;height:0;transform:translate(-50%);background:var(--milestones-white);opacity:0;transition:height .25s ease,opacity .25s ease}.milestones-year__dot{position:absolute;left:50%;bottom:var(--milestones-line-y);z-index:1;display:block;width:7px;height:7px;transform:translate(-50%,50%);border-radius:50%;background:var(--milestones-line);box-shadow:0 0 0 0 transparent;transition:width .25s ease,height .25s ease,background .25s ease,box-shadow .25s ease}.swiper-slide-thumb-active .milestones-year,.milestones-year.is-active{color:var(--milestones-white)}.swiper-slide-thumb-active .milestones-year__label,.milestones-year.is-active .milestones-year__label{bottom:calc(var(--milestones-line-y) + 28px);font-size:22px;font-weight:700}.swiper-slide-thumb-active .milestones-year__stem,.milestones-year.is-active .milestones-year__stem{height:24px;opacity:1}.swiper-slide-thumb-active .milestones-year__dot,.milestones-year.is-active .milestones-year__dot{width:14px;height:14px;background:var(--milestones-white);box-shadow:0 0 0 3px var(--milestones-bg),0 0 0 4px #8a8a8a}.milestones__content.swiper{overflow:hidden;border-radius:var(--milestones-radius)}.milestones__content .swiper-wrapper{align-items:stretch}.milestones__content .swiper-slide{height:auto;display:flex}.milestones-card{display:flex;width:100%;min-height:420px;background:var(--milestones-card);border-radius:var(--milestones-radius);overflow:hidden}.milestones-card__media{position:relative;min-height:280px;background:#d8d8d8;aspect-ratio:1/1}.milestones-card__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.milestones-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:#cfcfcf}.milestones-card__copy{display:flex;flex-direction:column;justify-content:center;padding:48px 52px;color:var(--milestones-white)}.milestones-card__year{margin:0 0 20px;font-size:clamp(36px,5vw,56px);font-weight:700;line-height:1;letter-spacing:.01em}.milestones-card__text{margin:0;font-size:16px;line-height:1.7;font-weight:400;color:currentColor}.milestones-card__text li::marker{color:currentColor}.milestones-card__text p{margin:0 0 .6em}.milestones-card__text p:last-child{margin-bottom:0}.milestones-card__text ul,.milestones-card__text ol{margin:0;padding-inline-start:1.15em}.milestones-card__text ul{list-style:disc outside}.milestones-card__text ul ul{list-style:circle outside}.milestones-card__text ol{list-style:decimal outside}.milestones-card__text li{list-style:inherit}.milestones-card__text li+li{margin-top:.45em}.milestones__nav{position:absolute;top:50%;z-index:3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 10px #00000040;color:#fff;cursor:pointer;transform:translateY(-50%);transition:background .2s ease,border-color .2s ease,opacity .2s ease,transform .2s ease}.milestones__nav:hover{background:#000000bf;border-color:#ffffffb3;transform:translateY(-50%) scale(1.08)}.milestones__nav:active{transform:translateY(-50%) scale(.96)}.milestones__nav--prev{left:12px}.milestones__nav--next{right:12px}.milestones__nav svg{width:22px;height:22px;display:block}.milestones__nav.swiper-button-disabled{opacity:.35;pointer-events:none}.milestones__nav.swiper-button-lock{display:none}.milestones__nav:focus-visible{outline:2px solid var(--milestones-white);outline-offset:2px}[dir=rtl] .milestones__nav--prev{left:auto;right:12px}[dir=rtl] .milestones__nav--next{right:auto;left:12px}[dir=rtl] .milestones__nav svg{transform:scaleX(-1)}@media screen and (min-width:750px)and (max-width:999px){.milestones-card{min-height:360px}.milestones-card__media{min-height:240px}.milestones-card__copy{padding:36px 32px}.milestones-card__year{margin-bottom:16px}}@media screen and (max-width:749px){.milestones{padding:36px 16px 56px;--milestones-track-height: 88px;--milestones-line-y: 18px}.milestones__heading{margin-bottom:28px}.milestones__years.swiper{margin-bottom:24px}.milestones__years .swiper-slide{min-width:64px;flex:0 0 auto}.milestones-card{flex-direction:column;min-height:0}.milestones-card__media{min-height:0;width:100%;aspect-ratio:16 / 10}.milestones-card__copy{padding:24px 20px 32px}.milestones__nav{width:38px;height:38px}.milestones__nav svg{width:18px;height:18px}.swiper-slide-thumb-active .milestones-year__label,.milestones-year.is-active .milestones-year__label{bottom:calc(var(--milestones-line-y) + 24px);font-size:18px}.swiper-slide-thumb-active .milestones-year__stem,.milestones-year.is-active .milestones-year__stem{height:20px}.milestones__nav{top:25%}}@media screen and (max-width:380px){.milestones__years .swiper-slide{min-width:52px}.milestones-year__label{font-size:12px}.swiper-slide-thumb-active .milestones-year__label,.milestones-year.is-active .milestones-year__label{font-size:16px}.milestones-card__copy{padding:20px 16px 28px}.milestones__nav{top:15%}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-milestones.css.map */