/* Mobile refinement for the five SEO landing pages. */
.section.alt{padding:64px 0}
.gallery img{transition:transform .45s ease}
.gallery figure:hover img{transform:scale(1.025)}

@media(max-width:560px){
  body{line-height:1.62}
  .wrap{width:calc(100% - 32px)}
  .nav-inner{min-height:76px}
  .brand img{width:68px;height:58px}
  .nav-cta{padding:11px 16px;font-size:.82rem}
  .hero{min-height:590px}
  .hero-copy{padding:125px 0 54px}
  .hero h1{font-size:clamp(2.65rem,13vw,3.35rem);line-height:1}
  .hero p{font-size:1rem;line-height:1.58}
  .hero-actions{gap:9px;margin-top:23px}
  .btn{padding:13px 18px;font-size:.9rem}
  .quick-grid{border-radius:0 0 20px 20px}
  .quick-item{padding:18px 16px}
  .quick-item b{font-size:.96rem}
  .quick-item span{font-size:.78rem;line-height:1.35}
  .section{padding:58px 0}
  .section.alt{padding:30px 0}
  .gallery{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:10px}
  .gallery figure{height:auto;border-radius:16px;aspect-ratio:1/1}
  .gallery figure:first-child{grid-column:1/-1;grid-row:auto;aspect-ratio:16/9}
  .gallery img{height:100%;object-fit:cover}
  .gallery figure:nth-child(2) img{object-position:center 38%}
  .section-head{gap:18px;margin-bottom:25px}
  .section h2{font-size:2.15rem}
  .lead{font-size:1rem}
  .cards{gap:12px}
  .card{padding:22px;border-radius:18px}
  .card h3{font-size:1.32rem}
  .content-grid{gap:26px}
  .prose h2{font-size:2rem}
  .prose h3{margin-top:28px}
  .aside{padding:23px}
  .related-grid{gap:10px}
  .related a{min-height:128px;padding:19px}
  .cta{padding:58px 0}
  .footer{padding:30px 0}
  .footer img{width:105px}
  .footer-links{gap:9px 16px}
}