/* =========================================================
   V29 · Hero mobile gap correction
   Removes the legacy V26 hero padding that was still winning
   the cascade because of its higher selector specificity.
   ========================================================= */

@media (max-width:900px){
  body.cinematic-home .cinema-hero .cinema-sticky{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
    align-content:start!important;
    row-gap:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }

  body.cinematic-home .cinema-hero .cinema-media{
    grid-column:1!important;
    grid-row:1!important;
    margin:0 auto!important;
  }

  /* This selector intentionally matches/exceeds the old V26
     hero-specific rule, so its 230–245 px padding cannot return. */
  body.cinematic-home .cinema-hero .cinema-content,
  body.cinematic-home .cinema-hero .cinema-content-left,
  body.cinematic-home .cinema-hero .cinema-content-center-y{
    position:relative!important;
    grid-column:1!important;
    grid-row:2!important;
    width:calc(100% - 32px)!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:-15px auto 0!important;
    padding:0!important;
    display:block!important;
    align-items:initial!important;
    justify-content:initial!important;
    transform:none!important;
  }

  body.cinematic-home .cinema-hero .cinema-copy{
    margin:0!important;
    padding:26px 18px 22px!important;
  }

  body.cinematic-home .cinema-hero .hero-facts{
    grid-column:1!important;
    grid-row:3!important;
    position:relative!important;
    inset:auto!important;
    margin:10px auto 0!important;
  }
}

@media (max-width:420px){
  body.cinematic-home .cinema-hero .cinema-content,
  body.cinematic-home .cinema-hero .cinema-content-left,
  body.cinematic-home .cinema-hero .cinema-content-center-y{
    width:calc(100% - 24px)!important;
    margin-top:-11px!important;
    padding:0!important;
  }

  body.cinematic-home .cinema-hero .cinema-copy{
    padding:22px 15px 19px!important;
  }
}