.card{cursor:pointer;position:relative;overflow:hidden}.card img{object-fit:cover;width:100%;height:100%;transition:filter .4s}.card:hover .overlay{opacity:1}.card:hover img{filter:brightness(.4)}.title-box{text-align:center;border:none;padding:8px 20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.title-box h2{align-items:flex-start;gap:4px;display:inline-flex}.title-box p{margin-top:4px}.arrow-img{object-fit:contain;width:10px;height:auto;margin-left:3px;position:relative;top:-1px}.arrow-overlay{pointer-events:none;gap:2px;width:20px;transition:transform .6s;position:absolute;top:27%;left:105%;transform:translate(-100%,-50%)}.arrow-overlay-splash{pointer-events:none;gap:2px;width:20px;transition:transform .6s;position:absolute;top:44%;left:35%;transform:translate(-100%,-50%)}.arrow-overlay-news{pointer-events:none;gap:2px;width:20px;transition:transform .6s;position:absolute;top:22%;left:94%;transform:translate(-100%,-50%)}.arrow-symbol{color:#fff;font-size:14px;line-height:1}.card:hover .arrow-overlay{transform:translate(140px,-50%)}.cta{color:#ff3b30;align-items:center;gap:2px;margin-top:14px;font-size:10px;text-decoration:underline;display:inline-flex}.overlay{color:#fff;background:#000000d9;transition:opacity .4s;position:absolute;inset:0}.overlay a{color:#fff;margin-top:10px;text-decoration:underline;display:inline-block}.overlay-default{opacity:1;background:0 0}.overlay-hover{background:#000000eb;transition:transform .6s;transform:translate(-100%)}.card:hover .overlay-default{opacity:0}.card:hover .overlay-hover{transform:translate(0)}.hover-box{text-align:center;padding:24px 20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hover-box p{margin:6px 0;font-size:16px;font-weight:400}.hover-box a{color:#ff3b30;margin-top:10px;font-size:10px;font-weight:500;text-decoration:underline;display:inline-block}.hover-title{align-items:flex-start;gap:4px;margin-bottom:10px;font-size:16px;font-weight:500;display:inline-flex}.from-bottom{opacity:0;transform:translateY(24px)}.card:hover .overlay-hover .from-bottom{opacity:1;transition:transform .4s .3s,opacity .4s .3s;transform:translateY(0)}.card:hover .overlay-hover .from-bottom:first-of-type{transition-delay:.3s}.card:hover .overlay-hover .from-bottom:nth-of-type(2){transition-delay:.45s}