/* Let the slide copy use its whole column, with natural word spacing. */
body[data-page="home"] .hero .hero-copy {
  width: 100%;
  min-width: 0;
  max-width: none;
}

body[data-page="home"] .hero .hero-copy > :is(.eyebrow, h1, p) {
  width: 100%;
  max-width: none;
  text-align: start;
}

/* The family carousel is an open layout; keyboard focus remains visible. */
body[data-page="home"] .category-carousel .category-card,
body[data-page="home"] .category-carousel .category-card:hover,
body[data-page="home"] .category-carousel .category-card:focus-within {
  border: 0;
  box-shadow: none;
}