/* ============================================================
   RAMEZWARE — responsive.css
   Tablet ≤ 1024px · Mobile ≤ 768px · Small ≤ 420px
   ============================================================ */

/* ── Tablet ─────────────────────────────────────────────────── */
@media (max-width:1024px) {
  .studio-inner  { gap:3rem; }
  .contact-inner { gap:3rem; }
  .game-feature-content { padding:2.5rem; gap:2rem; }
  .game-feature-right   { width:280px; }
}

/* ── Mobile ─────────────────────────────────────────────────── */
@media (max-width:768px) {
  :root { --nav-h:58px; }

  body { cursor:auto; }
  .cursor, .cursor-ring { display:none; }

  nav {
    padding:.85rem 1.25rem;
    padding-top:max(.85rem, env(safe-area-inset-top));
    padding-left:max(1.25rem, env(safe-area-inset-left));
    padding-right:max(1.25rem, env(safe-area-inset-right));
  }
  .nav-links, .nav-cta { display:none; }
  .nav-toggle { display:block; }
  .nav-logo { font-size:1.1rem; letter-spacing:.06em; }

  section { padding:4rem 1.25rem; }
  .stats  { padding:3rem 1.25rem; }
  footer  { padding:2.5rem 1.25rem; }

  /* Hero */
  .hero { padding:calc(var(--nav-h) + 2rem) 1.25rem 3.5rem; min-height:100svh; }
  .hero-img-bg  { width:100%; opacity:.25; mask-image:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 70%); -webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 70%); }
  .hero-bg      { background:rgba(10,10,15,.55); }
  .rune         { display:none; }
  .hero-actions { flex-direction:column; }
  .hero-actions .btn-primary,
  .hero-actions .btn-outline { width:100%; justify-content:center; }

  /* Stats */
  .stats-inner { grid-template-columns:1fr 1fr; }
  .stat-item   { padding:1.5rem .5rem; }
  .stat-item::after { display:none; }
  .stat-item:nth-child(odd)  { border-right:1px solid var(--border); }
  .stat-item:nth-child(1),
  .stat-item:nth-child(2)    { border-bottom:1px solid var(--border); }

  /* Games feature */
  .game-feature-content {
    flex-direction:column; padding:1.75rem; padding-top:6.5rem;
    background:linear-gradient(180deg, rgba(10,10,15,.4) 0%, rgba(10,10,15,.97) 38%);
    min-height:auto;
  }
  .game-feature { min-height:520px; }
  .game-feature-right { width:100%; flex-direction:row; gap:2px; }
  .game-screenshot img { height:140px; }
  .game-feature-links { flex-direction:column; }
  .game-feature-links a { text-align:center; justify-content:center; }

  /* Games grid */
  .games-grid { grid-template-columns:1fr; }
  .game-card  { min-height:300px; }
  .game-card-desc { opacity:1; transform:translateY(0); }
  .game-card-link { opacity:1; transform:translateY(0); }
  .game-card-genre { opacity:1; transform:translateY(0); }

  /* Studio */
  .studio-inner   { grid-template-columns:1fr; gap:2.5rem; }
  .studio-visual  { height:300px; }
  .studio-img-main  { width:78%; height:82%; }
  .studio-img-accent { width:52%; height:52%; }

  /* Process */
  .process-steps { grid-template-columns:1fr 1fr; gap:2rem; }
  .process-steps::before { display:none; }
  .step { padding:0; }

  /* Services */
  .services-grid { grid-template-columns:1fr; }
  .service-card  { padding:2rem; }
  .services-cta  { flex-direction:column; align-items:stretch; text-align:center; padding:2rem; }
  .services-cta .btn-primary { justify-content:center; }

  /* Explore */
  .explore-grid { grid-template-columns:1fr; }

  /* Page top clearance on mobile */
  .page-top { padding-top:calc(var(--nav-h) + 2.5rem); }

  /* Contact */
  .contact-inner { grid-template-columns:1fr; gap:2.5rem; }
  .contact-email { align-items:stretch; }
  .contact-email-btn { text-align:center; justify-content:center; }

  /* Footer */
  .footer-inner { flex-direction:column; text-align:center; }
  .footer-links { justify-content:center; gap:1.2rem; }
}

/* ── Small mobile ───────────────────────────────────────────── */
@media (max-width:420px) {
  .hero-title    { font-size:2.4rem; }
  .section-title { font-size:1.7rem; }
  .process-steps { grid-template-columns:1fr; }
  .game-feature-right { flex-direction:column; }
}