/* Same gradient layers and breakpoints as the homepage .hero-shade.
   Paint above the existing hero image and below all foreground content. */
section[data-hub-hero-image="homepage"]{--hub-hero-shade:linear-gradient(90deg,rgba(10,17,21,.93),rgba(10,17,21,.65) 46%,rgba(10,17,21,.06) 78%),linear-gradient(0deg,#0d171b8a,transparent 28%)}
@media(max-width:1100px){section[data-hub-hero-image="homepage"]{--hub-hero-shade:linear-gradient(90deg,#10191eef,#10191e9c 58%,#10191e35)}}
@media(max-width:600px){section[data-hub-hero-image="homepage"]{--hub-hero-shade:linear-gradient(90deg,#0d171dde,#0d171d91),linear-gradient(0deg,#0d171d99,transparent 70%)}}

/* Match the homepage's effective compact-hero sizing, not superseded fixed heights.
   The scoped script supplies its measured intrinsic height at this viewport.
   Keep height:auto so longer hub text can never be clipped. */
main section.compact-hero[data-hub-hero-image="homepage"]{width:100%;max-width:none;box-sizing:border-box;height:auto!important;min-height:var(--homepage-hero-height,0px)!important;padding:28px 6% 22px!important}
@media(max-width:800px){main section.compact-hero[data-hub-hero-image="homepage"]{padding:22px 6% 20px!important}}