/* The three service photos have a restrained blue top haze and gently tilt as frames; the hero stays still. */
.svc-split-media { border: 1px solid #86c8df; }
.svc-split-media::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(11,28,54,.83), rgba(11,28,54,.4) 30%, transparent 66%);
}
.svc-split-media.revealed { transition: opacity .65s ease, transform .2s ease-out, box-shadow .2s ease-out; }
.svc-split-media.revealed.is-reacting {
  transform: perspective(1100px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));
  box-shadow: 0 12px 42px rgba(11,28,54,.2);
}
.svc-split-stat-pill { z-index: 3; pointer-events: none; }
/* Keep the single remaining hero statistic compact instead of reserving three slots. */
.editorial-hero--services .svc-accolade-stats {
  grid-template-columns: max-content;
  width: auto;
  margin-left: auto;
}
@media (prefers-reduced-motion: reduce) {
  .svc-split-media.revealed.is-reacting { transform: none; }
}