/* ============================================
   RESPONSIVE BREAKPOINTS
   ============================================ */

/* ── LOGO SIZES ── */
/* mobile */
@media (max-width: 640px) {
  .hero__logo-img { width: min(480px, 92vw); height: auto; }
}
/* tablet */
@media (min-width: 641px) and (max-width: 900px) {
  .hero__logo-img { width: min(580px, 90vw); height: auto; }
}
/* desktop */
@media (min-width: 901px) {
  .hero__logo-img { width: min(720px, 85vw); height: auto; }
}

/* ── MOBILE (≤640px) ── */
@media (max-width: 640px) {
  .hero {
    min-height: calc(100vh - var(--nav-height));
    padding-top: calc(var(--nav-height) + var(--space-3));
  }

  .hero__badge   { font-size: 0.7rem; padding: 5px 12px; }
  .hero__title   { font-size: 2.1rem; }
  .hero__subtitle { font-size: 0.95rem; }
  .hero__actions { flex-direction: column; }
  .hero__actions .btn { justify-content: center; }

  .about__heading  { font-size: 1.8rem; }
  .about__credentials { gap: var(--space-1); }
  .about__credential { font-size: 0.7rem; padding: 5px 10px; }
  .about__award-img {
    height: auto; width: 100%; max-width: none;
  }
  .about__award-img--bg {
    padding: 4px;
    border-radius: var(--radius-md);
  }
  .about__awards-grid {
    gap: var(--space-3);
    flex-direction: column;
    align-items: stretch;
  }

  .services__grid,
  .work__grid { grid-template-columns: 1fr; }

  .about__stats { gap: var(--space-2); }
  .stat-card { padding: var(--space-2) var(--space-3); }

  .contact__social { gap: var(--space-1); }

  .lightbox__prev { left: var(--space-1); }
  .lightbox__next { right: var(--space-1); }

  .footer__top { flex-direction: column; gap: var(--space-3); text-align: center; }
  .footer__links { flex-wrap: wrap; justify-content: center; gap: var(--space-3); }
}

/* ── TABLET (641-900px) ── */
@media (min-width: 641px) and (max-width: 900px) {
  .services__grid { grid-template-columns: repeat(2, 1fr); }
  .work__grid     { grid-template-columns: repeat(2, 1fr); }
  .about__grid    { gap: var(--space-4); }
  .about__award-img { height: 240px; width: auto; }
}

/* ── DESKTOP (901px+) ── */
@media (min-width: 901px) {
  .about__grid  { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-6); align-items: start; }
  .about__stats { order: 1; }
  .about__text  { order: 0; }
}

/* ── WIDE DESKTOP (1100px+) ── */
@media (min-width: 1100px) {
  .hero__title { font-size: 3.6rem; }
}

/* ── HAMBURGER ANIMATION ── */
@media (max-width: 768px) {
  .nav__hamburger[aria-expanded="true"] span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
  }
  .nav__hamburger[aria-expanded="true"] span:nth-child(2) {
    opacity: 0;
  }
  .nav__hamburger[aria-expanded="true"] span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
  }
}