/* MultiAdam v259 — mobile Hero composition correction only.
 * Goal: move the runner visually closer, lower the copy, keep the discipline line on one row,
 * and let tracks/CTAs use nearly the full mobile width like the Ground Truth.
 */
body.ma-v259-front{--ma259-mobile-gutter:18px}

@media(max-width:760px){
  /* Keep the athlete larger/closer while preserving the mountain context. */
  body.ma-v259-front .ma-hero-bg{
    background-size:118% auto!important;
    background-position:22% 48%!important;
  }

  /* Copy now sits lower in the Hero instead of being vertically centered. */
  body.ma-v259-front .ma-v23-hero-copy{
    width:100%!important;
    margin:0!important;
    padding:0 var(--ma259-mobile-gutter) 28px!important;
    justify-content:flex-end!important;
    align-items:stretch!important;
    text-align:right!important;
  }

  /* The headline cluster stays on the right side, leaving the runner visible on the left. */
  body.ma-v259-front .ma-v23-label,
  body.ma-v259-front .ma-v23-hero-copy h1,
  body.ma-v259-front .ma-v23-hero-line{
    width:62%!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:0!important;
    text-align:right!important;
  }
  body.ma-v259-front .ma-v23-label{margin-bottom:7px!important}
  body.ma-v259-front .ma-v23-hero-copy h1{
    font-size:2rem!important;
    line-height:1.12!important;
    margin-top:0!important;
    margin-bottom:10px!important;
    white-space:normal!important;
  }
  body.ma-v259-front .ma-v23-hero-line{
    font-size:.82rem!important;
    line-height:1.65!important;
    margin-top:0!important;
    margin-bottom:10px!important;
  }

  /* Ground Truth: CrossFit · Programming · Running stays on one line and spans the Hero width. */
  body.ma-v259-front .ma-v23-tracks{
    width:100%!important;
    max-width:none!important;
    margin:4px 0 13px!important;
    padding:0!important;
    text-align:center!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    font-size:clamp(.69rem,3.15vw,.83rem)!important;
    letter-spacing:-.01em!important;
  }

  /* CTA pair uses almost the complete mobile width like the reference. */
  body.ma-v259-front .ma-v26-hero-actions{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    gap:8px!important;
  }
  body.ma-v259-front .ma-v26-hero-actions .ma-btn{
    width:100%!important;
    min-height:48px!important;
  }
}

@media(max-width:430px){
  body.ma-v259-front{--ma259-mobile-gutter:16px}
  body.ma-v259-front .ma-hero{
    height:545px!important;
    min-height:545px!important;
    max-height:545px!important;
  }
  body.ma-v259-front .ma-hero-bg{
    background-size:122% auto!important;
    background-position:20% 47%!important;
  }
  /* Explicitly neutralize the old RTL padding-inline override from v258. */
  body.ma-v259-front .ma-v23-hero-copy{
    padding-inline-start:var(--ma259-mobile-gutter)!important;
    padding-inline-end:var(--ma259-mobile-gutter)!important;
    padding-left:var(--ma259-mobile-gutter)!important;
    padding-right:var(--ma259-mobile-gutter)!important;
    padding-top:0!important;
    padding-bottom:24px!important;
  }
  body.ma-v259-front .ma-v23-label,
  body.ma-v259-front .ma-v23-hero-copy h1,
  body.ma-v259-front .ma-v23-hero-line{width:64%!important}
  body.ma-v259-front .ma-v23-hero-copy h1{font-size:1.96rem!important}
  body.ma-v259-front .ma-v23-tracks{font-size:clamp(.67rem,3vw,.78rem)!important}
}

@media(max-width:370px){
  body.ma-v259-front .ma-v23-label,
  body.ma-v259-front .ma-v23-hero-copy h1,
  body.ma-v259-front .ma-v23-hero-line{width:66%!important}
  body.ma-v259-front .ma-v23-hero-copy h1{font-size:1.82rem!important}
  body.ma-v259-front .ma-v23-tracks{font-size:.64rem!important}
}