
/* Client media integration */
.client-media-section{padding:90px 0;position:relative;overflow:hidden;background:#f7faf8}
.client-media-heading{text-align:center;max-width:760px;margin:0 auto 38px}
.client-media-heading .eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}
.client-media-heading h2{margin-bottom:12px}
.client-media-heading p{margin:0;opacity:.78}
.client-media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.client-media-card{position:relative;overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 12px 35px rgba(24,55,43,.10);min-height:250px}
.client-media-card.is-wide{grid-column:span 2}
.client-media-card img,.client-media-card video{width:100%;height:100%;min-height:250px;display:block;object-fit:cover}
.client-media-card img{transition:transform .6s ease}
.client-media-card:hover img{transform:scale(1.06)}
.client-media-card .media-label{position:absolute;left:14px;bottom:14px;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.92);font-size:12px;font-weight:700;letter-spacing:.3px}
.client-media-card .media-play{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.client-media-card .media-play span{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.93);box-shadow:0 8px 25px rgba(0,0,0,.18);font-size:19px}
.client-media-actions{text-align:center;margin-top:35px}
.client-media-actions a{display:inline-flex;align-items:center;gap:9px;padding:13px 24px;border-radius:999px;background:#218c64;color:#fff;text-decoration:none;font-weight:700}
.client-media-actions a:hover{color:#fff;transform:translateY(-2px)}
.client-gallery-section{padding:70px 0 100px}
.client-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.client-gallery-card{position:relative;overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.08);cursor:pointer;min-height:240px}
.client-gallery-card img{width:100%;height:290px;object-fit:cover;display:block;transition:transform .5s ease}
.client-gallery-card:hover img{transform:scale(1.06)}
.client-gallery-card .gallery-meta{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.client-gallery-card .gallery-meta span{background:rgba(255,255,255,.92);padding:7px 10px;border-radius:999px;font-size:11px;font-weight:700}
.client-gallery-card .gallery-meta .play{width:38px;height:38px;display:grid;place-items:center;padding:0;font-size:14px}
.client-lightbox{position:fixed;z-index:99999;inset:0;background:rgba(5,18,13,.92);display:none;align-items:center;justify-content:center;padding:35px}
.client-lightbox.open{display:flex}
.client-lightbox .lb-content{width:min(1100px,92vw);height:min(78vh,780px);display:flex;align-items:center;justify-content:center}
.client-lightbox img,.client-lightbox video{max-width:100%;max-height:100%;border-radius:14px;box-shadow:0 25px 80px rgba(0,0,0,.35)}
.client-lightbox .lb-close,.client-lightbox .lb-prev,.client-lightbox .lb-next{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:20px;cursor:pointer}
.client-lightbox .lb-close{right:24px;top:20px}.client-lightbox .lb-prev{left:24px}.client-lightbox .lb-next{right:24px}
.client-lightbox .lb-close:hover,.client-lightbox .lb-prev:hover,.client-lightbox .lb-next:hover{background:rgba(255,255,255,.25)}
@media(max-width:991px){
 .client-media-grid,.client-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .client-media-card.is-wide{grid-column:span 2}
}
@media(max-width:575px){
 .client-media-section{padding:60px 0}.client-media-grid,.client-gallery-grid{grid-template-columns:1fr;gap:14px}
 .client-media-card.is-wide{grid-column:span 1}.client-media-card,.client-media-card img,.client-media-card video{min-height:235px}
 .client-gallery-card img{height:300px}
 .client-lightbox{padding:20px}.client-lightbox .lb-prev{left:10px}.client-lightbox .lb-next{right:10px}.client-lightbox .lb-close{right:10px}
}

/* Gallery category tabs */
.client-gallery-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 36px;}
.client-gallery-tab{border:1px solid rgba(141,107,41,.28);background:#fff;color:#36524f;border-radius:999px;padding:11px 22px;font-size:14px;font-weight:600;letter-spacing:.2px;cursor:pointer;transition:all .3s ease;}
.client-gallery-tab:hover,.client-gallery-tab.active{background:#8d6b29;color:#fff;border-color:#8d6b29;transform:translateY(-2px);box-shadow:0 8px 20px rgba(141,107,41,.18);}
.client-gallery-card.is-filter-hidden{display:none!important;}
.gallery-new-badge{position:absolute;top:14px;left:14px;z-index:2;background:#8d6b29;color:#fff;border-radius:30px;padding:6px 11px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;box-shadow:0 6px 16px rgba(0,0,0,.14);}
.client-media-new-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:26px;}
.client-media-new-card{position:relative;overflow:hidden;border-radius:14px;min-height:250px;background:#eee;box-shadow:0 12px 30px rgba(0,0,0,.08);}
.client-media-new-card img{width:100%;height:100%;min-height:250px;object-fit:cover;display:block;transition:transform .7s ease;}
.client-media-new-card:hover img{transform:scale(1.06);}
.client-media-new-card .media-label{position:absolute;left:14px;right:14px;bottom:14px;background:rgba(20,43,40,.82);backdrop-filter:blur(6px);color:#fff;padding:10px 13px;border-radius:9px;font-weight:600;font-size:13px;}
@media(max-width:991px){.client-media-new-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:575px){.client-media-new-grid{grid-template-columns:1fr;}.client-gallery-tab{padding:9px 16px;font-size:13px;}.client-gallery-tabs{gap:7px;}}
