.logo-card .image-wrap { position:relative; display:grid; place-items:center; isolation:isolate; border:1px solid rgba(36,34,31,.09); transition:transform .35s,box-shadow .35s; }
.logo-card .image-wrap::before { content:""; position:absolute; width:58%; aspect-ratio:1; border:1px solid rgba(36,34,31,.13); border-radius:50%; z-index:-1; transition:transform .6s; }
.logo-card .image-wrap::after { content:""; position:absolute; inset:11%; border:1px solid rgba(255,255,255,.5); z-index:-1; }
.logo-card img { width:58%; height:42%; object-fit:contain; filter:grayscale(1) sepia(.16) contrast(1.12); mix-blend-mode:multiply; }
.logo-card:hover .image-wrap { transform:translateY(-5px) rotate(-.35deg); box-shadow:0 18px 40px rgba(47,40,31,.1); }
.logo-card:hover .image-wrap::before { transform:scale(1.1) rotate(12deg); }
.logo-card:hover img { transform:scale(1.04); filter:grayscale(1) sepia(.08) contrast(1.18); }
.logo-index { position:absolute; left:18px; top:15px; font:500 .62rem var(--mono); letter-spacing:.08em; opacity:.56; }
.logo-asics .image-wrap { background:#d9ded8; }
.logo-samsonite .image-wrap { background:#d9cbb8; }
.logo-att .image-wrap { background:#d6e0df; }
.logo-moo .image-wrap { background:#ded8d0; }
.logo-life .image-wrap { background:#c9d2ca; }
.logo-spreadshirt .image-wrap { background:#ddd0c9; }
.logo-life img { width:36%; height:58%; }
.logo-moo img { width:66%; height:55%; }