.pdp-timeline{--bg: #f7f1e9;--text: #2b2b2b;--muted: rgba(43,43,43,.72);--muted2: rgba(43,43,43,.55);--dot-inactive: rgba(40,40,40,.22);background:var(--bg);padding:clamp(44px,7vw,96px) 0;scroll-margin-top:80px;position:relative}.pdp-timeline__container{max-width:1920px;margin:0 auto;display:flex;grid-template-columns:1fr 1fr;gap:80px;align-items:start;width:100%;padding-left:48px;padding-right:48px}.pdp-timeline__media{width:50.667%}.pdp-timeline__media .pdp-timeline__media_img{padding-top:96.876%;position:relative;overflow:hidden;display:block;width:100%;border-radius:12px}.pdp-timeline__media .pdp-timeline__media_img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:0}.pdp-timeline__content{width:49.4%}.pdp-timeline__img{width:100%;height:auto;display:block;border-radius:24px;object-fit:cover}.pdp-timeline__title{letter-spacing:-.01em;font-size:40px}.pdp-timeline__track{position:relative;padding-left:52px}.pdp-timeline__progress{position:absolute;left:0;top:1px;width:2px;height:100%;background:var(--text);border-radius:2px;transform-origin:top;transform:scaleY(0);transition:transform .35s ease;will-change:transform}.pdp-timeline__list{margin:0;padding:0}.pdp-timeline__item{position:relative;list-style:none;padding:0 0 clamp(48px,4.6vw,56px)}.pdp-timeline__dot{position:absolute;left:-50px;top:3px;width:12px;height:12px;border-radius:50%;background:#c6c0b8;transition:background .2s ease,transform .2s ease}.pdp-timeline__week{font-weight:700;font-size:16px;line-height:18px;letter-spacing:-.01em;text-transform:uppercase;color:#332d2780;font-family:Circular Std}.pdp-timeline__heading{font-weight:500;font-size:24px;line-height:27px;letter-spacing:-.01em;color:#332d27;margin:0}.pdp-timeline__text{display:flex;flex-direction:column;gap:16px}.pdp-timeline__desc{max-width:446px}.pdp-timeline__desc p{margin:0;color:#332d2780;font-weight:450;font-size:15.53px;line-height:18.64px;letter-spacing:0px}.pdp-timeline__item.is-active .pdp-timeline__desc p{color:#332d27}.pdp-timeline__sticky{position:sticky;top:96px;height:unset;display:flex;align-items:center}@media(min-width:750px){.pdp-timeline{padding-bottom:0}.pdp-timeline__media{position:sticky;top:96px}}@media(max-width:1920px){.pdp-timeline__container{padding-inline:var(--page-margin)}}@media(max-width:1366px){.pdp-timeline__container{gap:40px}}@media(max-width:980px){.pdp-timeline__sticky{position:static;height:auto;display:block;top:auto}.pdp-timeline{padding-bottom:16px;padding-top:56px}}@media(max-width:749px){.pdp-timeline__container{flex-direction:column;gap:24px}.pdp-timeline__media,.pdp-timeline__content{width:100%}.pdp-timeline__title{font-weight:500;font-size:32px;line-height:36px;letter-spacing:0px;margin-bottom:24px}.pdp-timeline__text{gap:8px}.pdp-timeline__heading{font-size:18px;line-height:22px;letter-spacing:0}.pdp-timeline__desc p{font-size:14px;line-height:18px}.pdp-timeline__week{font-size:12px;line-height:14px;letter-spacing:-.02em}.pdp-timeline__track{padding-left:34px}.pdp-timeline__dot{left:-31px}.pdp-timeline__dot{width:10px;height:10px}.pdp-timeline__media .pdp-timeline__media_img{padding-top:103.885%}}@media(max-width:480px){.pdp-timeline__title{max-width:200px}}.pdp-timeline__line{position:absolute;left:7px;top:2px;width:2px;height:0;background-image:repeating-linear-gradient(to bottom,rgba(51,45,39,.25) 0,rgba(51,45,39,.25) 6px,transparent 6px,transparent 14px);border-radius:2px;pointer-events:none;overflow:hidden}.pdp-timeline__progress{position:absolute;left:0;top:1px;width:2px;height:100%;background:var(--text);border-radius:2px;transform-origin:top;transform:scaleY(0);will-change:transform;transition:transform .7s cubic-bezier(.22,1,.36,1)}.pdp-timeline__item.is-active .pdp-timeline__dot{background:var(--text);transform:scale(1.06)}.pdp-timeline__item .pdp-timeline__text{transition:opacity .1s ease}.pdp-timeline__item.is-inactive .pdp-timeline__text{opacity:.45}@media(prefers-reduced-motion:reduce){.pdp-timeline__progress,.pdp-timeline__item .pdp-timeline__text,.pdp-timeline__dot{transition:none!important}}@media(min-width:0px)and (max-width:1439px){.pdp-timeline__container{padding-left:20px;padding-right:20px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/pdp-timeline.css.map */