img { max-width: 100%; }
:focus-visible { outline: 2px solid #805936; outline-offset: 5px; }
.skip-link { position: absolute; left: 1rem; top: -5rem; padding: .5rem 1rem; background: #f5f3ef; z-index: 10; }
.skip-link:focus { top: 1rem; }
.footer-copy, .recognition-label, .contact-item-label, .essay-byline,
.about-title, .cred-detail, .closing-attr, .phase-detail { color: #736a62; }
.form-note { font-size: 12px; color: var(--warm-mid); margin-top: 1rem; }
.form-note a { color: inherit; overflow-wrap: anywhere; }
textarea.form-input { resize: vertical; }
@media (max-width: 760px) {
  .nav-inner { align-items: center; flex-direction: column; gap: 1rem; }
  .nav-links { gap: 1.4rem; flex-wrap: wrap; justify-content: center; }
  .hero-inner, .approach-grid, .differentiator, .contact-grid,
  .page-header-inner, .contact-inner, .phase-inner, .expect-inner, .cta-inner,
  .about-header-inner, .narrative-inner, .cred-inner, .framework-inner,
  .essay-header-inner, .essay-body, .essay-footer, .substack-link, .post-item {
    grid-template-columns: minmax(0, 1fr); gap: 1.75rem;
  }
  .hero-photo, .about-photo { width: 100%; max-width: 340px; height: 340px; }
  .hero-headline { font-size: clamp(34px, 8vw, 48px); }
  .footer-inner { flex-direction: column; gap: .65rem; text-align: center; }
  .footer-email { overflow-wrap: anywhere; }
  .cred-item { grid-template-columns: 1fr; gap: .25rem; }
  .cred-detail { padding-left: 0; text-align: left; }
}
@media (max-width: 480px) {
  .page, .nav-inner, .footer-inner { padding-left: 1.25rem; padding-right: 1.25rem; }
  .nav-brand { font-size: 17px; letter-spacing: .055em; }
  .nav-links { gap: 1.15rem; }
  .scenarios { grid-template-columns: 1fr; }
  .hero { padding-top: 3rem; }
}