.project-grid{gap:34px 26px}.project-card{margin:0;background:#fff;border:1px solid #eee7df;border-radius:18px;overflow:hidden;transition:box-shadow .25s,transform .25s}.project-card:hover{box-shadow:0 14px 38px #3c242014;transform:translateY(-3px)}
.project-card .project-image{display:block;position:relative;width:100%;padding:0;border:0;border-radius:0;background:#eee7df;overflow:hidden;aspect-ratio:4/3;cursor:zoom-in}.project-card .project-image img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;transition:transform .4s}.project-card figcaption{padding:18px 20px 20px}.project-card figcaption h3{margin:0 0 6px;font-size:17px}.project-card figcaption>span{font-size:11px;color:#8a776d;letter-spacing:.06em}.project-card .project-image>span{background:#fff;color:#a72433;box-shadow:0 2px 12px #0001;right:13px;bottom:13px;left:auto}
.project-artwork .project-image{background:radial-gradient(ellipse at 24% 14%,#fff9f0,transparent 65%),linear-gradient(135deg,#e9dfd0,#f7f2eb 55%,#dfd1bf);padding:22px 26px}.project-artwork:nth-child(2n) .project-image{background:radial-gradient(ellipse at 15% 20%,#efe7dd,transparent 60%),linear-gradient(135deg,#d8d1c7,#f2ece3)}
.project-artwork .project-image:before{content:'';position:absolute;inset:auto -10% -26% 40%;height:55%;background:#8e24331a;transform:rotate(-25deg);pointer-events:none}.project-artwork .project-image img{position:relative;object-fit:contain;filter:drop-shadow(5px 9px 7px #4a302024)}.project-artwork:hover .project-image img{transform:scale(1.025)}
@media(max-width:650px){.project-grid{gap:20px 12px}.project-card{border-radius:12px}.project-card figcaption{padding:13px 12px 15px}.project-card figcaption h3{font-size:14px}.project-artwork .project-image{padding:14px 12px}.project-card .project-image>span{width:24px;height:24px;right:7px;bottom:7px}}
@media(prefers-reduced-motion:reduce){.project-card,.project-card .project-image img{transition:none}}