@media (max-width: 1080px) {
  .hero { grid-template-columns: 1fr 1fr; }
  .hero-copy { padding-right: 30px; }
  h1 { font-size: clamp(4rem, 7.8vw, 6.2rem); }
  .metrics { gap: 24px; }
  .metrics > p { padding-left: 22px; }
  .feature { grid-template-columns: 54px 100px 1fr; }
  .process { gap: 60px; }
}

@media (max-width: 860px) {
  .site-header { height: 84px; }
  .menu-toggle { position: relative; z-index: 32; display: grid; width: 44px; height: 44px; place-items: center; padding: 12px; border: 1px solid var(--line); background: rgba(11,13,12,.7); }
  .menu-toggle span { display: block; width: 19px; height: 1px; background: var(--text); transition: transform .25s; }
  .menu-toggle span + span { margin-top: 6px; }
  .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-4px) rotate(-45deg); }
  .main-nav { position: fixed; z-index: 30; inset: 0; display: flex; flex-direction: column; align-items: stretch; justify-content: center; gap: 0; padding: 90px 28px 30px; background: rgba(11,13,12,.98); transform: translateX(100%); transition: transform .35s ease; }
  .main-nav.open { transform: translateX(0); }
  .main-nav > a { padding: 18px 0; border-bottom: 1px solid var(--line); font-family: var(--display); font-size: 1.5rem !important; }
  .nav-cta { justify-content: space-between; border-width: 0 0 1px; }
  .hero { min-height: auto; grid-template-columns: 1fr; padding-left: 0; }
  .hero-copy { min-height: 680px; padding: 150px 24px 74px; }
  .hero-visual { min-height: 620px; }
  .image-shade { background: linear-gradient(0deg, rgba(11,13,12,.6), transparent 50%); }
  .material-orbit { top: 32px; right: 24px; }
  .hero-index { display: none; }
  .metrics { grid-template-columns: repeat(3, 1fr); }
  .metrics > div { flex-direction: column; align-items: flex-start; gap: 8px; }
  .metrics > p { grid-column: 1 / -1; padding: 24px 0 0; border-top: 1px solid var(--line); border-left: 0; }
  .section-heading { align-items: flex-start; flex-direction: column; gap: 32px; }
  .project-grid { grid-template-columns: 1fr 1fr; grid-template-rows: 510px 330px; }
  .project-card-large { grid-column: 1 / -1; grid-row: auto; }
  .feature { grid-template-columns: 45px 82px 1fr; }
  .feature > div:last-child { display: block; }
  .feature p { margin-top: 10px; }
  .process { grid-template-columns: 1fr; gap: 56px; }
  .process-intro { position: static; }
  footer { grid-template-columns: 1fr auto; }
  footer > p { display: none; }
}

@media (max-width: 600px) {
  .site-header, .metrics, .section, footer { width: min(calc(100% - 36px), var(--container)); }
  .brand { font-size: .92rem; }
  .brand-mark { width: 27px; height: 27px; }
  .hero-copy { min-height: 650px; padding: 140px 18px 62px; }
  h1 { font-size: clamp(3.2rem, 16vw, 4.6rem); }
  .hero-copy > p { margin-top: 28px; font-size: .98rem; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 18px; margin-top: 36px; }
  .button { width: 100%; justify-content: space-between; }
  .hero-visual { min-height: 520px; }
  .project-tag { right: 18px; bottom: 18px; }
  .metrics { gap: 18px; padding: 40px 0; }
  .metrics strong { font-size: 1.7rem; }
  .metrics span { font-size: .6rem; }
  .section { padding: 96px 0; }
  h2 { font-size: clamp(2.75rem, 14vw, 4rem); }
  .section-heading { margin-bottom: 44px; }
  .project-grid { display: flex; flex-direction: column; }
  .project-card { min-height: 430px; }
  .project-card-concept { min-height: 320px; }
  .feature { grid-template-columns: 38px 1fr; gap: 16px; padding: 30px 0; }
  .feature:hover { padding: 30px 10px; }
  .feature-icon { width: 68px; height: 68px; }
  .feature > div:last-child { grid-column: 2; }
  .feature h3 { font-size: 1.35rem; }
  .feature p { font-size: .92rem; }
  .process-steps li { grid-template-columns: 58px 1fr; min-height: 145px; }
  .contact { width: 100%; padding: 104px 18px; }
  .contact-orbit { right: -35%; width: 105vw; }
  .contact-orbit span:nth-child(2) { inset: 48px; }
  .contact-orbit span:nth-child(3) { inset: 105px; }
  footer { grid-template-columns: 1fr; }
  footer > div { flex-wrap: wrap; }
}