/* ============================================================
   NECISS — Responsive Overrides
   Mobile-first corrections
   ============================================================ */

/* Ensure bento cards don't collapse badly on small screens */
@media (max-width: 480px) {
  .bento__card {
    padding: 1.75rem 1.5rem;
    min-height: 260px;
  }
  .hero__line--accent {
    -webkit-text-stroke-width: 1.5px;
  }
  .terminal__field {
    grid-template-columns: 1fr;
  }
  .terminal__label {
    font-size: 0.68rem;
  }
  .contact__info-key {
    min-width: 60px;
  }
}

/* Fill hero gap on medium screens */
@media (min-width: 768px) and (max-width: 1099px) {
  .hero {
    min-height: 90svh;
  }
}