/* Plasmar Site 360 - responsive */
@media (max-width: 992px){
  .hero-grid{ grid-template-columns: 1fr; }
  .cta-wide{ flex-direction: column; align-items:flex-start; }
  .grid-3{ grid-template-columns: 1fr; }
  .grid-2{ grid-template-columns: 1fr; }
  .contact-grid{ grid-template-columns: 1fr; }
}

@media (max-width: 820px){
  .nav-toggle{ display:inline-flex; align-items:center; justify-content:center; gap:0; }
  .nav-list{
    position:absolute;
    right: 0;
    top: 56px;
    display:none;
    flex-direction: column;
    align-items: stretch;
    padding: 12px;
    gap: 8px;
    width: min(320px, calc(100vw - 40px));
    border-radius: 18px;
    background: rgba(7,10,18,.92);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 18px 50px rgba(0,0,0,.6);
  }
  .nav-list.open{ display:flex; }
  .nav-list a{ justify-content:flex-start; }
  .header-inner{ position: relative; }
}

@media (max-width: 520px){
  .header-inner{ padding: 12px 0; }
  .brand span{ font-size: 1.15rem; }
  .hero{ padding: 58px 0 30px; }
  .footer-inner{ flex-direction: column; align-items:flex-start; }
}