.brand-spotlight__media img{transition:transform .6s var(--ease-out);transform:scale(1)}.brand-spotlight__media:after{transition:background-color .4s var(--ease-out), border-color .4s var(--ease-out), backdrop-filter .4s var(--ease-out), -webkit-backdrop-filter .4s var(--ease-out)}@media (hover:hover) and (pointer:fine){.brand-spotlight:hover .brand-spotlight__media img{transform:scale(1.05)}.brand-spotlight:hover .brand-spotlight__media:after{border-color:color-mix(in srgb, var(--bone-50) 70%, transparent);background:color-mix(in srgb, var(--bone-50) 18%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.brand-spotlight:focus-visible .brand-spotlight__media img{transform:scale(1.05)}.brand-spotlight:focus-visible .brand-spotlight__media:after{border-color:color-mix(in srgb, var(--bone-50) 70%, transparent);background:color-mix(in srgb, var(--bone-50) 18%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media (prefers-reduced-motion:reduce){.brand-spotlight__media img,.brand-spotlight__media:after{transition:none}.brand-spotlight:hover .brand-spotlight__media img,.brand-spotlight:focus-visible .brand-spotlight__media img{transform:none}}
.brands-page .page-header{padding-block-end:var(--space-6)}.brands-page .page-header h2{text-wrap:balance;margin:0}.brand-spotlight{min-width:0;color:inherit;text-decoration:none;display:block}.brand-spotlight:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.brand-spotlight__media{isolation:isolate;aspect-ratio:1;border:var(--line);background:var(--bone-50);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;container-type:inline-size}.brand-spotlight__media:after{content:"";z-index:1;border:1px solid color-mix(in srgb, var(--bone-50) 55%, transparent);background:color-mix(in srgb, var(--bone-50) 12%, transparent);pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:0;position:absolute;inset:0}.brand-spotlight__name{z-index:2;max-width:100%;color:var(--ink-900);font-family:var(--font-en);font-size:calc(90cqi / (var(--brand-chars) * .58));font-synthesis:none;letter-spacing:0;text-align:center;white-space:nowrap;margin:0;font-weight:700;line-height:1;position:relative}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.brand-spotlight__media:after{background:color-mix(in srgb, var(--bone-50) 28%, transparent)}}