body{ background:#F7F7F7; }
 
  /* ============================================================
     HOVER CARD
     - Default state: niche fakt title-bar dekhay chhe (small strip)
     - Hover: overlay panel translateY(0) thai ne niche thi upar
       aavi ne full card cover kare, description + link reveal thay
     ============================================================ */
  .reveal-card{
    position: relative;
    overflow: hidden;
    border-radius: 24px;
  }
 
  .reveal-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition: transform .6s cubic-bezier(.16,1,.3,1);
  }
 
  .reveal-card:hover img{
    transform: scale(1.06); /* image pan halko zoom thay, premium feel */
  }
 
  /* niche j chhoti title-strip, hamesha visible */
  .card-title-bar{
    position:absolute;
    left:0; right:0; bottom:0;
    padding: 1.5rem;
    z-index: 2;
    transition: opacity .35s ease;
  }
 
  /* full overlay panel — description + learn more,
     default ma niche chhupayelu chhe */
  .card-overlay{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding: 2rem;
    /* navbar jevo j gradient (#06141B -> #11212D -> #253745), halku transparent */
    background: linear-gradient(160deg,
      rgba(6,20,27,0.75) 0%,
      rgba(17,33,45,0.75) 55%,
      rgba(37,55,69,0.75) 100%);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    transform: translateY(100%);
    transition: transform .55s cubic-bezier(.16,1,.3,1);
    z-index: 3;
  }
 
  .reveal-card:hover .card-overlay{
    transform: translateY(0%);
  }
 
  .reveal-card:hover .card-title-bar{
    opacity: 0; /* overlay upar aavi jay etle niche ni chhoti bar hide */
  }