/* Demo only: white EP over the dark banner; original logo on white headers. */
@media(min-width:901px){header:not(.scrolled) .workshops-logo{filter:url(#logo-white-ep)}}
header.scrolled .workshops-logo{filter:none}


/* Fade preview: stable header geometry and two logo layers. */
header,header.scrolled{transition:background-color 220ms ease,color 220ms ease,border-color 220ms ease}
header nav a,header nav summary{transition:color 220ms ease}
header .brand .logo-crossfade{display:grid;margin:0;line-height:0;font-size:0;letter-spacing:0;width:130px;flex:none}.logo-crossfade .workshops-logo{grid-area:1 / 1;transition:opacity 220ms ease;filter:none!important}
.logo-crossfade .logo-light{filter:url(#logo-white-ep)!important;opacity:0}
@media(min-width:901px){
header,header.scrolled{position:fixed;height:88px}
header:not(.scrolled) .logo-crossfade>.workshops-logo:first-child{opacity:0}
header:not(.scrolled) .logo-crossfade>.logo-light{opacity:1}
}
@media(min-width:901px) and (max-width:1699px){header,header.scrolled{height:132px}}
@media(prefers-reduced-motion:reduce){header,header.scrolled,header nav a,header nav summary,.logo-crossfade .workshops-logo{transition:none}}