/* Brands: real photos from JEG Trading Aruba's Facebook page, in a bento grid. */
.brands{background:var(--paper);border-top:1px solid var(--line)}
.brand-grid{display:grid;gap:16px;margin-top:clamp(32px,4vw,52px)}
.brand-card{position:relative;overflow:hidden;border-radius:var(--r-lg);background:var(--g-900);color:var(--on-dark);min-height:300px;isolation:isolate;box-shadow:var(--shadow-1)}
.brand-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 900ms var(--ease)}
.brand-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,36,17,0) 22%,rgba(10,36,17,.55) 55%,rgba(10,36,17,.94) 100%)}
.brand-body{position:absolute;left:0;right:0;bottom:0;padding:clamp(20px,2.4vw,30px)}
.brand-cat{font:700 .72rem var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--lime);margin-bottom:6px}
.brand-card h3{font-weight:800;font-size:clamp(1.4rem,1.1rem + 1vw,2rem);color:#fff;margin-bottom:6px}
.brand-card p:not(.brand-cat){color:rgba(247,245,239,.86);font-size:.95rem;max-width:40ch}
.brands-cta{margin-top:28px}
@media (hover:hover){.brand-card:hover img{transform:scale(1.045)}}
@media (min-width:760px){
  .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .brand-hero{grid-row:span 2;min-height:640px}
}
@media (min-width:1080px){
  .brand-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr)}
  .brand-hero{grid-row:span 2}
  .brand-card:not(.brand-hero){min-height:312px}
}
@media (prefers-reduced-motion:reduce){.brand-card img{transition:none}}