/* ==========================================================
   UniLaw 10.13 — Office photography integration
   Uses the original HCMC / Hanoi / Nha Trang office images.
   ========================================================== */

.unilaw-site .unilaw-office-rail{
  align-items:stretch;
  gap:18px;
}

.unilaw-site .unilaw-office-rail article.unilaw-office-card{
  display:block;
  min-height:0;
  padding:0;
  overflow:hidden;
  border-radius:14px;
  background:#fff;
}

.unilaw-site .unilaw-office-card-media{
  position:relative;
  width:100%;
  height:190px;
  overflow:hidden;
  background:#eef1f4;
  border-bottom:1px solid var(--unilaw-line);
}

.unilaw-site .unilaw-office-card-media::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:42%;
  pointer-events:none;
  background:linear-gradient(to top, rgba(8,34,59,.10), rgba(8,34,59,0));
}

.unilaw-site .unilaw-office-card-media img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center;
  transition:transform .5s cubic-bezier(.2,.7,.2,1);
}

@media (hover:hover) and (pointer:fine){
  .unilaw-site .unilaw-office-card:hover .unilaw-office-card-media img{
    transform:scale(1.025);
  }
}

.unilaw-site .unilaw-office-card-body{
  display:flex;
  gap:14px;
  align-items:flex-start;
  padding:20px 22px 22px;
}

.unilaw-site .unilaw-office-card-copy{
  min-width:0;
}

.unilaw-site .unilaw-office-card h3{
  margin:0 0 6px;
  font-size:22px;
  line-height:1.25;
}

.unilaw-site .unilaw-office-card p{
  min-height:38px;
  margin:0 0 12px;
  font-size:12px;
  line-height:1.6;
}

.unilaw-site .unilaw-office-card a{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  color:var(--unilaw-gold);
  font-size:11px;
  font-weight:700;
}

@media (max-width:991px){
  .unilaw-site .unilaw-office-card-media{
    height:220px;
  }
  .unilaw-site .unilaw-office-card p{
    min-height:0;
  }
}

@media (max-width:767px){
  .unilaw-site .unilaw-office-rail-section{
    padding-top:46px;
    padding-bottom:46px;
  }
  .unilaw-site .unilaw-office-card-media{
    height:190px;
  }
  .unilaw-site .unilaw-office-card-body{
    padding:18px 18px 20px;
  }
  .unilaw-site .unilaw-office-card h3{
    font-size:21px;
  }
}