.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}@media (width<=68rem){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=48rem){.card-grid{grid-template-columns:1fr}}.item-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);height:100%;box-shadow:var(--shadow-card);transition:transform .18s,border-color .18s;overflow:hidden}.item-card:hover{border-color:#d946ef6b;transform:translateY(-4px)}.item-link{height:100%;text-decoration:none;display:block}.item-media{aspect-ratio:4/3;border-bottom:1px solid var(--color-border);background:radial-gradient(circle at 24% 22%, #fff3, transparent 20%), linear-gradient(135deg, var(--media-a), var(--media-b));place-items:center;display:grid;position:relative;overflow:hidden}.item-image{object-fit:cover;width:100%;height:100%}.item-content{justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1rem .65rem;display:flex}.item-content h3{letter-spacing:-.025em;margin-bottom:.2rem;font-size:1.08rem}.item-content p{color:var(--color-muted);margin:0;font-size:.75rem}.item-arrow{aspect-ratio:1;border:1px solid var(--color-border);color:#f0abfc;border-radius:50%;place-items:center;width:2rem;display:grid}.item-meta{color:var(--color-subtle);gap:.15rem;padding:0 1rem 1rem;font-size:.68rem;display:grid}@media (width<=48rem){.item-media{aspect-ratio:16/10}}