/* Supplied Kompositif vector artwork, shared across every page. */
@media(min-width:1101px){:is(#site-header,.app-header)>.brand{gap:16px}}
.brand .brand-icon{display:block;flex:none;width:27px;height:37px;object-fit:contain}
.brand .brand-icon-mono{background:currentColor;-webkit-mask:url('assets/brand/kompositif-icon.svg') center/contain no-repeat;mask:url('assets/brand/kompositif-icon.svg') center/contain no-repeat}
.brand .brand-wordmark{display:block;flex:none;width:138px;height:26px;background:currentColor;-webkit-mask:url('assets/brand/kompositif-wordmark.svg') center/contain no-repeat;mask:url('assets/brand/kompositif-wordmark.svg') center/contain no-repeat}
.brand .brand-icon-dark,.development-art .development-brand-icon-dark{display:none}
html[data-theme=dark] .brand .brand-icon-light,html[data-theme=dark] .development-art .development-brand-icon-light{display:none}
html[data-theme=dark] .brand .brand-icon-dark,html[data-theme=dark] .development-art .development-brand-icon-dark{display:block}
.development-art .development-brand-icon{width:100%;height:auto;object-fit:contain}
.hero-type h1 .brand-hero-mark{display:block;width:4.35em;height:.8035em;background:linear-gradient(to right,var(--cream,#eeeddf) 96.64%,var(--amber,#dd922e) 96.64%);-webkit-mask:url('assets/brand/kompositif-wordmark.svg') center/contain no-repeat;mask:url('assets/brand/kompositif-wordmark.svg') center/contain no-repeat}
.footer-wordmark .brand-footer-mark{display:block;width:100%;height:100%;background:currentColor;-webkit-mask:url('assets/brand/kompositif-wordmark.svg') center/contain no-repeat;mask:url('assets/brand/kompositif-wordmark.svg') center/contain no-repeat}
.site-footer .footer-wordmark{width:104vw;height:19.21vw}
@media(max-width:1100px){:is(#site-header,.app-header)>.brand .brand-icon{display:none!important}:is(#site-header,.app-header)>.brand .brand-icon-mono{background:currentColor;-webkit-mask:url('assets/brand/kompositif-icon.svg') center/contain no-repeat;mask:url('assets/brand/kompositif-icon.svg') center/contain no-repeat}
.brand .brand-wordmark{width:126px;height:24px}}
@media(max-width:700px){.site-footer .footer-wordmark{width:108vw;height:19.95vw}}
@media(max-width:500px){:is(#site-header,.app-header)>.brand .brand-icon{display:none!important}:is(#site-header,.app-header)>.brand .brand-icon-mono{background:currentColor;-webkit-mask:url('assets/brand/kompositif-icon.svg') center/contain no-repeat;mask:url('assets/brand/kompositif-icon.svg') center/contain no-repeat}
.brand .brand-wordmark{width:119px;height:23px}}