.menu-toggle { display:none; }
@media(max-width:850px){
 .site-header nav { position:relative; flex-wrap:nowrap; padding:16px; }
 .menu-toggle { display:flex; align-items:center; gap:10px; background:transparent; border:1px solid currentColor; border-radius:100px; padding:8px 14px; color:inherit; font:inherit; font-size:16px; cursor:pointer; min-height:44px; }
 .site-header .nav-links { display:none; position:absolute; top:calc(100% + 8px); left:0; right:0; padding:12px; border-radius:12px; background:#142b20; color:white; box-shadow:0 12px 30px #0003; }
 .menu-toggle[aria-expanded=true] + .nav-links { display:flex; flex-direction:column; gap:0; }
 .nav-links a { padding:12px 16px; min-height:48px; }
 .menu-toggle:focus-visible { outline:3px solid #0BDA51; outline-offset:3px; }
}
/* On phones preserve both people/group in the approved landscape photograph,
   with the copy on the same dark green used elsewhere on the site. */
@media(max-width:600px){
 :is(.careers-page,.partnerships-page) .solutions-hero {
  background-color:#142b20;
  background-image:linear-gradient(180deg,rgba(20,43,32,.10),rgba(20,43,32,.10)),var(--hero-photo);
  background-size:100% calc(56.25vw + 80px),100% auto;
  background-position:center top,center 80px;
  height:auto; min-height:100svh;
  padding:calc(56.25vw + 118px) 0 48px;
 }
 :is(.careers-page,.partnerships-page) .solutions-hero h1 { font-size:36px; }
}