/* ============================================
   RESPONSIVE - 768px (Mobile)
   ============================================ */
@media (max-width: 768px) {
  /* Nav */
  .nav__links {
    position: fixed;
    inset: 0;
    background: var(--bg);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-xl);
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--duration-normal) var(--ease-in-out),
                visibility var(--duration-normal);
    z-index: 99;
  }

  .nav__links.active {
    opacity: 1;
    visibility: visible;
  }

  .nav__links .nav__link {
    font-size: 1.35rem;
    font-weight: 600;
  }

  .nav__links .nav__link::after {
    display: none;
  }

  .nav__hamburger {
    display: flex;
  }

  /* Hero */
  .hero {
    min-height: auto;
    padding-top: 7rem;
    padding-bottom: var(--space-3xl);
  }

  .hero__name {
    font-size: clamp(2.5rem, 12vw, 3.5rem);
  }

  .hero__desc {
    font-size: 0.92rem;
  }

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

  .hero__scroll-cue {
    display: none;
  }

  /* Stats */
  .stats-terminal {
    max-width: 100%;
  }

  /* Projects */
  .project-list__tech {
    display: none;
  }

  .project-list__title {
    font-size: 1rem;
  }

  .project-featured__title {
    font-size: 1.3rem;
  }

  /* Form */
  .form-row {
    grid-template-columns: 1fr;
  }
}

/* ============================================
   RESPONSIVE - 480px (Small mobile)
   ============================================ */
@media (max-width: 480px) {
  .hero__name {
    font-size: clamp(2rem, 10vw, 2.8rem);
  }

  .hero__name-outline {
    -webkit-text-stroke-width: 1px;
  }

  .section-label {
    gap: var(--space-sm);
  }

  .section-label__number {
    font-size: 0.72rem;
  }

  .section-label__text {
    font-size: 0.75rem;
  }

  .timeline {
    padding-left: var(--space-lg);
  }

  .project-featured__header {
    flex-wrap: wrap;
  }

  .project-featured__arrow {
    display: none;
  }

  .contact-hero__email {
    font-size: 1rem;
    word-break: break-all;
  }

  .edu-certs li {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-xs);
  }

  .skills-marquee__label {
    display: none;
  }

  .project-list__desc {
    display: none;
  }

  .project-list__tech {
    display: none;
  }
}