/* MineChef — responsive overrides. Owned by the "mobile" piece.
   (hero.css owns the hero's height and its scene layers on phones; type.css owns the wordmark size;
    form.css owns the compact one-row form under 640px; art.css carries its own <=820px art overrides.) */

@media (max-width: 820px) {
  .underground__inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
  .ruler { display: none; }
  .feature:nth-child(2), .feature:nth-child(3) { margin-left: 0; }
  /* a clear stretch of gallery between the last card and the bedrock CTA: the hauler and his cart park here on
     phones (art.css), where every other spot in the cave is text */
  .bedrock { margin-top: 90px; }
}

@media (max-width: 640px) {
  .hero__content { padding-top: 2vh; }
  .tagline { max-width: 30ch; }                    /* size: type.css */
  .feature { grid-template-columns: 44px 1fr; gap: 14px; padding: 18px; }
  .feature__icon { width: 44px; height: 44px; padding: 4px; border-radius: 12px; }
  .footer { justify-content: center; text-align: center; }
}

@media (max-height: 640px) and (max-width: 640px) {
  .hero__cue { display: none; }
}