@media (max-width: 1000px) {
  .hero { gap: 40px; }
  .navigation { gap: 20px; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 18px; }
  .practice-card { padding: 24px; }
  .about { gap: 40px; }
}
@media (max-width: 760px) {
  :root { --header-height: 80px; }
  .container { width: calc(100% - 40px); }
  .header-inner { flex-wrap: wrap; gap: 0; }
  .brand-name { font-size: 27px; }
  .brand-subtitle { font-size: 8px; }
  .js .menu-toggle { display: inline-flex; align-items: center; gap: 14px; }
  .navigation { flex-basis: 100%; flex-direction: column; align-items: stretch; gap: 0; padding-block: 14px; }
  .navigation a { padding: 14px 0; }
  .navigation .button { margin-block: 10px; }
  .js .navigation { display: none; }
  .js .navigation.is-open { display: flex; }
  .hero { grid-template-columns: 1fr; gap: 42px; padding-block: 52px; }
  h1 { max-width: 560px; }
  .hero-description { max-width: 480px; }
  .hero-actions { flex-direction: row; align-items: center; }
  .portrait { justify-self: center; max-width: 310px; }
  .section { padding-block: 56px; }
  .section-heading { flex-direction: column; align-items: flex-start; gap: 24px; margin-bottom: 30px; }
  .section-heading > p { max-width: 440px; }
  .practice-grid { grid-template-columns: repeat(2, 1fr); }
  .about { grid-template-columns: 1fr; gap: 28px; }
  .site-footer { align-items: flex-start; flex-direction: column; gap: 24px; }
}
@media (max-width: 440px) {
  .practice-grid { grid-template-columns: 1fr; }
  .hero-actions { align-items: flex-start; flex-direction: column; }
  .hero .eyebrow { font-size: 9px; }
}

@media (max-width: 1000px) {
  .team-layout, .contact-layout { gap: 36px; }
}
@media (max-width: 760px) {
  .team-layout, .contact-layout, .values-grid { grid-template-columns: 1fr; }
  .team-layout { gap: 32px; }
  .office-photo { order: 2; }
  .values-grid { gap: 28px; }
  .contact-layout { gap: 32px; }
}

@media (max-width: 760px) {
  .practice-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .practice-card, .practice-card:nth-child(n + 4) { grid-column: auto; }
  .practice-card:last-child { grid-column: 1 / -1; }
}
@media (max-width: 440px) {
  .practice-grid { grid-template-columns: minmax(0, 1fr); }
  .practice-card:last-child { grid-column: auto; }
}