@media (max-width: 940px) {
  .site-header { grid-template-columns: minmax(8rem, 10rem) 1fr auto; }
  .canvas-control span { display: none; }
  .hero { grid-template-columns: 1fr; }
  .hero-emblem { min-height: 30rem; }
  .studio-section { grid-template-columns: 3rem 1fr; }
  .studio-body { grid-column: 2; padding-top: 0; }
  .venture-grid { grid-template-columns: 1fr; }
  .venture-card { min-height: 20rem; }
  .contact-band-inner { grid-template-columns: 1fr; }
  .site-footer { grid-template-columns: 1fr 1fr; }
  .site-footer nav { grid-column: 1 / -1; grid-template-columns: repeat(5, auto); }
}
@media (max-width: 720px) {
  .shell, .legal-shell, .contact-page { width: min(100% - 2rem, 1180px); }
  .site-header { grid-template-columns: 1fr auto auto; min-height: 72px; padding-inline: 1rem; }
  .menu-button { display: grid; width: 2.8rem; height: 2.8rem; place-content: center; gap: 0.28rem; }
  .menu-button span { display: block; width: 1.25rem; height: 1px; background: currentColor; }
  .site-header nav { position: absolute; top: 72px; right: 0; left: 0; display: none; padding: 1rem; border-bottom: 1px solid var(--line); background: rgba(8, 8, 12, 0.97); flex-direction: column; }
  .site-header nav.open { display: flex; }
  .canvas-control select { max-width: 6rem; }
  .hero { gap: 1rem; min-height: auto; padding-top: 5rem; }
  .hero h1 { font-size: clamp(3.7rem, 18vw, 6.5rem); }
  .hero-emblem { min-height: 25rem; }
  .hero-emblem img { width: min(22rem, 88%); }
  .hero-emblem p { right: auto; bottom: 0; left: 0; }
  .signal-strip { justify-content: flex-start; overflow: hidden; white-space: nowrap; }
  .signal-strip span:nth-of-type(n + 3), .signal-strip i:nth-of-type(n + 3) { display: none; }
  .studio-section { display: block; }
  .section-number { margin-bottom: 2rem; }
  .studio-body { margin-top: 2rem; }
  .principle-list li { grid-template-columns: 2.5rem 1fr; gap: 1rem; }
  .contact-directory { grid-template-columns: 1fr; }
  .company-card { grid-template-columns: 1fr; align-items: start; }
  .site-footer { grid-template-columns: 1fr; padding-inline: 1rem; }
  .site-footer nav { grid-column: auto; grid-template-columns: repeat(2, 1fr); }
  .copyright { grid-column: auto; }
}

@media (max-width: 430px) {
  .brand-lockup { width: 8rem; }
  .canvas-control { display: none; }
  .site-header { grid-template-columns: 1fr auto; }
  .hero-actions .button { width: 100%; }
  .legal-heading h1, .page-heading h1 { font-size: 3.5rem; }
}