/**
 * HIBEE 0.7.3 — one continuous backdrop in Servicios;
 * animated depth change for TREND artist portraits.
 * Loaded last to override legacy section-specific background and hover rules.
 */

/* The dark field belongs to the section, not to either of its columns. */
.hibee-services.hibee-services-team {
  background: #171717;
  color: var(--hw, #fff);
}
.hibee-services.hibee-services-team > .hibee-services-team-grid,
.hibee-services.hibee-services-team > .hibee-services-copy {
  background: transparent;
  background-image: none;
  box-shadow: none;
}
/* Photos retain their individual frames; the column wrapper has no separate panel. */
.hibee-services.hibee-services-team .hibee-services-team-grid {
  isolation: auto;
}

/* TREND photo stack: the central cover remains the middle depth plane. */
.hibee-release .hibee-release-visual {
  isolation: isolate;
}
.hibee-release .hibee-release-people {
  z-index: auto;
}
.hibee-release .hibee-release-people img {
  z-index: 1;
  transform-origin: 50% 50%;
  backface-visibility: hidden;
  filter: saturate(.94) contrast(1.02);
  transition:
    transform 650ms cubic-bezier(.22,1,.36,1),
    filter 650ms ease,
    box-shadow 650ms ease;
  cursor: pointer;
}
.hibee-release .hibee-release-people img:focus-visible {
  outline: 3px solid var(--hb, #0a0a0a);
  outline-offset: 5px;
}

/* Cancel the old blanket hover rule that shifted both portraits at once. */
.hibee-release .hibee-release-visual .hibee-release-people img:first-child,
.hibee-release .hibee-release-visual:hover .hibee-release-people img:first-child {
  transform: rotate(-7deg);
}
.hibee-release .hibee-release-visual .hibee-release-people img:last-child,
.hibee-release .hibee-release-visual:hover .hibee-release-people img:last-child {
  transform: rotate(7deg);
}
.hibee-release .hibee-release-visual .hibee-release-people img:first-child.is-front,
.hibee-release .hibee-release-visual:hover .hibee-release-people img:first-child.is-front {
  z-index: 5;
  transform: translate3d(16px,-12px,0) rotate(-3deg) scale(1.07);
}
.hibee-release .hibee-release-visual .hibee-release-people img:last-child.is-front,
.hibee-release .hibee-release-visual:hover .hibee-release-people img:last-child.is-front {
  z-index: 5;
  transform: translate3d(-16px,10px,0) rotate(3deg) scale(1.07);
}
.hibee-release .hibee-release-people img.is-front,
.hibee-release .hibee-release-people img.is-returning {
  z-index: 5;
  filter: saturate(1.1) contrast(1.04);
  box-shadow: 0 42px 85px rgba(0,0,0,.3);
}
/* Keep a returning photo in front until it moves clear of the cover; only then
   should it fall behind. JS removes .is-returning when the animation finishes. */
.hibee-release .hibee-release-people img.is-returning {
  z-index: 5;
}

/* On small screens reduce excursion so both portraits stay within the visual. */
@media (max-width: 620px) {
  .hibee-release .hibee-release-visual .hibee-release-people img:first-child.is-front,
  .hibee-release .hibee-release-visual:hover .hibee-release-people img:first-child.is-front {
    transform: translate3d(8px,-8px,0) rotate(-3deg) scale(1.05);
  }
  .hibee-release .hibee-release-visual .hibee-release-people img:last-child.is-front,
  .hibee-release .hibee-release-visual:hover .hibee-release-people img:last-child.is-front {
    transform: translate3d(-8px,7px,0) rotate(3deg) scale(1.05);
  }
}
@media (prefers-reduced-motion: reduce) {
  .hibee-release .hibee-release-people img {
    transition: none !important;
    animation: none !important;
  }
}