/* Our Work - Modern Grid Styles */
:root{
  --accent:#0d6efd;
  --muted:#6c757d;
  --bg:#f7f9fb;
  --card:#ffffff;
  --radius:12px;
}

.our-work-hero{
  position:relative;
  background-size:cover;
  background-position:center;
  padding:80px 0 60px;
  color:#fff;
}
.our-work-hero::after{
  content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(7,22,41,0.55), rgba(7,22,41,0.55));}
.our-work-hero .hero-inner{position:relative; z-index:2; text-align:center}
.our-work-hero h1{font-size:2.4rem; font-weight:700}
.our-work-hero p.lead{color:rgba(255,255,255,0.95)}

.our-work-section{background:var(--bg); padding:60px 0}
.section-title{font-size:32px; font-weight:700; color:#0b2b46}
.section-title span{color:var(--accent)}
.section-subtitle{color:var(--muted); max-width:720px; margin:8px auto 24px}

.category-wrap{margin-bottom:40px}
.category-title{display:flex; align-items:center; gap:12px; font-weight:600; color:#0b2b46; margin-bottom:18px}
.category-title i{color:var(--accent); font-size:20px}

.logos-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:18px}
.logo-card{background:var(--card); border-radius:12px; padding:18px; height:120px; display:flex; align-items:center; justify-content:center; box-shadow:0 10px 30px rgba(10,30,60,0.06); transition:transform .28s ease, box-shadow .28s ease}
.logo-card img{max-width:100%; max-height:70px; object-fit:contain; filter:grayscale(20%); transition:transform .28s ease, filter .28s ease}
.logo-card:hover{transform:translateY(-8px); box-shadow:0 18px 40px rgba(10,30,60,0.08)}
.logo-card:hover img{filter:grayscale(0); transform:scale(1.05)}

.grid-note{font-size:14px; color:var(--muted); margin-top:8px}

@media (max-width:768px){
  .our-work-hero{padding:56px 0}
  .section-title{font-size:24px}
  .logo-card{height:100px}
}