#mf-consult-photos {
  display: block;
  position: relative;
  height: clamp(400px, 70svh, 860px);
  background: #262920;
  clip-path: inset(0);
  isolation: isolate;
}
.mf-consult-plates { position: fixed; inset: 0; pointer-events: none; }
.mf-consult-plates img {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  object-position: var(--desktop-focus, center); opacity: 0;
  transition: opacity 1.1s ease-in-out;
}
.mf-consult-plates img[data-outgoing] { opacity: 1; z-index: 1; transition: none; }
.mf-consult-plates img[data-active] { opacity: 1; z-index: 2; }
#mf-consult-photos button {
  position: absolute; z-index: 2; bottom: 16px; right: clamp(16px, 3vw, 48px);
  padding: 9px 15px; min-height: 44px; border: 1px solid #ffffff80; border-radius: 8px;
  color: white; background: #191c17b8; font: 600 11px/1.2 var(--font-body, sans-serif);
  letter-spacing: .12em; text-transform: uppercase; cursor: pointer;
}
#mf-consult-photos button:focus-visible { outline: 3px solid white; outline-offset: 3px; }
@media (max-width: 700px) {
  #mf-consult-photos { height: clamp(300px, 54svh, 540px); }
  .mf-consult-plates { position:absolute; inset:-80px 0; transform:translateY(var(--plate-shift,0px)); }
  .mf-consult-plates img { object-position: var(--mobile-focus, center); }
}
@media (prefers-reduced-motion: reduce) {
  .mf-consult-plates { position: absolute; inset:0; transform:none; }
  .mf-consult-plates img { transition: none; }
}