@media(max-width:900px){
  .nav-cta{display:none!important}
  .header-inner{gap:.5rem}
  .mobile-menu{display:none!important;background:var(--paper);border-bottom:1px solid var(--line);padding:1rem 0}
  .mobile-menu.open{display:block!important}
  .mobile-menu-nav{display:grid;gap:.2rem}
  .mobile-menu-nav a{display:block;padding:.72rem .2rem;border-bottom:1px solid var(--line);color:var(--ink);font-family:var(--sans);font-size:.82rem;font-weight:700;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}
  .mobile-menu-nav a.active,.mobile-menu-nav a:hover{color:var(--green)}
  .mobile-toggle{font-family:var(--sans);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;min-width:44px;min-height:44px}
  .page-header-card h1{font-family:var(--serif);font-size:clamp(3rem,12vw,4.8rem);line-height:.9;letter-spacing:-.06em}
  .section-heading{font-family:var(--serif);font-size:clamp(2.4rem,10vw,4rem);line-height:.95;letter-spacing:-.06em}
  .lead,.card p,.timeline-step p{font-size:1rem;line-height:1.65}
  .card{padding:1.35rem}
  .card h3{font-size:1.75rem}
  .page-hero{padding:3.5rem 0 2.5rem}
  .agency-mobile-menu{display:none!important;background:var(--paper);border-bottom:1px solid var(--line);padding:1rem}
  .agency-mobile-menu.is-open{display:grid!important;gap:.2rem}
  .agency-mobile-menu a{padding:.75rem .2rem;border-bottom:1px solid var(--line);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
}
