.card{cursor:pointer;position:relative;overflow:hidden}.project-card-link{aspect-ratio:1;width:100%;display:block}.project-gallery-grid>.project-card-link{min-width:0}.project-card-sample-grid{width:100%;height:50vh}.project-card-sample-scroll{flex-shrink:0;width:90vw;height:50vh}@media (min-width:768px){.project-card-sample-grid{height:33vw}.project-card-sample-scroll{width:33.3vw;height:33vw}}.card img{object-fit:cover;width:100%;height:100%;transition:filter .4s}.card:hover .overlay{opacity:1}.card:hover img{filter:brightness(.4)}.card-image-gradient{background:linear-gradient(#0000 0%,#0000004d 90%,#000000e6 97%)}.title-box{text-align:left;border:none;padding:8px 0;position:absolute;bottom:24px;left:30px;right:24px}.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{align-items:center;margin-top:20px;display:inline-flex}.case-study-button{white-space:nowrap;color:#fff;letter-spacing:.08em;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:8px;justify-content:center;align-items:center;width:max-content;max-width:100%;padding:clamp(6px,1vw,8px) clamp(12px,2vw,16px);font-size:clamp(13px,1.2vw,16px);line-height:1.2;transition:background-color .2s,color .2s;display:inline-flex}.case-study-button:hover{color:#000;background:#fff}.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:#000000d1;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}