body {
  font-family: "Manrope", sans-serif;
  background-color: #f9f9f7;
  color: #1a1c1b;
}
.font-serif {
  font-family: "Newsreader", serif;
}
.topographic-bg {
  background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100c50 0 50-20 100-20s50 20 100 20 50-20 100-20 50 20 100 20M0 200c50 0 50-20 100-20s50 20 100 20 50-20 100-20 50 20 100 20M0 300c50 0 50-20 100-20s50 20 100 20 50-20 100-20 50 20 100 20' fill='none' stroke='%2300261b' stroke-width='0.5' stroke-opacity='0.04'/%3E%3C/svg%3E");
}
.mountain-separator {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 120' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,120 L0,80 L150,40 L300,90 L450,20 L600,70 L750,10 L900,60 L1050,30 L1200,80 L1200,120 Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 120' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,120 L0,80 L150,40 L300,90 L450,20 L600,70 L750,10 L900,60 L1050,30 L1200,80 L1200,120 Z' fill='black'/%3E%3C/svg%3E");
}