/* Mobile-first refinements per spec */

@media (max-width: 480px) {
  :root {
    --header-h: 64px;
  }

  .section {
    padding-block: clamp(2rem, 6vw, 3rem);
  }

  .hero__inner {
    padding-block: 2rem 4rem;
  }

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

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

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

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

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

  .footer-bottom {
    flex-direction: column;
    text-align: center;
    justify-content: center;
  }
}

@media (max-width: 768px) {
  .page-hero {
    padding-top: calc(var(--header-h) + 2rem);
    padding-bottom: 2rem;
  }

  .contact-form-wrap {
    padding: 1.25rem;
  }
}

@media (min-width: 1440px) {
  .container,
  .nav-inner,
  .hero__inner,
  .footer-bottom {
    max-width: var(--max-width);
  }
}