/* WilliamKellyInk.com v1.3.0 Design System */

:root {
  --wki-ink: #18202a;
  --wki-muted: #5d6673;
  --wki-line: #e8e4dd;
  --wki-paper: #fbfaf7;
  --wki-white: #ffffff;
  --wki-accent: #9b7a43;
  --wki-radius: 18px;
  --wki-shadow-soft: 0 14px 48px rgba(24,32,42,.08);
  --wki-shadow-cover: 0 18px 60px rgba(24,32,42,.18);
  --wki-max: 1180px;
}

.wki-section {
  max-width: var(--wki-max);
  margin: 0 auto;
  padding: clamp(48px, 7vw, 90px) clamp(20px, 5vw, 72px);
  border-bottom: 1px solid var(--wki-line);
}

.wki-section-tight {
  max-width: var(--wki-max);
  margin: 0 auto;
  padding: clamp(34px, 5vw, 64px) clamp(20px, 5vw, 72px);
  border-bottom: 1px solid var(--wki-line);
}

.wki-hero {
  max-width: 1240px;
  margin: 0 auto;
  padding: clamp(56px, 9vw, 108px) clamp(20px, 5vw, 72px);
  border-bottom: 1px solid var(--wki-line);
}

.wki-hero h1 {
  font-size: clamp(3.4rem, 8vw, 7rem);
  max-width: 1050px;
}

.wki-lede {
  color: var(--wki-muted);
  font-size: clamp(1.18rem, 2vw, 1.55rem);
  max-width: 820px;
}

.wki-split {
  display: grid;
  grid-template-columns: minmax(240px, .55fr) minmax(0, 1fr);
  gap: clamp(28px, 5vw, 68px);
}

.wki-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.wki-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.wki-card {
  background: var(--wki-white);
  border: 1px solid var(--wki-line);
  border-radius: var(--wki-radius);
  padding: clamp(24px, 4vw, 38px);
  box-shadow: var(--wki-shadow-soft);
}

.wki-card h3 {
  margin-bottom: 10px;
}

.wki-kicker {
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--wki-accent);
  font-size: .78rem;
  font-family: Arial, sans-serif;
  font-weight: 700;
}

.wki-quote {
  font-size: clamp(1.35rem, 2.4vw, 2.05rem);
  line-height: 1.25;
}

.wki-cta {
  text-align: center;
  max-width: 880px;
  margin: 0 auto;
  padding: clamp(54px, 8vw, 96px) clamp(20px, 5vw, 72px);
}

@media (max-width: 900px) {
  .wki-split,
  .wki-grid-2,
  .wki-grid-3 {
    grid-template-columns: 1fr;
  }
}

/* v1.6.1 Author Platform Refinement */
.wki-grid-2,
.two-card-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 900px) {
  .wki-grid-2,
  .two-card-grid {
    grid-template-columns: 1fr;
  }
}