@layer reset,tokens,base,layout;@layer components{.brand-mark{aspect-ratio:1;border:var(--border-width) solid var(--brand-mark-border,var(--color-border));border-radius:var(--radius-full);background:var(--color-surface);width:100%;transition:border-color var(--duration-fast) var(--easing-standard);flex-shrink:0;place-items:center;display:grid}.brand-mark--title{width:var(--brand-title-mark-size)}.brand-mark__logo{object-fit:contain;width:72%;height:72%}.brand-mark__initial{font-size:var(--type-heading-3-size);font-weight:var(--type-heading-3-weight);line-height:var(--type-heading-3-leading);letter-spacing:var(--type-heading-3-tracking);color:var(--color-text-muted)}.brand-avatar{gap:var(--space-2);width:var(--brand-avatar-size);flex-direction:column;align-items:center;text-decoration:none;display:flex}.brand-avatar:focus-visible{border-radius:var(--radius-md)}@media (hover:hover){.brand-avatar:hover{--brand-mark-border:var(--color-border-strong)}}.brand-avatar__name{max-width:100%;font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking);text-align:center;text-wrap:balance;overflow-wrap:anywhere}.brand-avatar__caption{font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-muted);text-align:center;margin-block-start:calc(var(--space-1) - var(--space-2))}.brand-directory{--brand-directory-nav-height:calc(var(--letter-index-item-size) + 2 * var(--space-2) + var(--border-width));gap:var(--space-6);border-block-start:var(--border-width) solid var(--color-border);grid-template-columns:minmax(0,1fr);padding-block-start:var(--space-6);display:grid}.brand-directory__nav{z-index:var(--layer-sticky-nav);top:var(--site-header-height,0);padding-block:var(--space-2);border-block-end:var(--border-width) solid var(--color-border);background:var(--color-surface);position:sticky}.brand-directory__letters{gap:var(--space-1);display:flex}.brand-directory__letter{min-inline-size:var(--letter-index-item-size);block-size:var(--letter-index-item-size);padding-inline:var(--space-1);border:var(--border-width) solid transparent;border-radius:var(--radius-sm);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking);transition:background-color var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard);place-items:center;text-decoration:none;display:grid}@media (hover:hover){.brand-directory__letter:any-link:hover{border-color:var(--color-border-strong);background:var(--color-surface-subtle)}}.brand-directory__letter--empty{opacity:var(--opacity-disabled)}.brand-directory__sections{gap:var(--space-12);display:grid}.brand-directory__section{gap:var(--space-4);scroll-margin-block-start:calc(var(--scroll-room-top) + var(--brand-directory-nav-height) + var(--space-4));display:grid}.brand-directory__section-head{gap:var(--space-3);border-block-end:var(--border-width) solid var(--color-border);justify-content:space-between;align-items:center;padding-block-end:var(--space-3);display:flex}.brand-directory__brands{gap:var(--space-6);flex-wrap:wrap;align-items:flex-start;display:flex}.brand-total{gap:var(--space-2);align-items:baseline;display:flex}.brand-total__value{font-size:var(--type-figure-size);font-weight:var(--type-figure-weight);line-height:var(--type-figure-leading);letter-spacing:var(--type-figure-tracking);color:var(--color-text)}.brand-total__noun{font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking)}}@layer utilities;
