.c-production-stepper{--c-production-stepper-steps: 5;background-color:var(--c-production-stepper-bg);padding:40px 0;width:100%}.c-production-stepper__inner{padding:0 16px;display:flex;flex-direction:column;gap:32px;overflow:visible}.c-production-stepper__header{display:flex;flex-direction:column;gap:8px;text-align:center}.c-production-stepper__heading{margin:0;font-family:var(--heading-font-family);font-size:24px;font-weight:700;line-height:1.2;color:rgb(var(--text-color))}.c-production-stepper__intro{margin:0;font-family:var(--text-font-family);font-size:16px;font-weight:300;line-height:1.4;color:rgb(var(--text-color))}.c-production-stepper__intro p{margin:0}.c-production-timeline__track{display:flex;flex-direction:column;gap:40px;position:relative}.c-production-timeline__track--mobile{display:flex}.c-production-timeline__track--desktop{display:none}.c-production-timeline__item{display:flex;flex-direction:row;align-items:flex-start;gap:16px;position:relative;opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease;border-block-start-width:0;border-block-end-width:0}.c-production-timeline__item.is-revealed{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.c-production-timeline__item{opacity:1;transform:none;transition:none}}.c-production-timeline__marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:24px;position:relative;align-self:stretch;padding-top:6px}.c-production-stepper__dot-circle{width:18px;height:18px;border-radius:50%;border:3px solid #ffffff;background-color:transparent;flex-shrink:0;transition:background-color .6s ease,border-color .6s ease;z-index:1;position:relative}.c-production-timeline__item.is-active .c-production-stepper__dot-circle{background-color:#000;border-color:#fff}.c-production-stepper__dot-line{width:2px;background-color:#e9e9e9;position:absolute;top:18px;left:50%;transform:translate(-50%);bottom:-40px;transition:background-color .6s ease}.c-production-timeline__item.is-active .c-production-stepper__dot-line{background-color:#000}.c-production-timeline__item:last-child .c-production-stepper__dot-line{display:none}.c-production-timeline__card{flex:1;display:flex;flex-direction:column;gap:12px;padding-top:0}.c-production-timeline__meta{display:flex;flex-direction:column;gap:4px}.c-production-timeline__label{font-family:var(--text-font-family);font-size:14px;font-weight:300;line-height:1.4;color:silver}.c-production-timeline__item.is-active .c-production-timeline__label{color:#000}.c-production-timeline__title{margin:0;font-family:var(--heading-font-family);font-size:20px;font-weight:700;line-height:1.2;color:rgb(var(--text-color))}.c-production-timeline__description{margin:0;font-family:var(--text-font-family);font-size:16px;font-weight:300;line-height:1.4;color:rgb(var(--text-color))}.c-production-timeline__description.prose{margin:0}.c-production-timeline__button{margin-top:16px}.c-production-timeline__card .accordion{margin-bottom:16px}.c-production-timeline__image{width:100%;height:auto;border-radius:8px;display:block;object-fit:cover}.c-production-timeline__image--placeholder{width:100%;height:200px;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center;border-radius:8px}.c-production-timeline__image--placeholder svg{width:48px;height:48px;opacity:.5}.c-production-timeline__video-link{display:inline-flex;align-items:center;gap:8px;width:fit-content;margin-top:12px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;padding:4px 0;font-family:var(--text-font-family);font-weight:400;font-size:14px;line-height:1.2;color:#000;text-decoration:none;border-bottom:1px solid #f2c500;transition:opacity .15s ease}.c-production-timeline__video-link:hover{opacity:.7}.c-production-timeline__video-link svg{color:currentColor}@media screen and (min-width: 700px){.c-production-stepper{padding:60px 0}.c-production-stepper__inner{max-width:var(--container-max-width, 1200px);margin:0 auto;padding:0 var(--container-gutter, 40px);gap:32px}.c-production-stepper__header{gap:16px}.c-production-stepper__heading{font-size:var(--text-h2)}.c-production-stepper__intro{max-width:600px;margin:0 auto}.c-production-timeline__track{gap:60px}.c-production-timeline__item{gap:24px}.c-production-timeline__marker{width:32px}.c-production-stepper__dot-line{bottom:-60px}.c-production-timeline__image--placeholder{height:300px}}@media screen and (min-width: 1000px){.c-production-stepper{padding:80px 0}.c-production-timeline__track--mobile{display:none}.c-production-timeline__track--desktop{display:flex;flex-direction:row;position:relative;gap:0;align-items:flex-start;overflow:visible;padding-left:16px;padding-right:16px}.c-production-timeline__axis-segments{position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translate(-50%);z-index:0;pointer-events:none}.c-production-timeline__line-segment{position:absolute;left:0;width:2px;background-color:#e9e9e9;transition:background-color .6s ease}.c-production-timeline__line-segment.is-active{background-color:#000}.c-production-timeline__col{--axis-gutter: 56px;--marker-size: 12px;--marker-hitbox: 32px;flex:1;display:flex;flex-direction:column;gap:60px;position:relative;overflow:visible}.c-production-timeline__col--left{padding-right:var(--axis-gutter)}.c-production-timeline__col--right{padding-left:var(--axis-gutter);padding-top:200px}.c-production-timeline__track--desktop .c-production-timeline__item{position:relative;display:flex;flex-direction:row;align-items:flex-start;gap:0;min-height:200px;width:100%;border-block-start-width:0;border-block-end-width:0;overflow:visible}.c-production-timeline__col--left .c-production-timeline__marker{position:absolute;right:-56px;top:0;transform:translate(50%);width:auto;z-index:2;background-color:var(--c-production-stepper-bg);padding:0 8px}.c-production-timeline__col--right .c-production-timeline__marker{position:absolute;left:-56px;top:0;transform:translate(-50%);width:auto;z-index:2;background-color:var(--c-production-stepper-bg);padding:0 8px}.c-production-timeline__item.is-first .c-production-timeline__marker,.c-production-timeline__item.is-second .c-production-timeline__marker{top:6px}.c-production-timeline__item.is-last .c-production-timeline__marker{top:50%;padding-top:0}.c-production-timeline__col--left .c-production-timeline__item.is-last .c-production-timeline__marker{transform:translate(50%) translateY(-50%)}.c-production-timeline__col--right .c-production-timeline__item.is-last .c-production-timeline__marker{transform:translate(-50%) translateY(-50%)}.c-production-timeline__col--left .c-production-timeline__item{justify-content:flex-end}.c-production-timeline__col--left .c-production-timeline__card{text-align:right;width:100%;max-width:520px;margin-left:auto;margin-right:0}.c-production-timeline__col--right .c-production-timeline__item{justify-content:flex-start}.c-production-timeline__col--right .c-production-timeline__card{text-align:left;width:100%;max-width:520px;margin-left:0;margin-right:auto}.c-production-timeline__track--desktop .c-production-stepper__dot-line{display:none}.c-production-timeline__track--desktop .c-production-timeline__card{padding-top:0}.c-production-timeline__image--placeholder{height:350px}}
/*# sourceMappingURL=/cdn/shop/t/96/assets/custom-production-stepper.css.map */