/* Quiet, colourless details using the original FUSE artwork.
   Selected marks softly charge between the ambient lightning passes. */
body{position:relative;isolation:isolate}
.brand-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:paint}
.brand-glow{position:absolute;inset:0;z-index:3;overflow:hidden;pointer-events:none;contain:paint}
.brand-glow[hidden]{display:none!important}
.brand-atmosphere img,.brand-glow img{--mark-rest:.028;--mark-peak:.16;position:absolute;left:var(--mark-left);top:var(--mark-top);width:calc(var(--mark-size)*1.15);height:auto;filter:grayscale(1) brightness(2);opacity:var(--mark-rest);transform:rotate(var(--mark-turn));user-select:none}
.brand-glow img.is-fusing{filter:grayscale(1) brightness(2) drop-shadow(0 0 9px #eac04f);animation:mark-fuse 3.2s ease-in-out both}
@keyframes mark-fuse{0%,100%{opacity:0}28%,62%{opacity:var(--mark-peak)}}
@media(max-width:720px){
  .brand-atmosphere img,.brand-glow img{--mark-rest:.018;--mark-peak:.1;left:var(--mark-mobile-left);width:calc(var(--mark-size)*.75)}
  .brand-atmosphere img:nth-child(even){display:none}
}
@media(prefers-reduced-motion:reduce){.brand-glow{display:none!important}}
@media(prefers-contrast:more),(forced-colors:active){.brand-atmosphere,.brand-glow{display:none!important}}
@media print{.brand-atmosphere,.brand-glow{display:none!important}}