/* Logo image (assets/logo.png or the Customizer logo). Width drives size; height follows the image. */
.brand{flex:0 1 auto;min-width:0;line-height:0}
.brand-logo{width:228px;max-width:100%;height:auto;transition:transform .35s var(--ease),filter .35s var(--ease)}
.brand:hover .brand-logo,.brand:focus-visible .brand-logo{transform:translateY(-1px);filter:saturate(1.15) drop-shadow(0 6px 12px #1f4fa826)}
footer .brand-logo{width:250px}
@media(max-width:1100px){.brand-logo{width:200px}}
@media(max-width:800px){.brand-logo{width:176px}footer .brand-logo{width:220px}}
@media(prefers-reduced-motion:reduce){.brand-logo{transition:none}.brand:hover .brand-logo{transform:none}}