/* Fit the mosaic to the artwork, including text printed inside client images. */
.work .project-grid { display: flex; flex-wrap: wrap; align-items: flex-start; position: relative; gap: 0; }
.work .project-grid .project { position: relative; flex: 0 0 50%; width: 50%; min-width: 0; margin: 0; grid-column: auto; grid-row: auto; }
.work .project-grid.is-fitted .project { position: absolute; }
.work .project-grid .project-caption,
.work .project-grid .image-label { display: none; }
.work .project-grid .project-link { display: block; width: 100%; height: auto; position: relative; overflow: hidden; }
.work .project-grid .project .project-visual { position: relative; overflow: hidden; height: auto; aspect-ratio: auto; background: #e9e9e3; }
.work .project-grid .project .project-visual > img { display: block; width: 100%; height: auto; max-height: none; object-fit: contain; transform: none; transition: none; }
.work .project-grid.is-fitted .project-link,
.work .project-grid.is-fitted .project .project-visual,
.work .project-grid.is-fitted .project .project-visual > img { height: 100%; }
.work .project-grid .project .project-visual > [data-project-motion] { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; background: #e9e9e3; opacity: 0; pointer-events: none; transition: opacity .3s ease; }
.work .project-grid .project .project-visual > video[data-project-motion] { object-fit: cover; }
.work .project-grid .project .project-visual > .is-motion-ready { opacity: 1; }
.work .project-grid .project-link:hover .project-visual > img { transform: none; }
.work .project-link:focus-visible { outline: 3px solid var(--accent); outline-offset: -3px; }
.work .project-link:hover { box-shadow: inset 0 0 0 2px #fff9; }
.work .work-toolbar { flex-wrap: wrap; gap: 16px 24px; }
@media (max-width: 599px) {
  .work .project-grid .project { flex-basis: 100%; width: 100%; }
  .work .work-toolbar { align-items: center; gap: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .work .project-grid .project .project-visual > [data-project-motion] { transition: none; }
}