.brand-shelf{overflow:hidden}.brand-shelf__header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-4);min-height:120px;padding:var(--space-6);border-bottom:1px solid var(--card-border);background:color-mix(in srgb,var(--tone-color) 8%,var(--surface-1))}.brand-shelf__header.has-cover{color:var(--paper)}.brand-shelf__header.has-cover .brand-shelf__name{color:var(--paper);text-shadow:0 2px 12px color-mix(in srgb,var(--background) 88%,transparent)}.brand-shelf__header.has-cover .brand-shelf__tagline{color:color-mix(in srgb,var(--paper) 78%,transparent);text-shadow:0 2px 10px color-mix(in srgb,var(--background) 84%,transparent)}.brand-shelf__logo{display:grid;place-items:center;width:116px;height:48px;border:1px solid color-mix(in srgb,var(--tone-color) 44%,var(--card-border));border-radius:var(--radius-sm);background:color-mix(in srgb,var(--background) 82%,transparent);box-shadow:2px 2px 0 0 color-mix(in srgb,var(--tone-color) 28%,transparent);overflow:hidden}.brand-shelf-logo-img{display:block;width:calc(100% - 16px);height:32px;-o-object-fit:contain;object-fit:contain}.brand-shelf-logo-empty{display:block;width:calc(100% - 16px);height:calc(100% - 16px);border-radius:var(--radius-xs);background:color-mix(in srgb,var(--tone-color) 18%,var(--surface-2))}.brand-shelf__copy{min-width:0}.brand-shelf__name{margin:0;color:inherit;font-family:var(--font-display);font-size:clamp(1.1rem,2vw,1.5rem);line-height:1;letter-spacing:.02em;text-transform:uppercase}.brand-shelf__tagline{margin:var(--space-1) 0 0;color:color-mix(in srgb,currentColor 74%,transparent)}.brand-shelf__trail{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.brand-shelf__body{padding:var(--space-5)}.brand-shelf__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,252px));gap:var(--space-4);align-items:stretch;justify-content:start}.brand-shelf__skeleton{min-height:308px;border:1px solid var(--card-border);border-radius:var(--radius-sm);background:linear-gradient(90deg,color-mix(in srgb,var(--surface-2) 72%,transparent),color-mix(in srgb,var(--tone-color) 12%,var(--surface-1)),color-mix(in srgb,var(--surface-2) 72%,transparent));background-size:240% 100%;animation:brandShelfSkeleton 1.1s ease-in-out infinite}.brand-shelf__msg{margin:0}.brand-shelf__affiliate{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.brand-shelf__affiliate-text{margin:0}@keyframes brandShelfSkeleton{0%{background-position:120% 0}to{background-position:-120% 0}}@media (max-width:720px){.brand-shelf__header{grid-template-columns:minmax(0,1fr);padding:var(--space-5)}.brand-shelf__logo{width:96px}.brand-shelf__trail{grid-column:1/-1;justify-content:flex-start}.brand-shelf__body{padding:var(--space-4)}.brand-shelf__grid{grid-template-columns:minmax(0,1fr)}}