/* Scout v0.4.28 — approved A–Z brand directory + split hero */
.brand-directory-hero{
  position:relative;
  min-height:390px;
  overflow:hidden;
  border-bottom:1px solid hsl(calc(var(--brand-hue-surface) - 3.5) 55.9% 24.9%);
  background:hsl(calc(var(--brand-hue-surface) + 0.1) 63.6% 6.5%);
}
.brand-directory-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background-image:
    linear-gradient(hsl(calc(var(--brand-hue-surface) - 3.5) 49.7% 28% / .11) 1px,transparent 1px),
    linear-gradient(90deg,hsl(calc(var(--brand-hue-surface) - 3.5) 49.7% 28% / .11) 1px,transparent 1px),
    linear-gradient(135deg,transparent 0 71%,hsl(calc(var(--brand-hue-surface) - 4.4) 56.2% 33.1% / .08) 71% 71.25%,transparent 71.25%);
  background-size:38px 38px,38px 38px,430px 430px;
  mask-image:linear-gradient(90deg,#000 0%,#000 42%,rgba(0,0,0,.45) 57%,transparent 70%);
  pointer-events:none;
}
.brand-directory-hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,hsl(calc(var(--brand-hue-surface) + 0.1) 63.6% 6.5%) 0%,hsl(calc(var(--brand-hue-surface) + 0.1) 63.6% 6.5% / .98) 31%,hsl(calc(var(--brand-hue-surface) + 0.1) 63.6% 6.5% / .84) 43%,hsl(calc(var(--brand-hue-surface) + 0.1) 63.6% 6.5% / .30) 55%,hsl(calc(var(--brand-hue-surface) + 0.1) 63.6% 6.5% / 0) 68%),
    linear-gradient(180deg,rgba(0,0,0,.04),hsl(calc(var(--brand-hue-surface) + 1.8) 88.9% 3.5% / .12));
  pointer-events:none;
}
.brand-hero-art{
  position:absolute;
  z-index:0;
  top:0;
  right:0;
  width:64%;
  height:100%;
  background-position:right center;
  background-size:cover;
  background-repeat:no-repeat;
  filter:saturate(1.08) contrast(1.05) brightness(.96);
}
.brand-hero-art:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,hsl(calc(var(--brand-hue-surface) + 0.1) 63.6% 6.5% / .84) 0%,hsl(calc(var(--brand-hue-surface) + 0.1) 63.6% 6.5% / .20) 28%,transparent 48%);
  pointer-events:none;
}
.brand-hero-art:after{
  content:"";
  position:absolute;
  inset:0;
  box-shadow:inset 0 -22px 34px hsl(calc(var(--brand-hue-surface) + 1.8) 66.7% 4.7% / .14),inset 24px 0 44px hsl(calc(var(--brand-hue-surface) + 1) 71.4% 5.5% / .30);
  pointer-events:none;
}
.brand-directory-hero-inner{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  min-height:390px;
  padding-top:34px;
  padding-bottom:34px;
}
.brand-directory-copy{width:min(57%,780px);padding-right:30px}
.brand-directory-kicker{display:block;color:hsl(calc(var(--brand-hue-accent) - 2.4) 91.9% 56.7%);font-size:12px;font-weight:950;letter-spacing:.20em}
.brand-directory-kicker i{color:hsl(calc(var(--brand-hue-surface) - 1.7) 18.9% 55.5%);font-style:normal}
.brand-directory-copy h1{margin:11px 0 0;color:hsl(calc(var(--brand-hue-surface) + 3) 20% 97.1%);font-size:clamp(50px,4.4vw,70px);line-height:.98;letter-spacing:-2.15px;text-transform:none}
.brand-directory-copy>p{max-width:660px;margin:15px 0 0;color:hsl(calc(var(--brand-hue-surface) - 1) 21.4% 72.5%);font-size:17px;line-height:1.48}
.brand-directory-values{display:flex;flex-wrap:wrap;gap:32px;margin-top:27px}
.brand-directory-values>div{display:flex;align-items:center;gap:12px;min-width:185px}
.brand-directory-values svg{width:28px;height:28px;color:hsl(calc(var(--brand-hue-accent) - 2.6) 91.2% 55.5%);fill:none;stroke:currentColor;stroke-width:1.75}
.brand-directory-values span{display:grid;gap:2px}
.brand-directory-values b{color:hsl(calc(var(--brand-hue-surface) - 7) 30% 96.1%);font-size:14px}
.brand-directory-values small{color:hsl(calc(var(--brand-hue-surface) - 1.6) 17.8% 57.1%);font-size:11px}
.brand-community-line{display:grid;gap:3px;width:max-content;margin-top:27px;color:hsl(calc(var(--brand-hue-surface) - 1.7) 21.8% 61.4%);font-size:11px;font-weight:750;letter-spacing:.28em;line-height:1.05}
.brand-community-line i,.brand-directory-mantra i{display:block;width:42px;height:3px;margin-top:7px;background:hsl(calc(var(--brand-hue-cta) + 0.5) 85.7% 56.3%)}

