/* =========================================================
   IMAGERY FIXES v1.1
   Loaded after imagery.css — surgical corrections.
   ========================================================= */

/* Fix 1: Workstrip cards should match the imagery aspect ratio (16:10),
   not force squares that letterbox the images */
.workstrip__item {
  aspect-ratio: 16/10 !important;
}

/* Fix 2: "See all case studies" button on the dark workstrip needs
   visible contrast — override the black-on-black */
.workstrip__foot .btn {
  background: transparent !important;
  color: var(--white) !important;
  border: 2px solid var(--white) !important;
}
.workstrip__foot .btn:hover {
  background: var(--green) !important;
  color: var(--black) !important;
  border-color: var(--green) !important;
}

/* Fix 2b: Suppress the ::after arrow on the workstrip button
   since the button text already includes an arrow character */
.workstrip__foot .btn::after {
  display: none !important;
}

/* Fix 2c: Strengthen caption gradient on workstrip cards so
   client names remain legible over busy imagery */
.workstrip__caption {
  padding: 24px 16px 14px !important;
  background: linear-gradient(to top, rgba(0,0,0,0.95) 30%, rgba(0,0,0,0.6) 70%, transparent) !important;
}

/* Fix 3: Make the reveal system fail-safe — if reveal doesn't fire for
   any reason (slow observers, fast scroll), elements below the fold
   still become visible after a short delay. This is a safety net,
   not a replacement for the observer. */
.reveal {
  animation: revealFallback 1s ease-out 1.2s forwards;
}
@keyframes revealFallback {
  to { opacity: 1; transform: translateY(0); }
}
/* Elements already revealed by observer keep their instant transition */
.reveal.is-in {
  animation: none !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* Fix 4: Reduced-motion users get instant visibility, no animations */
@media (prefers-reduced-motion: reduce) {
  .reveal {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}