:root {
  --cream: #faf7f3;
  --linen: #f0e8df;
  --sand: #d7c6b5;
  --rose: #b99d8d;
  --brown: #5b483f;
  --ink: #2b2623;
  --muted: #7b706b;
  --line: #dfd5cc;
  --white: #fff;
  --shadow: 0 22px 60px rgba(58, 40, 27, 0.11);
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 86px;
}
body {
  margin: 0;
  background: var(--cream);
  color: var(--ink);
  font-family: "DM Sans", Arial, sans-serif;
  font-size: 15px;
}
button,
input,
select,
textarea {
  font: inherit;
}
button {
  cursor: pointer;
}
a {
  color: inherit;
  text-decoration: none;
}
img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
::selection {
  background: #dbc8b9;
  color: #27221e;
}
*:focus-visible {
  outline: 3px solid #957360;
  outline-offset: 3px;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
.wrap {
  max-width: 1260px;
  margin: auto;
  padding-left: 36px;
  padding-right: 36px;
}

img[data-image-fallback][hidden] {
  display: none;
}