/* RESPONSIVE — tokitauhid.me */

@media (max-width: 1024px) {
  .skills-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  .nav-cta, .nav-cv { display: none; }
  .menu-content { grid-template-columns: 1fr; gap: 40px; }
  .menu-link { font-size: 2rem; }

  .about-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .about-visual {
    order: -1;
    display: flex;
    justify-content: center;
  }
  .geo-frame { max-width: 250px; }

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

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

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

  .footer-inner {
    flex-direction: column;
    gap: 12px;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .hero-tags { gap: 6px; }
  .tag { padding: 4px 10px; font-size: 0.6rem; }
  .hero-buttons { flex-direction: column; align-items: center; }
  .project-card { padding: 28px 24px; border-radius: var(--radius-lg); }
  .skill-card { padding: 28px 20px; }
  .hero-name { font-size: clamp(2rem, 10vw, 3rem); }
}

/* Cursor — desktop only */
@media (hover: hover) and (pointer: fine) {
  .custom-cursor {
    position: fixed; width: 14px; height: 14px;
    background: var(--accent); border-radius: 50%;
    pointer-events: none; z-index: var(--z-cursor);
    transition: width 0.2s ease, height 0.2s ease, background 0.2s ease;
    transform: translate(-50%, -50%);
    mix-blend-mode: difference;
  }
  .custom-cursor.hovering { width: 40px; height: 40px; background: rgba(108,99,255,0.3); }
  body { cursor: none; }
  a, button, .menu-btn, .nav-logo { cursor: none; }
}
@media (hover: none) {
  .custom-cursor { display: none; }
}

/* Smooth scroll */
html { scroll-behavior: smooth; }