.product-journey{background:var(--product-journey-background);color:var(--product-journey-text);overflow:clip}.product-journey__container{width:min(100%,var(--page-width));box-sizing:border-box;margin:0 auto;padding:var(--product-journey-padding-top-mobile) 1.7rem var(--product-journey-padding-bottom-mobile)}.product-journey__layout{display:grid;gap:clamp(2.8rem,7vw,7.5rem)}.product-journey__intro{align-self:start;text-align:center}.product-journey__media{aspect-ratio:12 / 5;margin:0 0 clamp(2rem,4vw,3.5rem);overflow:hidden;border:1px solid color-mix(in srgb,var(--product-journey-text) 7%,transparent);border-radius:var(--product-journey-media-radius);background:color-mix(in srgb,var(--product-journey-accent) 7%,transparent)}.product-journey__image,.product-journey__placeholder{display:block;width:100%;height:100%;object-fit:cover}.product-journey__placeholder{padding:18%;color:var(--product-journey-accent)}.product-journey__eyebrow{display:block;margin-bottom:.25rem;color:var(--product-journey-accent);font-family:var(--font-heading-family);font-size:clamp(1.5rem,3.5vw,2.2rem);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:-.04em;line-height:1.05}.product-journey__heading{max-width:18ch;margin:0 auto;color:var(--product-journey-heading);font-family:var(--font-heading-family);font-size:clamp(2rem,4.8vw,3rem);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:-.05em;line-height:1.07}.product-journey__description{max-width:34rem;margin:1.25rem auto 0;color:var(--product-journey-text);font-family:var(--font-body-family);font-size:clamp(1.45rem,2vw,1.75rem);line-height:1.45}.product-journey__description p{margin:0}.product-journey__cta{width:100%;max-width:44rem;margin:2.5rem auto 0}.product-journey__cta--mobile{display:none}.product-journey__button{width:100%;min-height:5.4rem;justify-content:center;text-decoration:none}.product-journey__timeline{min-width:0}.product-journey__list{--product-journey-timeline-gap: clamp(2rem, 4vw, 3.2rem);position:relative;display:grid;gap:var(--product-journey-timeline-gap);margin:0;padding:0 0 0 3.1rem;list-style:none}.product-journey__milestone{position:relative;scroll-margin-top:12rem}.product-journey__milestone:not(:last-child):before,.product-journey__milestone:not(:last-child):after{content:"";position:absolute;z-index:0;top:1.75rem;left:-2.3rem;width:.2rem;height:calc(100% + var(--product-journey-timeline-gap));border-radius:99rem}.product-journey__milestone:not(:last-child):before{background:color-mix(in srgb,var(--product-journey-text) 18%,transparent)}.product-journey__milestone:not(:last-child):after{left:-2.375rem;width:.35rem;background:var(--product-journey-accent);transform:scaleY(0);transform-origin:top;transition:transform .22s ease}.product-journey__milestone.is-complete:not(:last-child):after{transform:scaleY(1)}.product-journey__dot{position:absolute;top:.85rem;left:-3.1rem;z-index:2;width:1.8rem;height:1.8rem;border:.25rem solid var(--product-journey-background);border-radius:50%;background:var(--product-journey-inactive);transition:background-color .22s ease,transform .22s ease}.product-journey__milestone.is-complete .product-journey__dot,.product-journey__milestone.is-current .product-journey__dot,.product-journey__milestone.is-active .product-journey__dot{background:var(--product-journey-accent)}.product-journey__milestone.is-current .product-journey__dot,.product-journey__milestone.is-active .product-journey__dot{transform:scale(1.14)}.product-journey__title{position:relative;z-index:1;margin:0}.product-journey__step{display:flex;width:100%;align-items:center;justify-content:flex-start;min-height:3.5rem;padding:.8rem 1.6rem;border:0;border-radius:var(--product-journey-step-radius);background:var(--product-journey-inactive);color:#fff;cursor:pointer;font-family:var(--font-body-family);font-size:clamp(1.35rem,1.8vw,1.7rem);font-weight:var(--font-weight-bold);letter-spacing:-.025em;line-height:1.25;text-align:left;transition:background-color .22s ease,transform .22s ease}.product-journey__milestone.is-complete .product-journey__step,.product-journey__milestone.is-current .product-journey__step,.product-journey__milestone.is-active .product-journey__step{background:var(--product-journey-accent)}.product-journey__step:hover{transform:translateY(-.2rem)}.product-journey__step:focus-visible,.product-journey__button:focus-visible{outline:.3rem solid var(--product-journey-accent)!important;outline-offset:.35rem}.product-journey__bullets{position:relative;z-index:1;display:grid;gap:1rem;margin:1.65rem 0 0;padding:0;list-style:none}.product-journey__bullet{display:grid;grid-template-columns:1.35rem minmax(0,1fr);gap:.8rem;align-items:start;color:var(--product-journey-text);font-family:var(--font-body-family);font-size:clamp(1.35rem,1.75vw,1.65rem);line-height:1.42}.product-journey__check{color:var(--product-journey-accent);font-family:Arial,sans-serif;font-size:1.5rem;font-weight:700;line-height:1.25}@media screen and (min-width:990px){.product-journey__container{padding:var(--product-journey-padding-top-desktop) var(--page-desktop-horizontal-padding, 5rem) var(--product-journey-padding-bottom-desktop)}.product-journey__layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start}.product-journey__intro{position:sticky;top:7rem}.product-journey__list{padding-left:4.3rem}.product-journey__milestone:not(:last-child):before,.product-journey__milestone:not(:last-child):after{top:2.4rem;left:-3.35rem}.product-journey__milestone:not(:last-child):after{left:-3.425rem}.product-journey__dot{top:1.35rem;left:-4.3rem;width:2.1rem;height:2.1rem;border-width:.35rem}.product-journey__step{min-height:4.8rem;padding:1.1rem 1.6rem}}@media screen and (max-width:989px){.product-journey__cta--desktop{display:none}.product-journey__cta--mobile{display:block;margin-top:3rem}}@media(prefers-reduced-motion:reduce){.product-journey *,.product-journey *:before,.product-journey *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/product-journey-timeline.css.map */