.card{background-color:var(--spacer);border-radius:var(--r-medium);box-shadow:0 0 10px #0003;overflow:hidden;position:relative}.card .rank{color:var(--white);left:0;padding:1rem;position:absolute;top:0}.card .tags{gap:.5rem}.card .tags .tag{margin:0}.card.small{color:var(--white);height:180px}.card.expanded{height:350px}.card h2,.card h3,.card h4{margin:0}.card a{display:block;height:100%;width:100%}.card .imgbox{left:0;top:0;width:100%}.card.expanded .imgbox{height:220px}.card.small .imgbox{position:absolute;height:100%}.imgbox img{height:100%;object-fit:cover;width:inherit}.card .card-body{position:relative;display:flex;padding:1.25rem;flex-direction:column}.card.expanded .card-body{background-color:var(--white);color:var(--black);gap:.5rem;justify-content:space-between;height:130px}.card.small .card-body{background:linear-gradient(0deg,#000c,#0000 60%);color:var(--white);justify-content:flex-end;height:100%;z-index:1}@media (max-width: 834px){.card.expanded{height:unset}.card.expanded .card-body{background:linear-gradient(0deg,#000c,#0000 60%);bottom:0;color:var(--white);height:142px;justify-content:flex-start;padding:2rem 1.5rem 1.5rem;position:absolute;width:100%;z-index:2}}