/* ═══ RESPONSIVE — Mobile overrides and iOS bar transparency ═══ */

@media (max-width: 768px) {
  /* iOS Safari transparent bars — disable fixed overlays on mobile */
  .scroll-gradient { display: none !important; }
  
  /* Keep smoke but it's sticky so it's fine */
  
  /* Hide cursor on touch devices */
  .cursor { display: none; }
  
  /* Navigation */
  .nav { padding: 16px 20px; }
  .nav-right .nav-link { display: none; }
  .nav-logo-icon { width: 36px; height: 36px; }
  .nav-logo-name { font-size: .9rem; }
  
  /* Hero */
  .hero { padding: 100px 24px; }
  .hero-logo-svg {
    width: clamp(200px, 70vw, 300px);
  }
  
  /* About section */
  .about-section { padding: 80px 24px; }
  .about-headline { font-size: clamp(1.6rem, 6vw, 2.4rem); }
  
  /* Divisions grid */
  .divisions-section { padding: 60px 24px; }
  .divisions-grid { grid-template-columns: 1fr; }
  .division-card { padding: 36px 24px; }
  .division-card-number { font-size: 4rem; }
  
  /* Global section */
  .global-section { padding: 60px 24px; }
  
  /* Pillar pages */
  .pillar-hero { padding: 100px 24px; }
  .pillar-title { font-size: clamp(2rem, 10vw, 3.5rem); }
  .pillar-content-section { padding: 60px 24px; }
  .pillar-services-grid { grid-template-columns: 1fr; }
  
  /* Footer */
  .footer { padding: 60px 24px 30px; }
  .footer-columns { grid-template-columns: 1fr; gap: 32px; }
  .footer-bottom { flex-direction: column; gap: 8px; text-align: center; }
  
  /* About overlay */
  .about-scroll { padding: 60px 24px; }
}

@media (min-width: 769px) {
  /* Desktop: keep smoke as fixed (doesn't affect bars on desktop) */
  .smoke {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
  }
}

/* Touch device: no hover cursor enlargement */
@media (hover: none) {
  .cursor { display: none; }
  body { cursor: auto; }
}