/* Mobile proportions informed by the supplied editorial references. */
@media (max-width:760px){
  body{--mobile-gutter:24px;--mobile-section:64px;--mobile-heading:clamp(26px,6.8vw,32px)}
  .mfg-page .section,.creative-page .quote-section,
  #creative-process.process-section,#services.process-section{
    padding:var(--mobile-section) var(--mobile-gutter);
  }
  .mfg-page .section-top,.mfg-page .process-intro,
  .creative-page .quote-intro,.mfg-page .quote-intro{margin-bottom:32px}
  .mfg-page #approach>h2,.mfg-page #focus-title,.mfg-page #experience-title,
  .mfg-page #services-title,.mfg-page #problem-title,
  #creative-process #process-heading,.creative-page .work-intro .work-collection-title{
    font-size:var(--mobile-heading);font-weight:500;line-height:1.15;letter-spacing:-.025em;
  }
  .mfg-page .problem-copy p,.mfg-page .section-top>p,
  .mfg-page .process-intro>p,.mfg-page .capability-network-heading p,
  .quote-section .quote-intro>p,.creative-page .work-collection-lead{
    font-size:16px;line-height:1.5;max-width:40ch;margin-top:20px;
  }
  .mfg-page #approach{padding-bottom:32px}
  .mfg-page .capability-network{padding-top:32px}
  .mfg-page .capability-network-heading{margin-bottom:32px}
  .mfg-page #approach .mfg-support-options{margin-top:28px;gap:12px}
  .mfg-page #approach .mfg-support-options>a,.mfg-page #approach .mfg-support-options img{height:104px}
  .mfg-page #approach .mfg-support-options h3{font-size:clamp(19px,5vw,24px);line-height:1.2}
  .mfg-page .capability-feature{padding:24px;gap:24px}
  .mfg-page .capability-feature-copy h3{font-size:22px;line-height:1.2}
  .mfg-page .capability-feature-copy p{font-size:16px;line-height:1.5}
  #creative-process .process-flow-title,#services .mfg-step h3{font-size:20px;line-height:1.2}
  #creative-process .process-flow-content p,#services .step-body p{font-size:16px;line-height:1.5}
  .creative-page .long-form{padding:64px 24px 0}
  .creative-page .work-intro{padding:24px;margin-bottom:32px}
  .creative-page .studio-results{padding-bottom:64px}
  .creative-page #quote-title,.mfg-page #quote-title{font-size:32px;line-height:1.12;letter-spacing:-.025em}
  #ww-page #services{padding:64px 24px}
  #ww-page .home-pathways{padding:64px 24px;gap:16px}
  #ww-page .home-pathway-title h2{font-size:clamp(16px,4.1vw,22px);line-height:1.18}
  #ww-page .site-footer{padding:48px 24px 32px}
  #ww-page #contact .home-contact-copy{padding-inline:24px}
}

/* Three-line mobile hero titles with quieter supporting links. */
.creative-page .studio-hero-copy h1 .mobile-hero-break{display:none}
@media(max-width:760px){
 #ww-page #hero-title,.mfg-page .mfg-hero h1,.creative-page .studio-hero-copy h1{
  font-size:clamp(26px,8.5vw,46px)!important;line-height:1.12!important;letter-spacing:-.025em;
 }
 #ww-page #hero-title .warp{display:grid;width:max-content;margin:0 auto;vertical-align:baseline}
 #ww-page #hero-title .warp>span{grid-area:1/1;justify-self:center}
 .mfg-page .mfg-hero-phrases{display:grid;width:100%!important;margin-top:0}
 .mfg-page .mfg-hero-phrases>span,.mfg-page .mfg-hero-phrases>span:not(:last-child){grid-area:1/1;justify-self:center;text-align:center}
 .creative-page .studio-hero-copy h1 .mobile-hero-break{display:block}
 #ww-page #hero .hero-intro-line a,.mfg-page .mfg-hero-copy .mfg-link,.creative-page .studio-hero-copy>a{
  font-size:11px!important;font-weight:500;line-height:1.4;letter-spacing:.04em;min-height:44px;
 }
 #ww-page #hero,.mfg-page .mfg-hero-copy,.creative-page .studio-hero-copy{gap:20px}
}