/* 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);
    }
}