
/* RC88 — mobile homepage hero rebalance only.
   Desktop remains unchanged. */

@media(max-width:760px){

  body.rc60-home .rc60-hero{
    min-height:760px !important;
    padding:108px 24px 44px !important;
    align-items:flex-end !important;
    background:#050b12 !important;
  }

  body.rc60-home .rc60-hero-media{
    inset:0 !important;
  }

  body.rc60-home .rc60-hero-media img{
    width:100%;
    height:100%;
    object-fit:cover !important;
    object-position:50% 16% !important;
    transform:scale(.94);
    transform-origin:50% 18%;
  }

  body.rc60-home .rc60-hero-shade{
    background:
      linear-gradient(
        0deg,
        rgba(2,7,12,.98) 0%,
        rgba(2,7,12,.88) 28%,
        rgba(2,7,12,.58) 54%,
        rgba(2,7,12,.16) 100%
      ) !important;
  }

  body.rc60-home .rc60-hero-copy{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
  }

  body.rc60-home .rc60-kicker{
    margin:0 0 16px !important;
    font-size:10px !important;
    letter-spacing:.19em !important;
  }

  body.rc60-home .rc60-hero h1{
    max-width:11ch;
    margin:0 !important;
    font-size:clamp(41px,10.6vw,52px) !important;
    line-height:.98 !important;
    letter-spacing:-.045em !important;
  }

  body.rc60-home .rc60-hero-copy>p:not(.rc60-kicker){
    max-width:31ch !important;
    margin:24px 0 0 !important;
    font-size:16px !important;
    line-height:1.55 !important;
    color:#c8d1da !important;
  }

  body.rc60-home .rc60-button{
    margin-top:26px !important;
    padding:14px 16px !important;
    width:auto !important;
    max-width:100%;
    font-size:10px !important;
    letter-spacing:.11em !important;
  }
}

@media(max-width:430px){

  body.rc60-home .rc60-hero{
    min-height:735px !important;
    padding-left:20px !important;
    padding-right:20px !important;
    padding-bottom:38px !important;
  }

  body.rc60-home .rc60-hero-media img{
    object-position:49% 13% !important;
    transform:scale(.92);
  }

  body.rc60-home .rc60-hero h1{
    max-width:10.5ch;
    font-size:clamp(39px,10.4vw,47px) !important;
  }

  body.rc60-home .rc60-hero-copy>p:not(.rc60-kicker){
    max-width:29ch !important;
    font-size:15.5px !important;
  }
}
