/* Keep the hero artwork from setting the minimum width of the mobile grid. */
.hero-grid > * { min-width: 0; }
@media (max-width: 580px) {
  .hero-visual { overflow: hidden; }
  .visual-board { width: min(100%, 390px); max-width: 100%; transform: rotate(-2deg); }
  .floating-note { right: 0; }
}