.ab-card-grid{.header{margin-bottom:var(--space-m);row-gap:var(--space-s)}.grid{display:grid;gap:var(--space-s)}.card{display:flex;flex-direction:column;min-height:280px;overflow:hidden;position:relative;text-decoration:none;transition:transform .5s cubic-bezier(.23,1,.32,1),box-shadow .5s ease;h2,h3{font-weight:var(--font-weight-light)}h2,h3,p{color:var(--color-white)}img{transition:transform .7s cubic-bezier(.23,1,.32,1),filter .7s cubic-bezier(.23,1,.32,1)}&:hover img{filter:brightness(.75) saturate(1.01);transform:scale(1.06)}&:focus-visible{outline:2px solid currentColor;outline-offset:4px}}.media{inset:0;overflow:hidden;position:absolute}.logo{align-items:center;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-m);position:absolute;right:0;top:0;z-index:2;img{height:auto;max-height:80px;max-width:200px;object-fit:contain;width:auto}}.content{padding:var(--space-s) 0}}.ab-card-grid.side-by-side{padding:var(--space-l) 0;.grid{column-gap:65px;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:var(--space-s)}h3,p{color:var(--color-black)}.media{aspect-ratio:1/1;border-radius:var(--border-radius-xl);min-height:250px;position:relative;width:100%}.content{margin-top:0}.card{min-height:auto}}.ab-card-grid.bento{padding:var(--space-xl) 0 var(--space-xxl);.grid{align-items:stretch;border-radius:var(--border-radius-l);gap:var(--space-m);grid-auto-rows:1fr;grid-template-columns:2fr 1fr;min-height:500px}.card{border-radius:var(--border-radius-xxl);&:first-child{grid-row:1/span 2;.logo img{max-height:120px;max-width:300px}.content{padding:0 0 var(--space-s) var(--space-s);@media (min-width:575px){padding:0 var(--space-l) var(--space-s) var(--space-l)}}}&:nth-child(2) .content,&:nth-child(3) .content{padding:0 0 var(--space-s) var(--space-m)}&:nth-child(2) h3,&:nth-child(3) h3{font-size:var(--font-size-h5)}&:nth-child(n+4){display:none}&:hover{box-shadow:0 30px 60px -20px rgba(0,0,0,.5),0 0 40px hsla(0,0%,100%,.1)}}.content{margin-top:auto;z-index:2}}@media (max-width:1024px){.ab-card-grid.bento{padding:var(--space-m) 0;.grid{grid-auto-rows:auto;grid-template-columns:1fr;min-height:auto}.card{aspect-ratio:3/2;grid-row:auto}}.ab-card-grid.side-by-side .grid{column-gap:20px}}@media (max-width:991px){.ab-card-grid.side-by-side .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ab-card-grid.bento .card:nth-child(n+4){display:block}}@media (max-width:768px){.ab-card-grid.side-by-side{padding:var(--space-m) 0}}@media (max-width:575px){.ab-card-grid .header{align-items:flex-start;flex-direction:column;margin-bottom:var(--space-m)}.ab-card-grid.side-by-side .grid{gap:var(--space-xs);grid-template-columns:1fr}.ab-card-grid.bento{.grid{gap:var(--space-xs)}.card:first-child{min-height:300px}}.ab-card-grid .card{min-height:260px}.ab-card-grid .content{padding:var(--space-s)}}