.brand-directory-content{padding-top:28px;padding-bottom:66px}
.brand-directory-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:16px}
.brand-directory-heading h2{margin:7px 0 0;color:hsl(calc(var(--brand-hue-surface) - 5) 29.4% 96.7%);font-size:clamp(34px,3vw,48px);line-height:1;letter-spacing:-1.5px;text-transform:none}
.brand-directory-mantra{display:grid;gap:3px;padding:0 18px 3px 20px;border-left:1px solid hsl(calc(var(--brand-hue-surface) - 3.7) 54.5% 25.9%);color:hsl(calc(var(--brand-hue-surface) - 2.4) 21.7% 62.9%);font-size:10px;font-weight:750;letter-spacing:.24em;line-height:1.05}
.brand-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.brand-directory-card{display:flex;flex-direction:column;min-width:0;border:1px solid hsl(calc(var(--brand-hue-surface) - 2.2) 50.4% 23.7%);background:linear-gradient(180deg,hsl(calc(var(--brand-hue-surface) + 0.8) 62.8% 8.4%),hsl(calc(var(--brand-hue-surface) - 0.6) 64.7% 6.7%));overflow:hidden;transition:transform .15s ease,border-color .15s ease,background .15s ease}
.brand-directory-card:hover{transform:translateY(-2px);border-color:hsl(calc(var(--brand-hue-surface) - 6.7) 69.6% 51%);background:hsl(calc(var(--brand-hue-surface) - 0.6) 64.7% 10%)}
.brand-logo-bay{height:116px;display:grid;place-items:center;margin:12px 12px 0;border:1px solid hsl(calc(var(--brand-hue-surface) - 1) 17.2% 82.9%);border-radius:4px;background:#fff;overflow:hidden}
.brand-logo-bay img{width:100%;height:100%;object-fit:contain;padding:17px 22px;box-sizing:border-box}
.brand-logo-bay strong{font-size:36px;color:hsl(calc(var(--brand-hue-accent) + 0.5) 82.4% 42.4%)}
.brand-directory-card-body{display:flex;flex-direction:column;flex:1;padding:13px 13px 14px}
.brand-directory-card h3{margin:0;color:hsl(calc(var(--brand-hue-surface) - 5) 29.4% 96.7%);font-size:21px;line-height:1.12;text-transform:none}
.brand-directory-card p{min-height:60px;margin:7px 0 0;color:hsl(calc(var(--brand-hue-surface) + 0.4) 16.9% 64.1%);font-size:13px;line-height:1.44}
.brand-stat-row{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:13px;border-top:1px solid hsl(calc(var(--brand-hue-surface) - 2) 50% 18.8%)}
.brand-stat-row>div{display:grid;grid-template-columns:28px auto;gap:9px;align-items:center;padding:11px 7px 9px}
.brand-stat-row>div+div{border-left:1px solid hsl(calc(var(--brand-hue-surface) - 2) 50% 18.8%)}
.brand-stat-row svg{width:24px;height:24px;color:hsl(calc(var(--brand-hue-accent) - 2) 91% 56.5%);fill:none;stroke:currentColor;stroke-width:1.75}
.brand-stat-row span{display:grid}
.brand-stat-row b{color:hsl(calc(var(--brand-hue-surface) - 7) 30% 96.1%);font-size:17px}
.brand-stat-row small{color:hsl(calc(var(--brand-hue-surface) - 1.2) 16.4% 54.5%);font-size:10px}
.brand-category-tags{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 11px}
.brand-category-tags span{padding:4px 8px;border:1px solid hsl(calc(var(--brand-hue-surface) - 1.2) 41.6% 26.9%);border-radius:14px;background:hsl(calc(var(--brand-hue-surface) - 1.1) 63% 10.6%);color:hsl(calc(var(--brand-hue-surface) - 1) 20.3% 71%);font-size:10px;font-weight:750}
.brand-browse-button{position:relative;display:flex;justify-content:center;align-items:center;width:100%;min-height:42px;margin-top:auto;padding:0 42px 0 16px;border:1px solid hsl(calc(var(--brand-hue-accent) - 2.1) 89.5% 55.3%);border-radius:4px;background:hsl(calc(var(--brand-hue-surface) + 0.5) 66.7% 7.1%);color:hsl(calc(var(--brand-hue-surface) - 7) 75% 96.9%);font-size:12px;font-weight:900;letter-spacing:.01em;box-sizing:border-box}
.brand-browse-button:hover{background:hsl(calc(var(--brand-hue-surface) - 3) 68.3% 12.4%);box-shadow:0 0 14px hsl(calc(var(--brand-hue-accent) - 1.8) 83.3% 53.1% / .13)}
.brand-browse-button span{position:absolute;right:15px;top:50%;transform:translateY(-53%);color:hsl(calc(var(--brand-hue-accent) - 2.3) 91% 56.7%);font-size:18px;line-height:1}

@media(max-width:1450px){
  .brand-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .brand-hero-art{width:60%}
  .brand-directory-copy{width:59%}
}
@media(max-width:1100px){
  .brand-directory-hero{min-height:350px}
  .brand-directory-hero-inner{min-height:350px}
  .brand-hero-art{width:56%;opacity:.70}
  .brand-directory-hero:after{background:linear-gradient(90deg,hsl(calc(var(--brand-hue-surface) + 0.1) 63.6% 6.5%) 0%,hsl(calc(var(--brand-hue-surface) + 0.1) 63.6% 6.5% / .98) 42%,hsl(calc(var(--brand-hue-surface) + 0.1) 63.6% 6.5% / .72) 58%,hsl(calc(var(--brand-hue-surface) + 0.1) 63.6% 6.5% / .08) 84%)}
  .brand-directory-copy{width:68%;max-width:680px}
  .brand-directory-copy h1{font-size:48px}
  .brand-directory-values{gap:18px}
  .brand-community-line{display:none}
  .brand-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .brand-directory-hero{min-height:auto}
  .brand-directory-hero-inner{min-height:auto;padding-top:34px;padding-bottom:34px}
  .brand-hero-art{width:100%;opacity:.20;background-position:center center}
  .brand-directory-hero:after{background:hsl(calc(var(--brand-hue-surface) + 0.1) 63.6% 6.5% / .48)}
  .brand-directory-copy{width:100%;padding-right:0}
  .brand-directory-copy h1{font-size:39px;letter-spacing:-1px}
  .brand-directory-copy>p{font-size:15px}
  .brand-directory-values{display:grid;grid-template-columns:1fr;gap:12px}
  .brand-directory-content{padding-top:20px}
  .brand-directory-heading{align-items:flex-start;flex-direction:column}
  .brand-directory-mantra{display:none}
  .brand-directory-heading h2{font-size:33px}
  .brand-directory-grid{grid-template-columns:1fr}
  .brand-directory-card p{min-height:0}
}