/* ===================== Our Work ===================== */
.work-section { padding: 90px 0; background: var(--card); }
.work-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
  gap: 26px;
  max-width: 980px;
  margin: 0 auto;
}
.work-card {
  display: flex;
  flex-direction: column;
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow);
  transition: transform .2s ease, box-shadow .2s ease;
}
.work-card:hover { transform: translateY(-6px); box-shadow: 0 20px 40px -16px var(--shadow-ink-strong); }
.work-card__thumb {
  width: 100%;
  aspect-ratio: 16 / 9;
  display: flex;
  align-items: center;
  justify-content: center;
}
.work-card__thumb--joo { background: linear-gradient(135deg, var(--ramp-1), var(--ramp-5)); }
.work-card__thumb--nokhba { background: linear-gradient(135deg, var(--ramp-6), var(--ramp-2)); }
.work-card__icon { font-size: 4rem; filter: drop-shadow(0 8px 18px var(--shadow-deep)); }
.work-card__body { padding: 22px 24px 26px; display: flex; flex-direction: column; gap: 8px; }
.work-card__tag {
  align-self: flex-start;
  background: var(--primary-light);
  color: var(--primary-dark);
  font-weight: 700;
  font-size: .74rem;
  padding: 4px 11px;
  border-radius: 999px;
  margin-bottom: 4px;
}
.work-card__body h3 { font-size: 1.15rem; margin: 0; }
.work-card__body p { font-size: .88rem; margin: 0; }
.work-card__link { font-weight: 700; font-size: .88rem; color: var(--primary); margin-top: 8px; }
.work-card:hover .work-card__link { text-decoration: underline; }