/* KFR design system — Canopy */
@font-face { font-family: 'Roboto Slab'; src: url('/fonts/RobotoSlab-Bold.ttf'); font-weight: 700; }
@font-face { font-family: 'Roboto'; src: url('/fonts/Roboto-Regular.ttf'); font-weight: 400; }
@font-face { font-family: 'Roboto'; src: url('/fonts/Roboto-SemiBold.ttf'); font-weight: 600; }
@font-face { font-family: 'Literata'; src: url('/fonts/Literata-Italic.ttf'); font-style: italic; }
:root {
  --bg: #F6F1E7;
  --card: #FFFCF6;
  --text: #1D1A15;
  --body: #4A443A;
  --muted: #6F6759;
  --brass: #7C6428;
  --border: #DDD3C2;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  line-height: 1.6;
}
.wrap {
  max-width: 720px;
  margin: 0 auto;
  padding: 48px 24px 96px;
}
.mark { display: block; width: 56px; height: 56px; margin-bottom: 24px; }
h1 {
  font-family: 'Roboto Slab', Georgia, serif;
  font-size: 28px;
  line-height: 1.25;
  margin: 0 0 4px;
}
.brand {
  color: var(--brass);
}
.meta {
  color: var(--muted);
  font-family: Literata, Georgia, serif;
  font-style: italic;
  font-size: 14px;
  margin-bottom: 40px;
}
h2 {
  font-family: 'Roboto Slab', Georgia, serif;
  font-size: 18px;
  margin-top: 40px;
  margin-bottom: 12px;
  border-bottom: 1px solid var(--border);
  padding-bottom: 8px;
}
p, li {
  color: var(--body);
  font-size: 15px;
}
ul {
  padding-left: 20px;
}
a {
  color: var(--brass);
}
nav { margin: 48px 0 0; font-size: 14px; display: flex; gap: 18px; flex-wrap: wrap; }
.contact {
  margin-top: 48px;
  padding: 20px;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 14px;
}