/* WORK-15 — public-facing motion enhancement, independent of My MMA. */
.platform-ready:not(.member-mode) .mma-scroll-progress {
  position:fixed;top:0;left:0;right:0;height:3px;z-index:130;
  background:#e1bc72;box-shadow:0 0 14px #e1bc7280;transform:scaleX(0);
  transform-origin:left center;pointer-events:none;
}
.platform-ready.member-mode .mma-scroll-progress {display:none}
/* Explicit paint order: poster < film < gradient < editorial content.
   Before WORK-22, the video and decorative background both had z-index:-2,
   which allowed media to disappear under a composited background on devices. */
.mma-home-hero {isolation:isolate;overflow:hidden;background:#10150f}
.mma-home-hero .cinematic-hero-art {
  z-index:-1;pointer-events:none;
  background:linear-gradient(100deg,#111a0d30,#171a1115),
    url('media/04-cinematic/12-home-hero-steps-poster.webp') center 54% / cover no-repeat;
}
.mma-home-hero .mma-hero-film {
  position:absolute;inset:0;width:100%;height:100%;z-index:0;
  display:block;object-fit:cover;object-position:center 54%;
  pointer-events:none;opacity:0;
  filter:saturate(.9) contrast(1.07);
  background:transparent;transition:opacity .4s ease;
}
.mma-home-hero[data-mma-media-ready="true"] .mma-hero-film {opacity:1
}
.mma-home-hero .mma-home-hero-wash {
  z-index:1;pointer-events:none;
  background:linear-gradient(90deg,#080b08e8 0%,#080b08b0 39%,#080b082c 100%),
    linear-gradient(0deg,#0b0e0bc7 0%,transparent 39%);
}
.mma-home-hero .mma-home-hero-inner {position:relative;z-index:2}
.mma-home-hero .mma-home-hero-side {position:relative;z-index:2}
.mma-home-hero .mma-hero-playback {position:relative;z-index:3}
.mma-home-hero .mma-hero-playback {
  display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:5px 12px 5px 6px;
  min-height:44px;border:1px solid #eee4cc5e;border-radius:999px;
  background:#111810af;color:#f4eee1;cursor:pointer;
  font:600 11px/1.2 Arial,sans-serif;letter-spacing:.045em;
  transition:background .22s,border-color .22s,transform .22s;
}
.mma-hero-playback-icon {display:grid;place-items:center;min-width:31px;height:31px;border:1px solid #d6ba7e7a;border-radius:50%;font-size:11px;color:#f6d89a}
.mma-home-hero .mma-hero-playback:hover {background:#283224;border-color:#d8bb83;transform:translateY(-1px)}
.mma-home-hero .mma-hero-playback:focus-visible {outline:3px solid #f2d997;outline-offset:4px}
@media (min-width:960px) and (prefers-reduced-motion:no-preference) {
  .mma-home-hero .mma-hero-film {animation:mma-film-breathe 28s ease-in-out infinite alternate}
}
@keyframes mma-film-breathe {from{transform:scale(1)}to{transform:scale(1.07)}}
@media (prefers-reduced-motion:no-preference) {
  .mma-home-hero.mma-motion-paused .mma-hero-film {animation-play-state:paused}
  .public-route .page-heading h1 {animation:mma-page-arrive .7s cubic-bezier(.18,.7,.25,1) both}
  @keyframes mma-page-arrive {from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
  [data-mma-reveal='pending'] {opacity:0;transform:translate3d(0,26px,0)}
  [data-mma-reveal='visible'] {opacity:1;transform:none;transition:opacity .7s ease var(--mma-reveal-delay,0ms),transform .7s cubic-bezier(.2,.75,.25,1) var(--mma-reveal-delay,0ms)}
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .mma-home .mma-home-service-grid article,
  .public-route .school-format-grid article,
  .public-route .mma-practical-grid article,
  .public-route .one-to-one-details article {
    transition:transform .32s ease,background-color .32s ease,border-color .32s ease;
  }
  .mma-home .mma-home-service-grid article:hover,
  .public-route .school-format-grid article:hover,
  .public-route .mma-practical-grid article:hover,
  .public-route .one-to-one-details article:hover {transform:translateY(-4px)}
  .public-route .about-hero-portrait,
  .public-route .mma-setting-art,
  .public-route .school-founder,
  .public-route .service-illustration {
    transition:filter .4s ease,box-shadow .4s ease;
  }
  .public-route .about-hero-portrait:hover,
  .public-route .mma-setting-art:hover,
  .public-route .school-founder:hover,
  .public-route .service-illustration:hover {filter:brightness(1.05)}
}
@media (max-width:719px) {
  .mma-home-hero .mma-hero-film {object-position:60% center}
  .mma-home-hero .mma-home-hero-wash {background:linear-gradient(0deg,#090e09ed 0%,#0b110bc2 47%,#10180b38 100%)}
  .mma-home-hero-wash {background:linear-gradient(0deg,#0a0e0af5 0%,#0c110dc8 57%,#10160d77 100%)}
  .mma-home-hero .mma-hero-playback {margin-top:16px}
}
@media (prefers-reduced-motion:reduce) {
  .mma-home-hero:not([data-mma-video-opt-in="true"]) .mma-hero-film {visibility:hidden;animation:none!important}
  .mma-home-hero[data-mma-video-opt-in="true"] .mma-hero-film {visibility:visible;animation:none!important}
  .mma-home-hero .mma-hero-playback,.mma-home-hero .mma-hero-playback:hover {transform:none;transition:none}
  [data-mma-reveal] {opacity:1!important;transform:none!important;transition:none!important}
  .public-route .page-heading h1 {animation:none!important}
  .platform-ready:not(.member-mode) .mma-scroll-progress {box-shadow:none}
}