/* Lumavryn V29 homepage hero hotfix — 2026-08-21
   Mobile only: remove the oversized empty dark band between the brand/copy and sunrise
   by re-composing the existing locked hero artwork in CSS. No image file is edited or replaced. */
.hero-mobile-recompose{display:none}

@media (max-width:620px){
  .hero-visual{
    overflow:hidden!important;
    background:#00050d!important;
    isolation:isolate!important;
  }

  /* Do not render the one-piece mobile artwork: its baked-in middle sky is much too tall. */
  .hero-visual>.hero-picture{display:none!important}

  /* Re-use the exact same locked image as two CSS crops, closing only the empty middle sky. */
  .hero-mobile-recompose{
    display:flex!important;
    flex-direction:column!important;
    position:relative!important;
    z-index:1!important;
    width:94%!important;
    margin:0 auto!important;
    background:#00050d!important;
  }

  .hero-mobile-logo{
    display:block!important;
    width:100%!important;
    aspect-ratio:960/275!important;
    background-image:url('north-star-mobile-v24-locked-0820.jpg')!important;
    background-repeat:no-repeat!important;
    background-size:100% auto!important;
    background-position:center top!important;
  }

  /* Give the live paragraph its own clean breathing room rather than a baked black block. */
  .hero-copy{
    position:relative!important;
    z-index:5!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:84%!important;
    max-width:540px!important;
    margin:20px auto 14px!important;
    padding:0!important;
    text-align:center!important;
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
    color:#f7f7f4!important;
    font-size:12.5px!important;
    line-height:1.48!important;
    text-shadow:0 2px 9px rgba(0,0,0,1)!important;
  }

  .hero-mobile-earth{
    display:block!important;
    width:100%!important;
    aspect-ratio:960/315!important;
    margin-top:0!important;
    background-image:url('north-star-mobile-v24-locked-0820.jpg')!important;
    background-repeat:no-repeat!important;
    background-size:100% auto!important;
    background-position:center bottom!important;
  }

  /* Disable every legacy/polish pseudo-overlay so no rectangular band can reappear. */
  .hero-visual::before,
  .hero-visual::after{
    content:none!important;
    display:none!important;
    background:none!important;
    opacity:0!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
}