/* Hero art (v0.3.89): faint thin line-art behind dark page heroes.
   Opacity matches the hero dot texture (--hero-dots, white .11). Tune per page
   with --hu-hero-art-o on body.hero-art-<slug> if ever needed. */
.has-hero-art .hu-page-hero { position: relative; isolation: isolate; overflow: hidden; }
.has-hero-art .hu-page-hero > .hu-hero-art {
	position: absolute; z-index: -1; pointer-events: none; user-select: none;
	color: var(--hu-hero-art-color, #fff); opacity: var(--hu-hero-art-o, .11);
	max-width: none; height: auto; overflow: visible;
}
.is-style-hu-hero-yellow > .hu-hero-art,
.is-style-hu-hero-white > .hu-hero-art { --hu-hero-art-color: var(--hu-navy, #0B1630); }
.hu-hero-art--beside { left: calc(50% - 175px); bottom: 0; width: 400px; }
.hu-hero-art--bleed  { right: -150px; bottom: -6px; width: 820px; }
.hu-hero-art--ground { left: 0; right: 0; bottom: 0; width: 100%; height: 170px; }
@media (max-width: 781px) {
	.has-hero-art .hu-page-hero > .hu-hero-art { opacity: var(--hu-hero-art-o-m, .085); }
	.hu-hero-art--beside { left: auto; right: -14px; top: 64px; bottom: auto; width: 190px; }
	.hu-hero-art--bleed  { right: -120px; top: 70px; bottom: auto; width: 360px; }
	.hu-hero-art--ground { height: 46px; } /* fits the strip below the hero media card */
}
@media print { .hu-hero-art { display: none; } }