/*
 * Palette-aware hero typography.
 *
 * The preceding restoration layers protect readability, but their final
 * literal colors must not win over the active [data-palette] variables.
 */

html body :is(
    .copp-hero__copy h1,
    .copp-hero__copy > p,
    .copp-news-hero__title,
    .copp-gallery-hero__title,
    .copp-knowledge-hero__title,
    .copp-news-hero__subtitle,
    .copp-news-hero__lead,
    .copp-gallery-hero__subtitle,
    .copp-knowledge-hero__subtitle,
    .copp-knowledge-hero__lead,
    [class$="__lead-copy"]
) {
    color: var(--copp-ink) !important;
    -webkit-text-fill-color: var(--copp-ink) !important;
    mix-blend-mode: normal !important;
    opacity: 1 !important;
    visibility: visible !important;
}

html body :is(
    .copp-hero__copy h1 span,
    .copp-news-hero__title span,
    .copp-gallery-hero__title span,
    .copp-knowledge-hero__title span
) {
    color: var(--copp-red) !important;
    -webkit-text-fill-color: var(--copp-red) !important;
}