/* A shared inspection scene: the existing drone and a quiet camera frame. */
.inspection-scene-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  user-select: none;
  opacity: 1;
  transition: opacity .24s ease;
}
.inspection-scene-overlay[hidden] { display: none !important; }
.inspection-scene-overlay *, .inspection-scene-overlay *::before, .inspection-scene-overlay *::after { pointer-events: none; }
.inspection-scene-drone {
  position: absolute;
  left: 28%;
  top: 20%;
  display: block;
  width: clamp(210px, 26vw, 350px);
  height: auto;
  max-width: none;
  transform: translate(-50%, -50%) rotate(-4deg);
  filter: drop-shadow(0 18px 18px #02132260);
}
.inspection-scene-frame {
  position: absolute;
  left: var(--inspection-focus-x, 65%);
  top: var(--inspection-focus-y, 33%);
  width: clamp(205px, 24vw, 380px);
  height: clamp(140px, 24vh, 245px);
  transform: translate(-50%, -50%);
  color: #d8effb;
  filter: drop-shadow(0 1px 4px #041b2b45);
}
.inspection-scene-frame i { position: absolute; width: 23px; height: 23px; border-style: solid; border-color: #d0edffd9; }
.inspection-scene-frame i:nth-child(1) { left: 0; top: 0; border-width: 1px 0 0 1px; }
.inspection-scene-frame i:nth-child(2) { right: 0; top: 0; border-width: 1px 1px 0 0; }
.inspection-scene-frame i:nth-child(3) { left: 0; bottom: 0; border-width: 0 0 1px 1px; }
.inspection-scene-frame i:nth-child(4) { right: 0; bottom: 0; border-width: 0 1px 1px 0; }
.inspection-scene-label { position: absolute; right: 0; bottom: -26px; white-space: nowrap; font-size: 8px; font-weight: 400; letter-spacing: .19em; line-height: 1.5; color: #d8effb; }
.inspection-scene-host[data-inspection-context="showcase"] > .world-copy,
.inspection-scene-host[data-inspection-context="showcase"] > .world-topline,
.inspection-scene-host[data-inspection-context="hero"] > .service-hero-copy { position: relative; z-index: 2; }
.services-showcase.is-shifting .inspection-scene-overlay { opacity: 0; }
@media (min-width:761px) {
  .inspection-scene-host[data-inspection-context="home"] .inspection-scene-drone { top: var(--inspection-drone-y, 45%); width: var(--inspection-drone-width, 26vw); }
}
@media (max-width:760px) {
  .inspection-scene-drone { left: 5%; top: 22%; width: 140px; transform: rotate(-4deg); filter: drop-shadow(0 12px 12px #02132255); }
  .inspection-scene-frame { left: var(--inspection-focus-x, 62%); top: var(--inspection-focus-y, 33%); width: 39%; min-width: 125px; max-width: 235px; height: clamp(105px, 19vh, 160px); }
  .inspection-scene-frame i { width: 18px; height: 18px; }
  .inspection-scene-label { bottom: -23px; font-size: 6px; letter-spacing: .16em; }
  .inspection-scene-host[data-inspection-context="hero"] > .service-hero-image { object-position: 69% 50%; }
}
@media (max-width:370px) {
  .inspection-scene-drone { width: 128px; }
  .inspection-scene-frame { min-width: 116px; }
}
@media (prefers-reduced-motion:reduce) {
  .inspection-scene-overlay { transition: none; }
  .services-showcase.is-shifting .inspection-scene-overlay { opacity: 1; }
}
@media (forced-colors:active) {
  .inspection-scene-overlay { display: none; }
}