.brand-shelf{overflow:hidden}.brand-shelf__header{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));grid-template-columns:auto minmax(0,1fr) auto;display:grid}.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{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);width:116px;height:48px;box-shadow:2px 2px 0 0 color-mix(in srgb, var(--tone-color) 28%, transparent);place-items:center;display:grid;overflow:hidden}.brand-shelf-logo-img{-o-object-fit:contain;object-fit:contain;width:calc(100% - 16px);height:32px;display:block}.brand-shelf-logo-empty{border-radius:var(--radius-xs);background:color-mix(in srgb, var(--tone-color) 18%, var(--surface-2));width:calc(100% - 16px);height:calc(100% - 16px);display:block}.brand-shelf__copy{min-width:0}.brand-shelf__name{color:inherit;font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:clamp(1.1rem,2vw,1.5rem);line-height:1}.brand-shelf__tagline{margin:var(--space-1) 0 0;color:color-mix(in srgb, currentColor 74%, transparent)}.brand-shelf__trail{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.brand-shelf__body{padding:var(--space-5)}.brand-shelf__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,252px));justify-content:start;align-items:stretch;display:grid}.brand-shelf__skeleton{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%;min-height:308px;animation:1.1s ease-in-out infinite brandShelfSkeleton}.brand-shelf__msg{margin:0}.brand-shelf__affiliate{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.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{padding:var(--space-5);grid-template-columns:minmax(0,1fr)}.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)}}