:root{--page-title-display:none;}/* Start custom CSS *//* Mack homepage: reduced-motion override for native Elementor interactions. */
@media (prefers-reduced-motion: reduce) {
  body.page-id-7699 [data-interaction-id],
  body.page-id-7699 [class*="mi-"] {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
  html:has(body.page-id-7699) { scroll-behavior: auto !important; }
}

/* MACK SERVICE HERO START — media framing, fallback and entrance effects only. */
.mi-service-hero {
  background-color:#202322;
  background-image:url('https://www.mack-interactive.com/wp-content/uploads/2026/10/mack-service-neighborhood-black-poster.webp');
  background-size:cover;
  background-position:center bottom;
  background-repeat:no-repeat;
  isolation:isolate;
}
.mi-service-hero video {
  position:absolute !important; inset:0 !important;
  width:100% !important; height:100% !important;
  object-fit:cover !important; object-position:center bottom !important;
  opacity:0; pointer-events:none;
  transition:opacity .3s ease;
}
.mi-service-hero.mi-hero-ready video { opacity:1; }
.mi-service-hero::before {
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(90deg,rgba(32,35,34,.38),rgba(32,35,34,.06) 58%,transparent 80%);
}
.mi-service-hero [data-e-type="widget"] { min-width:0; }
.mi-service-hero[data-mi-playing="true"] .mi-scene-play,
.mi-service-hero[data-mi-playing="false"] .mi-scene-pause { display:none !important; }
.mi-service-hero[data-mi-playing="true"] .mi-scene-pause,
.mi-service-hero[data-mi-playing="false"] .mi-scene-play { display:inline-flex !important; }
.mi-service-hero .mi-hero-motion-controls { z-index:3; }
.mi-service-hero a:focus-visible, .mi-service-hero button:focus-visible { outline:2px solid #D6FF42; outline-offset:5px; }
@media(max-width:1024px) {
  .mi-service-hero::before { background:linear-gradient(90deg,rgba(32,35,34,.78),rgba(32,35,34,.42) 62%,rgba(32,35,34,.05)); }
}
@media(max-width:767px) {
  .mi-service-hero { background-size:auto 100%; }
  .mi-service-hero video { object-fit:contain !important; }
  .mi-service-hero::before { background:linear-gradient(180deg,#202322 0%,rgba(32,35,34,.96) 45%,rgba(32,35,34,.28) 67%,transparent 78%); }
}
@keyframes mi-hero-rise { from {opacity:0;transform:translateY(24px);} to {opacity:1;transform:translateY(0);} }
@media(prefers-reduced-motion:no-preference) {
  .mi-service-hero:not(.mi-hero-entered) .mi-hero-title { animation:mi-hero-rise .85s .16s both cubic-bezier(.16,1,.3,1); }
  .mi-service-hero:not(.mi-hero-entered) .mi-hero-promise { animation:mi-hero-rise .85s .26s both cubic-bezier(.16,1,.3,1); }
  .mi-service-hero:not(.mi-hero-entered) .mi-hero-description { animation:mi-hero-rise .75s .44s both cubic-bezier(.16,1,.3,1); }
  .mi-service-hero:not(.mi-hero-entered) .mi-hero-actions { animation:mi-hero-rise .65s .60s both cubic-bezier(.22,1,.36,1); }
  .mi-service-hero:not(.mi-hero-entered) .mi-hero-trades { animation:mi-hero-rise .65s .80s both cubic-bezier(.16,1,.3,1); }
}
@media(prefers-reduced-motion:reduce) {
  .mi-service-hero video, .mi-service-hero .mi-hero-motion-controls { display:none !important; }
  .mi-service-hero, .mi-service-hero * { animation:none !important; transition:none !important; transform:none !important; opacity:1 !important; }
}
/* MACK SERVICE HERO END *//* End custom CSS */