/* Phone-only rhythm. Desktop and tablet layouts retain their existing rules. */
@media (max-width:640px){
  .intro,.work,.services,.process,.quote,.offerings,.method,.contact,
  .portfolio-intro,.portfolio-projects,.branding-section,.approach,.contact-panel,
  .case-summary,.case-story,.case-deliverables,.case-visit,.next-project,
  .contact-layout,.webdesign-cases,.brand-case,.blog-service-teaser{
    padding-top:56px;padding-bottom:56px;
  }
  .about{min-height:0}
  .about-copy{padding-top:48px;padding-bottom:48px}
  .statement{min-height:0;padding-top:56px;padding-bottom:48px;gap:28px}
  .statement h2{margin:0}
  .steps{margin-top:32px;gap:28px}
  .step,.method-step{min-height:0;height:auto;padding-top:22px}
  .step h3,.method-step h3{margin-top:22px;margin-bottom:16px}
  .method-steps{gap:28px}
  .method-top,.services-head{margin-bottom:32px}
  .offerings{row-gap:36px}
  .offering{padding-bottom:0;margin-bottom:48px}
  .offering:last-child{padding-bottom:0;margin-bottom:0}
  .offering-number{padding-bottom:24px}
  .deliverables{margin-bottom:24px}
  .offering>:last-child{margin-bottom:0}
  .work-note,.services-more{margin-top:28px}
  .work-grid{row-gap:36px}
  .contact h2,.contact-panel h2{margin-top:36px;margin-bottom:32px}
  .footer{padding-top:48px}
  .footer-top,.footer-main{row-gap:32px;padding-bottom:40px}
  .portfolio-categories{padding-bottom:36px}
  .story-block+.story-block{margin-top:40px}
  .branding-originals-note{margin-top:32px}
  .blog-wrap{padding-top:40px;padding-bottom:56px}
  .blog-related{margin-top:48px}
  .blog-prose section{margin-top:36px}
  .blog-cta{margin-top:36px}
}