.process-gallery{padding-top:5rem;padding-bottom:5rem}.process-gallery__inner{display:grid;grid-template-columns:.85fr 1.55fr;gap:4rem;align-items:center}.process-gallery__inner>*{min-width:0}.process-gallery__heading{font-size:3rem;margin:0 0 1.5rem}.process-gallery__body{color:var(--gp-text-2, #6B6B6B);margin-bottom:2rem}.process-gallery__link{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#e3000f;text-decoration:none}.process-gallery__slider{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.process-gallery__track{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.process-gallery__track::-webkit-scrollbar{display:none}.process-gallery__slide{flex:0 0 70%;scroll-snap-align:start}@media screen and (min-width:990px){.process-gallery__track{overflow-x:visible}.process-gallery__slide{flex:1 1 0;min-width:0}}.process-gallery__media{position:relative;aspect-ratio:4 / 3}@media screen and (min-width:990px){.process-gallery__media{aspect-ratio:1 / 1}}.process-gallery__media img,.process-gallery__media .process-gallery__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:.4rem;display:block}.process-gallery__placeholder{background:rgba(var(--color-foreground),.06);display:flex;align-items:center;justify-content:center;font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:.5;text-align:center;padding:2rem}.process-gallery__caption{margin:1rem 0 0;font-weight:600;text-transform:uppercase;font-size:1.3rem;letter-spacing:.05em}.process-gallery__dots{display:flex;gap:0;justify-content:center}.process-gallery__dot{position:relative;width:2.4rem;height:2.4rem;border:0;background:transparent;padding:0;cursor:pointer}.process-gallery__dot:before{content:"";position:absolute;inset:50% auto auto 50%;width:.9rem;height:.9rem;transform:translate(-50%,-50%);border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.45)}.process-gallery__dot.is-active:before{background:var(--gp-red, #E3000F);border-color:var(--gp-red, #E3000F)}.process-gallery__dot:focus-visible{outline:.2rem solid var(--gp-ink, #111);outline-offset:0}@media screen and (max-width:749px){.process-gallery__inner{grid-template-columns:1fr;gap:2.4rem}.process-gallery__slide{flex:0 0 85%}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-process-gallery.css.map */
