body:has(.brand-gallery,.brand-shelf){background:#fff}
.public.brand-gallery .brand-grid{background:#fff;gap:0}
.public.brand-gallery .brand-card{box-shadow:inset -1px -1px #eef0eb}
body:has(.brand-gallery,.brand-shelf)>header{max-width:1200px;margin:auto;padding:24px 36px;border-bottom:1px solid #e9eae5}
body:has(.brand-gallery,.brand-shelf)>header>a:last-child{font-size:13px;font-weight:400;color:#69736b}
.public.brand-gallery{max-width:1200px;margin:0 auto;padding:48px 36px 64px}
.brand-gallery h1{font-size:42px;letter-spacing:-1.4px;font-weight:400;margin:0 0 12px;line-height:1.15}
.brand-gallery>p{color:#768078;font-size:14px;margin:0 0 36px;line-height:1.6}
.brand-gallery .brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#e9ece7;border:1px solid #e9ece7}
.brand-gallery .brand-card{display:flex;align-items:center;justify-content:center;min-height:145px;padding:28px 38px;background:#fff;border:0;box-shadow:none;position:relative;transition:background .25s}
.brand-gallery .brand-card img{width:100%;height:85px;object-fit:contain;max-width:170px;transition:transform .3s ease;filter:none}
.public.brand-gallery .brand-card{transition:transform .3s ease,box-shadow .3s ease;transform:translateY(0)}
.public.brand-gallery .brand-card:hover,.public.brand-gallery .brand-card:focus-visible{background:#fff;transform:translateY(-6px);box-shadow:0 12px 26px #2335291c,0 2px 6px #2335290d;z-index:2}
.brand-gallery .brand-card:hover img{transform:none}
.brand-gallery .brand-card:focus-visible{outline:2px solid #385143;outline-offset:-3px}
@media(max-width:700px){.public.brand-gallery{padding:32px 20px 40px}.brand-gallery h1{font-size:34px}.brand-gallery .brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-gallery .brand-card{min-height:120px;padding:20px}.brand-gallery .brand-card img{height:65px}}
@media(max-width:460px){.brand-gallery .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body:has(.brand-gallery,.brand-shelf)>header{padding:18px 20px}}
@media(prefers-reduced-motion:reduce){.brand-gallery .brand-card,.brand-gallery .brand-card img{transition:none}}

.brand-gallery .gallery-footer{display:flex;justify-content:flex-end;margin-top:24px}
.brand-gallery .staff-login{display:inline-flex;align-items:center;min-height:44px;padding:0 8px;font-size:12px;font-weight:400;color:#737b75;text-underline-offset:3px}
.brand-gallery .staff-login:hover,.brand-gallery .staff-login:focus-visible{color:#344b3e;text-decoration:underline}