.grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:420px){.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media(min-width:900px){.grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}.card{display:block;color:#fff;text-decoration:none;border-radius:6px;overflow:hidden;transition:transform .16s ease,border-color .16s ease,background .16s ease}.card:hover{transform:translateY(-2px);border-color:#ffffff2e;background:#ffffff0f}.card:focus-visible{outline:2px solid rgba(255,255,255,.55);outline-offset:2px}.thumb{position:relative;width:100%;aspect-ratio:3 / 4;background:#1c1c1c;overflow:hidden}.img{width:100%;height:100%;display:block;object-fit:cover;opacity:0;transition:opacity .26s ease;will-change:opacity;transform:scale(1.01)}.card:hover .img{transform:scale(1.04);transition:opacity .26s ease,transform .22s ease}.ph{width:100%;height:100%;background:linear-gradient(110deg,#ffffff0f,#ffffff05 45%,#ffffff0f);background-size:200% 100%;animation:shimmer 1.2s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.meta{padding:10px 10px 12px}.title{margin:0;font-size:13px;font-weight:600;line-height:1.25;letter-spacing:.2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#ffffffeb}