.cards__wrapper{--cols:1;--p:clamp(1rem,5vw,5rem);display:grid;gap:2rem;grid-template-columns:repeat(var(--cols),minmax(0,1fr));max-width:100rem;padding:0 1rem}.cards__product{color:#171718;display:grid;font-family:DM Sans,Inter,system-ui;grid-template-areas:"prod-top" "prod-image" "prod-content";grid-template-rows:var(--p) auto max-content;grid-template-rows:var(--p) auto auto;margin:0 auto;max-width:40rem;text-decoration:none;width:100%}.cards__product:focus{outline:transparent}.cards__product-bg{background:#eceded;border-radius:.5rem;grid-area:2/1/4/2;position:relative;transition:all .25s cubic-bezier(.16,1,.3,1)}.cards__product-image{grid-area:span 2;grid-area:1/1/3/2;margin:0 auto;position:relative;width:80%}.cards__product-content{grid-area:prod-content;padding:2rem;place-self:end;position:relative;width:100%}.cards__product-description,.cards__product-title{margin-bottom:.5rem}.cards__product-title{font-family:Barlow,Inter,system-ui;font-size:1.25rem;font-weight:700}.cards__product-link{color:#007bee;font-weight:700;margin:2rem 0 0;text-transform:uppercase}.cards__product:focus-visible .cards__product-bg,.cards__product:hover .cards__product-bg{background:#f0f2f2;transform:scale(1.05)}.cards__product:focus-visible .cards__product-bg{outline:2px solid #007bee;outline-offset:4px}@media (min-width:36rem){.cards__wrapper{gap:1;padding-left:2rem;padding-right:2rem}[data-cols="2"],[data-cols="4"]{--cols:2}}@media (min-width:64rem){.cards__wrapper{gap:1.5rem}[data-cols="3"]{--cols:3}}@media (min-width:88rem){[data-cols="4"]{--cols:4}}.cards--icon .cards__wrapper{column-gap:4.4444444444rem;flex-wrap:wrap;justify-content:center}@media(min-width:768px){.cards--icon .cards__wrapper{display:flex;gap:2.3333333333rem;justify-content:space-between}}@media(min-width:1180px){.cards--icon .cards__wrapper{column-gap:12.5%;row-gap:5.5555555556rem}}.cards__icon{margin-bottom:1.7777777778rem;text-align:center}@media(min-width:768px){.cards__icon{margin-bottom:0;max-width:25%;text-align:left}}.cards__icon--image{height:128px}.cards__icon--image img{max-height:100%;max-width:128px}.cards__icon--eyebrow{color:#ceff00;font-family:Barlow,sans-serif;font-size:.8888888889rem;font-weight:700;letter-spacing:.08px;line-height:normal;margin-bottom:.6666666667rem;text-transform:uppercase}.cards__icon--title{color:#171718;color:#fff;font-family:Barlow,sans-serif;font-size:24px;font-weight:300;line-height:1.37;margin-bottom:16px;margin-top:0;text-transform:none}@media(min-width:768px){.cards__icon--title{font-size:24px}}.cards__icon--description{color:#fff;font-family:DM Sans,sans-serif;font-size:.7777777778rem;line-height:1.57;margin:0 auto;max-width:70%}@media(min-width:768px){.cards__icon--description{max-width:100%}}.cards__icon--description p{color:#fff;font-family:DM Sans,sans-serif;font-size:.7777777778rem;line-height:1.57}.cards__icon--description p:first-of-type{margin-top:0}