.editorial-hero {
  padding: 80px 0;
  background: var(--bg-2);
  border-bottom: 1px solid var(--border);
}
@media (min-width: 1024px) { .editorial-hero { padding: 128px 0; } }
.editorial-hero-grid {
  display: grid; grid-template-columns: 1fr; gap: 48px; align-items: center;
}
@media (min-width: 1024px) {
  .editorial-hero-grid { grid-template-columns: 6fr 6fr; gap: 80px; }
}
.editorial-hero h1 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 56px; font-weight: 300; line-height: 0.95;
  margin-bottom: 28px;
}
@media (min-width: 1024px) { .editorial-hero h1 { font-size: 80px; } }
.editorial-hero h1 .accent { color: var(--gold); font-style: italic; }
.editorial-hero p {
  color: var(--text-2); margin-bottom: 18px;
  font-size: 16px; line-height: 1.7; max-width: 480px;
}
.editorial-hero img {
  width: 100%; aspect-ratio: 4 / 5;
  object-fit: cover;
}

/* ─── Steps grid (bespoke) ──────────────────────────────────────────────── */
.steps-section {
  padding: 96px 0;
  background: var(--bg);
}
@media (min-width: 1024px) { .steps-section { padding: 128px 0; } }
.steps-grid {
  display: grid; grid-template-columns: 1fr; gap: 32px;
}
@media (min-width: 768px) { .steps-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .steps-grid { grid-template-columns: repeat(4, 1fr); gap: 24px; } }
.step-card {
  padding: 40px 28px;
  border: 1px solid var(--border);
  background: var(--bg-3);
  position: relative;
}
.step-card .num {
  font-family: 'Cormorant Garamond', serif;
  font-size: 56px; font-weight: 300; color: var(--gold);
  line-height: 1; margin-bottom: 24px;
}
.step-card h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 26px; font-weight: 400;
  margin-bottom: 12px;
}
.step-card p {
  font-size: 14px; color: var(--text-2); line-height: 1.65;
}

/* ─── Maison values (3 columns with icons) ─────────────────────────────── */
.maison-values {
  display: grid; grid-template-columns: 1fr; gap: 48px;
}
@media (min-width: 1024px) { .maison-values { grid-template-columns: repeat(3, 1fr); gap: 64px; } }
.maison-value {
  text-align: center;
  padding: 0 16px;
}
.maison-value svg { color: var(--gold); margin: 0 auto 24px; }
.maison-value h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 30px; font-weight: 400;
  margin-bottom: 16px;
}
.maison-value p {
  font-size: 15px; color: var(--text-2); line-height: 1.7;
}