.about-layout > *, .contact-layout > *, .skills-grid > *, .projects-grid > * { min-width: 0; }
@media (min-width: 768px) {
  .container { width: min(var(--content), calc(100% - 80px)); }
  #navigation { display: flex; position: static; padding: 0; border: 0; background: transparent; margin-left: auto; gap: 16px; }
  #navigation.active { flex-direction: row; }
  .menu-toggle { display: none; }
  .hero { grid-template-columns: minmax(0, 1fr) 160px; align-items: center; gap: 40px; padding-block: 88px 96px; }
  .hero-portrait { display: block; }
  .hero-portrait img { width: 160px; height: 160px; }
  .about-layout { grid-template-columns: 1fr 1.7fr; gap: 48px; }
  .skills-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .skill-card:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .contact-layout { grid-template-columns: 1fr 1.2fr; gap: 40px; }
}
@media (min-width: 1024px) {
  .hero { grid-template-columns: minmax(0, 1fr) 180px; padding-block: 112px 120px; gap: 80px; }
  .hero-portrait img { width: 180px; height: 180px; }
  .hero-description { font-size: 1.05rem; }
  .section { padding-block: 96px; }
  .about-layout { grid-template-columns: 1fr 1.8fr; gap: 100px; }
  .contact-layout { grid-template-columns: 1fr 1fr; gap: 100px; }
}
@media (max-width: 359px) {
  .hero h1 { font-size: 2.1rem; }
  .category-filters button { padding-inline: 12px; }
  .footer-inner { gap: 12px; }
}