@media (max-width: 900px) {
  .masthead-row { gap: 1rem; }
  .primary-nav { gap: .9rem; }
  .lead-secondary-list { grid-template-columns: 1fr; }
  .lead-secondary { grid-template-columns: 1fr; }
  .lead-secondary .story-image, .lead-secondary .story-image-placeholder { aspect-ratio: 1.8; }
  .story-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .principle-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .principle:nth-child(2) { border-right: 0; margin-right: 0; }
  .principle:nth-child(3), .principle:nth-child(4) { border-top: var(--line); }
  .about-visual { min-height: 350px; }
}
@media (max-width: 680px) {
  :root { --page-gutter: 1rem; --space-7: 3.25rem; --space-8: 4rem; }
  .site-topline { font-size: .58rem; }
  .masthead-row { padding: .85rem 0; }
  .site-logo img { height: 2.6rem; }
  .menu-toggle { display: inline-flex; align-items: center; gap: .5rem; }
  .primary-nav { display: none; position: absolute; top: 96px; left: 0; right: 0; z-index: 50; background: var(--color-paper); border-bottom: 2px solid var(--color-green); padding: 1rem var(--page-gutter) 1.3rem; flex-direction: column; align-items: stretch; gap: .2rem; }
  .primary-nav.is-open { display: flex; }
  .primary-nav a:not(.button) { padding: .8rem 0; border-bottom: var(--line); }
  .nav-actions { display: flex; justify-content: space-between; align-items: center; }
  .nav-actions .button { flex: 1; }
  .home-hero { padding-bottom: var(--space-5); }
  .section-kicker { font-size: .58rem; }
  .lead-primary .story-title { font-size: clamp(2.3rem, 10vw, 3.5rem); max-width: none; }
  .supporting-stories { margin-top: 1.5rem; padding-top: 1.2rem; }
  .lead-secondary-list { grid-template-columns: 1fr; }
  .lead-secondary { grid-template-columns: 35% 1fr; gap: .8rem; }
  .lead-secondary .story-title { font-size: 1.15rem; }
  .lead-secondary .story-summary { display: none; }
  .story-grid { grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
  .story-grid-latest .story-card {
    display: grid;
    grid-template-columns: minmax(0, 34%) minmax(0, 1fr);
    gap: .65rem .85rem;
    align-items: start;
  }
  .story-grid-latest .story-card-media .story-image,
  .story-grid-latest .story-card-media .story-image-placeholder {
    width: 100%;
    aspect-ratio: 1;
    margin: 0;
    object-fit: cover;
  }
  .story-grid-latest .story-card-body { display: grid; align-content: start; gap: .35rem; }
  .story-grid-latest .story-card .story-meta { margin-bottom: 0; font-size: .58rem; }
  .story-grid-latest .story-card .story-title { font-size: clamp(1.05rem, 4.6vw, 1.25rem); margin-bottom: 0; line-height: 1.2; }
  .story-grid-latest .story-card .story-summary { display: none; }
  .story-grid-latest .story-card .story-read { font-size: .68rem; letter-spacing: .05em; }
  .section-heading { align-items: start; gap: .75rem; flex-direction: column; }
  .section-heading h2 { font-size: clamp(1.75rem, 8vw, 2.35rem); max-width: 100%; overflow-wrap: anywhere; }
  .topic-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .topic-tile { border-bottom: var(--line); padding: 1rem .4rem; gap: .5rem; }
  .topic-tile:nth-child(2) { border-right: 0; }
  .topic-tile:nth-child(3), .topic-tile:nth-child(4) { border-bottom: 0; }
  .topic-tile:first-child { padding-left: .4rem; }
  .topic-tile strong { font-size: 1.1rem; }
  .newsletter-band { align-items: flex-start; flex-direction: column; margin-top: 1rem; }
  .quote-section { grid-template-columns: 28px minmax(0,1fr) 28px; gap: .55rem .65rem; align-items: center; }
  .quote-mark { font-size: 3.2rem; }
  .quote-content blockquote { font-size: clamp(1.25rem, 6.2vw, 1.75rem); line-height: 1.25; }
  .footer-inner, .footer-bottom { align-items: flex-start; flex-direction: column; gap: 1rem; }
  .footer-links { gap: .8rem 1rem; }
  .page-main { padding-top: 2.5rem; }
  .page-intro { margin-bottom: 2.5rem; }
  .page-intro h1 { font-size: 3.2rem; }
  .archive-item { grid-template-columns: 34% minmax(0,1fr); gap: .9rem; }
  .archive-item .story-image, .archive-item .story-image-placeholder { grid-row: span 3; align-self: start; aspect-ratio: .9; }
  .archive-item .story-title { font-size: 1.25rem; }
  .archive-item .story-summary { display: none; }
  .archive-item .story-meta { font-size: .55rem; }
  .archive-arrow { display: none; }
  .archive-meta { align-items: flex-start; }
  .about-hero { grid-template-columns: 1fr; gap: 2rem; }
  .about-hero h1 { font-size: 3.6rem; }
  .about-visual { min-height: 300px; order: -1; }
  .principle-grid { grid-template-columns: 1fr; }
  .principle, .principle:nth-child(2) { padding: 1.2rem 0; border-right: 0; border-bottom: var(--line); margin: 0; }
  .principle:nth-child(3) { border-top: 0; }
  .principle:last-child { border-bottom: 0; }
  .contact-layout { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}