header .brand,footer .brand{display:flex;align-items:center;gap:0;line-height:1;letter-spacing:normal;flex-shrink:0}
.brand-logo{display:block;width:245px;height:auto;max-width:100%;object-fit:contain}
header .brand-logo{width:245px;max-height:80px}
footer .brand-logo{width:280px}
.intro-logo{display:block;width:min(340px,76vw);height:auto;object-fit:contain;animation:brandAppear .6s ease both}
@media(min-width:701px) and (max-width:1150px){header .brand-logo{width:210px;max-height:70px}}
@media(max-width:700px){header .brand-logo{width:190px;max-height:62px}footer .brand-logo{width:250px}header .brand{max-width:calc(100% - 60px)}}
@media(prefers-reduced-motion:reduce){.intro-logo{animation:none!important}}