:root {
  --noir: #171310;
  --noir-2: #1e1913;
  --noir-3: #262019;
  --crimson: #d9713c;
  --crimson-light: #e88f5f;
  --gold: #e8b84b;
  --gold-light: #f2cd7a;
  --ivory: #f8f2e7;
  --ivory-dim: rgba(248, 242, 231, 0.66);
  --line: rgba(248, 242, 231, 0.12);

  --noir-rgb: 23, 19, 16;
  --crimson-rgb: 217, 113, 60;
  --crimson-light-rgb: 232, 143, 95;
  --gold-rgb: 232, 184, 75;
  --ivory-rgb: 248, 242, 231;
}

.btn-crimson { color: #171310; font-weight: 700; }
.btn-gold { color: #171310; font-weight: 700; }

.hero {
  background:
    radial-gradient(circle at 20% 15%, rgba(217,113,60,0.16), transparent 55%),
    radial-gradient(circle at 80% 85%, rgba(232,184,75,0.12), transparent 55%),
    var(--noir);
}

.hero h1 em {
  background: linear-gradient(120deg, var(--gold-light), var(--crimson-light));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-style: italic;
}

.sense-card { border: 1px solid transparent; }
.sense-card:hover { border-color: rgba(217,113,60,0.25); }

.split-media {
  background: radial-gradient(circle at 50% 40%, rgba(217,113,60,0.14), transparent 65%);
}
.split-media .frame { border-color: rgba(232,184,75,0.3); }

.impact-icon {
  width: 46px;
  height: 46px;
  margin: 0 auto 18px;
  color: var(--gold-light);
}
.impact-icon svg { width: 100%; height: 100%; }

.founder-note {
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
  padding: 56px 32px;
  background: var(--noir-2);
  border: 1px solid var(--line);
}
.founder-note .quote-mark { font-family: 'Bodoni Moda', serif; font-size: 60px; color: var(--gold-light); line-height: 1; margin-bottom: 8px; }
.founder-note p { color: var(--ivory-dim); font-size: 16.5px; margin-bottom: 20px; }
.founder-note .sig { color: var(--ivory); font-weight: 600; font-size: 14px; letter-spacing: 0.04em; }

.steps-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
@media (max-width: 860px) { .steps-row { grid-template-columns: 1fr; } }
.step-card { text-align: center; padding: 12px; }
.step-card .step-num {
  width: 40px; height: 40px; margin: 0 auto 18px;
  border: 1px solid var(--gold-light); border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-family: 'Bodoni Moda', serif; font-style: italic; color: var(--gold-light); font-size: 18px;
}
.step-card h4 { font-size: 17px; margin-bottom: 10px; }
.step-card p { color: var(--ivory-dim); font-size: 14px; }

footer.site-footer { background: var(--noir); border-top: 1px solid var(--line); }