.card{min-width:250px;min-height:400px;background-color:#ffffff08;border:1px solid #ffffff1f!important;position:relative;transform-style:preserve-3d;box-shadow:0 8px 32px #0006;transition:transform .2s ease-out,border-color .3s ease,box-shadow .3s ease;border-radius:12px!important}.card:hover{cursor:pointer;border-color:#ffffff47!important;box-shadow:0 12px 48px #00000080}.card.flipped{transform-origin:center}.card img,.card video{border-radius:11px;min-height:390px;width:100%;height:100%;object-fit:cover}.card-back,.card-front{cursor:pointer;transition:transform .5s;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:11px}.card-front{transform:rotateY(0deg)}.card-back{transform:rotateY(180deg);text-align:center;padding:24px;font-size:16px;font-weight:500;line-height:1.6;color:#000;border-radius:11px;box-shadow:0 0 10px 0 #0000001a;display:flex;align-items:center;justify-content:center}.card-title{font-size:18px;font-weight:700;line-height:1.4;color:#111;margin-bottom:10px}.card-caption{font-size:13px;line-height:1.6;color:#333}.card-link{font-size:13px;color:#555;text-decoration:underline;margin-top:10px;display:inline-block}.card-title-overlay{position:absolute;display:flex;align-items:flex-end;justify-content:flex-start;top:0;left:0;width:100%;height:100%;text-align:left;z-index:10;font-size:1.35rem;background:linear-gradient(0deg,#000000d1 0,#00000040 50%,#0000);text-shadow:none;font-weight:600;line-height:1.25;color:#fff;padding:20px;box-sizing:border-box;border-radius:11px;letter-spacing:-.01em}.card.dragging{transition:none!important;box-shadow:0 10px 30px #0000004d}.card:hover:not(.dragging){transform:scale(1.04)}[data-mode=neobrutalist] .card{border:3px solid var(--border-strong)!important;box-shadow:8px 8px 0 var(--border-strong)}[data-mode=neobrutalist] .card:hover{border-color:var(--border-strong)!important;box-shadow:12px 12px 0 var(--border-strong)}[data-mode=neobrutalist] .card img,[data-mode=neobrutalist] .card video,[data-mode=neobrutalist] .card-back,[data-mode=neobrutalist] .card-front,[data-mode=neobrutalist] .card-title-overlay{border-radius:9px}