.how-we-make-it{--timeline-progress: 0;--timeline-progress-stop: 0%;background:var(--how-we-make-it-background, #fbf8f5);color:var(--how-we-make-it-text, #111111);padding-block:var(--how-we-make-it-padding-top, 96px) var(--how-we-make-it-padding-bottom, 112px)}.how-we-make-it__inner{width:min(100% - 40px,1240px);margin-inline:auto}.how-we-make-it__header{max-width:760px;margin-bottom:clamp(56px,8vw,112px)}.how-we-make-it__eyebrow{margin:0 0 18px;color:var(--how-we-make-it-progress, #7b1e2b);font-size:1.1rem;font-weight:500;letter-spacing:.14em;line-height:1.3;text-transform:uppercase}.how-we-make-it__heading{margin:0;color:inherit;font-size:clamp(3.4rem,5.6vw,7.8rem);font-weight:400;letter-spacing:4px;line-height:.95}.how-we-make-it__intro{max-width:600px;margin-top:28px;color:var(--how-we-make-it-text, #111111);font-size:clamp(1.6rem,1.45vw,2rem);line-height:1.65;opacity:.74}.how-we-make-it__intro>*{margin-block:0}.how-we-make-it__timeline-wrap{position:relative;--timeline-rail-width: 28px;--timeline-rail-center: 14px;--timeline-gap: clamp(20px, 4vw, 58px);--timeline-line-start: 0px;--timeline-line-end: 0px;--timeline-marker-size: 16px;display:grid;grid-template-columns:var(--timeline-rail-width) minmax(0,1fr);column-gap:var(--timeline-gap)}.how-we-make-it__line{position:relative;top:auto;bottom:auto;left:auto;grid-column:1;grid-row:1;align-self:stretch;justify-self:center;z-index:1;width:3px;height:auto;min-height:0;margin-top:var(--timeline-line-start, 0px);margin-bottom:var(--timeline-line-end, 0px);background:linear-gradient(to bottom,var(--how-we-make-it-progress, #7b1e2b) 0,var(--how-we-make-it-progress, #7b1e2b) var(--timeline-progress-stop, 0%),var(--how-we-make-it-track, #d6d1c5) var(--timeline-progress-stop, 0%),var(--how-we-make-it-track, #d6d1c5) 100%);pointer-events:none}.how-we-make-it__line-track,.how-we-make-it__line-progress{position:absolute;top:0;right:0;left:0;border-radius:999px}.how-we-make-it__line-track{bottom:0;height:auto;background:transparent}.how-we-make-it__line-progress{bottom:0;z-index:1;height:auto;background:var(--how-we-make-it-progress, #7b1e2b);transform:scaleY(var(--timeline-progress, 0));transform-origin:top;transition:transform .16s linear}.how-we-make-it__steps{grid-column:2;grid-row:1;display:grid;gap:clamp(76px,12vw,156px)}.how-we-make-it__step{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1fr);align-items:center;gap:clamp(36px,7vw,96px);min-height:min(78vh,760px);opacity:1;transform:translateY(0);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}.how-we-make-it.is-initialized .how-we-make-it__step{opacity:.62;transform:translateY(34px)}.how-we-make-it.is-initialized .how-we-make-it__step.is-visible,.how-we-make-it__step.is-visible{opacity:1;transform:translateY(0)}.how-we-make-it__marker{position:absolute;top:50%;left:calc(0px - var(--timeline-gap) - var(--timeline-rail-center));z-index:3;box-sizing:border-box;width:var(--timeline-marker-size);height:var(--timeline-marker-size);border:2px solid var(--how-we-make-it-track, #d6d1c5);border-radius:50%;background:var(--how-we-make-it-track, #d6d1c5);pointer-events:none;transform:translate(-50%,-50%) scale(.9);transition:background-color .22s cubic-bezier(.22,1,.36,1),border-color .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1)}.how-we-make-it__marker.is-active{border-color:var(--how-we-make-it-progress, #7b1e2b);background:var(--how-we-make-it-progress, #7b1e2b);transform:translate(-50%,-50%) scale(1)}.how-we-make-it__marker--rail{left:50%}.how-we-make-it__marker--start{top:0}.how-we-make-it__marker--end{top:100%}.how-we-make-it__content,.how-we-make-it__media{opacity:1;transform:translateY(0);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}.how-we-make-it__content{transition-delay:0ms}.how-we-make-it__content-inner,.how-we-make-it__media-inner{--content-parallax-y: 0px;--image-parallax-y: 0px;transform:none}.how-we-make-it.is-initialized .how-we-make-it__content,.how-we-make-it.is-initialized .how-we-make-it__media{opacity:0;transform:translateY(22px)}.how-we-make-it__media{transition-delay:0ms}.how-we-make-it__step.is-visible .how-we-make-it__content,.how-we-make-it__step.is-visible .how-we-make-it__media{opacity:1;transform:translateY(0)}.how-we-make-it__step.is-visible .how-we-make-it__content{transition-delay:50ms}.how-we-make-it__step.is-visible .how-we-make-it__media{transition-delay:.17s}.how-we-make-it__number{margin:0 0 18px;color:var(--how-we-make-it-progress, #7b1e2b);font-size:1.1rem;font-weight:600;letter-spacing:.16em;line-height:1.3;text-transform:uppercase}.how-we-make-it__title{max-width:520px;margin:0;color:inherit;font-size:clamp(2.8rem,4vw,5.8rem);font-weight:400;letter-spacing:0;line-height:1}.how-we-make-it__description{max-width:520px;margin-top:24px;color:var(--how-we-make-it-text, #111111);font-size:clamp(1.5rem,1.2vw,1.8rem);line-height:1.72;opacity:.74}.how-we-make-it__description>*{margin-block:0}.how-we-make-it__description>*+*{margin-top:1em}.how-we-make-it__image-wrap{position:relative;aspect-ratio:4 / 5;width:100%;overflow:hidden;background:#1111110d}.how-we-make-it__image-inner{position:absolute;top:0;right:0;bottom:0;left:0}.how-we-make-it__image,.how-we-make-it__placeholder .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover}.how-we-make-it__placeholder{display:grid;place-items:center}.how-we-make-it__placeholder .placeholder-svg{opacity:.48}@media screen and (min-width:750px){.how-we-make-it[data-enable-parallax=true] .how-we-make-it__content-inner{transform:translate3d(0,var(--content-parallax-y),0);will-change:transform}.how-we-make-it[data-enable-parallax=true] .how-we-make-it__media-inner{transform:translate3d(0,var(--image-parallax-y),0);will-change:transform}}@media screen and (min-width:990px){.how-we-make-it--alternate .how-we-make-it__step:nth-child(2n) .how-we-make-it__content{grid-column:2;grid-row:1}.how-we-make-it--alternate .how-we-make-it__step:nth-child(2n) .how-we-make-it__media{grid-column:1;grid-row:1}}.how-we-make-it__caption{max-width:420px;margin:14px 0 0;color:var(--how-we-make-it-text, #111111);font-size:1.2rem;line-height:1.5;opacity:.62}@media screen and (max-width:989px){.how-we-make-it{padding-block:calc(var(--how-we-make-it-padding-top, 96px) * .78) calc(var(--how-we-make-it-padding-bottom, 112px) * .78)}.how-we-make-it__timeline-wrap{--timeline-rail-width: 28px;--timeline-rail-center: 14px;--timeline-gap: 24px}.how-we-make-it__steps{gap:92px}.how-we-make-it__step{grid-template-columns:minmax(0,.95fr) minmax(240px,1fr);gap:32px;min-height:min(68vh,620px)}}@media screen and (max-width:749px){.how-we-make-it__inner{width:min(100% - 32px,1240px)}.how-we-make-it__header{margin-bottom:56px}.how-we-make-it__heading{font-size:clamp(3.2rem,13vw,5.2rem)}.how-we-make-it__timeline-wrap{--timeline-rail-width: 24px;--timeline-rail-center: 12px;--timeline-gap: 18px;--timeline-marker-size: 14px}.how-we-make-it__steps{gap:76px}.how-we-make-it__step{grid-template-columns:1fr;gap:28px;min-height:0}.how-we-make-it__marker{top:8px}.how-we-make-it__marker--start{top:0}.how-we-make-it__marker--end{top:100%}.how-we-make-it__title{font-size:clamp(2.7rem,9vw,3.8rem)}.how-we-make-it__description{margin-top:18px}}@media(prefers-reduced-motion:reduce){.how-we-make-it__line-progress,.how-we-make-it__step,.how-we-make-it__marker,.how-we-make-it__content,.how-we-make-it__media{transition-duration:1ms}.how-we-make-it.is-initialized .how-we-make-it__step,.how-we-make-it.is-initialized .how-we-make-it__content,.how-we-make-it.is-initialized .how-we-make-it__media{opacity:1;transform:none;transition-delay:0ms}.how-we-make-it[data-enable-parallax=true] .how-we-make-it__content-inner,.how-we-make-it[data-enable-parallax=true] .how-we-make-it__media-inner{transform:none;will-change:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/how-we-make-it.css.map */