/* Work index: six-column editorial grid on the 1440 canvas (48px margins, 24px gutters). */
/* Fluid like the live site: the grid always spans the window, with fixed side margins. */
.work { padding: 200px var(--gutter) 140px; }
@media (min-width: 1800px) { .work { padding-top: 240px; } }
@media (min-width: 810px) and (max-width: 1399.98px) { .work { padding: 160px 24px 140px; } .work .work-row { column-gap: 12px; } }
.work__title { text-align: center; margin-bottom: 20px; }
.work-row { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); column-gap: 24px; align-items: start; padding: 24px 0 18px; }
.work-spacer { height: 124px; }
.card { display: block; }
.card__media { position: relative; aspect-ratio: 1.553; overflow: hidden; background: #ddd; }
.card__media > * { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s var(--ease); }
.card:hover .card__media > * { transform: scale(1.03); }
.card__meta { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-top: 18px; }
.card__tags { display: flex; gap: 6px; flex: none; }
@media (max-width: 809.98px) {
  .work { padding-top: 160px; }
  .work-row { grid-template-columns: 1fr; row-gap: 48px; padding: 24px 0; }
  .work-row .card { grid-column: 1 / -1 !important; }
  .work-spacer { height: 0; }
}