.header-logo__inner{position:relative}.header-logo__inner>*{transition:all .5s ease;-webkit-transition:all .5s ease}.header-logo__default{opacity:1;position:relative;z-index:0}.header-logo__scrolled{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}.header--scrolled .header-logo__default{opacity:0}.header--scrolled .header-logo__scrolled{opacity:1}.header:not(.header--scrolled) [class*=-background-color]{background:transparent!important}