/* Reduce hero background image on low-data connections to avoid heavy first paint */
.low-data .color-head .color-head-bg{
  background-image: linear-gradient(to top,#f2f4f7 0,#f2f4f7 25%,rgba(242,244,247,0.8) 45%,rgba(242,244,247,0.4) 70%,transparent 90%) !important;
}
.low-data.io-black-mode .color-head .color-head-bg{
  background-image: linear-gradient(to top,var(--body-bg-color) 0,var(--body-bg-color) 25%,rgba(27,29,31,0.8) 45%,rgba(27,29,31,0.4) 70%,transparent 90%) !important;
}

/* Defer hero background image on initial paint, then restore after idle */
.defer-hero .color-head .color-head-bg{
  background-image: linear-gradient(to top,#f2f4f7 0,#f2f4f7 25%,rgba(242,244,247,0.8) 45%,rgba(242,244,247,0.4) 70%,transparent 90%) !important;
}
.defer-hero.io-black-mode .color-head .color-head-bg{
  background-image: linear-gradient(to top,var(--body-bg-color) 0,var(--body-bg-color) 25%,rgba(27,29,31,0.8) 45%,rgba(27,29,31,0.4) 70%,transparent 90%) !important;
}