.card{aspect-ratio:1/1;background:rgb(var(--accent-color));flex-direction:column;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.card,.card .image{align-items:center;display:flex;justify-content:center}.card .image{background:linear-gradient(rgba(var(--accent-color),.4),rgba(var(--accent-color),.4)),url(../web/texture.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;overflow:hidden;padding:1rem;width:100%}.card .image img{aspect-ratio:1/1;filter:drop-shadow(-5px 2.5px 5px rgba(0,0,0,.1));height:100%;max-height:80%;max-width:80%;transition:filter .1s ease-out;width:100%;will-change:filter}.card .image img:hover{filter:drop-shadow(-10px 5px 10px rgba(0,0,0,.3))}.card .title{align-items:center;background:rgb(var(--bg-1));bottom:-1.4rem;color:#fff;display:flex;font-size:.8rem;font-weight:700;justify-content:center;letter-spacing:.09rem;line-height:15px;max-width:80%;min-width:50%;padding:.6rem .2rem;position:absolute;text-align:center;text-transform:uppercase;width:-moz-fit-content;width:fit-content}