.production-process-intro{margin-bottom:2rem;text-align:center}.production-process-intro:last-child{margin-bottom:0}.production-process-steps{display:flex;flex-direction:column;gap:6px}.production-process-step{padding:1.8rem 1.5rem;border-radius:var(--border-radius-base);overflow:hidden}.production-process-step-grid{display:flex;flex-direction:column;gap:1.2rem}.production-process-step-media{width:100%;max-width:52rem}.production-process-step-media img{width:100%;height:auto;aspect-ratio:16 / 9;display:block;border-radius:var(--border-radius-base);object-fit:contain;background:rgba(var(--color-foreground),.04)}.production-process-step-media-placeholder{width:100%;aspect-ratio:16 / 9;border-radius:var(--border-radius-base);background:rgba(var(--color-foreground),.06);display:flex;align-items:center;justify-content:center;color:rgb(var(--color-foreground-alt));font-size:calc(var(--font-body-scale) * 1.3rem);overflow:hidden}.production-process-step-content{display:flex;flex-direction:column;justify-content:center}.production-process-step-badge{display:inline-flex;align-items:center;justify-content:center;min-width:3.6rem;height:3.6rem;padding:0 .7rem;margin-bottom:.8rem;border-radius:var(--border-radius-base);font-size:calc(var(--font-heading-scale) * 1.9rem);font-weight:var(--font-bolder-weight);line-height:1}.production-process-step-heading{margin:0 0 .6rem;font-size:calc(var(--font-heading-scale) * 2rem);line-height:1.3}.production-process-step-text{font-size:calc(var(--font-body-scale) * 1.5rem);line-height:calc(1 + .5 / var(--font-body-scale))}.production-process-step-text>*:first-child{margin-top:0}.production-process-step-text>*:last-child{margin-bottom:0}@media(min-width:750px){.production-process-step{padding:2.2rem 2rem}.production-process-step-grid{flex-direction:row;align-items:flex-start;gap:2rem}.production-process-step-grid-reverse{flex-direction:row-reverse}.production-process-step-media{width:36%;max-width:36rem;flex:none}.production-process-step-content{flex:1;min-width:0}}@media(min-width:990px){.production-process-step{padding:2.5rem}.production-process-step-grid{gap:2.5rem}.production-process-step-media{width:34%;max-width:40rem}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/section-production-process.css.map */