:root {
  --themeforge-radius-small: 0.5rem;
  --themeforge-radius-medium: 1rem;
  --themeforge-radius-large: 1.5rem;
  --themeforge-shadow-surface: 0 18px 55px rgba(15, 23, 42, 0.12);
}

.themeforge-section {
  padding-block: clamp(3rem, 7vw, 7rem);
}

.themeforge-hero {
  min-height: 72vh;
  display: grid;
  align-content: center;
}

.themeforge-eyebrow {
  color: var(--wp--preset--color--primary);
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.themeforge-hero-title {
  max-width: 12ch;
}

.themeforge-hero-body {
  max-width: 68ch;
  color: var(--wp--preset--color--muted);
}

.themeforge-card,
.themeforge-post-card {
  background: var(--wp--preset--color--surface);
  border: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 10%, transparent);
  border-radius: var(--themeforge-radius-large);
  box-shadow: var(--themeforge-shadow-surface);
  padding: clamp(1.25rem, 2vw, 2rem);
}

.themeforge-header,
.themeforge-footer {
  padding-block: 1.25rem;
}

.themeforge-footer {
  border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 12%, transparent);
}