/* Template-owned viewport height presets. Content may grow beyond the minimum. */
[data-nx-header-height="25%"] { --nx-header-min-height: 25vh; }
[data-nx-header-height="50%"] { --nx-header-min-height: 50vh; }
[data-nx-header-height="100%"] { --nx-header-min-height: 100vh; }
@supports (height: 100svh) {
    [data-nx-header-height="25%"] { --nx-header-min-height: 25svh; }
    [data-nx-header-height="50%"] { --nx-header-min-height: 50svh; }
    [data-nx-header-height="100%"] { --nx-header-min-height: 100svh; }
}
section[data-nx-header-height]:is([data-nx-header-height="25%"], [data-nx-header-height="50%"], [data-nx-header-height="100%"]) {
    box-sizing: border-box;
    height: auto;
    min-height: var(--nx-header-min-height);
    max-height: none;
}
.nx-header-carousel:is([data-nx-header-height="25%"], [data-nx-header-height="50%"], [data-nx-header-height="100%"]) > .nx-header-slides > .nx-header-hero {
    box-sizing: border-box;
    min-height: var(--nx-header-min-height);
}
:is([data-nx-header-height="25%"], [data-nx-header-height="50%"], [data-nx-header-height="100%"]) .nx-header-inner {
    padding-block: clamp(16px, 3vh, 48px);
}
.nx-header-split:is([data-nx-header-height="25%"], [data-nx-header-height="50%"], [data-nx-header-height="100%"]) > img {
    min-height: 0;
    max-height: none;
}
@media (max-width: 700px) {
    .nx-header-split:is([data-nx-header-height="25%"], [data-nx-header-height="50%"], [data-nx-header-height="100%"]) > img {
        height: clamp(180px, 25vh, 320px);
    }
}

/* Viewport presets include the benefit strip; JavaScript supplies measured pixels. */
.nx-site .nx-cms-hero[data-nx-header-height="25%"]{--nx-hero-fallback:25vh}
.nx-site .nx-cms-hero[data-nx-header-height="50%"]{--nx-hero-fallback:50vh}
.nx-site .nx-cms-hero[data-nx-header-height="100%"]{--nx-hero-fallback:100vh}
.nx-site .nx-cms-hero:is([data-nx-header-height="25%"],[data-nx-header-height="50%"],[data-nx-header-height="100%"]) {
    display:flex;flex-direction:column;
    min-height:var(--nx-hero-available-height, var(--nx-hero-fallback));
    height:auto;max-height:none;
}
.nx-site .nx-cms-hero:is([data-nx-header-height="25%"],[data-nx-header-height="50%"],[data-nx-header-height="100%"])>.nx-cms-hero__inner {
    flex:1 0 auto;box-sizing:border-box;min-height:0;height:auto;max-height:none;
    padding-block:clamp(16px,3vh,48px);
}
.nx-site .nx-cms-hero:is([data-nx-header-height="25%"],[data-nx-header-height="50%"],[data-nx-header-height="100%"])>.nx-cms-strip{flex:0 0 auto;width:100%}
.nx-site .nx-cms-hero:is([data-nx-header-height="25%"],[data-nx-header-height="50%"],[data-nx-header-height="100%"])>.nx-cms-hero-image {
    inset:0;width:100%;height:calc(100% - var(--nx-hero-strip-height,120px));
}
.nx-site .nx-cms-hero:is([data-nx-header-height="25%"],[data-nx-header-height="50%"],[data-nx-header-height="100%"])::before {
    inset:0 0 var(--nx-hero-strip-height,120px);height:auto;
}