.header--scrolled .header__logo img {
	opacity: 0;
	transition: opacity .35s ease-in-out;
}

.header--scrolled .header__logo {
	background-image: image-set(url(../images/logo-black.png) 1x, url(../images/logo-black@2x.png) 2x);
	background-position: center;
}

.header__logo img {
	display: block;
}

.header__logo {
	flex-shrink: 0;
}