/* Сброс, документ, фон, ссылки, медиа, .wrap */

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  position: relative;
  margin: 0;
  background:
    linear-gradient(90deg, rgba(246, 244, 238, 0.055) 1px, transparent 1px) 50% 0 / 82px 82px,
    linear-gradient(rgba(246, 244, 238, 0.035) 1px, transparent 1px) 0 0 / 100% 82px,
    var(--bg);
  color: var(--text);
  font-family: var(--body);
  font-size: 16px;
}

body::before {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 78% 18%, rgba(var(--accent-rgb), 0.14), transparent 22rem),
    radial-gradient(circle at 18% 70%, rgba(241, 239, 232, 0.07), transparent 28rem);
  content: "";
}

.site-header,
main,
.site-footer {
  position: relative;
  z-index: 1;
}

body.modal-open {
  overflow: hidden;
}

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

button,
summary {
  font: inherit;
}

video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wrap {
  width: min(var(--max), calc(100% - 40px));
  margin: 0 auto;
}