/* ══════════════════════════════
   VELTRIX — RESPONSIVE (Mobile)
   ══════════════════════════════ */

/* ── TABLET ── */
@media (max-width: 1024px) {
  .create-inner {
    grid-template-columns: 1fr;
    gap: var(--sp-12);
  }
  .create-visual {
    order: -1;
  }
  .evolve-stats {
    grid-template-columns: repeat(2, 1fr);
  }
  .about-wrap {
    grid-template-columns: 1fr;
    gap: var(--sp-12);
  }
  .about-right {
    order: -1;
    min-height: 380px;
  }
  .port-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .pm-large {
    grid-column: span 2;
  }
}

/* ── MOBILE ── */
@media (max-width: 768px) {

  /* Nav */
  .nav-links { display: none; }
  .nav-burger { display: flex; }
  #nav {
    padding: 0 var(--sp-5);
  }

  /* Hero */
  #hero-content {
    left: 5%;
    right: 5%;
    max-width: 100%;
    padding: 0 var(--sp-4);
  }
  .ht-line {
    font-size: clamp(1.8rem, 8vw, 2.8rem);
  }
  #velix-scene {
    width: 100%;
    right: 0;
    opacity: 0.35;
    pointer-events: none;
  }
  #velix-desk-env {
    gap: 0;
    transform: scale(0.7);
    transform-origin: bottom center;
  }
  .mon-left, .mon-right {
    display: none;
  }
  .hud-panel { display: none; }
  .hero-metrics {
    flex-wrap: wrap;
    gap: var(--sp-4);
  }

  /* Missions */
  .ms { min-height: auto; padding: var(--sp-16) 0; }
  .ms-inner { padding: 0 var(--sp-5); }
  .ms-h {
    font-size: clamp(1.6rem, 6vw, 2.4rem);
  }
  .ms-cards {
    grid-template-columns: 1fr;
  }
  .ms-cards.inline-cards {
    grid-template-columns: 1fr;
  }
  .create-inner {
    grid-template-columns: 1fr;
  }
  .ai-hub {
    width: 220px;
    height: 220px;
  }
  .ring-2 { width: 190px; height: 190px; }
  .ring-1 { width: 130px; height: 130px; }
  .evolve-stats {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--sp-4);
  }
  .flow-diag {
    flex-wrap: wrap;
    gap: var(--sp-3);
    justify-content: center;
  }
  .flow-line { display: none; }

  /* Portfolio */
  .port-grid {
    grid-template-columns: 1fr;
    padding: 0 var(--sp-5);
  }
  .pm-large { grid-column: span 1; }

  /* About */
  .about-wrap {
    grid-template-columns: 1fr;
    gap: var(--sp-8);
    padding: 0 var(--sp-5);
  }
  .about-right {
    min-height: 320px;
  }

  /* Contact */
  .term-wrap {
    margin: 0 var(--sp-5) var(--sp-8);
    padding: 0;
  }
  .contact-alt {
    flex-direction: column;
    gap: var(--sp-4);
  }
  .ca-sep { display: none; }
  .term-body { padding: var(--sp-5); }

  /* Footer */
  .footer-bottom {
    flex-direction: column;
    gap: var(--sp-4);
    text-align: center;
  }
  .footer-nav {
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--sp-5);
  }

  /* Section heads */
  .section-head {
    padding: var(--sp-16) var(--sp-5) var(--sp-8);
  }
}

/* ── SMALL MOBILE ── */
@media (max-width: 480px) {
  .hero-ctas {
    flex-direction: column;
    gap: var(--sp-3);
  }
  .cta-primary, .cta-secondary {
    width: 100%;
    justify-content: center;
  }
  .ht-line {
    font-size: 1.6rem;
  }
  .evolve-stats {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ── DESKTOP LARGE ── */
@media (min-width: 1400px) {
  #hero-content {
    max-width: 660px;
  }
  .ht-line {
    font-size: 4.5rem;
  }
}

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

/* ── PRINT ── */
@media print {
  #boot-screen, #nav, #city-canvas, .scroll-cue,
  .ambient-phrase, #cursor-dot, #cursor-ring { display: none !important; }
  body { background: white; color: black; }
}