.showcase { position:relative; min-height:1358px; padding:187px 0; background:var(--ink); }
.project-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px 20px; }
.project-tile { position:relative; aspect-ratio:313/480; overflow:hidden; border-radius:8px; background:#afafaf; }
.project-tile img { display:block; width:100%; height:100%; object-fit:cover; }
@media (max-width:900px) { .showcase { min-height:0; padding-block:160px; } .project-grid { gap:24px 16px; } }
@media (max-width:600px) { .showcase { padding-block:160px 80px; } .project-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } }