/* Tilt existing frames only. Every photograph remains fully visible at all times. */
#edge-graphite .eg-photo-tilt,
#edge-graphite .eg-quicklinks > a.eg-feature-tile.eg-photo-tilt {
  transform: none;
  transform-origin: 50% 50%;
  transition-property: color, background-color, border-color, box-shadow;
}

#edge-graphite .eg-gallery-grid figure > a.eg-photo-tilt {
  display: block;
}

#edge-graphite .eg-photo-tilt.eg-photo-tilt-active,
#edge-graphite .eg-quicklinks > a.eg-feature-tile.eg-photo-tilt.eg-photo-tilt-active {
  transform: perspective(1100px) rotateX(var(--eg-tilt-x, 0deg)) rotateY(var(--eg-tilt-y, 0deg)) scale(var(--eg-tilt-scale, 1));
  will-change: transform;
}

#edge-graphite .eg-quicklinks > a.eg-feature-tile.eg-photo-tilt:hover > img {
  transform: none;
}

#edge-graphite .eg-photo-tilt.eg-photo-tilt-keyboard-focus {
  transform: none !important;
  will-change: auto;
}

#edge-graphite .eg-photo-tilt:focus-visible {
  outline: 2px solid #ddc28c;
  outline-offset: 5px;
}

@media (prefers-reduced-motion: reduce) {
  #edge-graphite .eg-photo-tilt {
    transform: none !important;
    will-change: auto;
  }
}

@media print {
  #edge-graphite .eg-photo-tilt {
    transform: none !important;
    will-change: auto;
  }
}