/* Exact supplied artwork: lossless black/white exports, never recreated type. */
.brand{display:inline-flex;align-items:center;position:relative;flex:none;width:210px;max-width:100%;gap:0;font-size:0;line-height:0;letter-spacing:normal}
.brand .brand-logo{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}
.brand .brand-logo--light{display:none}
.site-header .brand{width:210px;gap:0;font-size:0}
.home-header .brand{opacity:1;visibility:visible;pointer-events:auto}
.hero-topline{top:112px}
.home-header .brand-logo--dark{display:none}
.home-header .brand-logo--light{display:block}
.scrolled .home-header .brand-logo--dark,.menu-open .site-header .brand-logo--dark{display:block}
.scrolled .home-header .brand-logo--light,.menu-open .site-header .brand-logo--light{display:none}
.site-footer .brand{width:240px}
.mobile-menu>.brand{width:210px}
.catalogue-loading .brand{width:240px}

.admin-brand{display:block;width:180px;max-width:100%;min-width:0;font-size:0;line-height:0;letter-spacing:normal}
.admin-brand>img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}
.access-screen .admin-brand{display:block;width:240px;max-width:100%;font-size:0}
@media(max-width:840px){
 .site-header .brand{width:180px;font-size:0;gap:0}
}
@media(max-width:760px){
 .admin-sidebar{grid-template-columns:minmax(0,1fr) auto}
 .admin-sidebar .admin-brand{align-self:center}
 .access-screen .admin-brand{width:220px}
}
@media(max-width:560px){
 .site-footer .brand{width:220px}
 .catalogue-loading .brand{width:220px}
}
@media(max-width:360px){
 .site-header{gap:18px}
 .site-header .brand{width:172px}
 .admin-sidebar .admin-account{max-width:125px}
 .admin-sidebar .admin-account strong{max-width:125px}
}