@media (max-width:1050px){
  .nav-toggle{display:block}
  .primary-nav{
    position:absolute;top:calc(100% + 1px);left:0;right:0;display:none;
    padding:24px 20px 28px;border-bottom:1px solid var(--border);
    background:var(--porch-white);box-shadow:var(--shadow)
  }
  .primary-nav.is-open{display:grid;gap:8px}
  .primary-nav>a:not(.button){display:block;padding:10px 6px}
  .primary-nav>a:not(.button)::after{display:none}
  .primary-nav .button{margin-top:8px}
}

@media (max-width:850px){
  .section{padding-block:58px}
  .hero img{aspect-ratio:16/7}
  .feature-grid,.feature-grid--reverse,.prayer-card{grid-template-columns:1fr}
  .feature-grid{gap:34px}
  .feature-grid--reverse .feature-copy{order:2}
  .feature-grid--reverse .feature-media{order:1}
  .prayer-card__image img{min-height:0;aspect-ratio:16/9}
  .prayer-card__copy{padding:40px}
  .site-footer__grid{grid-template-columns:1fr 1fr}
  .site-footer__scripture{grid-column:1/-1}
}

@media (max-width:640px){
  body{font-size:17px}
  .container{width:min(calc(100% - 28px),var(--content-width))}
  .container-wide{width:100%}
  .site-header__inner{min-height:70px}
  .site-brand{gap:4px}
  .site-brand__main{font-size:.92rem}
  .site-brand__for{font-size:.86rem}
  .hero{padding-top:0}
  .hero img{
    border-radius:0;aspect-ratio:1.55/1;object-position:center center;
    box-shadow:none
  }
  .hero__actions{
    margin-top:0;padding:18px 14px 0;display:grid;grid-template-columns:1fr
  }
  .hero__actions .button{width:100%}
  .section{padding-block:48px}
  .welcome{padding-top:70px}
  .feature-media img{aspect-ratio:4/3}
  .button-row{align-items:stretch;gap:14px}
  .button-row .button{width:100%}
  .button-row .text-link{text-align:center;padding:8px}
  .prayer-card__copy{padding:30px 24px}
  .site-footer__grid{grid-template-columns:1fr;gap:34px;padding-block:50px}
  .site-footer__scripture{grid-column:auto}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important}
}


@media (max-width:850px){
  .welcome{
    padding-top:54px;
    padding-bottom:34px;
  }

  .feature-section{
    padding-top:34px;
    padding-bottom:58px;
  }

  .closing-invitation{
    padding-top:52px;
    padding-bottom:58px;
  }
}

@media (max-width:640px){
  .welcome{
    padding-top:48px;
    padding-bottom:28px;
  }

  .feature-section{
    padding-top:28px;
    padding-bottom:48px;
  }

  .closing-invitation{
    padding-top:44px;
    padding-bottom:48px;
  }
}


@media (max-width:850px){
  .about-home{
    padding-bottom:48px;
  }

  .closing-invitation{
    padding-top:44px;
    padding-bottom:50px;
  }
}

@media (max-width:640px){
  .about-home{
    padding-bottom:40px;
  }

  .closing-invitation{
    padding-top:38px;
    padding-bottom:44px;
  }
}

/* Sermon archive responsive layout */
@media (max-width:1000px){
  .card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:850px){
  .archive-heading-row{
    align-items:stretch;
    flex-direction:column;
    gap:20px;
  }

  .archive-search{
    width:100%;
  }
}

@media (max-width:640px){
  .card-grid{
    grid-template-columns:1fr;
    gap:24px;
  }

  .content-card__body{
    padding:22px 20px 24px;
  }

  .content-card__body h3{
    font-size:1.35rem;
  }
}