/* =========================================================
   V28 · Mobile compact flow
   Removes the visual dead zone between each complete image and
   its copy card while preserving image, particle and type motion.
   ========================================================= */

@media (max-width:900px){
  body.cinematic-home .cinema-sticky,
  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;
    justify-content:stretch!important;
    row-gap:0!important;
    column-gap:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }

  body.cinematic-home .cinema-media{
    grid-column:1!important;
    grid-row:1!important;
    align-self:start!important;
    justify-self:center!important;
    margin-bottom:0!important;
  }

  body.cinematic-home .cinema-content,
  body.cinematic-home .cinema-content-center-y,
  body.cinematic-home .cinema-content-center,
  body.cinematic-home .cinema-content-right{
    grid-column:1!important;
    grid-row:2!important;
    align-self:start!important;
    justify-self:center!important;
    margin:-15px auto 0!important;
    padding:0!important;
    min-height:0!important;
    height:auto!important;
    transform:none!important;
  }

  body.cinematic-home .cinema-copy,
  body.cinematic-home .cinema-copy-narrow,
  body.cinematic-home .cinema-copy-centered,
  body.cinematic-home .cinema-copy-contact{
    margin:0!important;
    transform-origin:center top!important;
  }

  body.cinematic-home .cinema-hero .hero-facts{
    grid-column:1!important;
    grid-row:3!important;
    align-self:start!important;
    justify-self:center!important;
    margin:10px auto 0!important;
  }

  /* Avoid hidden layout height from legacy absolute-scene rules. */
  body.cinematic-home .cinema-scene,
  body.cinematic-home .cinema-scene.cinema-hero{
    display:block!important;
    min-height:0!important;
    height:auto!important;
    padding-bottom:28px!important;
  }

  /* The whole picture remains visible and motion stays inside its frame. */
  body.cinematic-home .cinema-media img{
    object-fit:contain!important;
    object-position:center!important;
    transform-origin:center center!important;
  }
}

@media (max-width:420px){
  body.cinematic-home .cinema-content,
  body.cinematic-home .cinema-content-center-y,
  body.cinematic-home .cinema-content-center,
  body.cinematic-home .cinema-content-right{
    margin-top:-11px!important;
  }
  body.cinematic-home .cinema-scene,
  body.cinematic-home .cinema-scene.cinema-hero{
    padding-bottom:24px!important;
  }
}