/* FOODBOYZ visual catalogue: original logos, compact information, restrained motion. */
#brand-grid .brand-image,.featured .brand-image{background:#11151d;aspect-ratio:1;display:grid;place-items:center;overflow:hidden}
#brand-grid .brand-image>img,.featured .brand-image>img{width:100%;height:100%;aspect-ratio:1;object-fit:cover;padding:0;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
#brand-grid .brand-body,.featured .brand-body{padding:18px 20px 20px}
#brand-grid .brand-body h3,.featured .brand-body h3{margin-bottom:8px}
#brand-grid .brand-category,.featured .brand-category{position:static;display:inline-flex;grid-area:1/1;align-self:end;justify-self:start;z-index:1;margin:10px;background:#080a10ed;color:#e9f4ff;border:1px solid #687788;font-size:10px;backdrop-filter:blur(8px)}
#brand-grid .brand-image>img,.featured .brand-image>img{grid-area:1/1}
#brand-grid .brand-card,.featured .brand-card{border-color:#344150;transition:border-color .3s,box-shadow .3s,transform .3s}
#brand-grid .brand-card:focus-within,.featured .brand-card:focus-within{border-color:#66c3ff}
#brand-grid{gap:22px}
@media(hover:hover){#brand-grid .brand-card:hover,.featured .brand-card:hover{border-color:#66c3ff;box-shadow:0 12px 36px #0005;transform:translateY(-5px)}#brand-grid .brand-card:hover img,.featured .brand-card:hover img{transform:scale(1.035)}}
@media(min-width:1100px){#brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#brand-grid h3{font-size:21px}}
@media(max-width:800px){#brand-grid{gap:12px}#brand-grid .brand-body{padding:13px}#brand-grid .brand-body h3{font-size:17px}#brand-grid .brand-image>img,.featured .brand-image>img{aspect-ratio:1}.featured .brand-body{padding:18px}.featured .brand-body h3{font-size:25px}#brand-grid .brand-category{font-size:9px;margin:7px;padding:3px 6px}}
@media(prefers-reduced-motion:no-preference){.brand-enter{animation:brand-arrive .65s cubic-bezier(.2,.7,.2,1) both}.brand-card:nth-child(4n+2).brand-enter{animation-delay:.07s}.brand-card:nth-child(4n+3).brand-enter{animation-delay:.14s}.brand-card:nth-child(4n).brand-enter{animation-delay:.21s}.system.reveal .system-core{animation:core-activate 1.5s ease-in-out 2}.career>div.reveal{animation:brand-arrive .6s ease-out both}}
@keyframes brand-arrive{from{opacity:.3;transform:translateY(22px) scale(.97)}to{opacity:1;transform:none}}
@keyframes core-activate{50%{box-shadow:0 0 36px #66c3ff44;border-color:#66c3ff}}
@media(prefers-reduced-motion:reduce){#brand-grid .brand-card,.featured .brand-card,#brand-grid img,.featured img{transition:none!important;transform:none!important}}
.brand-catalogue .page-intro{padding-bottom:30px}.brand-catalogue .page-intro .actions:empty{display:none}.brand-catalogue>.section{padding-top:12px}.brand-catalogue>.section>.section-head{display:none}.brand-catalogue .filter-controls{margin-bottom:18px}
@media(max-width:800px){.brand-catalogue .page-intro{padding-top:35px;padding-bottom:12px}.brand-catalogue .page-intro .eyebrow{margin-bottom:15px}.brand-catalogue .page-intro h1{font-size:36px}.brand-catalogue .page-intro .lead{font-size:16px;margin-bottom:12px}.brand-catalogue>.section{padding-top:6px}.brand-catalogue .filter-controls{gap:10px}.brand-catalogue .filter-controls label{font-size:12px}.brand-catalogue .filter-controls input,.brand-catalogue .filter-controls select{padding:11px;font-size:15px}.brand-catalogue #brand-count{margin-bottom:15px}}