/* Horizontal project rows */
.project-row{
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 18px;
  padding: 16px;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(0,0,0,.08);
  margin-bottom: 18px;
}
.proj-media a{ position: relative; display: block; border-radius: 12px; overflow: hidden; }
.proj-media img{ width:100%; height:100%; object-fit:cover; display:block; }
.play-badge{
  position:absolute; inset:0; margin:auto; width:52px; height:52px;
  display:grid; place-items:center; color:#fff; font-weight:700; font-size:22px;
  background:rgba(0,0,0,.45); border:2px solid rgba(255,255,255,.85);
  border-radius:50%; box-shadow:0 6px 16px rgba(0,0,0,.25);
}
.proj-body{ display:flex; flex-direction:column; }
.proj-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:6px; }
.proj-title{ margin:0; font-family:"Merriweather",serif; color:#1f1f1f; }
.proj-est{ background:#ffd166; color:#000; font-weight:700; padding:.25rem .6rem; border-radius:999px; white-space:nowrap; }
.proj-list{ margin:0 0 10px 0; }
.proj-cta{ display:flex; gap:10px; flex-wrap:wrap; }

.table td, .table th { vertical-align: middle; }

/* Mobile */
@media (max-width: 992px){
  .project-row{ grid-template-columns: 1fr; }
}