/* ── RESPONSIVE ──────────────────────────────────── */
@media(max-width:768px){
  .nav-links,.nav-r .btn-o,.nav-r .btn-p{display:none}
  .ham{display:flex}
  .about-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .sec{padding:3.5rem 1rem}
  .jobs-grid{grid-template-columns:1fr}
  .mcards{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr}
  .rm-grid{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr 1fr}
  .sec-hdr{flex-direction:column;align-items:flex-start}
}
@media(max-width:480px){
  .footer-grid{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr}
  .comp-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
  .hero{padding:6rem 1rem 4rem}
  .hero-cta{flex-direction:column;align-items:center}
  .hero-cta .btn-p,.hero-cta .btn-o{width:100%;max-width:260px;text-align:center}
  .modal{padding:1.5rem;border-radius:16px}
  .tbl-wrap{font-size:.78rem}
  .jtbl th,.jtbl td{padding:.6rem .7rem}
  .admin-dash{padding:1rem .75rem}
}
@media(hover:none){
  .btn-p:active{opacity:.82;transform:scale(.98)}
  .btn-o:active{background:rgba(78,64,52,.1)}
  .jcard:active{transform:scale(.99)}
  .cat-card:active{transform:scale(.98);border-color:var(--mocha)}
}