/**
 * Extracted from template-parts/incl/brand-logo-collection-grid-v1.php's inline <style> block.
 */

:root{
    --bl-ink: var(--color-primary-black);
    --bl-paper: var(--color-neutral-paper);
    --bl-line: var(--color-neutral-line);
    --bl-line-strong: var(--color-neutral-line-strong);
    --bl-brass: var(--color-primary-orange);
    --bl-sage: var(--color-neutral-muted);
  }
  .bl-section{
    background:var(--bl-ink);
    color:var(--bl-paper);
    font-family: var(--font-body);
    overflow-x:hidden;
    padding:88px 0;
  }
  .bl-stage{ max-width:1440px; margin:0 auto; padding:0 clamp(20px, 4vw, 40px); }
  *{ box-sizing:border-box; }

  .bl-label{ display:flex; align-items:center; gap:14px; margin-bottom:24px; }
  .bl-label span{ font-size:11px; letter-spacing:0.16em; text-transform:uppercase; color:var(--bl-sage); white-space:nowrap; }
  .bl-label .bl-rule{ height:1px; flex:1; background:var(--bl-line); }

  .bl-grid{ display:grid; grid-template-columns:repeat(6, 1fr); gap:16px; }
  .bl-tile{
    position:relative; aspect-ratio:16/9; border:1px solid var(--bl-line); border-radius:2px;
    display:flex; align-items:center; justify-content:center; overflow:hidden;
    transition:border-color .2s ease; text-decoration:none; background:color-mix(in srgb, var(--color-neutral-paper) 2%, transparent);
  }
  .bl-tile:hover{ border-color:var(--bl-line-strong); }
  .bl-tile img{
    width:80%; height:80%; object-fit:contain;
    transition:transform .4s ease, filter .3s ease;
  /*  filter:grayscale(1) brightness(0) invert(1) opacity(0.75);*/
  }
  .bl-tile:hover img{ transform:scale(1.06); filter:grayscale(0) brightness(1) invert(0) opacity(1); }
  .bl-tile span{
    padding:0 16px;
    font-family: var(--font-heading); font-weight:600; font-size:15px; letter-spacing:0.01em;
    color:var(--bl-paper); text-align:center;
    transition:color .25s ease;
  }
  .bl-tile:hover span{ color:var(--bl-brass); }

  .bl-more{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .5s ease; }
  .bl-more.bl-expanded{ grid-template-rows:1fr; }
  .bl-more-inner{ overflow:hidden; }
  .bl-more .bl-grid{ margin-top:16px; }

  .bl-toggle-row{ display:flex; justify-content:center; margin-top:32px; }
  .bl-toggle{
    display:inline-flex; align-items:center; gap:9px;
    font-size:11.5px; letter-spacing:0.08em; text-transform:uppercase; color:var(--bl-paper);
    background:transparent; border:1px solid var(--bl-line-strong); border-radius:2px;
    padding:13px 22px; cursor:pointer; transition:background .2s ease, border-color .2s ease;
  }
  .bl-toggle:hover{ background:color-mix(in srgb, var(--color-neutral-paper) 8%, transparent); border-color:var(--bl-paper); }
  .bl-toggle svg{ width:13px; height:13px; transition:transform .3s ease; }
  .bl-toggle.bl-expanded svg{ transform:rotate(180deg); }

  .bl-empty{ font-size:13px; color:var(--bl-sage); }

  .bl-intro{ max-width:640px; margin:0 auto 44px; text-align:center; }
.bl-eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  margin:0 0 14px;
  font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase;
  color:var(--bl-sage);
}
.bl-eyebrow::before, .bl-eyebrow::after{
  content:''; display:block; width:22px; height:1px;
  background:var(--bl-line);
}
.bl-intro h2{
  margin:0 0 14px;
  font-family:var(--font-heading);
  font-weight:600;
  font-size:clamp(26px,3.6vw,38px);
  letter-spacing:-0.01em;
  line-height:1.15;
  color:var(--bl-paper);
}
.bl-intro p{
  margin:0;
  font-size:15.5px;
  line-height:1.7;
  color:var(--bl-sage);
}

@media (max-width:640px){
  .bl-intro{ margin-bottom:32px; }
}

  @media (max-width: 1100px){ .bl-grid{ grid-template-columns:repeat(4, 1fr); } }
  @media (max-width: 560px){ .bl-grid{ grid-template-columns:repeat(3, 1fr); } }