/* Full-bleed banner. This art is 1983x793 = 2.50:1, which would render 576px at
   1440 — 64px taller than the 512px she settled on. A light crop to 2.81:1 takes
   just 11% and brings it back to the established height.
   Safe budget, measured: the wordmark, the six icon labels and the Capture/Talk/
   Understand/Track/Connect row sit between y150 and y669 of 793 (18.9%-84.4%), so
   a centred crop could take up to 31% before touching a word. 11% leaves ~44px
   clear at the top and ~80px at the bottom. Re-measure if the art changes. */
html body #page-dashboard.active #huKitchenReact .hu-mk-hero{
  background:#ffffff !important;
  display:block !important;
  overflow:hidden !important;
}
html body #page-dashboard.active #huKitchenReact .hu-mk-hero-img{
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  max-height:none !important;
  /* NEW ART (Aug 2026) is 1774x887 = 2.00:1 and its content runs from 3.2% to 95.9%
     of the height — there is almost NO whitespace to crop. Reaching the old 2.81:1
     would have cut 29% and eaten the icon row, so the banner is shown WHOLE at its
     own ratio. It renders 720px at 1440 rather than 512px; flagged to her. */
  aspect-ratio:2 / 1 !important;
  object-fit:contain !important;
  object-position:center 50% !important;
  border-radius:0 !important;
}
/* on phones the art is already small, so keep more of it */
@media (max-width:640px){
  html body #page-dashboard.active #huKitchenReact .hu-mk-hero-img{
    aspect-ratio:2 / 1 !important;   /* same ratio on phones now nothing is cropped */
  }
}