.brands-grid{font-family:var(--primary-font);background-color:var(--color-tertiary);padding:3em 0}.brands-grid__heading{margin-bottom:var(--gap-l)}.brands-grid .section-heading__eyebrow,.brands-grid .section-heading__title{text-align:left}.brands-grid__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.brands-grid__card{position:relative;display:block;overflow:hidden;text-decoration:none;background-color:#1a1a1a;cursor:pointer;height:calc(300px + (522 - 300) * ((100vw - 320px) / (1920 - 320)));width:calc(300px + (522 - 300) * ((100vw - 320px) / (1920 - 320)));margin:0 auto}.brands-grid__card-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 0.6s ease;will-change:transform}.brands-grid__card:hover .brands-grid__card-bg{transform:scale(1.06)}.brands-grid__card::before{content:'';position:absolute;inset:0;z-index:1;background:rgba(0,0,0,.45);transition:background 0.35s ease}.brands-grid__card:hover::before{background:rgba(0,0,0,.65)}.brands-grid__card-inner{position:relative;z-index:2;height:100%}.brands-grid__card-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:270px;height:110px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4));transition:opacity 0.3s ease}.brands-grid__card:hover .brands-grid__card-logo{opacity:0}.brands-grid__card-hover{position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% + 12px));width:100%;padding:0 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;opacity:0;transition:opacity 0.3s ease 0.05s,transform 0.3s ease 0.05s}.brands-grid__card:hover .brands-grid__card-hover{opacity:1;transform:translate(-50%,-50%)}.brands-grid__card-description{font-size:.875rem;line-height:1.65;color:rgba(255,255,255,.88);margin:0;max-width:28ch}.brands-grid__card-btn{display:inline-block;padding:.6em 1.5em;border:1px solid rgba(255,255,255,.65);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:background 0.2s ease,border-color 0.2s ease}.brands-grid__card:hover .brands-grid__card-btn:hover{background:rgba(255,255,255,.12);border-color:#fff}.alignwide.brands-grid,.alignfull.brands-grid{padding-left:max(var(--gap-l), 5vw);padding-right:max(var(--gap-l), 5vw)}@media (max-width:900px){.brands-grid__cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.brands-grid__cards{grid-template-columns:1fr}}