/* The drawing behind a page header (scripts/header-art.js, the art_seed prop on templates/components/page-header.php). The title sits on top of it. */
.header-art {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

/* Carries a module's palette down to the header inside it, without being a box of its own. */
module-look {
	display: contents;
}

.page-section:has(> .header-art) {
	position: relative;

	> page-module {
		position: relative;
	}
}