/* ============================================================
   company-gallery.css — Samora Ceylon · v4.0 (Emerald Royale)
   Photo Gallery page: filter animation for the photo grid.
   Grid, tabs and viewer styles live in company.css; every value
   references main.css tokens.
   ============================================================ */
.gal-grid { transition: opacity 260ms ease; }
.gal-grid.is-filtering { opacity: 0; }
.gal-item {
  opacity: 0;
  transform: translateY(24px) scale(0.98);
  transition: opacity 700ms var(--coy-ease), transform 800ms var(--coy-ease);
  transition-delay: calc(var(--gi, 0) * 45ms);
}
.gal-item.is-in { opacity: 1; transform: none; }
.gal-item[hidden] { display: none; }
.gal-empty { text-align: center; color: var(--text-muted); }