.global-image-trail-layer {
  position: fixed;
  inset: 0;
  z-index: 40;
  overflow: hidden;
  pointer-events: none;
  contain: layout paint;
}

.global-image-trail-layer[hidden] {
  display: none;
}

.global-image-trail {
  position: absolute;
  width: clamp(56px, 5.2vw, 78px);
  height: clamp(74px, 6.9vw, 104px);
  object-fit: contain;
  object-position: center;
  opacity: 0;
  transform: translate(-50%, -50%) rotate(var(--trail-rotation, 0deg)) scale(0.98);
  transition: opacity 180ms ease, transform 180ms ease;
  will-change: opacity, transform;
}

.global-image-trail.is-visible {
  opacity: 0.78;
  transform: translate(-50%, -50%) rotate(var(--trail-rotation, 0deg)) scale(var(--trail-scale, 1));
}

.global-image-trail.is-fading {
  opacity: 0;
  transform: translate(-50%, -50%) rotate(var(--trail-rotation, 0deg)) scale(0.94);
  transition: opacity 260ms ease, transform 260ms ease;
}

@media (max-width: 900px), (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
  .global-image-trail-layer {
    display: none;
  }
}