/* Responsive Adjustments */

@media (max-width: 1024px) {
  .hero__name {
    font-size: 5rem;
  }
}

@media (max-width: 768px) {
  .nav__links { display: none; }
  .nav__hamburger {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 24px;
    height: 18px;
    z-index: 101;
  }
  .nav__hamburger span {
    width: 100%;
    height: 2px;
    background: var(--color-text);
    transition: all 0.3s ease;
  }
  .nav__hamburger.open span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
  .nav__hamburger.open span:nth-child(2) { opacity: 0; }
  .nav__hamburger.open span:nth-child(3) { transform: rotate(-45deg) translate(6px, -6px); }

  .nav__mobile {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0; right: 0; bottom: 0;
    width: 100%;
    background: var(--color-bg);
    padding: var(--space-24) var(--space-6);
    transform: translateX(100%);
    transition: transform 0.4s var(--ease);
    z-index: 100;
  }
  .nav__mobile.open {
    transform: translateX(0);
  }
  .nav__mobile ul {
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
    font-size: var(--text-2xl);
    font-family: var(--font-display);
  }

  .about-grid {
    grid-template-columns: 1fr;
    padding-top: var(--space-16);
  }
  .hero__name {
    font-size: 3.5rem;
  }
  .hero__actions {
    flex-direction: column;
  }
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}