/* assets/css/pages/brands.css */

/* ===== brand wall ===== */
.bwall{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.4rem}
.bcard{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:200px;padding:1.8rem;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);overflow:hidden;transform-style:preserve-3d;transition:border-color var(--dur-fast) var(--ease-out-expo),transform .3s var(--ease-out-expo)}
.bcard::before{content:"";position:absolute;inset:0;background:radial-gradient(440px circle at 50% 0,rgba(192,74,32,.16),transparent 60%);opacity:0;transition:opacity var(--dur-mid);pointer-events:none}
.bcard:not(.bcard--static):hover,.bcard--static:hover{border-color:var(--color-rust)}
.bcard:hover::before{opacity:1}
/* shine sweep */
.bcard__shine{position:absolute;top:0;left:-65%;width:55%;height:100%;background:linear-gradient(105deg,transparent,rgba(245,239,230,.10),transparent);transform:skewX(-15deg);transition:left .65s var(--ease-out-expo);pointer-events:none}
.bcard:hover .bcard__shine{left:125%}
/* logos sit on a transparent (dark) background — use white/transparent logo files */
.bcard__logo{flex:1;display:flex;align-items:center;justify-content:center;min-height:108px;position:relative;z-index:1}
.bcard__plate{display:flex;align-items:center;justify-content:center;width:100%}
.bcard__logoimg{max-height:60px;max-width:82%;width:auto;object-fit:contain;transition:transform .4s var(--ease-out-expo)}
.bcard:hover .bcard__logoimg{transform:scale(1.06)}
.bcard__name{font-family:var(--font-display);font-size:var(--fs-600);color:var(--color-ivory);letter-spacing:.01em;text-align:center;line-height:1.12;transition:color var(--dur-fast)}
.bcard:hover .bcard__name{color:var(--color-rust-glow)}
/* meta */
.bcard__meta{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;color:var(--color-ivory-soft);font-size:var(--fs-300);border-top:1px solid var(--color-line);padding-top:1rem;margin-top:1rem}
.bcard__client{font-size:var(--fs-200);text-transform:uppercase;letter-spacing:.16em;color:var(--color-ivory-soft);opacity:.65}
.bcard__go{color:var(--color-rust-glow);font-weight:600}
.bcard__go span{display:inline-block;transition:transform var(--dur-fast)}
.bcard:hover .bcard__go span{transform:translateX(5px)}

/* ===== cta ===== */
.brands-cta{padding-block:clamp(3rem,8vh,6rem);text-align:center;background:var(--color-bg-deep);border-block:1px solid var(--color-line)}
.brands-cta__line{font-family:var(--font-display);font-size:var(--fs-600);color:var(--color-ivory);margin-bottom:1.2rem}

@media (prefers-reduced-motion:reduce){
  .bcard__shine{display:none}
  .bcard__logoimg{transition:none}
}