@media (max-width: 760px){
  html{font-size:16px;overflow-x:hidden;scroll-padding-top:82px}
  body{overflow-x:hidden;-webkit-text-size-adjust:100%}
  .wrap{width:calc(100% - 28px)!important;max-width:none!important}
  .topbar{position:sticky!important;top:0!important;z-index:100!important}
  .site-nav,.nav{height:72px!important;gap:10px!important}
  .logo,.brand-logo{height:45px!important;max-width:158px!important}
  .menu,.menu-btn{display:grid!important;place-items:center;min-width:46px;min-height:46px;border-radius:14px;background:#fff!important;box-shadow:0 5px 20px rgba(7,60,54,.10);font-size:1.5rem}
  .nav-links,.links{top:72px!important;right:14px!important;left:14px!important;padding:14px!important;border-radius:18px!important;max-height:calc(100vh - 90px);overflow:auto;box-shadow:0 22px 60px rgba(7,60,54,.18)!important}
  .nav-links a,.links a{display:flex!important;align-items:center;min-height:48px;padding:8px 12px;border-bottom:1px solid rgba(7,60,54,.09);font-size:1rem}
  .nav-links .nav-cta,.links .nav-cta{justify-content:center;border-bottom:0;margin-top:4px}
  .hero{padding:54px 0 48px!important;min-height:auto!important}
  .hero-grid{grid-template-columns:1fr!important;gap:30px!important}
  .hero h1{font-size:clamp(2.45rem,13vw,4rem)!important;line-height:1.18!important;margin:10px 0 18px!important}
  .hero p,.hero-copy{font-size:1rem!important;line-height:1.85!important}
  .section{padding:58px 0!important}
  .section-head{grid-template-columns:1fr!important;gap:12px!important;margin-bottom:30px!important}
  .section-head h2{font-size:2.2rem!important}
  .grid,.goal-grid,.countries,.article-cats,.cats,.vision,.fields{grid-template-columns:1fr!important;gap:14px!important}
  .card,.panel,.cat,.country,.goal{border-radius:20px!important}
  .content,.panel,.cat,.goal{padding:22px!important}
  .card img,.photo{aspect-ratio:16/11!important}
  .form{padding:20px!important;border-radius:20px!important;width:100%!important}
  .field.full{grid-column:auto!important}
  input,select,textarea{width:100%!important;min-height:50px!important;font-size:16px!important;padding:12px 14px!important}
  textarea{min-height:170px!important}
  .btn,button[type="submit"],.form .btn{width:100%!important;min-height:52px!important;font-size:1rem!important}
  .member-note,.topline,.legal{flex-direction:column!important;align-items:stretch!important;gap:16px!important}
  .share{flex-wrap:wrap}.share a,.social a{width:46px!important;height:46px!important}
  .footer-grid{grid-template-columns:1fr!important;gap:28px!important}
  footer{padding:30px 0!important}
}
@media (max-width: 380px){.wrap{width:calc(100% - 20px)!important}.hero h1{font-size:2.25rem!important}.logo,.brand-logo{max-width:142px!important}}