/* Attendance for manufacturing: the text-only page head, then the cards of what a production company needs. */

.industry-head { padding-block: clamp(3rem, 8vw, 5rem) clamp(2rem, 5vw, 3rem); }
.industry-head .pill { margin-bottom: 1.4rem; }
.industry-head .lead { max-width: 36rem; margin-top: 1.25rem; }
.industry-head .actions { justify-content: flex-start; margin-top: 2rem; }

/* ---------- What production needs: one card per Features module, linking to its section ---------- */
.needs { display: grid; gap: 1rem; }
.need { padding: 1.5rem; }
.need .h3 { display: flex; align-items: center; gap: 0.6rem; }
.need .icon { width: 24px; height: 24px; }
.need p { margin-top: 0.75rem; color: var(--muted); }
.need a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin-top: 0.5rem;
  font-size: 0.92rem;
  font-weight: 600;
  color: var(--accent-deep);
  text-decoration: none;
}
.need a:hover { text-decoration: underline; }
@media (min-width: 640px) { .needs { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .needs { grid-template-columns: repeat(3, 1fr); } }