.header{background:var(--paper)}
.header .brand{background:var(--paper);isolation:isolate}
/* Give every logo state its own navigation-colour backdrop to blend into. */
.header .brand img{mix-blend-mode:darken}
.header .brand.logo-motion-ready{position:relative}
.header .brand .logo-motion-image{position:absolute;left:0;top:50%;width:100%;height:auto;aspect-ratio:1032/186;transform:translateY(-50%);pointer-events:none;mix-blend-mode:darken;z-index:1}
.header .brand .logo-motion-image[hidden]{display:none}
.logo-motion-ready .brand-home img,.logo-motion-ready .brand-trigger img{opacity:0}
.logo-motion-ready .brand-divider{background:transparent}
/* The original links and CHANGE explanation remain above the animation. */
.logo-motion-ready .brand-home,.logo-motion-ready .brand-english{z-index:2}
.logo-motion-ready .brand-home{display:flex;align-items:center;min-height:40px}
@media(max-width:760px){.logo-motion-ready .brand-home{min-height:32px}}
@media(prefers-reduced-motion:reduce){.logo-motion-image{transition:none}}