/* One content width from the home hero through the product overview sections. */
:root{
  --hh-home-content-width:calc(90% - 40px);
  --hh-home-content-max:1600px;
}
section[data-track-section="hero"]>.hx-wrap,
.hhw>.hhw-wrap,
.hhu>.hhu-wrap,
.hho>.hho-wrap,
.hhs>.hhs-wrap,
.hhq>.hhq-wrap,
.hhj>.hhj-wrap,
.hhr>.hhr-wrap{
  width:var(--hh-home-content-width);
  max-width:var(--hh-home-content-max);
  margin-inline:auto;
}
section.hhw,
section.hhu,
section.hho,
section.hhs,
section.hhq,
section.hhj,
section.hhr{
  padding-inline:0;
}
@media(max-width:900px){
  :root{
    --hh-home-content-width:calc(100% - 40px);
    --hh-home-content-max:680px;
  }
}