.card{width:100%;height:100%;background-color:#777;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;overflow:hidden;padding-top:10px;padding-left:10px;padding-right:10px;box-sizing:border-box}.card:hover{background-color:#fff;transform:translateY(-5px);transition:transform .5s ease}.card-content{display:flex;flex-direction:column;align-items:center}.card-image-container{height:200px;width:260px;object-fit:contain;position:relative;overflow:hidden;text-overflow:ellipsis}.card-image,.image-glass{width:100%;height:100%}.image-glass{position:absolute;z-index:7}.card-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;text-align:center;font-size:100%;font-weight:600;color:#fff;transition:opacity .3s ease,transform .3s ease}.card:hover .card-title{opacity:0;transform:translate(-50%,-60%)}.card:hover .card-title-replace{opacity:1;transform:translate(-50%,-85%)}.card-title-replace{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;opacity:0;transition:opacity .1s ease,transform .1s ease}.card-overlay{position:absolute;inset:0;background-color:#bc4747;opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.card:hover .card-overlay{opacity:.5}.overlay-text{font-size:100%;font-weight:700;color:#fff}.action-button{background-color:#bc4747;border:3px solid #fff;color:#fff;padding:clamp(.3rem,2vw,.5rem) clamp(.6rem,4vw,1rem);border-radius:9999px;transition:background-color .5s ease,color .5s ease}.action-button:hover{background-color:#fff;color:#bc4747}.card-footer{display:flex;justify-content:start;align-items:center;margin-top:0;margin-bottom:10px}.card-footer-text{margin-left:2px;padding-right:10px;color:#fff}.card-footer-text,.card-footer-text:hover{font-size:15px;padding-top:6px;font-weight:700;white-space:nowrap;transition:color .3s ease}.card-footer-text:hover{color:#000}.card-footer-subtext{width:100%;font-size:80%;margin-top:.5rem;color:#000;white-space:nowrap;transition:color .3s ease;text-align:right}.card:hover .card-footer-text{color:#000}.card:hover .card-footer-subtext{color:#bc4747}.text-shadow{color:#fff}.text-shadow:hover{text-shadow:0 0 5px #fff}.banner{background:linear-gradient(90deg,#000,transparent,#000)}