/* ════════════════════════════════════════
   CURIOSIV — responsive.css
════════════════════════════════════════ */

/* ─── TABLET ─── */
@media(max-width:900px){
  nav{padding:14px 24px}
  .nav-links{display:none}
  .nav-hamburger{display:flex}

  .hero{grid-template-columns:1fr;padding:100px 24px 60px;gap:56px}
  .hero-left{text-align:center;display:flex;flex-direction:column;align-items:center}
  .hero-sub{max-width:100%}
  .hero-right{justify-content:center}
  .hero-stats{position:static;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:10px}
  .hero-stat{min-width:120px;text-align:center}

  .videos-sec,.topics-sec,.about-sec,.resources-sec,.newsletter-sec,.contact-sec,footer{padding:64px 24px}

  .videos-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:32px}
  .videos-grid{grid-template-columns:repeat(2,1fr)}

  .about-inner{grid-template-columns:1fr;gap:48px}
  .resources-grid{grid-template-columns:repeat(2,1fr)}
  .contact-inner{grid-template-columns:1fr;gap:40px}
  .footer-top{grid-template-columns:1fr 1fr;gap:32px}
}

/* ─── MOBILE ─── */
@media(max-width:600px){
  h1.hero-title{font-size:36px}

  .hero-logo-ring{width:240px;height:240px}
  .hero-logo-ring2{width:290px;height:290px}
  .hero-logo-img{width:150px;height:150px}
  .hero-logo-glow{width:150px;height:150px}

  .hero-stats{flex-direction:column;align-items:center}
  .hero-stat{min-width:160px;text-align:center}

  .videos-grid{grid-template-columns:1fr}
  .resources-grid{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr;gap:28px}
  .footer-bottom{flex-direction:column;gap:16px;text-align:center}

  .nl-form{flex-direction:column;border:none}
  .nl-input{border:0.5px solid var(--border2);border-radius:8px;margin-bottom:8px}
  .nl-btn{border-radius:8px;padding:14px;width:100%}

  .hero-actions{flex-direction:column;width:100%}
  .btn-primary,.btn-ghost{width:100%;justify-content:center}

  .mission-block p{font-size:16px}
}