:root{
    --ink:#141210; --charcoal:#1c1916; --panel:#242019;
    --gold:#c9a26d; --gold-soft:#e4cda4; --ivory:#f4efe4; --muted:#a89c8a;
  }
  *{box-sizing:border-box;}
  body{background:var(--ink);color:var(--ivory);font-family:'Poppins',sans-serif;font-weight:300;}
  h1,.brand,.client-name{font-family:'Playfair Display',serif;}
  a{text-decoration:none;}

  .topbar{background:rgba(20,18,16,.98);border-bottom:1px solid rgba(201,162,109,.25);padding:22px 0;}
  .brand{font-size:1.6rem;letter-spacing:1px;color:var(--ivory);font-weight:600;}
  .brand span{color:var(--gold);}
  .brand-sub{font-size:.7rem;letter-spacing:4px;color:var(--muted);text-transform:uppercase;}

  .hero{padding:70px 0 40px;text-align:center;border-bottom:1px solid rgba(201,162,109,.15);}
  .hero .eyebrow{letter-spacing:5px;font-size:.72rem;color:var(--gold);text-transform:uppercase;margin-bottom:14px;}
  .hero h1{font-size:2.6rem;font-weight:600;margin-bottom:10px;}
  .hero p{color:var(--muted);font-size:.95rem;max-width:520px;margin:0 auto;}
  .hero-divider{width:70px;height:1px;background:var(--gold);margin:22px auto 0;}

  .search-wrap{max-width:420px;margin:34px auto 0;}
  .search-wrap .form-control{background:var(--panel);border:1px solid rgba(201,162,109,.3);color:var(--ivory);padding:12px 18px;border-radius:30px;}
  .search-wrap .form-control::placeholder{color:var(--muted);}
  .search-wrap .form-control:focus{background:var(--panel);color:var(--ivory);box-shadow:0 0 0 3px rgba(201,162,109,.15);border-color:var(--gold);}

  .gallery-section{padding:60px 0 90px;}
  .client-card{position:relative;border-radius:6px;overflow:hidden;aspect-ratio:4/5;cursor:pointer;background:var(--panel);display:block;}
  .client-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease, filter .6s ease;}
  .client-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(20,18,16,0) 40%, rgba(20,18,16,.92) 100%);}
  .client-card:hover img{transform:scale(1.06);filter:brightness(.75);}
  .client-card .card-info{position:absolute;left:0;right:0;bottom:0;padding:20px;z-index:2;}
  .client-card .client-name{font-size:1.25rem;color:var(--ivory);margin-bottom:2px;}
  .client-card .client-meta{font-size:.72rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold-soft);}
  .client-card .count-badge{position:absolute;top:14px;right:14px;z-index:2;background:rgba(20,18,16,.55);border:1px solid rgba(201,162,109,.4);color:var(--ivory);font-size:.72rem;padding:4px 10px;border-radius:20px;}
  .client-card .view-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;opacity:0;transition:opacity .3s ease;}
  .client-card:hover .view-hint{opacity:1;}
  .view-hint span{border:1px solid var(--gold);color:var(--gold-soft);font-size:.7rem;letter-spacing:3px;text-transform:uppercase;padding:9px 20px;border-radius:30px;background:rgba(20,18,16,.45);}

  .no-results{text-align:center;color:var(--muted);padding:60px 0;display:none;}
  footer{text-align:center;padding:26px 0;color:var(--muted);font-size:.78rem;border-top:1px solid rgba(201,162,109,.15);}

  /* alex rohit gupta */
  .brand-sub a,
.brand-sub a:visited,
.brand-sub a:hover,
.brand-sub a:active {
    color: inherit;
    text-decoration: none;
}