@font-face {
    font-family: "Bricolage Grotesque";
    src: url("../fonts/bricolage-grotesque-latin-wght-normal.woff2") format("woff2");
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
}

@font-face {
    font-family: "Source Sans 3";
    src: url("../fonts/source-sans-3-latin-wght-normal.woff2") format("woff2");
    font-style: normal;
    font-weight: 200 900;
    font-display: swap;
}

:root {
    --kk-font-display: "Bricolage Grotesque", "Arial Narrow", sans-serif;
    --kk-font-body: "Source Sans 3", "Segoe UI", sans-serif;
}

:where(.kkp-page, .kk-product-page, .kkl-page) {
    font-family: var(--kk-font-body);
}

:where(.kkp-page, .kk-product-page, .kkl-page) :where(button, input, select, textarea) {
    font-family: inherit;
}

:where(.kkp-page, .kk-product-page, .kkl-page) :where(h1, h2, h3, blockquote),
:where(.kkp-page, .kk-product-page, .kkl-page) :where(.kkp-brand, .kk-product-brand, .kkl-brand) {
    font-family: var(--kk-font-display);
}

body.kk-editorial-site {
    --kk-header: 76px;
    font-family: var(--kk-font-body);
}

body.kk-editorial-site :where(button, input, select, textarea) {
    font-family: inherit;
}

body.kk-editorial-site [data-searchable][hidden] {
    display: none !important;
}

body.kk-editorial-site :where(h1, h2, h3, blockquote) {
    min-width: 0;
    overflow-wrap: anywhere;
    hyphens: auto;
}

body.kk-editorial-site :where(.manifest p, .manifest em) {
    min-width: 0;
    overflow-wrap: anywhere;
    hyphens: auto;
}

body.kk-editorial-site :where(
    .grid,
    .grid-2,
    .grid-3,
    .grid-4,
    .benefit-grid,
    .story-grid,
    .offer-grid,
    .feature-stage-grid,
    .security-grid,
    .role-content,
    .form-shell,
    .split-stage,
    .workflow,
    .steps,
    .final-cta-grid
) > * {
    min-width: 0;
}

body.kk-editorial-site :where(
    .logo-mark,
    .mega-intro h2,
    .kk-sub-main h1,
    .kk-sub-note .kicker,
    .section-heading h2,
    .feature-copy h2,
    .split-pane h2,
    .security-stage h2,
    .article h2,
    .form-card h2,
    .form-shell aside h2,
    .card h3,
    .benefit h3,
    .story-card h3,
    .support-link strong,
    .offer-card h3,
    .workflow-step h3,
    .step h3,
    .role-content h3,
    .site-footer h2,
    .manifest p,
    .quote-stage blockquote
) {
    font-family: var(--kk-font-display);
    font-variation-settings: "opsz" 64, "wdth" 94;
}

body.kk-editorial-site .kk-sub-main h1 {
    font-weight: 560;
    line-height: .9;
    letter-spacing: -.065em;
    overflow-wrap: anywhere;
    hyphens: auto;
}

body.kk-editorial-site :is(.kk-sub-hero-grid, .kk-sub-main, .kk-sub-note) {
    min-width: 0;
}

body.kk-editorial-site .kk-sub-note .kicker,
body.kk-subpage-route .section-heading h2,
body.kk-subpage-route .feature-copy h2,
body.kk-subpage-route .split-pane h2,
body.kk-subpage-route .security-stage h2,
body.kk-subpage-route .article h2,
body.kk-subpage-route .form-card h2,
body.kk-subpage-route .form-shell aside h2,
body.kk-editorial-site .card h3,
body.kk-editorial-site .benefit h3,
body.kk-editorial-site .story-card h3,
body.kk-editorial-site .support-link strong,
body.kk-editorial-site .offer-card h3,
body.kk-editorial-site .workflow-step h3,
body.kk-editorial-site .step h3,
body.kk-editorial-site .role-content h3,
body.kk-editorial-site .demo-step h2,
body.kk-editorial-site .security-stage h2,
body.kk-editorial-site .quote-stage blockquote,
body.kk-editorial-site .manifest p,
body.kk-editorial-site .footer-brand h2 {
    font-family: var(--kk-font-display);
    font-variation-settings: "opsz" 64, "wdth" 94;
}

