/* ============================================================
   Arizu Studio — Responsive Styles
   ============================================================ */

/* ===== LARGE TABLET (≤ 1024px) ===== */
@media (max-width: 1024px) {
  .blog-grid { grid-template-columns: repeat(2, 1fr); }
  .blog-skeleton { flex-wrap: wrap; }
  .blog-skeleton-card:last-child { display: none; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .stat-item:nth-child(2)  { border-right: none; }
  .stat-item:nth-child(3)  { border-top: 1px solid var(--grey-200); }
  .stat-item:nth-child(4)  { border-top: 1px solid var(--grey-200); border-right: none; }

  .footer-top { grid-template-columns: 1fr 1fr; gap: 32px; }

  .portfolio-grid { grid-template-columns: repeat(2, 1fr); }

  .values-grid           { grid-template-columns: repeat(2, 1fr); }
  .services-about-grid   { grid-template-columns: repeat(2, 1fr); }

  .about-story-grid { gap: 52px; }
}

/* ===== TABLET (≤ 768px) ===== */
@media (max-width: 768px) {
  section { padding: 72px 0; }

  /* Nav */
  .nav-links, .nav-cta { display: none; }
  .hamburger { display: flex; }

  /* Hero */
  .hero { padding: 120px 20px 72px; min-height: auto; }
  .hero h1 { font-size: 2.6rem; }
  .hero-desc { font-size: 1rem; }

  /* Stats */
  .stats-grid { grid-template-columns: repeat(2, 1fr); }

  /* Services grid (home) */
  .services-grid { grid-template-columns: 1fr; }

  /* Portfolio preview */
  .preview-grid { grid-template-columns: 1fr; grid-template-rows: auto; }
  .preview-card:first-child { grid-row: span 1; }
  .preview-card:first-child .preview-thumb { min-height: 240px; }
  .portfolio-preview-header { flex-direction: column; align-items: flex-start; }

  /* Blog */
  .blog-grid { grid-template-columns: 1fr; }
  .blog-skeleton { flex-direction: column; }
  .blog-skeleton-card:not(:first-child) { display: none; }

  /* Portfolio page */
  .portfolio-grid { grid-template-columns: repeat(2, 1fr); }

  /* About */
  .about-story-grid    { grid-template-columns: 1fr; gap: 44px; }
  .values-grid         { grid-template-columns: 1fr; }
  .services-about-grid { grid-template-columns: 1fr; }

  /* Contact */
  .contact-grid { grid-template-columns: 1fr; gap: 44px; }
  .form-row     { grid-template-columns: 1fr; }
  .contact-form-card { padding: 32px 24px; }

  /* Footer */
  .footer-top    { grid-template-columns: 1fr; gap: 28px; }
  .footer-bottom { flex-direction: column; align-items: flex-start; }

  /* Page hero */
  .page-hero        { padding: 128px 0 60px; }
  .page-hero h1     { font-size: 2.2rem; }
}

/* ===== SMALL MOBILE (≤ 480px) ===== */
@media (max-width: 480px) {
  .hero h1         { font-size: 2rem; }
  .hero-cta        { flex-direction: column; align-items: center; }
  .cta-buttons     { flex-direction: column; align-items: center; }
  .stats-grid      { grid-template-columns: 1fr 1fr; }
  .portfolio-grid  { grid-template-columns: 1fr; }
  .nav-mobile-links a { font-size: 1.8rem; }
  .container { padding: 0 18px; }
  .service-item { padding: 28px 24px; }
  .footer-top { gap: 24px; }
}