.cat-grid{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:20px;height:700px;display:grid}.cat-card{cursor:pointer;border-radius:8px;position:relative;overflow:hidden}.cat-card img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.cat-card:hover img{transform:scale(1.05)}.cat-card:hover .cat-card-overlay{background:linear-gradient(#0000 0%,#000000d9 100%);padding-bottom:40px}.cat-card:hover .cat-card-title{transform:translateY(-10px)}.cat-card:hover .cat-card-desc{opacity:1;max-height:60px;margin-top:8px}.cat-card-overlay{color:#fff;background:linear-gradient(#0000 0%,#000000b3 100%);padding:30px;transition:padding-bottom .4s,background .4s;position:absolute;bottom:0;left:0;right:0}.cat-card-subtitle{letter-spacing:.2em;text-transform:uppercase;opacity:.85;margin-bottom:6px;font-size:11px;font-weight:600}.cat-card-title{color:#fff;margin:0;font-size:clamp(22px,3vw,32px);font-weight:700;line-height:1.2;transition:transform .4s}.cat-card-desc{opacity:0;max-height:0;margin-top:8px;font-size:14px;line-height:1.5;transition:opacity .4s,max-height .4s,margin-top .4s;overflow:hidden}.cat-card-large{grid-area:1/1/2/2}.cat-card-tall{grid-area:1/2/3/3}.cat-card-bottom-left{grid-area:2/1/3/2}@media (max-width:767px){.cat-grid{grid-template-rows:auto;grid-template-columns:1fr;height:auto}.cat-card-large,.cat-card-tall,.cat-card-bottom-left{grid-area:auto/1/auto/-1;min-height:300px}.cat-card-bottom-left{grid-template-columns:1fr 1fr;gap:0;display:grid}}