.cp-mechanism{position:relative;isolation:isolate;max-width:100%;overflow:hidden;background:rgb(var(--color-background));color:rgb(var(--color-foreground));padding-block:var(--cp-mechanism-padding-top) var(--cp-mechanism-padding-bottom);font-family:var(--font-body-family);font-size:var(--cp-body-font-size-mobile);font-style:var(--font-body-style);line-height:var(--cp-body-line-height);letter-spacing:var(--cp-body-letter-spacing)}.cp-mechanism__media,.cp-mechanism__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cp-mechanism__media{z-index:-2}.cp-mechanism__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--cp-mechanism-image-position);opacity:var(--cp-mechanism-image-opacity)}.cp-mechanism__overlay{z-index:-1;background:rgba(var(--color-background),var(--cp-mechanism-overlay-opacity))}.cp-mechanism__header{max-width:82rem;margin-bottom:5rem}.cp-mechanism__eyebrow{margin:0 0 1.8rem;opacity:.72;font-size:calc(var(--cp-body-font-size-mobile) * .8)}.cp-mechanism__heading{width:100%;max-width:100%;margin:0;font-family:var(--font-heading-family);font-size:var(--cp-h2-size-mobile);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);line-height:var(--cp-heading-line-height);letter-spacing:var(--cp-heading-letter-spacing);text-wrap:balance}.cp-mechanism__description{max-width:67rem;margin-top:2rem;color:rgba(var(--color-foreground),.76)}.cp-mechanism__description>*:first-child{margin-top:0}.cp-mechanism__description>*:last-child{margin-bottom:0}.cp-mechanism__steps{display:grid;width:100%;min-width:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem}.cp-mechanism__step{display:flex;min-width:0;min-height:24.5rem;box-sizing:border-box;flex-direction:column;justify-content:space-between;padding:2.4rem;overflow-wrap:anywhere;border:1px solid rgba(var(--color-foreground),.16);border-radius:var(--cp-mechanism-card-radius);background:rgba(var(--color-background),var(--cp-mechanism-card-opacity));box-shadow:0 1.8rem 5rem rgba(var(--color-foreground),.06);-webkit-backdrop-filter:blur(var(--cp-mechanism-card-blur));backdrop-filter:blur(var(--cp-mechanism-card-blur))}.cp-mechanism__step-top{display:flex;min-width:0;align-items:center;gap:1.2rem}.cp-mechanism__icon{display:grid;flex:0 0 4.6rem;width:4.6rem;height:4.6rem;place-items:center;border:1px solid rgba(var(--color-foreground),.18);border-radius:50%;color:rgb(var(--color-foreground))}.cp-mechanism__icon svg{width:2.2rem;height:2.2rem}.cp-mechanism__kicker{min-width:0;margin:0;opacity:.64;font-size:calc(var(--cp-body-font-size-mobile) * .8);font-weight:var(--font-body-weight-bold);letter-spacing:.14em;line-height:1.3;text-transform:uppercase}.cp-mechanism__step-content{width:100%;min-width:0;margin-top:auto;padding-top:2.4rem}.cp-mechanism__step-heading{margin:0;font-family:var(--font-heading-family);font-size:var(--cp-h3-size-mobile);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);line-height:var(--cp-heading-line-height);letter-spacing:var(--cp-heading-letter-spacing)}.cp-mechanism__step-body{margin-top:1rem;color:rgba(var(--color-foreground),.72)}.cp-mechanism__step-body>*:first-child{margin-top:0}.cp-mechanism__step-body>*:last-child{margin-bottom:0}@media screen and (min-width:750px){.cp-mechanism{font-size:var(--cp-body-font-size-desktop)}.cp-mechanism__eyebrow,.cp-mechanism__kicker{font-size:calc(var(--cp-body-font-size-desktop) * .75)}.cp-mechanism__heading{font-size:var(--cp-h2-size-desktop)}.cp-mechanism__step-heading{font-size:var(--cp-h3-size-desktop)}}@media screen and (max-width:989px){.cp-mechanism__steps{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-mechanism__step{min-height:24.5rem}}@media screen and (max-width:749px){.cp-mechanism{padding-block:var(--cp-mechanism-padding-top-mobile) var(--cp-mechanism-padding-bottom-mobile)}.cp-mechanism>.page-width{width:100%;max-width:100%;box-sizing:border-box;padding-left:2rem;padding-right:2rem}.cp-mechanism__header{margin-bottom:3.6rem}.cp-mechanism__eyebrow{margin-bottom:1.2rem}.cp-mechanism__description{margin-top:1.8rem}.cp-mechanism__steps{grid-template-columns:minmax(0,1fr);gap:1.2rem}.cp-mechanism__step{width:100%;max-width:100%;min-height:20rem;padding:2.4rem}.cp-mechanism__step-content{padding-top:3rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-cp-mechanism.css.map */