@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=Lora:ital,wght@0,400;0,600;1,400&family=DM+Sans:wght@400;500&display=swap');

:root {
  --parchment: #f0e6d0;
  --cream:     #faf5ea;
  --forest:    #1c3410;
  --sage:      #3d5c2a;
  --leaf:      #5a7a46;
  --earth:     #7c3d12;
  --sienna:    #a05228;
  --wheat:     #c8912a;
  --straw:     #dbb97a;
  --bark:      #2a1a0a;
  --ink:       #1e1408;
  --muted:     #6b5a48;
  --wpp:       #25d366;
}

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  font-family: 'DM Sans', sans-serif;
  background: var(--parchment);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
  color: var(--ink);
  min-height: 100vh;
}

h1, h2, h3, h4 { font-family: 'Playfair Display', serif; }

a { text-decoration: none; color: inherit; }

img { max-width: 100%; display: block; }

.container { max-width: 1000px; margin: 0 auto; padding: 0 24px; }

.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }