/* ============================================================
   NOVELA — Responsive
   ============================================================ */

@media (max-width: 1100px) {
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 36px; }
  .topics-grid  { grid-template-columns: repeat(3, 1fr); }
  .cards-grid--3 { grid-template-columns: repeat(2, 1fr); }
  .article-layout { grid-template-columns: 1fr; }
  .sidebar { display: none; }
}

@media (max-width: 900px) {
  .feature-split { grid-template-columns: 1fr; gap: 36px; }
  .feature-split--reverse .feature-split__image { order: 0; }
  .feature-split--reverse .feature-split__content { order: 0; }
  .contact-layout { grid-template-columns: 1fr; }
  .team-grid { grid-template-columns: repeat(2, 1fr); }
  .values-grid { grid-template-columns: repeat(2, 1fr); }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .card--featured { grid-template-columns: 1fr; }
  .card--featured .card__image { aspect-ratio: 16/9; height: auto; }
  .topics-grid  { grid-template-columns: repeat(2, 1fr); }
  .cards-grid--2 { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  .section { padding: 60px 0; }
  .section--lg { padding: 72px 0; }
  .main-nav, .hamburger + .main-nav { display: none !important; }
  .hamburger { display: flex; }
  .hero__content { padding: 72px 0; }
  .cta-box { padding: 40px 24px; }
  .newsletter-form { flex-direction: column; }
  .cards-grid--3 { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  .hero__meta { flex-direction: column; gap: 16px; align-items: flex-start; }
}

@media (max-width: 540px) {
  .team-grid { grid-template-columns: 1fr; }
  .values-grid { grid-template-columns: 1fr; }
  .stats-grid { grid-template-columns: 1fr 1fr; }
  .topics-grid { grid-template-columns: repeat(2, 1fr); }
  .hero__actions { flex-direction: column; align-items: flex-start; }
  .cards-grid { grid-template-columns: 1fr; }
  .page-header { padding: 40px 0 32px; }
}