:root {
  /* Use Crimson Text for both body and headings */
  --body-font: 'Crimson Text', serif;
  --heading-font: 'Crimson Text', serif;
}

body {
  font-family: var(--body-font);
  font-weight: 400;
  line-height: 1.6;
  color: #222;
}

h1, h2, h3, h4, h5, h6, .logo {
  font-family: var(--heading-font);
  font-weight: 600; /* use semi‑bold for headings */
  line-height: 1.2;
}


* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:sans-serif; line-height:1.5; padding:1rem; }
header { display:flex; justify-content:space-between; margin-bottom:2rem; }
nav a { margin-left:1rem; text-decoration:none; }
nav a.active { text-decoration:underline; }
.clip-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1rem; }