/* MultiAdam v268 — approved running + CrossFit Hero.
 * Visual-only and isolated to the front-page Hero.
 */
body.ma-v268-front .ma-hero{
  isolation:isolate!important;
  background:#071c15!important;
}
body.ma-v268-front .ma-hero-bg{
  background-image:url('../images/hero-v268-running-crossfit.jpg')!important;
  background-color:#071c15!important;
  background-repeat:no-repeat!important;
  background-size:auto 100%!important;
  background-position:left center!important;
  transform:none!important;
}
body.ma-v268-front .ma-hero:after{
  background:
    linear-gradient(90deg,rgba(5,19,14,.02) 0%,rgba(5,22,16,.08) 29%,rgba(5,24,17,.52) 47%,rgba(5,24,17,.91) 66%,#071c15 100%),
    linear-gradient(180deg,rgba(5,20,15,.05),rgba(5,20,15,.20))!important;
}

/* Wide desktop: retain the whole portrait artwork at the left, with a clean copy zone. */
@media(min-width:1200px){
  body.ma-v268-front .ma-hero{
    height:560px!important;
    min-height:560px!important;
    max-height:560px!important;
  }
  body.ma-v268-front .ma-hero-bg{background-position:6% center!important}
  body.ma-v268-front .ma-v23-hero-copy{
    padding:38px 6.5% 38px 52%!important;
  }
}

/* Tablet and small desktop: image remains uncropped and copy stays readable. */
@media(min-width:761px) and (max-width:1199px){
  body.ma-v268-front .ma-hero{
    height:560px!important;
    min-height:560px!important;
    max-height:560px!important;
  }
  body.ma-v268-front .ma-hero-bg{background-position:left center!important}
  body.ma-v268-front .ma-hero:after{
    background:
      linear-gradient(90deg,rgba(5,19,14,.04) 0%,rgba(5,22,16,.15) 34%,rgba(5,24,17,.72) 58%,#071c15 100%),
      linear-gradient(180deg,rgba(5,20,15,.05),rgba(5,20,15,.22))!important;
  }
  body.ma-v268-front .ma-v23-hero-copy{
    padding:34px 5% 34px 48%!important;
  }
  body.ma-v268-front .ma-v23-hero-copy h1{font-size:clamp(2.45rem,5vw,3.25rem)!important}
}

/* Phone: the portrait artwork becomes true full-bleed; faces stay inside the safe crop. */
@media(max-width:760px){
  body.ma-v268-front .ma-hero{
    height:600px!important;
    min-height:600px!important;
    max-height:600px!important;
    border-radius:0 0 24px 24px!important;
  }
  body.ma-v268-front .ma-hero-bg{
    background-size:cover!important;
    background-position:50% 50%!important;
  }
  body.ma-v268-front .ma-hero:after{
    background:
      linear-gradient(180deg,rgba(5,18,14,.08) 0%,rgba(5,18,14,.02) 35%,rgba(5,20,15,.42) 63%,rgba(5,20,15,.94) 100%),
      linear-gradient(90deg,rgba(5,18,14,.20),rgba(5,18,14,.05) 45%,rgba(5,18,14,.18))!important;
  }
  body.ma-v268-front .ma-v23-hero-copy{
    width:100%!important;
    margin:0!important;
    padding:0 16px 24px!important;
    justify-content:flex-end!important;
    align-items:stretch!important;
    text-align:right!important;
  }
  body.ma-v268-front .ma-v23-label,
  body.ma-v268-front .ma-v23-hero-copy h1,
  body.ma-v268-front .ma-v23-hero-line{
    width:100%!important;
    max-width:340px!important;
    margin-left:auto!important;
    margin-right:0!important;
  }
  body.ma-v268-front .ma-v23-hero-copy h1{
    font-size:2.08rem!important;
    margin:4px 0 7px!important;
  }
  body.ma-v268-front .ma-v23-hero-line{
    font-size:.82rem!important;
    line-height:1.55!important;
    margin-bottom:5px!important;
  }
  body.ma-v268-front .ma-v23-tracks{
    width:100%!important;
    margin:3px 0 11px!important;
    font-size:clamp(.67rem,3vw,.78rem)!important;
  }
  body.ma-v268-front .ma-v26-hero-actions{width:100%!important}
}

@media(max-width:430px){
  body.ma-v268-front .ma-hero{
    height:590px!important;
    min-height:590px!important;
    max-height:590px!important;
  }
  body.ma-v268-front .ma-hero-bg{background-position:50% center!important}
  body.ma-v268-front .ma-v23-hero-copy{padding:0 15px 20px!important}
  body.ma-v268-front .ma-v23-hero-copy h1{font-size:1.92rem!important}
  body.ma-v268-front .ma-v26-hero-actions .ma-btn{min-height:46px!important}
}

@media(max-width:370px){
  body.ma-v268-front .ma-hero{
    height:570px!important;
    min-height:570px!important;
    max-height:570px!important;
  }
  body.ma-v268-front .ma-v23-hero-copy h1{font-size:1.78rem!important}
  body.ma-v268-front .ma-v23-hero-line{font-size:.77rem!important}
}

@media(prefers-reduced-motion:reduce){
  body.ma-v268-front .ma-hero-bg{transform:none!important}
}