.panith-content-card {
  min-height: 270px;
  border: 1px solid rgba(18, 19, 20, 0.12);
  border-radius: var(--panith-radius, 16px);
  background: #fffdf8;
  overflow: hidden;
  transition:
    transform 260ms ease,
    box-shadow 260ms ease,
    opacity var(--panith-anim-speed, 620ms) cubic-bezier(0.22, 1, 0.36, 1),
    filter var(--panith-anim-speed, 620ms) cubic-bezier(0.22, 1, 0.36, 1);
}

.panith-content-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 22px 44px rgba(18, 19, 20, 0.12);
}

.panith-content-card a {
  padding: 28px;
}

.case-study-card a {
  padding: 0;
}

.case-study-card img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.case-study-card .card-kicker,
.case-study-card h3,
.case-study-card p,
.case-study-card strong,
.case-study-card .read-more-inline {
  margin-inline: 28px;
}

.case-study-card .card-kicker {
  margin-top: 24px;
}

.case-study-card .read-more-inline {
  margin-bottom: 28px;
}

.card-kicker {
  display: block;
  margin-bottom: 12px;
  color: var(--orange);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.panith-content-card h3 {
  font-size: clamp(1.35rem, 2vw, 2rem);
  line-height: 1.08;
}

.panith-content-card p,
.panith-content-card strong {
  margin-top: 14px;
  color: #303337;
  font-size: 0.96rem;
  line-height: 1.5;
}

.card-meta {
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 800;
}

.card-meta b {
  color: var(--orange);
}