.brand{--mk:#15140f;--c1:#e58a63;--c2:#f6c560;--c3:#84d98f;--c4:#7ed3c2;--c5:#92bff9}
.brand .mark{position:relative}
.brand .ly{position:absolute;inset:0;background:var(--mk);-webkit-mask:var(--m) center/100% 100% no-repeat;mask:var(--m) center/100% 100% no-repeat}
.brand .ly.cc{background:var(--c);opacity:0;transition:opacity .22s ease-out}
.brand .k1{--c:var(--c1)}
.brand .k2{--c:var(--c2)}
.brand .k3{--c:var(--c3)}
.brand .k4{--c:var(--c4)}
.brand .k5{--c:var(--c5)}
.brand .L-sTop{--m:url(/media/logo-sTop.png)}
.brand .L-sBot{--m:url(/media/logo-sBot.png)}
.brand .L-dotA{--m:url(/media/logo-dotA.png)}
.brand .L-dotB{--m:url(/media/logo-dotB.png)}
.brand .L-cTop{--m:url(/media/logo-cTop.png)}
.brand .L-cL{--m:url(/media/logo-cL.png)}
.brand .L-cR{--m:url(/media/logo-cR.png)}
.brand .brand-name{position:relative}
.brand .lw{position:absolute;inset:0;color:transparent;pointer-events:none}
.brand .lt{color:var(--c);opacity:0;transition:opacity .22s ease-out}
@media (prefers-reduced-motion:reduce){
  .brand .cc,.brand .lt{transition:none}
}
.nav .brand .brand-name{display:none}