/* ══════════════════════════════════════
   PROSES (HOW IT'S MADE)
══════════════════════════════════════ */
.proses {
  background: var(--brown-deep);
  border-top: 1px solid var(--brown-border);
}
.proses-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  margin-top: 48px;
  border: 1px solid var(--brown-border);
  border-radius: var(--radius);
  overflow: hidden;
}
.proses-step {
  padding: 32px 24px;
  border-right: 1px solid var(--brown-border);
  position: relative;
  transition: background var(--transition);
}
.proses-step:last-child { border-right: none; }
.proses-step:hover { background: var(--brown-card); }
.proses-num {
  font-family: 'Cormorant Garamond', serif;
  font-size: 3rem;
  font-weight: 300;
  color: var(--brown-border);
  line-height: 1;
  margin-bottom: 12px;
  transition: color var(--transition);
}
.proses-step:hover .proses-num { color: var(--amber-dark); }
.proses-icon { font-size: 1.5rem; margin-bottom: 14px; }
.proses-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.05rem;
  color: var(--cream);
  margin-bottom: 8px;
}
.proses-desc { font-size: 0.7rem; color: var(--text-muted); line-height: 1.65; }