/* FR Music V19 — mobile polish pass */

@media (max-width: 620px){
  /* Give the closing CTA a clean ending before the footer begins. */
  .final-cta{
    padding-bottom:44px!important;
  }
  .final-cta .final-inner,
  .final-cta .final-art-grid{
    margin-bottom:0!important;
  }

  /* Mobile footer rebuilt as one intentional centered composition. */
  .footer.footer-brand{
    width:100%!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    padding:34px 24px 28px!important;
    text-align:center!important;
    overflow:hidden!important;
  }

  .footer-brand-lockup{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:11px!important;
    margin:0!important;
    padding:0 0 24px!important;
    border-bottom:1px solid rgba(34,31,27,.13)!important;
    text-align:center!important;
  }

  .footer-brand-lockup img{
    display:block!important;
    width:68px!important;
    height:68px!important;
    margin:0 auto!important;
    border-radius:50%!important;
    object-fit:cover!important;
    flex:0 0 auto!important;
    box-shadow:0 12px 30px rgba(26,22,16,.10)!important;
  }

  .footer-brand-lockup span{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    line-height:1.15!important;
    text-align:center!important;
  }

  .footer-brand-lockup strong{
    display:block!important;
    font-size:21px!important;
    line-height:1.1!important;
    letter-spacing:-.02em!important;
    text-align:center!important;
  }

  .footer-brand-lockup small{
    display:block!important;
    max-width:280px!important;
    font-size:10px!important;
    line-height:1.45!important;
    letter-spacing:.15em!important;
    text-transform:uppercase!important;
    text-align:center!important;
    opacity:.67!important;
  }

  .footer-brand-copy{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    margin:0!important;
    padding:22px 0 0!important;
    text-align:center!important;
  }

  .footer-brand-copy span{
    display:block!important;
    width:100%!important;
    margin:0!important;
    text-align:center!important;
    line-height:1.45!important;
  }

  .footer-brand-copy span:first-child{
    font-size:13px!important;
    font-weight:650!important;
    letter-spacing:.01em!important;
  }

  .footer-brand-copy span:last-child{
    max-width:280px!important;
    font-size:12px!important;
    opacity:.72!important;
  }

  html[data-theme="dark"] .footer-brand-lockup{
    border-bottom-color:rgba(255,255,255,.12)!important;
  }

  /* Keep the floating logo close to the photo while preserving breathing room. */
  .hero-logo-balloon{
    left:-10px!important;
    bottom:-12px!important;
  }
}