/* Responsive corrections; preserve existing desktop art direction. */
.hub-home .hub-product-grid article > a > div { width: 100%; max-width: 100%; }
.hub-home .hub-product-grid article { min-width: 0; }
@media (max-width: 800px) {
  .hub-hero-copy { max-width: calc(100% - 48px); }
  .hub-hero-copy h1 span { white-space: normal; }
  .hub-home .hub-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hub-home .hub-product-grid article > a > div { width: 100%; height: auto; aspect-ratio: 4 / 3; }
  .hub-home .hub-product-grid img { max-width: 100%; }
  .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .footer-grid > div, .footer-brand-block, .footer-brand-block > p { min-width: 0; max-width: 100%; }
  .footer-grid .footer-navigation { min-width: 0; }
  .footer-brand { width: fit-content; max-width: 100%; }
  .footer-grid > div > a { overflow-wrap: anywhere; }
}
@media (max-width: 540px) {
  .hub-home .hub-product-grid { grid-template-columns: minmax(0, 1fr); }
  .hub-hero-copy { top: 38%; }
  .hub-hero-copy h1 { font-size: clamp(30px, 8vw, 40px); line-height: 1.12; }
  .footer-grid { grid-template-columns: minmax(0, 1fr); }
  .footer-brand-block { grid-column: auto; }
  .footer-grid > div > a { height: auto; min-height: 20px; }
}