@media (min-width: 1001px) {
  .hero { min-height: 100vh; }
}

@media (min-width: 1400px) {
  .hero-content { padding-bottom: 8rem; }
}

@media (min-width: 761px) and (max-width: 1000px) {
  .nav-links { gap: 1rem; }
  .service-list { grid-template-columns: 1fr 1fr; }
  .softskill-list { grid-template-columns: repeat(3, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}