/* Homepage: a one-inch shorter banner and a name that meets the plant panel. */
.hero-text { container-type:inline-size; }
.hero-brand-art {
  width:100%;
  margin-inline:0;
  height:max(90px,calc((100cqw - 145.822785px) * .49375 - 96px));
  aspect-ratio:auto !important;
}
/* Stretch the existing cropped artwork horizontally without changing its crop. */
.hero-brand-art>img {
  width:213.333333%;
  height:648.101265%;
  max-width:none;
  object-fit:fill;
  left:0;
  top:-44.3038%;
}
/* Keep the six category labels visible in shorter desktop windows. */
@media(min-width:651px) and (max-height:800px) {
  .categories .category>.fragment { max-height:140px; container-type:inline-size; }
  .categories .category>.fragment>img { top:-325.87413cqw; }
  .categories .category:last-child>.fragment>img { top:-335.2518cqw; }
}
@media(max-width:650px) {
  .hero-brand-art { height:max(88px,calc(100cqw * .49375 - 96px)); }
  .hero-art { height:132px; }
  .categories { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px 10px; padding-top:12px; padding-bottom:16px; }
  .categories .category>.fragment { height:64px; aspect-ratio:auto !important; container-type:inline-size; }
  .categories .category>.fragment>img { top:-325.87413cqw; }
  .categories .category:last-child>.fragment>img { top:-335.2518cqw; }
  .category-label { font-size:17px; min-height:48px; padding:7px 4px; }
  .category-label>.icon { display:none; }
}
@media(max-width:360px) {
  .hero-art { height:96px; }
  .category-label { font-size:15px; }
}