@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600&family=Fraunces:opsz,wght@9..144,500&family=JetBrains+Mono:wght@500;600&display=swap');

:root {
  --blue: #3d00ff;
  --dark-blue: #060080;
  --black: #000000;
  --dark-gray: #20221d;
  --gray: #b3b0aa;
  --white: #ffffff;
  --greige: #c2c2ac;
  --greige-2: #e7e7de;
  --greige-3: #f3f3ee;
  --sand: #eeeae3;
  --sand-2: #f4f2ee;
  --sand-3: #f8f7f4;
  --ink-2: #4c4e47;

  --r-lg: 8px;
  --r-md: 4px;
  --gap-bento: 24px;
  --ease-bento: cubic-bezier(0.22, 0.68, 0, 1);
  --ease-soft: cubic-bezier(0.32, 0.72, 0, 1);
}

body.vokser-marketing {
  font-family: var(--font-body);
  color: var(--dark-gray);
  background: var(--sand-2);
  -webkit-font-smoothing: antialiased;
}

.vokser-marketing .wrap {
  max-width: 1800px;
  margin: 0 auto;
  padding: 0 40px;
}

.vokser-marketing main section {
  padding: 64px 0;
}

@media (max-width: 1024px) {
  .vokser-marketing .wrap {
    padding: 0 32px;
  }
}

@media (max-width: 680px) {
  .vokser-marketing .wrap {
    padding: 0 16px;
  }
}