/* 3DPrintScout v0.4.28 — approved A–Z brand directory + split hero */
.brand-directory-hero{
  position:relative;
  min-height:390px;
  overflow:hidden;
  border-bottom:1px solid #1c5363;
  background:#06151b;
}
.brand-directory-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background-image:
    linear-gradient(rgba(36,91,107,.11) 1px,transparent 1px),
    linear-gradient(90deg,rgba(36,91,107,.11) 1px,transparent 1px),
    linear-gradient(135deg,transparent 0 71%,rgba(37,112,132,.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,#06151b 0%,rgba(6,21,27,.98) 31%,rgba(6,21,27,.84) 43%,rgba(6,21,27,.30) 55%,rgba(6,21,27,0) 68%),
    linear-gradient(180deg,rgba(0,0,0,.04),rgba(1,12,17,.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,rgba(6,21,27,.84) 0%,rgba(6,21,27,.20) 28%,transparent 48%);
  pointer-events:none;
}
.brand-hero-art:after{
  content:"";
  position:absolute;
  inset:0;
  box-shadow:inset 0 -22px 34px rgba(4,15,20,.14),inset 24px 0 44px rgba(4,18,24,.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:#2bd2f6;font-size:12px;font-weight:950;letter-spacing:.20em}
.brand-directory-kicker i{color:#7898a3;font-style:normal}
.brand-directory-copy h1{margin:11px 0 0;color:#f6f8f9;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:#aac0c8;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:#26d1f5;fill:none;stroke:currentColor;stroke-width:1.75}
.brand-directory-values span{display:grid;gap:2px}
.brand-directory-values b{color:#f2f7f8;font-size:14px}
.brand-directory-values small{color:#7e9ba5;font-size:11px}
.brand-community-line{display:grid;gap:3px;width:max-content;margin-top:27px;color:#87a7b2;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:#ef3038}

.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:#f4f8f9;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 #1e5666;color:#8cabb5;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 #1e4c5b;background:linear-gradient(180deg,#081b23,#06161c);overflow:hidden;transition:transform .15s ease,border-color .15s ease,background .15s ease}
.brand-directory-card:hover{transform:translateY(-2px);border-color:#2bbbd9;background:#09212a}
.brand-logo-bay{height:116px;display:grid;place-items:center;margin:12px 12px 0;border:1px solid #ccd7db;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:#139dc5}
.brand-directory-card-body{display:flex;flex-direction:column;flex:1;padding:13px 13px 14px}
.brand-directory-card h3{margin:0;color:#f4f8f9;font-size:21px;line-height:1.12;text-transform:none}
.brand-directory-card p{min-height:60px;margin:7px 0 0;color:#94aab3;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 #183c48}
.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 #183c48}
.brand-stat-row svg{width:24px;height:24px;color:#2bd0f5;fill:none;stroke:currentColor;stroke-width:1.75}
.brand-stat-row span{display:grid}
.brand-stat-row b{color:#f2f7f8;font-size:17px}
.brand-stat-row small{color:#78949e;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 #285261;border-radius:14px;background:#0a232c;color:#a6bcc4;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 #27cef3;border-radius:4px;background:#06171e;color:#f1fbfd;font-size:12px;font-weight:900;letter-spacing:.01em;box-sizing:border-box}
.brand-browse-button:hover{background:#0a2b35;box-shadow:0 0 14px rgba(36,198,235,.13)}
.brand-browse-button span{position:absolute;right:15px;top:50%;transform:translateY(-53%);color:#2cd1f5;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,#06151b 0%,rgba(6,21,27,.98) 42%,rgba(6,21,27,.72) 58%,rgba(6,21,27,.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:rgba(6,21,27,.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}
}