.material-process-showcase{padding-top:var(--material-process-padding-top);padding-bottom:var(--material-process-padding-bottom);overflow:hidden;background:var(--material-process-background);color:var(--material-process-text)}.material-process-showcase__heading-wrap{width:min(calc(100% - 4rem),var(--material-process-max-width));margin-inline:auto;padding-bottom:clamp(45px,34.839px + 2.903vw,90px)}.material-process-showcase__heading{margin:0;color:inherit;font-size:clamp(1.625rem,1.484rem + .645vw,2.25rem);font-style:normal;font-weight:400;letter-spacing:.13em;line-height:1.7;text-align:center}.material-process-showcase__hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;width:min(100%,var(--material-process-max-width));margin-inline:auto}.material-process-showcase__content{min-width:0}.material-process-showcase__content-inner{width:min(100%,68rem);margin-inline:auto;padding:clamp(7rem,6.4vw,9rem) clamp(4rem,8vw,11rem) 5rem}.material-process-showcase__material-heading-wrap{position:relative;display:flex;align-items:flex-start;padding-left:25px}.material-process-showcase__material-heading-wrap:before{position:absolute;top:50%;left:0;width:1.5px;height:1.2lh;border-radius:100vmax;background:currentColor;content:"";transform:translateY(-50%)}.material-process-showcase__material-heading{margin:0;color:inherit;font-size:clamp(1.75rem,1.552rem + .903vw,2.625rem);font-style:normal;font-weight:400;letter-spacing:.12em;line-height:1.65}.material-process-showcase__heading-note{flex:0 0 auto;font-size:clamp(1rem,.972rem + .129vw,1.125rem);letter-spacing:.08em;line-height:1.5}.material-process-showcase__text{margin-top:clamp(1.25rem,.968rem + 1.29vw,2.5rem);font-size:clamp(1rem,.972rem + .129vw,1.125rem);letter-spacing:.055em;line-height:2.4}.material-process-showcase__text p,.material-process-showcase__process-lead p,.material-process-showcase__card-text p{margin:0}.material-process-showcase__text p+p,.material-process-showcase__card-text p+p{margin-top:1.4rem}.material-process-showcase__button{display:inline-flex;gap:2.4rem;align-items:center;justify-content:space-between;min-width:min(100%,320px);margin-top:clamp(1.25rem,.968rem + 1.29vw,2.5rem);padding:17px 32px 17px 25px;border-radius:100vmax;background:var(--material-process-button);color:var(--material-process-button-text);font-family:var(--font-body-family);font-size:clamp(1rem,.972rem + .129vw,1.125rem);letter-spacing:.06em;line-height:1.35;text-decoration:none}.material-process-showcase__button-arrow{display:block;flex:0 0 auto;width:.7rem;height:.7rem;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}a.material-process-showcase__button{transition:opacity .2s ease}a.material-process-showcase__button:hover{opacity:.78}.material-process-showcase__media{position:relative;align-self:start;aspect-ratio:1;overflow:hidden;background:#e8e8e5}.material-process-showcase__media picture,.material-process-showcase__media img,.material-process-showcase__placeholder{display:block;width:100%;height:100%}.material-process-showcase__media img{object-fit:cover}.material-process-showcase__process{width:min(calc(100% - 4rem),var(--material-process-card-width));margin:clamp(60px,53.226px + 1.935vw,90px) auto 0}.material-process-showcase__process-heading{margin:0;color:inherit;font-size:clamp(1.625rem,1.484rem + .645vw,2.25rem);font-style:normal;font-weight:400;letter-spacing:.12em;line-height:1.7;text-align:center}.material-process-showcase__process-lead{margin-top:20px;font-size:clamp(16px,15.548px + .129vw,18px);letter-spacing:.08em;line-height:1.8;text-align:center}.material-process-showcase__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4rem;margin-top:clamp(40px,35.484px + 1.29vw,60px)}.material-process-showcase__card{position:relative;display:flex;flex-direction:column;min-width:0;padding:40px clamp(25px,19.355px + 1.613vw,50px);border:4px solid transparent;border-radius:12px;background:var(--material-process-card-background)}.material-process-showcase__card:not(:last-child):after{position:absolute;top:50%;left:100%;z-index:1;width:0;height:0;border-top:25px solid transparent;border-bottom:25px solid transparent;border-left:25px solid var(--material-process-card-background);content:"";transform:translateY(-50%)}.material-process-showcase__card--highlight{border-color:var(--material-process-border)}.material-process-showcase__badge{position:absolute;top:0;left:50%;min-width:200px;padding:10px;border-radius:100vmax;background:var(--material-process-border);color:inherit;font-size:clamp(16px,15.548px + .129vw,18px);letter-spacing:.08em;line-height:1.3;text-align:center;transform:translate(-50%,-55%)}.material-process-showcase__card-heading{margin:0;color:inherit;font-size:clamp(28px,26.194px + .516vw,36px);font-style:normal;font-weight:400;letter-spacing:.1em;line-height:1.55;text-align:center}.material-process-showcase__card-text{margin-top:20px;font-size:clamp(14px,13.548px + .129vw,16px);letter-spacing:.055em;line-height:1.85}@media screen and (max-width:989px){.material-process-showcase{padding-top:calc(var(--material-process-padding-top) * .75);padding-bottom:calc(var(--material-process-padding-bottom) * .75)}.material-process-showcase__hero{grid-template-columns:minmax(0,1fr)}.material-process-showcase__content-inner{width:min(100%,68rem);margin-inline:auto;padding-right:5rem;padding-left:5rem}.material-process-showcase__cards{grid-template-columns:minmax(0,1fr);gap:45px}.material-process-showcase__card:not(:last-child):after{top:100%;left:50%;transform:translate(-50%,-25%) rotate(90deg)}}@media screen and (max-width:749px){.material-process-showcase__heading-wrap,.material-process-showcase__process{width:min(calc(100% - 4rem),48rem)}.material-process-showcase__content-inner{padding:0 2rem 5.6rem}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/section-material-process-showcase.css.map */