header nav>a.logo{display:block;flex:0 0 auto;line-height:0}
.brand-logo-image{display:block;width:153px;height:auto;max-width:100%;aspect-ratio:3/2;object-fit:contain}
footer .brand-logo-link{display:block;width:220px;max-width:100%;background:#fff;border-radius:14px;margin:0 0 18px;padding:8px}
footer .brand-logo-image{width:204px}
.menu-drawer .drawer-brand{display:block;width:150px;height:100px;object-fit:contain}
@media(max-width:700px){header nav{padding-top:8px;padding-bottom:8px}header nav .brand-logo-image{width:130px}}

@media(max-width:700px){header nav>a.logo{transform:translateX(-12px)}}

/* Soft lime wash behind the logo and navigation. */
header{background:linear-gradient(rgba(200,237,118,.20),rgba(200,237,118,.20)),#fff}

/* Slightly larger desktop navigation labels. */
@media(min-width:1001px){header nav .links{font-size:15px;gap:18px}}