.valo-scope .brand-directory-list{background:var(--vl-border);border:1px solid var(--vl-border);flex-direction:column;gap:1px;margin-bottom:4rem;display:flex}.valo-scope .brand-directory-row{aspect-ratio:21/6;background:var(--vl-bg);width:100%;min-height:160px;position:relative;overflow:hidden}.valo-scope .brand-directory-row__stretched-link{z-index:1;position:absolute;inset:0}.valo-scope .brand-directory-row__img{object-fit:cover;width:100%;height:100%;transition:transform .3s;position:absolute;inset:0}.valo-scope .brand-directory-row:hover .brand-directory-row__img{transform:scale(1.03)}.valo-scope .brand-directory-row__fade{background:linear-gradient(90deg,#0a0a0ad9 0%,#0a0a0a59 55%,#0a0a0a1a 100%);position:absolute;inset:0}.valo-scope .brand-directory-row__fallback{background:var(--vl-surface);position:absolute;inset:0}.valo-scope .brand-directory-row__content{z-index:2;pointer-events:none;flex-direction:column;justify-content:center;align-items:flex-start;gap:.4rem;padding:0 clamp(1.25rem,4vw,3rem);display:flex;position:absolute;inset:0}.valo-scope .brand-directory-row__content>*{pointer-events:auto}.valo-scope .brand-directory-row__badge{background:var(--vl-accent);width:fit-content;color:var(--vl-bg-deep);letter-spacing:.06em;text-transform:uppercase;padding:.22rem .55rem;font-size:.66rem;font-weight:800;display:inline-block}.valo-scope .brand-directory-row__name{text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(1.2rem,3vw,2rem);font-weight:900;line-height:1.1}.valo-scope .brand-directory-row__meta{color:var(--vl-text-faint);font-size:.76rem;font-weight:600}.valo-scope .brand-directory-row__meta b{color:var(--vl-text);font-weight:700}.valo-scope .brand-directory-row__desc{color:var(--vl-text-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:48ch;font-size:.8rem;line-height:1.5;display:-webkit-box;overflow:hidden}.valo-scope .brand-directory-row__social{background:#0a0a0a66;width:34px;height:34px;margin-top:.1rem}.valo-scope .brand-directory-row__social svg{width:14px;height:14px}@media (max-width:500px){.valo-scope .brand-directory-row__desc{-webkit-line-clamp:1}}.valo-scope .brand-directory-row__mockup{z-index:3;pointer-events:none;width:clamp(220px,38%,420px);padding:.4rem;position:absolute;top:0;bottom:0;right:0}@media (max-width:700px){.valo-scope .brand-directory-row__mockup{display:none}}