:root {
  --site-bg: #f7f3ea;
  --site-surface: rgba(255, 255, 255, 0.92);
  --site-text: #2d221b;
  --site-muted: #725f52;
  --site-line: rgba(45, 34, 27, 0.12);
  --site-accent: #e85a4f;
  --site-accent-dark: #c9483f;
  --site-accent-soft: #d8c3a5;
  --site-shadow: 0 20px 40px rgba(45, 34, 27, 0.08);
  --site-radius: 18px;
}

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

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-width: 320px;
  background: var(--site-bg);
  color: var(--site-text);
  font: 400 16px/1.5 "Lexend", sans-serif;
}

.container {
  width: min(1160px, calc(100% - 32px));
  margin: 0 auto;
}

a {
  color: inherit;
}

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

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

@media (max-width: 767px) {
  .container {
    width: calc(100% - 24px);
  }
}