/* Molitaris Consulting motion layer.
   Loaded after the Showit engine on every page; pairs with mc-motion.js.
   Only additive polish here: never reposition Showit elements. */

/* --- Scroll progress bar (injected by mc-motion.js) --- */
.mc-scroll-progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, rgba(255,255,255,0.9), rgba(255,255,255,0.45));
  transform: scaleX(0);
  transform-origin: 0 50%;
  z-index: 9999;
  pointer-events: none;
}

/* --- Header deepens once the page is scrolled --- */
#header .frosted-glass,
#header-m .frosted-glass {
  transition: background-color 0.4s ease;
}

body.mc-scrolled #header .frosted-glass,
body.mc-scrolled #header-m .frosted-glass {
  background-color: rgba(10, 10, 10, 0.72);
}

/* --- Linked images (case study cards etc.): slow zoom on hover ---
   overflow:hidden only on links that contain an image; text links must
   keep their natural overflow or long titles get clipped. --- */
a.se:not([class*="sie-header"]):has(.se-img) {
  overflow: hidden;
}

a.se:not([class*="sie-header"]) .se-img {
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

a.se:not([class*="sie-header"]):hover .se-img {
  transform: scale(1.05);
}

/* --- Arrow icons nudge on hover --- */
a.se .se-icon svg {
  transition: transform 0.3s ease;
}

a.se:hover .se-icon svg {
  transform: translateX(4px);
}

/* --- Buttons: lift + glow on hover, press on click --- */
.se-button,
a.cta-button {
  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}

.se-button:hover,
a.cta-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 0 5px rgba(255,255,255,0.07), 0 12px 28px rgba(0,0,0,0.35);
}

.se-button:active,
a.cta-button:active {
  transform: translateY(0) scale(0.98);
}

/* --- Text links get a smooth color ease --- */
a.se .se-t {
  transition: opacity 0.3s ease;
}

a.se:hover .se-t {
  opacity: 0.75;
}

/* --- Image marquee pauses on hover so it can be read --- */
.image-marquee-container:hover .image-marquee-content {
  animation-play-state: paused;
}

/* --- Count-up stat spans: lock width so the sentence never reflows --- */
.mc-count {
  display: inline-block;
  font-variant-numeric: tabular-nums;
  text-align: left;
}

/* --- Mobile: no progress bar (reads as a stray line near the notch) --- */
@media (max-width: 767px) {
  .mc-scroll-progress { display: none; }
}

/* --- Reduced motion: no movement anywhere --- */
@media (prefers-reduced-motion: reduce) {
  .mc-scroll-progress { display: none; }

  a.se:not([class*="sie-header"]) .se-img,
  a.se .se-icon svg,
  .se-button,
  a.cta-button {
    transition: none;
  }

  a.se:not([class*="sie-header"]):hover .se-img,
  a.se:hover .se-icon svg,
  .se-button:hover,
  a.cta-button:hover {
    transform: none;
  }

  .image-marquee-content { animation: none; }
}