.card-list{padding:5rem 0 3rem;overflow:hidden}.card-track{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:auto;scrollbar-color:var(--primary-blue)#0000000f;gap:1.5rem;padding:1rem 3rem 2rem;display:flex;overflow-x:auto}.card-track::-webkit-scrollbar{height:14px}.card-track::-webkit-scrollbar-thumb{background:var(--primary-blue);border:3px solid #0000000f;border-radius:14px;min-width:60px}.card-track::-webkit-scrollbar-thumb:hover{background:var(--secondary-blue-light)}.card-track::-webkit-scrollbar-track{background:#0000000f;border-radius:14px;margin:0 2rem}.card{scroll-snap-align:start;background:#fff;border-radius:14px;flex:0 0 320px;height:auto;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 2px 8px #0000000f,0 8px 24px #00000014}.card:hover{transform:translateY(-6px);box-shadow:0 8px 20px #0000001a,0 16px 40px #0000001f}.card-link{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.card-img-container{width:100%;height:220px;position:relative;overflow:hidden}.card-image{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.card:hover .card-image{transform:scale(1.05)}.card-body{flex-direction:column;flex:1;padding:1.25rem 1.5rem 1.5rem;display:flex}.card-tag{text-transform:uppercase;letter-spacing:1.5px;color:var(--primary-red);margin-bottom:.5rem;font-size:11px;font-weight:700}.card-title{color:var(--primary-blue);margin:0 0 auto;font-size:20px;font-weight:700;line-height:1.3}.card-cta{color:var(--primary-blue);margin-top:1rem;font-size:14px;font-weight:600;transition:color .25s,gap .25s;display:inline-block}.card:hover .card-cta{color:var(--primary-red)}@media (max-width:640px){.card-track{gap:1rem;padding:1rem 1.25rem 2rem}.card{flex:0 0 280px}.card-img-container{height:180px}}@media (min-width:1200px){.card{flex:0 0 340px}.card-img-container{height:240px}}@media (prefers-reduced-motion:reduce){.card:hover,.card:focus-within~.card,.card:hover~.card,.card:hover .card-image,.card-header h2:hover,.tags a:hover{transform:none}}