body.kk-editorial-site :where(
    .section-heading h2,
    .feature-copy h2,
    .split-pane h2,
    .security-stage h2,
    .article h2,
    .form-card h2,
    .form-shell aside h2
) {
    font-weight: 560;
    line-height: .94;
    letter-spacing: -.055em;
}

body.kk-editorial-site .site-header,
body.kk-editorial-site .mega-menu,
body.kk-editorial-site :where(.card, .benefit, .story-card, .support-link, .offer-card, .split-pane, .feature-copy, .feature-visual) {
    border-radius: 5px;
}

body.kk-editorial-site :where(.button, .menu-toggle, .header-side--right .button--soft) {
    border-radius: 3px;
}

body.kk-editorial-site .site-header {
    min-height: 76px;
}

body.kk-editorial-site .header-inner {
    min-height: 76px;
}

body.kk-editorial-site .kk-sub-note {
    border-radius: 5px;
    background:
        linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px),
        linear-gradient(145deg, #163d3b, #102a32);
    background-size: 38px 38px, 38px 38px, auto;
}

/* Layout primitives used by every editorial subpage. */
body.kk-editorial-site .cluster {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

body.kk-editorial-site :is(.grid, .benefit-grid, .story-grid, .offer-grid, .workflow, .steps) {
    display: grid;
}

body.kk-editorial-site .grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.kk-editorial-site :is(.grid-3, .benefit-grid, .story-grid, .offer-grid) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.kk-editorial-site .grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.kk-editorial-site :is(.feature-stage-grid, .security-grid, .role-content, .form-shell) {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 24px;
    align-items: center;
}

body.kk-editorial-site .split-stage {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.kk-editorial-site :is(.workflow, .steps) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.kk-editorial-site .segment-control {
    display: flex;
}

body.kk-editorial-site .segment-control button {
    flex: 1;
}

/* Symbolic editorial scenes used across the public subpages. */
body.kk-editorial-site .kk-symbol-visual {
    position: relative;
    min-width: 0;
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 5px;
    background: #102a2d;
    box-shadow: 0 28px 72px rgba(7, 35, 36, .18);
}

body.kk-editorial-site .kk-symbol-visual img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

body.kk-editorial-site .kk-symbol-visual figcaption {
    position: absolute;
    right: 12px;
    bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 9px;
    max-width: calc(100% - 24px);
    color: rgba(247, 250, 247, .94);
    background: rgba(6, 25, 27, .74);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 3px;
    font-size: .58rem;
    font-weight: 820;
    letter-spacing: .055em;
    text-transform: uppercase;
    backdrop-filter: blur(10px);
}

body.kk-editorial-site .kk-symbol-visual figcaption span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #2de0a4;
}

body.kk-editorial-site .support-search-status {
    min-height: 1.4em;
    margin: 12px 0 0;
    color: var(--north-ink-soft);
    font-size: .86rem;
}

.kk-brand-skip {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 9999;
    padding: 10px 14px;
    color: #fff;
    background: #102d2d;
    border-radius: 2px;
    font-family: var(--kk-font-body);
    font-weight: 700;
    text-decoration: none;
    transform: translateY(-160%);
    transition: transform .2s ease;
}

.kk-brand-skip:focus {
    transform: none;
}

.kk-product-page .kk-product-hero h1,
.kk-product-page .kk-product-section__head h2,
.kk-product-page .kk-product-info h2,
.kk-product-page .kk-product-notice h2,
.kk-product-page .kk-product-final-cta h2,
.kk-product-page .kk-product-workflow h3 {
    font-family: var(--kk-font-display);
    font-weight: 570;
    font-variation-settings: "opsz" 70, "wdth" 94;
    letter-spacing: -.055em;
}

.kk-product-page :where(.kk-product-cta, .kk-product-secondary, .kk-product-home-button),
.kkl-page :where(.kkl-back, .kkl-card) {
    border-radius: 4px;
}

.kk-product-page .kk-product-hero__visual--symbolic {
    position: relative;
    min-height: 520px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 5px;
    background: #102a2d;
    box-shadow: 0 36px 86px rgba(0, 0, 0, .32);
}

.kk-product-page .kk-product-hero__visual--symbolic picture {
    display: block;
    width: 100%;
    min-height: 520px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.kk-product-page .kk-product-hero__visual--symbolic picture img {
    display: block;
    width: 100%;
    height: 520px;
    max-height: none;
    aspect-ratio: auto;
    object-fit: cover;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.kk-product-page .kk-product-hero__visual--symbolic .kk-product-fit {
    position: absolute;
    right: 28px;
    bottom: 24px;
    left: 28px;
    width: auto;
    margin: 0;
    border-radius: 3px;
}

.kkl-page .kkl-hero h1,
.kkl-page .kkl-card h2 {
    font-family: var(--kk-font-display);
    font-weight: 570;
    font-variation-settings: "opsz" 64, "wdth" 94;
    letter-spacing: -.052em;
}

.kkp-page:not([data-premium-site]) .kkp-contact__copy h1,
.kkp-page:not([data-premium-site]) .kkp-confirm h1 {
    font-family: var(--kk-font-display);
    font-weight: 570;
    font-variation-settings: "opsz" 72, "wdth" 94;
    letter-spacing: -.058em;
}

@media (max-width: 1199px) {
    body.kk-editorial-site .grid-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .kk-product-page .kk-product-hero__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .kk-product-page .kk-product-hero__visual--symbolic,
    .kk-product-page .kk-product-hero__visual--symbolic picture {
        min-height: 0;
    }

    .kk-product-page .kk-product-hero__visual--symbolic {
        width: min(100%, 900px);
        justify-self: center;
    }

    .kk-product-page .kk-product-hero__visual--symbolic picture img {
        height: auto;
        aspect-ratio: 4 / 3;
    }

    .kk-product-page .kk-product-hero__visual--symbolic .kk-product-fit {
        position: relative;
        inset: auto;
        margin: -1px 14px 14px;
    }
}

@media (max-width: 900px) {
    body.kk-editorial-site :is(
        .grid-3,
        .benefit-grid,
        .story-grid,
        .offer-grid,
        .feature-stage-grid,
        .security-grid,
        .role-content,
        .form-shell,
        .workflow,
        .steps
    ) {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 760px) {
    body.kk-editorial-site .site-header,
    body.kk-editorial-site .mega-menu,
    body.kk-editorial-site .kk-sub-note {
        border-radius: 0;
    }

    body.kk-editorial-site :is(.grid-2, .grid-4, .split-stage) {
        grid-template-columns: minmax(0, 1fr);
    }

    body.kk-editorial-site .segment-control {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media (prefers-reduced-motion: reduce) {
    .kk-brand-skip { transition: none; }
}

/* Floating liquid-glass navigation for the editorial page family. */
body.kk-editorial-site .site-header {
    isolation: isolate;
    background: transparent;
    border: 0;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

body.kk-editorial-site .site-header::before,
body.kk-editorial-site .site-header::after {
    content: "";
    position: absolute;
    inset: 8px 24px;
    z-index: 1;
    border-radius: 12px 18px 10px 16px / 15px 11px 18px 12px;
    pointer-events: none;
}

body.kk-editorial-site .site-header::before {
    background:
        radial-gradient(ellipse 23% 145% at 7% 23%, rgba(255, 255, 255, .76) 0 12%, rgba(255, 255, 255, .2) 43%, transparent 72%),
        radial-gradient(ellipse 18% 125% at 31% 87%, rgba(224, 244, 239, .34) 0 15%, rgba(17, 78, 76, .07) 56%, transparent 78%),
        radial-gradient(ellipse 26% 160% at 68% 13%, rgba(255, 255, 255, .48) 0 10%, rgba(225, 247, 242, .13) 46%, transparent 76%),
        radial-gradient(ellipse 18% 140% at 96% 70%, rgba(255, 255, 255, .66) 0 12%, rgba(16, 66, 66, .07) 54%, transparent 79%),
        linear-gradient(108deg, rgba(244, 250, 249, .78), rgba(245, 250, 249, .62) 48%, rgba(233, 246, 242, .74));
    background-size: 127% 150%, 136% 160%, 125% 146%, 132% 158%, 100% 100%;
    background-position: -10% 28%, 22% 64%, 69% 18%, 108% 52%, 0 0;
    border: 1px solid rgba(255, 255, 255, .78);
    box-shadow:
        inset 0 1px 5px rgba(255, 255, 255, .84),
        inset 0 -5px 8px rgba(8, 47, 49, .09),
        0 12px 34px rgba(20, 48, 59, .13);
    opacity: .76;
    backdrop-filter: blur(12px) brightness(1.03) saturate(1.08);
    -webkit-backdrop-filter: blur(12px) brightness(1.03) saturate(1.08);
    transition: opacity .42s cubic-bezier(.2, .75, .25, 1), background-position .7s cubic-bezier(.2, .75, .25, 1), box-shadow .42s ease;
}

body.kk-editorial-site .site-header::after {
    z-index: 2;
    border: 1px solid rgba(255, 255, 255, .42);
    background:
        linear-gradient(178deg, rgba(255, 255, 255, .52), rgba(255, 255, 255, .03) 27%, transparent 59%, rgba(13, 53, 54, .08)),
        repeating-linear-gradient(106deg, transparent 0 77px, rgba(255, 255, 255, .07) 79px 80px, transparent 82px 158px);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, .62), inset 0 -1px 0 rgba(7, 39, 40, .1);
    opacity: .56;
    transition: opacity .42s ease, border-color .42s ease;
}

body.kk-editorial-site .header-inner {
    position: relative;
    z-index: 3;
}

body.kk-editorial-site .header-primary a:focus-visible::after,
body.kk-editorial-site .header-link:focus-visible::after { right: 0; }

@media (hover: hover) and (pointer: fine) {
    body.kk-editorial-site .site-header:hover::before,
    body.kk-editorial-site .site-header:focus-within::before {
        opacity: .62;
        background-position: 0 16%, 31% 52%, 60% 31%, 96% 45%, 0 0;
        box-shadow:
            inset 0 1px 6px rgba(255, 255, 255, .94),
            inset 0 -6px 10px rgba(8, 47, 49, .12),
            0 18px 42px rgba(20, 48, 59, .17);
    }

    body.kk-editorial-site .site-header:hover::after,
    body.kk-editorial-site .site-header:focus-within::after {
        border-color: rgba(30, 88, 80, .2);
        opacity: .9;
    }
}

@media (max-width: 760px) {
    body.kk-editorial-site .site-header::before,
    body.kk-editorial-site .site-header::after {
        inset: 6px 10px;
        border-radius: 8px;
    }

    body.kk-editorial-site .site-header::before {
        backdrop-filter: blur(9px) brightness(1.03) saturate(1.08);
        -webkit-backdrop-filter: blur(9px) brightness(1.03) saturate(1.08);
    }
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    body.kk-editorial-site .site-header::before {
        background: rgba(248, 252, 251, .97);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
}

@media (prefers-reduced-transparency: reduce) {
    body.kk-editorial-site .site-header::before {
        background: rgba(248, 252, 251, .98);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        transform: none;
    }

    body.kk-editorial-site .site-header::after { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    body.kk-editorial-site .site-header::before,
    body.kk-editorial-site .site-header::after {
        transition: none;
        transform: none;
    }
}

@media (forced-colors: active) {
    body.kk-editorial-site .site-header::before {
        background: Canvas;
        border: 1px solid CanvasText;
        border-radius: 0;
        box-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    body.kk-editorial-site .site-header::after { display: none; }
}

/* The same glass language, kept lighter for enquiry and legal utility headers. */
.kkp-page:not([data-premium-site]) .kkp-header,
.kkl-page .kkl-header {
    isolation: isolate;
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.kkl-page .kkl-header { position: relative; }

.kkp-page:not([data-premium-site]) .kkp-header::before,
.kkp-page:not([data-premium-site]) .kkp-header::after,
.kkl-page .kkl-header::before,
.kkl-page .kkl-header::after {
    content: "";
    position: absolute;
    inset: 8px 24px;
    z-index: 1;
    border-radius: 12px 18px 10px 16px / 15px 11px 18px 12px;
    pointer-events: none;
}

.kkl-page .kkl-header::before,
.kkl-page .kkl-header::after { inset-inline: 0; }

.kkp-page:not([data-premium-site]) .kkp-header::before,
.kkl-page .kkl-header::before {
    background:
        radial-gradient(ellipse 23% 145% at 7% 23%, rgba(255, 255, 255, .78) 0 12%, rgba(255, 255, 255, .22) 43%, transparent 72%),
        radial-gradient(ellipse 18% 125% at 31% 87%, rgba(224, 244, 239, .36) 0 15%, rgba(17, 78, 76, .07) 56%, transparent 78%),
        radial-gradient(ellipse 26% 160% at 68% 13%, rgba(255, 255, 255, .5) 0 10%, rgba(225, 247, 242, .14) 46%, transparent 76%),
        radial-gradient(ellipse 18% 140% at 96% 70%, rgba(255, 255, 255, .68) 0 12%, rgba(16, 66, 66, .07) 54%, transparent 79%),
        linear-gradient(108deg, rgba(244, 250, 249, .82), rgba(245, 250, 249, .66) 48%, rgba(233, 246, 242, .78));
    background-size: 127% 150%, 136% 160%, 125% 146%, 132% 158%, 100% 100%;
    background-position: -10% 28%, 22% 64%, 69% 18%, 108% 52%, 0 0;
    border: 1px solid rgba(255, 255, 255, .82);
    box-shadow:
        inset 0 1px 5px rgba(255, 255, 255, .86),
        inset 0 -5px 8px rgba(8, 47, 49, .08),
        0 12px 32px rgba(20, 48, 59, .12);
    opacity: .76;
    backdrop-filter: blur(12px) brightness(1.03) saturate(1.08);
    -webkit-backdrop-filter: blur(12px) brightness(1.03) saturate(1.08);
    transition: opacity .42s cubic-bezier(.2, .75, .25, 1), background-position .7s cubic-bezier(.2, .75, .25, 1), box-shadow .42s ease;
}

.kkp-page:not([data-premium-site]) .kkp-header::after,
.kkl-page .kkl-header::after {
    z-index: 2;
    border: 1px solid rgba(255, 255, 255, .44);
    background:
        linear-gradient(178deg, rgba(255, 255, 255, .54), rgba(255, 255, 255, .03) 27%, transparent 59%, rgba(13, 53, 54, .08)),
        repeating-linear-gradient(106deg, transparent 0 77px, rgba(255, 255, 255, .07) 79px 80px, transparent 82px 158px);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, .64), inset 0 -1px 0 rgba(7, 39, 40, .1);
    opacity: .56;
    transition: opacity .42s ease, border-color .42s ease;
}

.kkp-page:not([data-premium-site]) .kkp-header__inner,
.kkl-page .kkl-header > * {
    position: relative;
    z-index: 3;
}

@media (hover: hover) and (pointer: fine) {
    .kkp-page:not([data-premium-site]) .kkp-header:hover::before,
    .kkp-page:not([data-premium-site]) .kkp-header:focus-within::before,
    .kkl-page .kkl-header:hover::before,
    .kkl-page .kkl-header:focus-within::before {
        opacity: .62;
        background-position: 0 16%, 31% 52%, 60% 31%, 96% 45%, 0 0;
        box-shadow:
            inset 0 1px 6px rgba(255, 255, 255, .94),
            inset 0 -6px 10px rgba(8, 47, 49, .12),
            0 18px 42px rgba(20, 48, 59, .17);
    }

    .kkp-page:not([data-premium-site]) .kkp-header:hover::after,
    .kkp-page:not([data-premium-site]) .kkp-header:focus-within::after,
    .kkl-page .kkl-header:hover::after,
    .kkl-page .kkl-header:focus-within::after {
        border-color: rgba(30, 88, 80, .2);
        opacity: .9;
    }
}

@media (max-width: 760px) {
    .kkp-page:not([data-premium-site]) .kkp-header::before,
    .kkp-page:not([data-premium-site]) .kkp-header::after {
        inset: 6px 10px;
        border-radius: 8px;
    }

    .kkl-page .kkl-header::before,
    .kkl-page .kkl-header::after {
        inset-block: 6px;
        border-radius: 8px;
    }

    .kkp-page:not([data-premium-site]) .kkp-header::before,
    .kkl-page .kkl-header::before {
        backdrop-filter: blur(9px) brightness(1.03) saturate(1.08);
        -webkit-backdrop-filter: blur(9px) brightness(1.03) saturate(1.08);
    }
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .kkp-page:not([data-premium-site]) .kkp-header::before,
    .kkl-page .kkl-header::before {
        background: rgba(248, 252, 251, .97);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
}

@media (prefers-reduced-transparency: reduce) {
    .kkp-page:not([data-premium-site]) .kkp-header::before,
    .kkl-page .kkl-header::before {
        background: rgba(248, 252, 251, .98);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        transform: none;
    }

    .kkp-page:not([data-premium-site]) .kkp-header::after,
    .kkl-page .kkl-header::after { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .kkp-page:not([data-premium-site]) .kkp-header::before,
    .kkp-page:not([data-premium-site]) .kkp-header::after,
    .kkl-page .kkl-header::before,
    .kkl-page .kkl-header::after {
        transition: none;
        transform: none;
    }
}

@media (forced-colors: active) {
    .kkp-page:not([data-premium-site]) .kkp-header::before,
    .kkl-page .kkl-header::before {
        background: Canvas;
        border: 1px solid CanvasText;
        border-radius: 0;
        box-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .kkp-page:not([data-premium-site]) .kkp-header::after,
    .kkl-page .kkl-header::after { display: none; }
}

/*
 * Live background refraction for desktop Chromium.
 *
 * Only the decorative glass plane samples and displaces the page behind it;
 * navigation content and the light edge stay geometrically sharp. Other
 * browsers and touch devices keep the independent frost-glass fallback.
 */
.kk-glass-filter-definitions {
    position: absolute;
    inline-size: 0;
    block-size: 0;
    overflow: hidden;
    pointer-events: none;
}

@media (min-width: 921px) and (hover: hover) and (pointer: fine) {
    html.kk-svg-backdrop-refraction .kkp-page[data-premium-site] .kkp-header,
    html.kk-svg-backdrop-refraction body.kk-editorial-site .site-header,
    html.kk-svg-backdrop-refraction .kkp-page:not([data-premium-site]) .kkp-header,
    html.kk-svg-backdrop-refraction .kkl-page .kkl-header {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    html.kk-svg-backdrop-refraction .kkp-page[data-premium-site] .kkp-header::before,
    html.kk-svg-backdrop-refraction body.kk-editorial-site .site-header::before,
    html.kk-svg-backdrop-refraction .kkp-page:not([data-premium-site]) .kkp-header::before,
    html.kk-svg-backdrop-refraction .kkl-page .kkl-header::before {
        opacity: 1;
        filter: none;
        backdrop-filter: url("#kk-header-refraction-v1") blur(1.2px) brightness(1.05) contrast(.92) saturate(1.1);
        -webkit-backdrop-filter: url("#kk-header-refraction-v1") blur(1.2px) brightness(1.05) contrast(.92) saturate(1.1);
    }

    html.kk-svg-backdrop-refraction .kkp-page[data-premium-site] .kkp-header:is(:hover, :focus-within, .is-scrolled)::before,
    html.kk-svg-backdrop-refraction body.kk-editorial-site .site-header:is(:hover, :focus-within)::before,
    html.kk-svg-backdrop-refraction .kkp-page:not([data-premium-site]) .kkp-header:is(:hover, :focus-within)::before,
    html.kk-svg-backdrop-refraction .kkl-page .kkl-header:is(:hover, :focus-within)::before {
        opacity: 1;
    }
}

@media (prefers-reduced-transparency: reduce), (forced-colors: active) {
    html.kk-svg-backdrop-refraction .kkp-page[data-premium-site] .kkp-header,
    html.kk-svg-backdrop-refraction body.kk-editorial-site .site-header,
    html.kk-svg-backdrop-refraction .kkp-page:not([data-premium-site]) .kkp-header,
    html.kk-svg-backdrop-refraction .kkl-page .kkl-header,
    html.kk-svg-backdrop-refraction .kkp-page[data-premium-site] .kkp-header::before,
    html.kk-svg-backdrop-refraction body.kk-editorial-site .site-header::before,
    html.kk-svg-backdrop-refraction .kkp-page:not([data-premium-site]) .kkp-header::before,
    html.kk-svg-backdrop-refraction .kkl-page .kkl-header::before {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
}