.quad-card-grid{display:grid;gap:20px;grid-template-columns:1fr;margin:0 auto;max-width:2200px;padding:20px;width:100%}.quad-hover-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.08);display:block;height:400px;overflow:hidden;position:relative;text-decoration:none;transition:transform .3s ease}.quad-card-content-initial{bottom:24px;left:24px;position:absolute;right:24px;transition:all .4s ease;z-index:2}.quad-card-content-hover{background:#fff;display:flex;flex-direction:column;inset:0;justify-content:center;opacity:0;padding:30px;position:absolute;transform:translateY(20px);transition:all .5s cubic-bezier(.23,1,.32,1);z-index:3}@media (min-width:768px){.quad-card-grid{gap:24px;grid-template-columns:repeat(2,1fr)}.quad-hover-card{height:450px}.quad-card-content-initial{bottom:32px;left:32px}.quad-card-content-hover{padding:40px}}@media (min-width:1024px){.quad-card-grid{grid-template-columns:repeat(4,1fr)}}.quad-card-bg{background-position:50%;background-size:cover;inset:0;position:absolute;transition:opacity .6s ease}.quad-card-overlay{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.2) 50%,transparent);inset:0;position:absolute}.quad-hover-card:active .quad-card-bg,.quad-hover-card:hover .quad-card-bg{opacity:0}.quad-hover-card:active .quad-card-content-initial,.quad-hover-card:hover .quad-card-content-initial{opacity:0;transform:translateY(10px)}.quad-hover-card:active .quad-card-content-hover,.quad-hover-card:hover .quad-card-content-hover{opacity:1;transform:translateY(0)}.quad-tag{background:#a31631;border-radius:50px;color:#fff;display:inline-block;margin-bottom:12px;padding:6px 12px}.quad-tag,.quad-tag-accent{font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.quad-tag-accent{color:#a31631;display:block;margin-bottom:16px}.quad-title-white{color:#fff;margin:0}.quad-title-dark,.quad-title-white{font-size:22px;font-weight:700;line-height:1.2}.quad-title-dark{color:#0f172a;margin:0 0 12px}.quad-description{color:#64748b;font-size:14px;line-height:1.6;margin-bottom:24px}.quad-cta{align-items:center;color:#a31631;display:flex;font-size:14px;font-weight:700;transition:gap .3s ease}.quad-cta .arrow{margin-left:6px;transition:transform .3s ease}.quad-hover-card:hover .quad-cta .arrow{transform:translateX(4px)}@media (min-width:768px){.quad-title-dark,.quad-title-white{font-size:24px}}