.magic-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;width:100%;display:grid}@media (min-width:640px){.magic-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.magic-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1280px){.magic-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.magic-card-item{cursor:pointer;transform-origin:50%;aspect-ratio:1;border-radius:1rem;transition:box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 18px 45px -20px #18181b8c}.magic-card-item:hover{box-shadow:0 22px 55px -18px #94a3b88c}.magic-card-img{border-radius:inherit;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:transform .5s;position:absolute;inset:0}.magic-card-item:hover .magic-card-img{transform:scale(1.05)}.magic-card-overlay{border-radius:inherit;pointer-events:none;opacity:0;z-index:1;background:linear-gradient(135deg,#f472b666,#818cf866);transition:opacity .3s;position:absolute;inset:0}.magic-card-item:hover .magic-card-overlay{opacity:.35}.magic-card-meta{opacity:0;color:#fafaffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;z-index:2;background:#11111ab8;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.875rem;font-weight:600;transition:all .3s;display:inline-flex;position:absolute;bottom:1.1rem;left:50%;transform:translate(-50%,16px);box-shadow:0 15px 30px -18px #0a0a1499}.magic-card-item:hover .magic-card-meta{opacity:1;transform:translate(-50%)}.magic-card-skeleton{background:linear-gradient(135deg,#ffffff14,#94a3b81f);position:relative;overflow:hidden}.magic-card-skeleton:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff40 50%,#fff0 100%);animation:1.6s infinite magic-card-skeleton-shimmer;position:absolute;inset:0}@keyframes magic-card-skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width:768px){.magic-card-item{border-radius:.85rem}}