.cards-3{--cards-3-gap: var(--spacing-20);--cards-3-shadow: 0 0 var(--icon-size-20) rgba(var(--color-soot-black-rgb), .12);position:relative;z-index:1;padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom);padding-left:var(--layout-padding-inline-desktop);padding-right:var(--layout-padding-inline-desktop)}@media(max-width:1023px){.cards-3{padding-top:var(--section-padding-top-mobile);padding-bottom:var(--section-padding-bottom-mobile);padding-left:var(--layout-padding-inline-mobile);padding-right:var(--layout-padding-inline-mobile)}}.cards-3__inner{position:relative;display:flex;align-items:flex-start;gap:var(--cards-3-gap);padding-top:var(--spacing-40);padding-bottom:120px;width:100%;max-width:var(--max-width-cards-grid);margin-left:auto;margin-right:auto}.cards-3__card-wrapper{flex:1 1 0;aspect-ratio:1;max-width:var(--layout-width-440);opacity:0;will-change:transform,opacity}.cards-3__card{position:relative;width:100%;height:100%;border:var(--outline-subtle);border-radius:var(--radius-32);box-shadow:var(--cards-3-shadow);overflow:hidden}.cards-3__card-media{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-32)}.cards-3__card-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cards-3__card-image--placeholder{background-color:var(--color-cream-white)}.cards-3__card-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-24);border-radius:var(--radius-24)}.cards-3__card-title{margin:0;font-family:var(--font-sans);font-size:var(--title-display-size);font-weight:var(--fw-normal);letter-spacing:var(--title-display-spacing);line-height:var(--lh-solid);color:var(--cards-3-color-title, var(--color-cream-white))}.cards-3__card-description{margin:0;max-width:var(--layout-width-270);font-family:var(--font-sans);font-size:var(--text-small-size);font-weight:var(--fw-normal);letter-spacing:var(--text-small-spacing);line-height:var(--lh-solid);color:var(--cards-3-color-description, var(--color-cream-white))}@media(max-width:729px){.cards-3__inner{flex-direction:column;align-items:center;padding-bottom:0}.cards-3__card-wrapper{flex:none;width:100%;max-width:var(--layout-width-440)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/cards-3.css.map */