/* Shared project-image elevation across Home and Work. */
:where(.work-section .project-card, .work-tile) {
  --project-elevation-duration: .333s;
  --project-elevation-easing: cubic-bezier(.22, 1, .36, 1);
  --project-elevation-lift: -4px;
  --project-elevation-scale: 1.006;
  translate: 0 0;
  scale: 1;
}

@media (hover: hover) and (pointer: fine) {
  :where(.work-section .project-card, .work-ready .work-tile):hover {
    translate: 0 var(--project-elevation-lift);
    scale: var(--project-elevation-scale);
  }
}

:where(.work-section .project-card, .work-ready .work-tile):focus-visible {
  translate: 0 var(--project-elevation-lift);
  scale: var(--project-elevation-scale);
}

@media (prefers-reduced-motion: reduce) {
  :where(.work-section .project-card, .work-tile),
  :where(.work-section .project-card, .work-tile):hover,
  :where(.work-section .project-card, .work-tile):focus-visible {
    translate: none;
    scale: none;
  }
}