.card-grid{background:var(--paper);padding:60px 0}.card-grid-wash{background:var(--wash)}.cg-grid{grid-template-columns:minmax(0,1fr);gap:34px 20px;display:grid}.cg-card{flex-direction:column;display:flex;position:relative}.cg-media{aspect-ratio:4/3;border-radius:var(--radius);position:relative;overflow:hidden;box-shadow:0 12px 30px #062d571a}.cg-media:after{content:"";background:linear-gradient(#0000 45%,#000c 100%);position:absolute;inset:0}.cg-media img{object-fit:cover;transition:transform .5s}.cg-card:hover .cg-media{box-shadow:0 18px 40px #062d5729}.cg-card:hover .cg-media img{transform:scale(1.05)}.cg-overlay{z-index:1;padding:16px;position:absolute;bottom:0;left:0;right:0}.cg-card h3{color:#fff;letter-spacing:.01em;margin:0 0 8px;font-size:26px;font-weight:600;line-height:1.1}.cg-link:after{content:"";border-radius:var(--radius);position:absolute;inset:0}.cg-link:focus-visible{outline:none}.cg-link:focus-visible:after{outline-offset:6px;outline:3px solid #d4b572b3}.cg-card .cg-overlay p{color:#fff;margin:0;font-size:15px;line-height:1.55}@media (min-width:621px){.card-grid{padding:88px 0}.cg-grid{grid-template-columns:1fr 1fr;gap:44px 24px}.cg-card h3{font-size:30px}}@media (min-width:901px){.card-grid{padding:100px 0}.cg-grid{grid-template-columns:repeat(3,1fr)}}