@media (max-width: 1000px) {
  .hero-grid, .contact-grid { grid-template-columns: 1fr; }
  .hero-visual { min-height: 460px; }
  .section-heading { grid-template-columns: 1fr; gap: 25px; }
  .skills-grid { grid-template-columns: repeat(2, 1fr); }
  .statement-grid { grid-template-columns: 1fr; }
  .statement-copy { grid-column: auto; }
  .about-grid { grid-template-columns: 1fr; }
  .about-number { font-size: 120px; }
  .blog-grid { grid-template-columns: 1fr; }
  .blog-card { min-height: 300px; }
}

@media (max-width: 720px) {
  .container { width: min(calc(100% - 32px), var(--max)); }
  .section { padding: 95px 0; }
  .nav { min-height: 70px; }
  .nav-toggle {
    display: flex; width: 40px; height: 40px; flex-direction: column;
    justify-content: center; align-items: center; gap: 6px;
  }
  .nav-toggle span { display: block; width: 20px; height: 1px; background: var(--ink); transition: transform .2s; }
  .nav-toggle[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg); }
  .nav-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
  .nav-links {
    position: absolute; top: 70px; left: 16px; right: 16px; display: grid; gap: 0;
    padding: 10px; background: rgba(246,246,243,.97); border: 1px solid var(--line);
    opacity: 0; pointer-events: none; transform: translateY(-8px); transition: .25s var(--ease);
  }
  .nav-links.open { opacity: 1; pointer-events: auto; transform: none; }
  .nav-link { padding: 14px; }
  .nav-cta { margin: 5px 14px 10px; }
  .hero { padding-top: 110px; }
  .hero h1 { font-size: clamp(50px, 15vw, 78px); }
  .hero-text { font-size: 15px; }
  .hero-meta { flex-direction: column; gap: 10px; margin-top: 35px; }
  .hero-visual { min-height: 350px; margin-top: 20px; }
  .visual-frame { max-width: 380px; }
  .visual-core { width: 130px; height: 130px; }
  .visual-core strong { font-size: 50px; }
  .orbit-one { width: 240px; height: 100px; }
  .orbit-two { width: 320px; height: 160px; }
  .card-top { right: -2%; }
  .card-bottom { left: -2%; }
  .about-copy .lead { font-size: 23px; }
  .about-facts { grid-template-columns: 1fr; }
  .skills-grid { grid-template-columns: 1fr; }
  .skill-card { min-height: 300px; }
  .project { grid-template-columns: 35px 1fr; gap: 16px; }
  .project-link { grid-column: 2; justify-self: start; }
  .project h3 { font-size: 23px; }
  .contact-grid { gap: 50px; }
  .footer-inner { min-height: 100px; flex-direction: column; justify-content: center; gap: 8px; }
}