/* =========================================================
   NORTHSTAR SELECTED — Responsive Breakpoints
   ========================================================= */

/* ── Tablet (≤ 1024px) ──────────────────────────────────── */
@media (max-width: 1024px) {

  /* Nav */
  .nav__links,
  .nav__cta .btn {
    display: none;
  }

  .nav__hamburger {
    display: flex;
  }

  .nav__mobile {
    display: flex;
  }

  /* Hero stats */
  .hero__stats {
    display: none;
  }

  /* About */
  .about__image-accent {
    display: none;
  }


  /* Services list */
  .service-item {
    grid-template-columns: 48px 1fr;
    gap: var(--sp-6);
  }

  .service-item__desc {
    display: none;
  }


  /* Footer */
  .footer__main {
    grid-template-columns: 1fr 1fr;
    gap: var(--sp-10);
  }

  /* Contact */
  .contact__grid {
    gap: var(--sp-16);
  }
}

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

  /* Hero */
  .hero__scroll {
    display: none;
  }

  .hero__actions {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--sp-4);
  }

  .hero__actions .btn {
    width: 100%;
    justify-content: center;
  }

  /* About */
  .about__grid {
    grid-template-columns: 1fr;
    gap: var(--sp-10);
  }

  .about__images {
    max-width: 480px;
  }

  .about__values {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--sp-6);
    padding-top: var(--sp-10);
    margin-top: var(--sp-10);
  }


  /* Services */
  .service-item {
    grid-template-columns: 1fr;
    gap: var(--sp-2);
  }

  .service-item__number {
    font-size: var(--fs-base);
  }

  /* Contact */
  .contact__grid {
    grid-template-columns: 1fr;
    gap: var(--sp-12);
  }

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

  /* Footer */
  .footer__main {
    grid-template-columns: 1fr;
    gap: var(--sp-8);
  }

  .footer__bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--sp-4);
  }

  /* Lightbox nav buttons */
  .lightbox__nav--prev { left: var(--sp-3); }
  .lightbox__nav--next { right: var(--sp-3); }
}

/* ── Small Mobile (≤ 480px) ─────────────────────────────── */
@media (max-width: 480px) {

  .about__values {
    grid-template-columns: 1fr;
    text-align: left;
  }

  .about__value {
    text-align: left;
  }

  .hero__stat {
    padding: var(--sp-3) var(--sp-5);
  }

  .marquee__track {
    animation-duration: 20s;
  }
}

/* ── Reduced motion ─────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }

  .reveal,
  .reveal-left,
  .reveal-right,
  .reveal-scale {
    opacity: 1;
    transform: none;
  }

  .hero__bg img {
    animation: none;
  }
}