:root {
  --raphia: #2a3022;
  --white: #ffffff;
  --pierre: #cddbd5;
  --gray: #e2e2e2;
  --laine: #fffdf6;
  --lime: #e4ffb6;
  --sable: #f5f3e5;
  --noir-vigne: #181917;
}

body.node-6,
body.node-7,
body.node-8,
body.node-9,
body.node-10,
body.node-11 {
  background-color: var(--pierre);
  background-image: url(../images/back-hero-fibres.png);
  background-position: center top;
  background-size: 1440px;
  background-repeat: repeat-x;
}

body.node-4 {
  background-color: var(--sable);
}

@media (min-width: 720px) {
  br.mobile {
    display: none;
  }
}
html.no-scroll,
body.no-scroll {
  overflow: hidden;
  height: 100%;
}

body {
  font-family: "Instrument Sans";
  font-size: 16px;
  line-height: 120%;
  background-color: var(--raphia);
  color: var(--raphia);
  position: relative;
  overflow-x: hidden;
  transition: all ease-in 0.2s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "silkSansDisplayRegular";
}

p:last-child {
  margin: 0;
}

main {
  min-height: 500px;
}

.layout-container {
  position: relative;
  z-index: 2;
}

.animate-text .char {
  display: inline-block;
  opacity: 0;
  filter: blur(10px);
  transform: scale(0.8);
}

.animate-text .word {
  display: inline-block;
}

.animate-text .space {
  display: inline-block;
}