.section--cards--wrapper{display:grid;width:100%;overflow:hidden;max-width:1314px;margin:0 auto;padding:35px 25px;grid-gap:32px}@media screen and (min-width:750px){.section--cards--wrapper.column-2,.section--cards--wrapper.column-3{grid-template-columns:1fr 1fr}}@media screen and (min-width:1060px){.section--cards--wrapper.column-3{grid-template-columns:1fr 1fr 1fr}}.section--cards--wrapper .card{display:block;height:100%;background-color:var(--color-blue)}.section--cards--wrapper .card img{display:block;max-width:100%;height:auto}.section--cards--wrapper .cards--content{display:block;padding:32px 44px;text-align:center}.section--cards--wrapper .cards--content .title,.section--cards--wrapper .cards--content .text{color:#fff}.section--cards--wrapper .cards--content .title{margin:0 0 10px;font-size:28px;line-height:40px;font-weight:800}@media screen and (min-width:750px){.section--cards--wrapper .cards--content .title{font-size:38px;line-height:50px}}.section--cards--wrapper .cards--content .text{display:block;margin-bottom:24px;font-size:18px;line-height:28px}.section--cards-h2{max-width:1314px;width:100%;margin:0 auto;text-align:left;padding:50px 25px 0;font-size:35px}@media screen and (min-width:1000px){.section--cards-h2{padding:70px 25px 10px;font-size:70px}}.section--cards--wrapper.layout-grid .cards--content .eyebrow{display:block;font-family:var(--sans-bold);font-size:18px;text-transform:uppercase;color:#fff;letter-spacing:.12em;padding-bottom:5px}.section--cards--wrapper.layout-grid .cards--content .button{margin-top:20px}.layout-grid .section--cards--category:hover .cards--content{border:5px solid transparent}.section--cards--wrapper.layout-grid{display:grid;max-width:1314px;margin:0 auto;padding:35px 25px;grid-gap:32px;grid-template-columns:1fr}.section--cards--wrapper.column-2.layout-grid .section--cards--category{aspect-ratio:77 / 50;min-height:0}.section--cards--wrapper.column-3.layout-grid .section--cards--category{aspect-ratio:1;min-height:0}@media screen and (min-width:750px){.section--cards--wrapper.column-3.layout-grid{grid-template-columns:1fr 1fr}.section--cards--wrapper.column-3.layout-grid .category-name{font-size:27px}}@media screen and (min-width:1000px){.section--cards--wrapper.column-2.layout-grid{grid-template-columns:1fr 1fr}}@media screen and (min-width:1200px){.section--cards--wrapper.column-3.layout-grid{grid-template-columns:1fr 1fr 1fr}.section--cards--wrapper.column-3.layout-grid .category-name{font-size:40px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-cards.css.map */
