/* ==========================================
   FILE: story.css
   PURPOSE: Biography page, process grids, history cards, and artist statements.

   Author: Shweta Studio
========================================== */

/* ==========================================
   BIOGRAPHY & PROCESS CARDS
========================================== */
.story-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 253, 247, 0.76);
  padding: 22px;
  display: grid;
  gap: 12px;
}

.story-card span {
  margin: 0;
  color: var(--clay-dark);
  font-size: 0.74rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.story-card h3 {
  margin-bottom: 0;
  font-size: 1.35rem;
  font-weight: 500;
}

.story-card p {
  margin-bottom: 0;
  color: var(--muted);
  font-size: 1rem;
  line-height: 1.85;
}

.story-card-wide {
  grid-column: span 1;
  background: linear-gradient(145deg, rgba(180, 95, 52, 0.12), rgba(255, 253, 247, 0.84));
}

/* ==========================================
   PROCESS GRID
========================================== */
.process-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.process-grid article {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 253, 247, 0.76);
  padding: 22px;
  display: grid;
  gap: 10px;
}

.process-grid h3 {
  margin-bottom: 0;
  font-size: 1.35rem;
  font-weight: 500;
}

.process-grid p {
  margin-bottom: 0;
  color: var(--muted);
  font-size: 1rem;
  line-height: 1.85;
}