html { scroll-behavior: smooth; }
body { overflow-wrap: break-word; }
[hidden] { display: none !important; }
.mobile-menu { border-top: 1px solid #e2e8f0; background: white; padding: 12px 24px; box-shadow: 0 8px 16px #0b3c5d12; }
.mobile-menu a { display: block; padding: 12px 8px; font-weight: 700; border-radius: 8px; }
.mobile-menu a:hover, .mobile-menu a[aria-current="page"] { color: #0b5d78; background: #eef8fb; }
.founder-photo-action { margin-top: 24px; padding-top: 20px; border-top: 1px solid #e2e8f0; }
.photo-email-link { display: inline-block; border-radius: 8px; padding: 12px 18px; background: #0b5d78; color: white; font-weight: 700; font-size: 14px; }
.photo-email-link:hover { background: #083e50; }
.photo-help { margin-top: 12px; color: #52636e; font-size: 14px; line-height: 1.6; }
.photo-gallery { max-width: 760px; margin-left: auto; margin-right: auto; }
.photo-gallery img { height: auto; max-height: 480px; }
a:focus-visible, button:focus-visible { outline: 3px solid #168558; outline-offset: 4px; }
section[id] { scroll-margin-top: 140px; }
@media (min-width: 768px) { .mobile-menu { display: none !important; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }

/* Keep the handwashing stations visible in supplied portrait field photos. */
img.documentary-portrait { height: 420px; max-width: 100%; object-fit: contain; background: #edf4ef; }
@media (max-width: 640px) { img.documentary-portrait { height: 360px; } }