/* Keep the approved appearance unless the reader asks for less transparency. */
@media (prefers-reduced-transparency: reduce) {
	:root .okm-hero .okm-hero__glass {
		background: var(--okm-white);
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
	}

	:root .okm-hero--copy-light .okm-hero__glass,
	:root .okm-hero--glass-dark .okm-hero__glass {
		background: var(--okm-black);
	}

	:root .site-header,
	:root .okm-mobile-actions {
		background: var(--okm-white);
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
	}

	:root .okm-gallery-dialog__footer,
	:root .okm-gallery-dialog__image-status {
		background: var(--okm-black);
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
	}

	:root .okm-gallery-dialog__close,
	:root .okm-gallery-dialog__nav {
		--okm-action-bg: var(--okm-black);
	}

	/* A dimming backdrop is not a reading surface: keep modal separation. */
	:root .okm-modal::backdrop,
	:root .site-navigation__backdrop {
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
	}
}

@media (prefers-reduced-transparency: reduce) and (max-width: 767px) {
	/* This hero already separates its photo from a solid text surface. */
	:root .okm-window-repair .okm-hero__glass {
		background: transparent;
	}
}