.content-with-cards-section{padding-top:calc(var(--section-padding, 5rem) * .75);padding-bottom:calc(var(--section-padding, 5rem) * .75);overflow:hidden}.content-with-cards__container{display:flex;flex-wrap:wrap;gap:4rem;align-items:flex-start;justify-content:space-between}.content-with-cards__content-left{flex:1 1 38%;min-width:260px;text-align:left;display:flex;flex-direction:column;gap:1.2rem}.content-with-cards__cards{flex:1 1 55%;min-width:280px;display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;width:100%}.content-with-cards__content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.content-with-cards__caption{margin:0;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:calc(var(--font-body-scale) * 1.4rem);line-height:normal;color:rgba(var(--color-foreground),.7);text-transform:uppercase;letter-spacing:.14rem}.content-with-cards__heading{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(3.2rem,1.25vw + 2.8rem,5rem);max-width:18ch;line-height:calc(1 + .3/max(1,var(--font-heading-scale)));letter-spacing:calc(var(--font-heading-scale) * .06rem);margin-bottom:2rem}.content-with-cards__description{margin:0;font-family:var(--font-body-family);font-weight:var(--font-body-weight-300);font-size:calc(var(--font-body-scale) * 1.6rem);line-height:normal;color:rgba(var(--color-foreground),.7);max-width:42ch}.content-with-cards__description p{margin:0}.content-with-cards__card{--border-width: .1rem;display:flex;flex-direction:column;gap:1rem;padding:clamp(1.5rem,1.471vw + .882rem,3rem);padding-bottom:40px;border-radius:2px;background:#2a2a2a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:all .3s ease;text-align:left;position:relative}.content-with-cards__card .small-dot{display:block!important;background:#565656}.content-with-cards__card-icon{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;color:rgb(var(--color-foreground));opacity:.8;margin-bottom:.5rem}.content-with-cards__card-icon svg{width:100%;height:100%;stroke-width:1.5}.content-with-cards__card-heading{margin:0;font-family:var(--font-body-family);font-size:clamp(1.6rem,.392vw + 1.435rem,2rem);font-weight:var(--font-body-weight-500);color:rgb(var(--color-foreground));line-height:normal;max-width:22ch}.content-with-cards__card-description{margin:0;font-family:var(--font-body-family);font-size:clamp(1.4rem,.196vw + 1.318rem,1.6rem);line-height:normal;color:rgba(var(--color-foreground),.65);max-width:32ch}.content-with-cards__s1s-button{margin-top:1rem;display:inline-flex;width:fit-content}.content-with-cards__content-left .s1s__button{margin-top:1rem}@media screen and (max-width:900px){.content-with-cards__container{flex-direction:column;gap:3rem}.content-with-cards__content-left{flex:1 1 100%;text-align:center;align-items:center;width:100%}.content-with-cards__description{max-width:90%;text-align:center}.content-with-cards__heading{text-align:center;max-width:100%}.content-with-cards__s1s-button{margin-left:auto;margin-right:auto}}@media screen and (max-width:749px){.content-with-cards-section{padding-top:calc(var(--section-padding, 5rem) * .5);padding-bottom:calc(var(--section-padding, 5rem) * .5)}.content-with-cards__container{gap:3rem}.content-with-cards__cards{grid-template-columns:1fr;gap:2rem}}@media screen and (min-width:750px)and (max-width:989px){.content-with-cards__cards{grid-template-columns:repeat(2,1fr);gap:2.4rem}}@media screen and (min-width:990px){.content-with-cards__cards{grid-template-columns:repeat(2,1fr);gap:3rem}}@media(prefers-reduced-motion:reduce){.content-with-cards__card{transition:none}.content-with-cards__card:hover{transform:none}}.content-with-cards__card:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem;box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3)}@media(prefers-contrast:high){.content-with-cards__card{border-color:rgba(var(--color-foreground),.3)}.content-with-cards__card:hover{border-color:rgba(var(--color-foreground),.5)}}.content-with-cards-section[style*=--padding-top]{padding-top:calc(var(--padding-top) * 1px)}.content-with-cards-section[style*=--padding-bottom]{padding-bottom:calc(var(--padding-bottom) * 1px)}
/*# sourceMappingURL=/cdn/shop/t/17/assets/content-with-cards.css.map */