/* ═══════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════ */

@media (max-width: 900px) {
  .hero {
    min-height: 0;
    padding-block: var(--sp-4);
  }

  .hero-grid {
    grid-template-columns: 1fr;
    gap: 1.75rem;
  }

  .hero-social {
    flex-direction: row;
    justify-content: center;
    order: 2;
  }

  .hero-copy {
    align-items: center;
    text-align: center;
    order: 1;
  }

  .hero-greeting,
  .hero-ctas {
    justify-content: center;
  }

  .hero-sub {
    margin-inline: auto;
  }

  .hero-photo {
    order: 0;
    width: min(320px, 78vw);
    padding-block: 4.5rem .75rem;
  }

  .hero-title {
    white-space: normal;
  }
}

@media (max-width: 768px) {
  .nav-links {
    display: none;
  }

  .lang-toggle {
    display: none;
  }

  .nav-name {
    font-size: .95rem;
  }

  .nav-brand-photo {
    width: 36px;
    height: 36px;
  }

  .nav-brand-photo img {
    width: 36px;
    height: 36px;
  }

  .stats {
    grid-template-columns: 1fr;
  }

  .stat {
    border-inline-end: none;
    border-bottom: 1px solid var(--border-subtle);
  }

  .stat:last-child {
    border-bottom: none;
  }

  .sobre {
    grid-template-columns: 1fr;
  }

  .case-grid {
    grid-template-columns: 1fr;
  }

  .project,
  .project-destaque {
    grid-template-columns: 1fr;
  }

  .project-visual {
    max-width: none;
  }

  .contato-grid {
    grid-template-columns: 1fr;
  }

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

  .footer-top {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .footer-cols {
    grid-template-columns: 1fr 1fr;
  }

  .section {
    padding-block: var(--sp-6);
  }

  .hero-copy {
    gap: 1.1rem;
  }

  .social-bar {
    gap: .75rem;
    padding-block: 1.15rem;
  }

  .social-icon {
    width: 44px;
    height: 44px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-title .reveal-line {
    transform: none;
  }

  .hero-cursor,
  .hero-wave,
  .hero-photo-ring,
  .hero-photo-dots,
  .hero-photo-orbit,
  .hero-photo-glow,
  .hero-float-code,
  .hero-neon-line,
  .hero-btn-solid,
  .hero-live-dot,
  .hero-photo.is-ring-neon .hero-photo-ring::before,
  .hero-photo.is-ring-neon .hero-photo-ring::after,
  .hero-status::before,
  .side-dots a.is-active,
  .side-dots a[aria-current="page"] {
    animation: none;
  }

  .hero-photo-stage,
  .hero-photo-pop {
    transition: none;
  }

  .marquee-track {
    animation: none;
  }

  .marquee-track-reverse {
    animation: none;
    transform: none;
  }

  .project:hover .cover-img img,
  .project:hover .project-media-mark,
  .project:hover .project-visual {
    transform: none;
  }

  .section-title .split-word > span {
    transform: none !important;
  }

  .reveal {
    opacity: 1;
    transform: none;
    filter: none;
    transition: none;
  }

  html {
    scroll-behavior: auto;
  }

  body.spotlight-on::before {
    display: none;
  }

  .btn:hover:not(:disabled),
  .project:hover,
  .social-icon:hover {
    transform: none;
  }
}