.reusableCardContent{grid-template-columns:1fr 1fr 1fr;gap:35px 25px;display:grid}.reusableCard{cursor:pointer;flex-direction:column;display:flex}.cardImage{border-radius:16px;height:220px;position:relative;overflow:hidden}.cardImage img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.reusableCard:hover .cardImage img{transform:scale(1.015)}.cardContent{flex-direction:column;flex:1;display:flex}.cardContent .date{color:#888;padding-top:14px;padding-bottom:8px;font-family:inter;font-size:13px}.cardContent a h4{color:#111;padding-bottom:10px;font-family:inter;font-size:clamp(18px,1.39vw,22px);font-weight:600;line-height:1.4;transition:color .2s}.cardContent a:hover h4{color:#555}.cardContent p{color:#666;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-family:inter;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.cardContent button{color:#111;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-top:14px;padding:0;font-family:inter;font-size:14px;font-weight:500;transition:gap .2s;display:flex}.cardContent button:hover{gap:10px}@media (min-width:600px) and (max-width:1024px){.reusableCardContent{grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:20px 15px}.cardContent a h4{color:#000;padding-bottom:10px;font-family:inter;font-size:clamp(1.2rem,2.5vw,1.4rem);font-weight:500}.cardContent .date{padding-bottom:6px;font-size:clamp(.9rem,1.9vw,1.125rem)}.cardContent p{color:#555;font-family:inter;font-size:clamp(.7rem,1.5vw,.8125rem)}.cardImage{height:clamp(10rem,18vh,13.75rem)}}@media (max-width:599px){.cardImage{height:clamp(10rem,32vh,14rem)}.cardImage img{border-radius:15px}.reusableCardContent{grid-template-columns:1fr;row-gap:28px;display:grid}.cardContent a h4{color:#000;padding-bottom:10px;font-family:inter;font-size:clamp(1rem,5.7vw,1.375rem);font-weight:500}.cardContent .date{padding-bottom:5px;font-size:13px}.cardContent p{width:92%;font-size:clamp(.68rem,1.5vw,.8125rem)}}