/* The Character — premium editorial: warm paper, bronze, serif display */
:root {
  --ink:        #16130F;
  --ink-soft:   #6B6458;
  --bg:         #FBFAF7;
  --bg-alt:     #F3F0E9;
  --surface:    #FFFFFF;
  --line:       #E3DED2;

  --brand:      #8A6E3C;
  --brand-2:    #B99B5E;
  --brand-ink:  #FFFFFF;
  --accent:     #16130F;

  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body:    "Inter", system-ui, -apple-system, sans-serif;

  --r-sm: 3px; --r-md: 4px; --r-lg: 6px; --r-pill: 3px;
  --display-weight: 600;
  --display-tracking: -0.022em;
  --display-case: none;

  --texture: none;
  --shadow: 0 1px 2px rgba(22,19,15,.05), 0 18px 42px -22px rgba(22,19,15,.30);
  --shadow-lift: 0 2px 4px rgba(22,19,15,.07), 0 34px 70px -28px rgba(22,19,15,.38);
  --hero-overlay: none;
  --max: 1080px;
}
body { font-size: 17.5px; }
h1, h2 { font-optical-sizing: auto; }
.eyebrow { letter-spacing: .24em; color: var(--ink-soft); }
.btn--primary { background: var(--ink); color: #FBFAF7; }
.btn--primary:hover { background: var(--brand); }
.hero__art { aspect-ratio: 3 / 4; }
.step { border: 0; border-top: 2px solid var(--ink); background: transparent; border-radius: 0; padding-inline: 0; }
.step__n { background: transparent; color: var(--brand); font-family: var(--font-display); font-size: 1.6rem; width: auto; height: auto; margin-bottom: .7rem; }
.promise { background: transparent; border: 0; border-top: 1px solid var(--line); border-radius: 0; padding-inline: 0; padding-top: 34px; }
.capture { border-radius: 6px; }