/* Lift & Light Music — mobile-first override layer, 2026-10-10 */
@media (max-width: 900px){
  html{scroll-padding-top:72px;-webkit-text-size-adjust:100%}
  body{overflow-x:hidden}
  img,video,iframe{max-width:100%}
  a,button{touch-action:manipulation}
  .site-header.no-brand{
    height:auto!important;
    min-height:60px!important;
    flex-wrap:nowrap!important;
    gap:10px!important;
    padding:8px 14px!important;
    padding-top:calc(8px + env(safe-area-inset-top))!important;
    padding-left:calc(14px + env(safe-area-inset-left))!important;
    padding-right:calc(14px + env(safe-area-inset-right))!important;
  }
  .site-header.no-brand .nav{
    order:0!important;
    width:auto!important;
    flex:1 1 auto;
    display:flex!important;
    margin:0!important;
    padding:0 2px!important;
    gap:16px!important;
    overflow-x:auto;
    white-space:nowrap;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .site-header.no-brand .nav::-webkit-scrollbar{display:none}
  .site-header.no-brand .nav a{
    flex:0 0 auto;
    min-height:44px;
    display:flex;
    align-items:center;
    font-size:14px;
  }
  .site-header.no-brand .nav-action{
    flex:0 0 auto;
    min-height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-left:0!important;
    padding:9px 14px;
    font-size:13px;
  }
  .button,.music-hero-cta{min-height:46px}
  input,textarea,select{font-size:16px!important}
  h1,h2,h3,blockquote{overflow-wrap:anywhere}
}

@media (max-width: 700px){
  :root{--header:62px}
  main>section{padding:48px 18px}
  h2{font-size:clamp(32px,9vw,44px);line-height:1.04;margin-bottom:18px}
  .eyebrow{font-size:10px;letter-spacing:.15em}

  /* Homepage */
  .site-light .hero-cinematic{
    min-height:auto!important;
    padding:28px 18px 40px!important;
  }
  .site-light .hero-logo{width:min(205px,58vw)!important;margin-bottom:4px}
  .hero-content{width:100%;max-width:100%}
  .hero-content h1{
    font-size:clamp(38px,11.3vw,50px)!important;
    line-height:1.02!important;
    margin-bottom:16px!important;
  }
  .hero-copy{font-size:16px!important;line-height:1.58}
  .hero-actions{width:100%;display:grid;grid-template-columns:1fr;gap:9px;margin-top:22px}
  .hero-actions .button{width:100%;padding:13px 16px}

  .video-stage,.feature-intro,.release-showcase,.discover,.churches,.mission,.community-band,.support-band{
    gap:24px!important;
  }
  .video-stage{padding-top:44px!important;padding-bottom:44px!important}
  .video-stage-copy>p:not(.eyebrow),.feature-intro>p,.discover-copy p:last-child,.church-copy>p:not(.eyebrow){
    font-size:16px!important;
  }
  .homepage-video{border-radius:16px}
  .homepage-video-meta{padding:14px 15px!important;gap:12px!important}
  .homepage-video-meta strong{font-size:21px}
  .homepage-video-meta .button{width:100%}

  .feature-intro{padding-top:44px!important;padding-bottom:26px!important}
  .release-showcase{padding:0 18px 48px!important}
  .release-main{min-height:350px!important;padding:22px;border-radius:18px}
  .release-orb{width:210px!important;height:210px!important}
  .release-kicker{top:18px!important;left:20px!important;right:18px;font-size:10px;line-height:1.35}
  .release-card h3{font-size:38px!important;line-height:.98}
  .release-stack{grid-template-columns:1fr!important;gap:12px}
  .compact{min-height:170px!important;padding:20px;border-radius:18px}
  .compact h3{font-size:30px!important}
  .compact>strong,.release-card-copy strong{margin-top:16px}

  .discover{padding-top:48px!important;padding-bottom:48px!important}
  .moment-panel{padding:16px;border-radius:18px}
  .moments{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .moments button{min-height:46px;padding:9px 10px;border-radius:14px;font-size:13px}
  .moment-result{margin-top:16px;padding:18px 4px 4px}
  .moment-result strong{font-size:28px}

  .churches{padding-top:48px!important;padding-bottom:48px!important}
  .church-visual{min-height:270px!important;border-radius:18px}
  .cross-light:before{height:150px!important;top:58px!important}
  .cross-light:after{top:108px!important;width:100px!important}
  .mini-grid{grid-template-columns:1fr 1fr!important}
  .mini-grid span{font-size:13px}

  .mission{padding-top:48px!important;padding-bottom:48px!important}
  .mission-logo img{width:120px!important;margin:0 auto!important}
  .mission blockquote{font-size:clamp(30px,8.5vw,40px)!important;line-height:1.06}
  .community-band,.support-band{padding-top:42px!important;padding-bottom:42px!important}
  .community-band .button,.support-band .button{width:100%}

  footer{
    padding:30px 18px calc(30px + env(safe-area-inset-bottom))!important;
    grid-template-columns:1fr!important;
    gap:20px!important;
  }
  .footer-meta{text-align:left!important}
  .footer-links{gap:12px 16px}
  .footer-brand{align-items:center}

  /* Music library */
  .music-light .music-hero{padding:26px 18px 28px!important}
  .music-light .music-hero h1{font-size:clamp(34px,10vw,44px)!important;line-height:1.08;margin:8px auto 12px}
  .music-light .music-hero>p:not(.eyebrow){font-size:15px;line-height:1.55}
  .music-hero-cta{width:100%;justify-content:center}
  .music-featured{padding:28px 0 24px!important}
  .music-section-head{margin:0 18px 16px}
  .featured-track{gap:14px;padding:0 18px 18px;scroll-padding-left:18px}
  .featured-tile{flex:0 0 min(82vw,330px)}
  .featured-cover{border-radius:16px}
  .featured-info{padding:12px 4px 4px}
  .featured-info span{font-size:11px;line-height:1.35}
  .featured-info strong{font-size:17px}
  .library-controls{padding:32px 18px 18px!important}
  .library-list-heading{margin-bottom:16px}
  .library-grid{padding:18px 18px 64px!important;grid-template-columns:1fr!important;gap:14px}
  .library-card{border-radius:18px}
  .library-card-body{padding:18px!important}
  .library-card-body h2{font-size:27px!important;margin:20px 0 9px!important}
  .library-card-top{align-items:flex-start;flex-wrap:wrap}
  .status-pill{font-size:10px}
  .library-card-body>p:not(.library-tags){font-size:15px}
  .release-date{font-size:13px!important}
  .library-card-cover{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}

  /* Song detail pages */
  .song-page{width:100%;max-width:100%;overflow:hidden}
  .song-detail-hero{padding:34px 18px 42px!important}
  .back-link{margin-bottom:28px}
  .song-detail-meta{flex-wrap:wrap;gap:8px;margin-bottom:18px}
  .song-detail-hero h1{font-size:clamp(38px,11vw,50px)!important;line-height:1.02;margin-bottom:16px}
  .song-lede{font-size:17px!important;line-height:1.55}
  .song-credit{font-size:13px}
  .song-use-list{margin-top:22px}
  .song-section{padding:48px 18px!important}
  .song-section>p:not(.eyebrow){font-size:16px!important;line-height:1.65}
  .video-section{width:100%;max-width:100%}
  .video-embed{margin:18px 0 14px;border-radius:12px}
  .download-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .download-actions .button{width:100%}
  .song-social-actions{padding:15px!important;border-radius:14px}
  .song-social-buttons{display:grid!important;grid-template-columns:1fr!important;gap:8px}
  .song-social-buttons .button{width:100%;min-height:46px}
  .resource-tiles{grid-template-columns:1fr!important}
  .resource-tiles>div{padding:16px!important}
  .scripture-list,.song-use-list{gap:7px}
  .scripture-list span,.song-use-list span{font-size:11px}

  .watch-first-page .song-watch-first{padding:10px 12px 22px!important}
  .watch-first-page .song-detail-hero{padding:8px 0 10px!important}
  .watch-first-page .back-link{margin-bottom:12px}
  .watch-first-page .song-detail-hero h1{font-size:32px!important;margin-bottom:6px}
  .watch-first-page .song-lede{font-size:14px!important;line-height:1.45}
  .watch-first-page .video-embed{margin:10px 0 12px;border-radius:10px}

  .song-story{padding:48px 18px!important;grid-template-columns:1fr!important;gap:24px!important;scroll-margin-top:74px!important}
  .story-visual{position:relative!important;top:auto!important}
  .story-visual img{border-radius:16px!important}
  .story-visual span{font-size:12px}
  .story-intro p,.story-full-body p{font-size:16px!important;line-height:1.7!important}
  .story-emphasis{font-size:20px!important}
  .story-full{margin-top:22px}
  .story-full summary{min-height:50px;padding:14px 0}

  .song-listener-feedback{padding-top:42px!important}
  .feedback-fields{grid-template-columns:1fr!important}
  .song-feedback-form{gap:14px}
  .song-feedback-form input:not([type=checkbox]),.song-feedback-form select,.song-feedback-form textarea{
    min-height:48px;padding:13px 14px
  }
  .song-feedback-form textarea{min-height:140px}
  .song-feedback-form button{width:100%;min-height:48px}

  /* Stories */
  .site-light .story-hero{padding:36px 18px 32px!important}
  .site-light .story-hero h1{font-size:clamp(36px,10.5vw,44px)!important;line-height:1.05}
  .site-light .story-hero>p:last-child{font-size:16px!important}
  .story-principles>div{padding:22px 18px!important}
  .story-form-wrap,.story-later{padding:48px 18px!important;gap:28px!important}
  .story-copy>p:last-child,.story-later>p:last-child{font-size:16px!important}
  .story-form input,.story-form select,.story-form textarea{min-height:48px;padding:13px 14px}
  .story-form textarea{min-height:150px}
  .story-form button{width:100%;min-height:48px}

  /* Support */
  .support-hero{padding:38px 18px 34px!important}
  .support-hero h1{font-size:clamp(36px,10.5vw,46px)!important;line-height:1.04;margin-bottom:18px}
  .support-hero>p:last-child{font-size:16px!important}
  .support-ways{grid-template-columns:1fr!important}
  .support-way{min-height:0!important;padding:28px 18px!important;border-right:0!important}
  .support-way h2{font-size:32px!important;margin:24px 0 10px!important}
  .support-way p{font-size:16px!important}
  .support-money,.support-funds,.support-principles,.support-closing{padding:48px 18px!important}
  .support-money{gap:26px!important}
  .support-copy p,.support-closing p:not(.eyebrow){font-size:16px!important}
  .support-pending{padding:15px 16px}
  .fund-grid,.principle-list{grid-template-columns:1fr!important;gap:10px}
  .fund-grid>div{min-height:0!important;padding:18px}
  .principle-list>div{padding:18px 0}
  .support-closing{gap:24px!important}
  .support-closing img{width:76px!important}
  .support-closing .button{width:100%}

  /* Churches / policy / song resources */
  .resource-hero,.policy-hero,.resource-song-hero{padding:38px 18px 34px!important}
  .resource-hero h1,.policy-hero h1,.resource-song-hero h1{
    font-size:clamp(36px,10.5vw,46px)!important;
    line-height:1.04;
    margin-bottom:18px!important
  }
  .resource-hero>p:last-of-type,.policy-hero>p:last-child,.resource-song-hero>p{font-size:16px!important}
  .resource-actions{display:grid!important;grid-template-columns:1fr;gap:8px;margin-top:22px!important}
  .resource-actions .button{width:100%}
  .resource-principles>div{padding:22px 18px!important}
  .resource-list,.policy-section,.resource-section{padding:48px 18px!important}
  .resource-grid,.download-grid{grid-template-columns:1fr!important;gap:12px}
  .resource-card{min-height:0!important;padding:20px;border-radius:16px}
  .resource-card h2{font-size:30px!important;margin:24px 0 10px}
  .policy-section h2,.resource-section h2{font-size:clamp(31px,9vw,42px)!important;line-height:1.05}
  .policy-section p,.policy-section li,.resource-section>p:not(.eyebrow){font-size:16px!important}
  .lyrics-block{padding:18px!important;border-radius:14px;font-size:16px!important;line-height:1.7;overflow-wrap:anywhere}
  .download-grid>div{padding:16px}
  .credits-box{padding-bottom:58px!important}
}

@media (max-width: 380px){
  .site-header.no-brand{padding-left:10px!important;padding-right:10px!important;gap:6px!important}
  .site-header.no-brand .nav{gap:12px!important}
  .site-header.no-brand .nav a{font-size:13px}
  .site-header.no-brand .nav-action{padding:8px 11px;font-size:12px}
  .moments{grid-template-columns:1fr!important}
  .hero-content h1{font-size:37px!important}
  .featured-tile{flex-basis:84vw}
}