.header.scrolled{background:#fffc;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid #00000018;box-shadow:0 8px 30px #0000000d;color:#111}
.brand-link{position:relative;display:block;width:210px;height:56px}
.brand-link .logo{width:210px;height:56px;object-fit:contain;object-position:left center;position:absolute;inset:0;transition:opacity .25s}
.logo-black{opacity:0}.header.scrolled .logo-white{opacity:0}.header.scrolled .logo-black{opacity:1}
.mobile-toggle{color:currentColor}.header.scrolled .nav>.btn{background:#0a0a0a;color:#fff}
@media(max-width:780px){.brand-link{width:180px}.brand-link .logo{width:180px}.header.scrolled .nav{background:#fffffff2;color:#111}}