:root {
  --cream: #FBF4E2;
  --cream-2: #F5ECD6;
  --sand: #E9D7B2;
  --sand-deep: #DDC59C;
  --card-tan: #E6D3A9;
  --maroon: #9C2B2A;
  --maroon-dark: #7E1F20;
  --wine: #551718;
  --brown-head: #4A3520;
  --brown-text: #5E4B38;
  --line: rgba(74, 53, 32, 0.16);
  --white: #ffffff;
  --shadow: 0 10px 30px rgba(74, 53, 32, 0.12);
  --maxw: 480px;
}

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

html {
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: "Poppins", system-ui, -apple-system, sans-serif;
  color: var(--brown-text);
  background: var(--cream);
  line-height: 1.5;
  overflow-x: hidden;
}

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

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

button {
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  cursor: pointer;
}

input {
  font: inherit;
}

h1,
h2,
h3 {
  color: var(--brown-head);
  font-weight: 800;
  line-height: 1.16;
}

.no-scroll {
  overflow: hidden;
}

.desk-only {
  display: none;
}

.section-title {
  text-align: center;
  font-size: 1.6rem;
  font-weight: 800;
  color: var(--brown-head);
}

.rule {
  border: none;
  border-top: 1px solid var(--line);
  margin: 0.9rem auto 0;
  max-width: 300px;
}