/* MIDAS v54 — premium letter-only sheen on the HOME desktop hero.
   The moving reflection is clipped by the alpha mask of the MIDAS wordmark,
   therefore it never lights the car, road or background. */
@media (min-width:851px){
  body.midas-home .midas-hero-desktop{
    position:relative!important;
    overflow:hidden!important;
    isolation:isolate!important;
  }
  body.midas-home .midas-hero-desktop > img{
    position:relative!important;
    z-index:1!important;
  }
  body.midas-home .midas-hero-desktop::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:9!important;
    pointer-events:none!important;
    opacity:0;

    /* A soft headlight wash + a narrow mirror edge. */
    background:
      linear-gradient(108deg,
        transparent 0%,
        transparent 38%,
        rgba(255,255,255,.00) 40%,
        rgba(255,238,238,.22) 43%,
        rgba(255,255,255,.72) 46%,
        rgba(255,255,255,1) 48%,
        rgba(255,245,245,.68) 50%,
        rgba(255,80,92,.24) 53%,
        transparent 58%,
        transparent 100%)!important;
    background-size:340% 100%!important;
    background-position:165% 0!important;

    -webkit-mask-image:url('midas-hero-logo-alpha-mask.png')!important;
    mask-image:url('midas-hero-logo-alpha-mask.png')!important;
    -webkit-mask-mode:alpha!important;
    mask-mode:alpha!important;
    -webkit-mask-repeat:no-repeat!important;
    mask-repeat:no-repeat!important;
    -webkit-mask-position:center!important;
    mask-position:center!important;
    -webkit-mask-size:100% 100%!important;
    mask-size:100% 100%!important;

    filter:drop-shadow(0 0 2px rgba(255,255,255,.25))!important;
    mix-blend-mode:screen!important;
    will-change:background-position,opacity!important;
    animation:midas-v54-letter-sweep 6.4s cubic-bezier(.24,.03,.22,1) infinite!important;
  }

  @keyframes midas-v54-letter-sweep{
    0%,16%{
      background-position:165% 0;
      opacity:0;
    }
    20%{opacity:.25}
    24%{opacity:.94}
    43%{
      background-position:-45% 0;
      opacity:1;
    }
    49%{
      background-position:-70% 0;
      opacity:.34;
    }
    53%,100%{
      background-position:-70% 0;
      opacity:0;
    }
  }
}

@media (prefers-reduced-motion:reduce){
  body.midas-home .midas-hero-desktop::after{
    animation:none!important;
    opacity:0!important;
  }
}