:root {
    --ui-primary: #ee7621;
    --logo-height: 40px;
}

@media (min-width: 64rem) {
    :root {
        --ui-header-height: 6rem;
        --logo-height: 60px;
    }
}

[data-block="header"] {
    img {
        height: var(--logo-height);
    }

    .h-6 {
        height: auto;
    }
}

[data-block="slideshow"] {
    margin-top: calc(var(--ui-header-height) * -1);
} @layer base, base, base;
/* layer: properties, alias: base */
@layer base{
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-bg-opacity:100%;--un-text-opacity:100%;}}
@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
}
/* layer: theme, alias: base */
@layer base{
:root, :host { --spacing: 0.25rem; --colors-white: #fff; --colors-black: #000; }
}
/* layer: default, alias: base */
@layer base{
.text-white{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);}
.border-none{--un-border-style:none;border-style:none;}
.bg-black\/50{background-color:color-mix(in srgb, var(--colors-black) 50%, transparent);}
@supports (color: color-mix(in lab, red, red)){
.text-white{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);}
.bg-black\/50{background-color:color-mix(in oklab, var(--colors-black) 50%, transparent);}
}
}