[data-hhu-logo-mode] {
	background: transparent;
	display: inline-flex;
	max-width: 100%;
	width: var(--hcsd-hhu-logo-width, 280px);
}

[data-hhu-logo-tone="dark"] {
	background: transparent;
}

[data-hhu-logo-mode] a {
	display: block;
	width: 100%;
}

.wp-block-site-logo[data-hhu-logo-mode] img {
	display: block;
	/* Native duotone settings must never recolor official artwork. */
	filter: none !important;
	height: auto;
	max-width: 100%;
	/* Override the core 120px default for newly inserted logo blocks. */
	width: 100% !important;
}

.hcsd-header:has([data-hhu-logo-mode]) {
	background: #fff;
	mix-blend-mode: normal;
}

.hcsd-header [data-hhu-logo-mode] {
	max-width: min(224px, calc(100vw - 128px));
}

@media (min-width: 1281px) {
	.hcsd-header.is-hhu-logo-enhanced {
		background: transparent;
	}

	.hcsd-header [data-hhu-logo-mode] {
		max-width: clamp(224px, 19vw, 280px);
	}
}