@media (max-width: 1024px) {
  .portfolio-item:nth-child(1) { grid-column: span 12; }
  .portfolio-item:nth-child(2) { grid-column: span 6; }
  .portfolio-item:nth-child(3) { grid-column: span 6; }
  .portfolio-item:nth-child(4) { grid-column: span 6; }
  .portfolio-item:nth-child(5) { grid-column: span 12; }
  .portfolio-item:nth-child(6) { grid-column: span 4; }

  .about-grid { grid-template-columns: 1fr; gap: 48px; }
  .about-image-wrap { max-width: 400px; margin: 0 auto; }

  .writing-grid { grid-template-columns: repeat(2, 1fr); }

  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .stat-item { border-right: none !important; border-bottom: 1px solid var(--border); }
  .stat-item:nth-child(odd)  { border-right: 1px solid var(--border) !important; }
  .stat-item:nth-child(3),
  .stat-item:nth-child(4)    { border-bottom: none; }
}

@media (max-width: 768px) {
  .nav-links,
  .nav-cta,
  .theme-toggle { display: none; }
  .mobile-toggle { display: flex; }

  .portfolio-item:nth-child(1) { grid-column: span 12; }
  .portfolio-item:nth-child(2) { grid-column: span 12; }
  .portfolio-item:nth-child(3) { grid-column: span 12; }
  .portfolio-item:nth-child(4) { grid-column: span 12; }
  .portfolio-item:nth-child(5) { grid-column: span 12; }
  .portfolio-item:nth-child(6) { grid-column: span 12; }
  .portfolio-item { aspect-ratio: auto !important; min-height: 440px; }
  .portfolio-meta { padding: 20px; }

  .writing-grid { grid-template-columns: 1fr; }

  .work-header { flex-direction: column; align-items: flex-start; }

  .featured-item { grid-template-columns: 48px 1fr; }
  .featured-info,
  .featured-arrow { display: none; }

  .speaking-item { grid-template-columns: 1fr; gap: 8px; }
  .speaking-meta { text-align: left; }

  .form-row { grid-template-columns: 1fr; }
  .form-group.full { grid-column: span 1; }

  .footer-inner { flex-direction: column; align-items: center; text-align: center; }
}

@media (max-width: 480px) {
  .stats-grid { grid-template-columns: 1fr; }
  .stat-item           { border-right: none !important; border-bottom: 1px solid var(--border) !important; }
  .stat-item:last-child { border-bottom: none !important; }

  .about-career { grid-template-columns: 1fr; }
  .skills-list { grid-template-columns: 1fr; }

  .hero-actions { flex-direction: column; align-items: flex-start; }
}