@layer pages {
    .nur-pagehero {
        position: relative;
        padding-block: var(--nur-space-6) var(--nur-space-7);
        background:
            linear-gradient(135deg, var(--nur-navy-900), var(--nur-navy-700));
        color: #fff;
        overflow: hidden;
    }

    /* faint geometric lattice, decorative only */
    .nur-pagehero::before {
        content: "";
        position: absolute;
        inset: 0;
        opacity: 0.07;
        background-image:
            linear-gradient(45deg, #fff 1px, transparent 1px),
            linear-gradient(-45deg, #fff 1px, transparent 1px);
        background-size: 34px 34px;
        pointer-events: none;
    }

    .nur-pagehero > .nur-container {
        position: relative;
    }

    .nur-pagehero h1 {
        color: #fff;
    }

    .nur-pagehero p {
        max-width: 56ch;
        margin-top: var(--nur-space-3);
        color: rgba(255, 255, 255, 0.82);
    }

    .nur-pagehero__action {
        margin-top: var(--nur-space-4);
    }

    .nur-pagehero .nur-breadcrumb {
        color: rgba(255, 255, 255, 0.7);
        padding-top: 0;
    }
}