/* ATL Snap Studio — Gallery (/work) fix. Scoped to .work-grid / .work-card only. */
.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
@media (min-width:640px){.work-grid{gap:.9rem}}
@media (min-width:901px){.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}
@media (min-width:1280px){.work-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Root cause: <figure> keeps the browser default margin (1em 40px), shrinking every tile by 80px */
.work-card{margin:0;min-width:0;border-radius:4px;background:color-mix(in srgb,var(--midnight) 10%,var(--cream))}
.work-card img{display:block;width:100%;height:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 30%;transition:transform .5s ease}
.work-card:hover img{transform:scale(1.04)}

.work-card figcaption{inset:auto 0 0;padding:2.6rem .75rem .75rem;
  background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--midnight) 55%,transparent) 45%,color-mix(in srgb,var(--midnight) 88%,transparent) 100%)}
.work-card small{display:block;margin-bottom:.2rem;font-size:clamp(.6rem,.55rem + .2vw,.72rem);letter-spacing:.14em;opacity:.85}
.work-card h3{font-size:clamp(1rem,.85rem + .9vw,1.45rem);line-height:1.05;overflow-wrap:break-word;hyphens:auto;text-wrap:balance}
@media (min-width:901px){.work-card figcaption{padding:3.2rem 1.1rem 1.1rem}}