.wapu-brands{background:var(--wtds-surface-2);min-height:70vh;padding:var(--wtds-s-7) 0 var(--wtds-s-8)}.wapu-brands__container{max-width:67.5rem;margin:0 auto;padding:0 var(--wtds-s-4)}.wapu-brands__empty{text-align:center;padding:var(--wtds-s-8) var(--wtds-s-3);color:var(--wtds-ink-3)}.wapu-brands__hero{text-align:center;margin-bottom:var(--wtds-s-4);padding:var(--wtds-s-3) 0 var(--wtds-s-3)}.wapu-brands__eyebrow{font-family:var(--wtds-font-text);font-size:var(--wtds-fs-caption-2);letter-spacing:.3em;text-transform:uppercase;color:var(--wtds-ink-4);font-weight:var(--wtds-fw-medium);margin-bottom:var(--wtds-s-2)}.wapu-brands__title{font-family:var(--wtds-font-display);font-size:var(--wtds-fs-display-xl);font-weight:var(--wtds-fw-regular);font-style:italic;color:var(--wtds-ink);letter-spacing:-.025em;line-height:1;margin:0 0 var(--wtds-s-1)}.wapu-brands__subtitle{font-family:var(--wtds-font-text);font-size:var(--wtds-fs-footnote);color:var(--wtds-ink-3);font-weight:var(--wtds-fw-regular);letter-spacing:.02em;margin:0}.wapu-brands__search-wrap{max-width:27.5rem;margin:0 auto var(--wtds-s-3);position:relative}.wapu-brands__search-icon{position:absolute;left:1.125rem;top:50%;transform:translateY(-50%);color:var(--wtds-ink-4);display:inline-flex;pointer-events:none}.wapu-brands__search{width:100%;padding:.75rem var(--wtds-s-3) .75rem 2.75rem;border:var(--wtds-border-hairline) solid var(--wtds-outline-soft);border-radius:var(--wtds-r-pill);font-family:var(--wtds-font-text);font-size:var(--wtds-fs-footnote);background:var(--wtds-surface);outline:none;color:var(--wtds-ink);transition:border-color .15s}.wapu-brands__search:focus{border-color:var(--wtds-ink)}.wapu-brands__az{display:flex;flex-wrap:wrap;justify-content:center;gap:.125rem;padding:var(--wtds-s-2) 0 var(--wtds-s-3);margin-bottom:var(--wtds-s-4);border-bottom:var(--wtds-border-hairline) solid var(--wtds-outline-soft)}.wapu-brands__az-l{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--wtds-r-pill);font-family:var(--wtds-font-display);font-size:var(--wtds-fs-ui);font-weight:var(--wtds-fw-regular);font-style:italic;color:var(--wtds-ink);text-decoration:none;transition:background .15s,color .15s}.wapu-brands__az-l:hover{background:var(--wtds-ink);color:var(--wtds-surface)}.wapu-brands__az-l--off{color:var(--wtds-on-surface-muted);pointer-events:none}.wapu-brands__section{margin-bottom:var(--wtds-s-7);scroll-margin-top:var(--wtds-s-3)}.wapu-brands__section:last-child{margin-bottom:0}.wapu-brands__letter-header{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:.875rem;margin-bottom:var(--wtds-s-3);border-bottom:var(--wtds-border-hairline) solid var(--wtds-outline-soft)}.wapu-brands__letter{font-family:var(--wtds-font-display);font-size:var(--wtds-fs-display-jumbo);font-weight:var(--wtds-fw-light);font-style:italic;color:var(--wtds-ink);line-height:.75;letter-spacing:-.05em;margin:0}.wapu-brands__letter-meta{font-family:var(--wtds-font-text);font-size:var(--wtds-fs-caption-2);color:var(--wtds-ink-4);letter-spacing:.1em;text-transform:uppercase;font-weight:var(--wtds-fw-medium);padding-bottom:.75rem}.wapu-brands__list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0 var(--wtds-s-6)}.wapu-brands__item{border-bottom:var(--wtds-border-hairline) solid var(--wtds-outline-soft)}.wapu-brands__link{display:flex;align-items:center;gap:var(--wtds-s-2);padding:var(--wtds-s-2) 0;text-decoration:none;color:var(--wtds-ink);transition:padding-left .2s}.wapu-brands__link:hover{padding-left:.375rem}.wapu-brands__thumb{width:2.5rem;height:2.5rem;border-radius:var(--wtds-r-xs);background:var(--wtds-scrim-faint);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.wapu-brands__thumb-img{max-width:72%;max-height:72%;-o-object-fit:contain;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .25s,opacity .25s}.wapu-brands__link:hover .wapu-brands__thumb-img{filter:grayscale(0);opacity:1}.wapu-brands__thumb-fallback{font-family:var(--wtds-font-display);font-size:var(--wtds-fs-callout);font-weight:var(--wtds-fw-regular);font-style:italic;color:var(--wtds-ink-3);letter-spacing:-.01em}.wapu-brands__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.wapu-brands__name{font-family:var(--wtds-font-display);font-size:var(--wtds-fs-subhead);font-weight:var(--wtds-fw-regular);line-height:1.25;color:var(--wtds-ink);letter-spacing:-.005em}.wapu-brands__count{font-family:var(--wtds-font-text);font-size:var(--wtds-fs-caption-2);color:var(--wtds-ink-4);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-weight:var(--wtds-fw-regular)}.wapu-brands__no-results{text-align:center;padding:var(--wtds-s-5) var(--wtds-s-3);color:var(--wtds-ink-3);font-family:var(--wtds-font-text);font-size:var(--wtds-fs-ui)}@media (max-width: 56.25rem){.wapu-brands__list{grid-template-columns:repeat(2,1fr);gap:0 var(--wtds-s-4)}}@media (max-width: 48rem){.wapu-brands{padding:var(--wtds-s-5) 0 var(--wtds-s-8)}.wapu-brands__container{padding:0 var(--wtds-s-3)}.wapu-brands__title{font-size:var(--wtds-fs-display-xl)}.wapu-brands__letter{font-size:var(--wtds-fs-display-jumbo)}.wapu-brands__az{padding:.75rem 0 var(--wtds-s-3);margin-bottom:var(--wtds-s-3)}.wapu-brands__az-l{width:1.75rem;height:1.75rem;font-size:var(--wtds-fs-ui)}.wapu-brands__section{margin-bottom:var(--wtds-s-6)}}@media (max-width: 35rem){.wapu-brands__list{grid-template-columns:1fr;gap:0}.wapu-brands__title{font-size:var(--wtds-fs-display-xl)}.wapu-brands__letter{font-size:var(--wtds-fs-display-jumbo)}}

/* ==========================================================================
   Wapuos8 · Brands surface interaction consistency
   ========================================================================== */
.wapu-brands__search {
  min-height: var(--wtds-control-min);
  border-radius: var(--wtds-field-radius, var(--wtds-control-radius));
}
.wapu-brands__search:focus-visible {
  outline: none;
  box-shadow: var(--wtds-shadow-focus);
}
.wapu-brands__az-l {
  width: var(--wtds-control-min);
  height: var(--wtds-control-min);
  min-width: var(--wtds-control-min);
  min-height: var(--wtds-control-min);
  border-radius: var(--wtds-control-radius);
}
.wapu-brands__az-l:focus-visible,
.wapu-brands__link:focus-visible {
  outline: none;
  box-shadow: var(--wtds-shadow-focus);
}
.wapu-brands__link { min-height: var(--wtds-control-min); }
@media (max-width:48rem) {
  .wapu-brands__az-l {
    width: var(--wtds-control-min);
    height: var(--wtds-control-min);
  }
}