/* Seven project covers; each cover opens its own finished-photo album. */
.work-covers { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin: 28px 0 48px; }
.work-cover { min-width: 0; background: var(--paper); border: 1px solid var(--line); border-radius: 16px; overflow: hidden; }
.work-cover-feature { grid-column: 1 / -1; }
.work-cover .gallery-link { position: relative; border-radius: 0; }
.work-cover img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.work-cover-feature img { height: 460px; aspect-ratio: auto; }
.work-photo-count { position: absolute; left: 16px; bottom: 16px; padding: 7px 12px; border-radius: 999px; background: var(--accent-dark); color: white; font-size: 14px; }
.work-cover-copy { padding: 22px; }
.work-cover h2 { font-size: 30px; margin: 0 0 10px; }
.work-cover-copy > p:not(.kicker) { color: var(--muted); margin: 0 0 18px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (max-width: 800px) { .work-cover-feature img { height: 350px; } .work-cover:not(.work-cover-feature) img { height: auto; } }
@media (max-width: 600px) { .work-covers { grid-template-columns: 1fr; gap: 20px; } .work-cover img, .work-cover-feature img { height: auto; aspect-ratio: 3 / 2; } .work-cover-copy { padding: 18px; } .work-cover h2 { font-size: 28px; } }