@media (max-width: 700px) { .site-header { padding: 14px 18px; align-items: flex-start; flex-direction: column; } .hero, .page, .story, .home-links { width: min(100% - 36px, 1100px); } .hero { min-height: 58vh; } .hero::before { background-size: min(100vw, 510px); } .story { grid-template-columns: 1fr; gap: 34px; padding: 72px 0 96px; } .home-links { padding-bottom: 96px; } .home-link-grid { grid-template-columns: 1fr; } .home-link-card { min-height: 140px; } .member-grid, .gallery-grid { grid-template-columns: 1fr; } .member-card { grid-template-columns: 120px 1fr; gap: 18px; } .members { margin: 72px 0; } .page { padding: 56px 0; } }