/* Sante Global -- Cards Component */

/* -- Brand / listing cards -- */
.bg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1px;background:var(--line);}
.bg-card{background:var(--bg);padding:2.8rem;cursor:none;transition:background .3s;position:relative;overflow:hidden;display:block;}
.bg-card:hover{background:var(--bg2);}
.bg-card-img{width:calc(100% + 5.6rem);margin:-2.8rem -2.8rem 2.2rem;height:200px;object-fit:cover;opacity:.65;filter:grayscale(30%);transition:opacity .4s,filter .4s;}
.bg-card:hover .bg-card-img{opacity:.8;filter:grayscale(10%);}
.bg-acc{position:absolute;top:0;left:0;width:0;height:2px;background:var(--amber);transition:width .45s;}
.bg-card:hover .bg-acc{width:100%;}
.bg-ey{font-size:.58rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--amber);margin-bottom:.9rem;}
.bg-name{font-family:'Cormorant',serif;font-size:1.5rem;font-weight:300;color:var(--cream);margin-bottom:.2rem;}
.bg-type{font-size:.7rem;color:var(--muted);margin-bottom:1.1rem;}
.bg-desc{font-size:.82rem;font-weight:300;color:var(--cream2);line-height:1.85;margin-bottom:1.4rem;}
.bg-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:1.6rem;}
.bg-tag{font-size:.58rem;font-weight:500;color:var(--muted);border:1px solid var(--line);padding:2px 9px;}
.bg-link{font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cream);display:flex;align-items:center;gap:9px;transition:gap .28s,color .28s;}
.bg-card:hover .bg-link{gap:14px;color:var(--amber);}

/* -- Values grid -- */
.val-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);}
.val-card{background:var(--bg);padding:3rem 2.8rem;position:relative;overflow:hidden;transition:background .3s;}
.val-card:hover{background:var(--bg2);}
.val-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--amber),transparent);transform:scaleX(0);transform-origin:left;transition:transform .45s;}
.val-card:hover::after{transform:scaleX(1);}
.val-icon{font-size:1.4rem;margin-bottom:1.2rem;display:block;}
.val-card h3{font-family:'Cormorant',serif;font-size:1.4rem;font-weight:300;color:var(--cream);margin-bottom:.7rem;}
.val-card p{font-size:.8rem;color:var(--muted);line-height:1.85;}