/* Paneles con fotografía a sangre (orilla, origen y cierre) */

.photo,
.origin,
.closing { display: grid; }

.photo__media,
.origin__media,
.closing__media {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
}
.photo__media img,
.origin__media img,
.closing__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.12);
  will-change: transform;
}
.photo__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(3, 24, 42, 0.78) 0%, rgba(3, 24, 42, 0.2) 50%, rgba(3, 24, 42, 0.1));
}
.photo__copy {
  align-self: end;
  padding-top: 0;
}
.photo__copy .display { max-width: 14ch; }

@media (prefers-reduced-motion: reduce) {
  .photo__media img, .origin__media img, .closing__media img { transform: none !important; }
}