*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 16px; line-height: 1.4; color: #271526; background-color: #F3F1EC; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; color: inherit; }
h1, h2, h3, h4 { font-weight: 700; line-height: 1.1; color: #271526; }
h1 { font-size: 32px; }
h2 { font-size: 26px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
p { line-height: 1.6; }
strong { font-weight: 700; }
.wrapper { width: 100%; }
.container { max-width: 1280px; margin: 0 auto; padding: 0 20px; }
.container-narrow { max-width: 743px; margin: 0 auto; padding: 0 20px; }
@media (min-width: 768px) {
  h1 { font-size: 44px; }
  h2 { font-size: 34px; }
  h3 { font-size: 24px; }
  .container { padding: 0 32px; }
  .container-narrow { padding: 0 32px; }
}
@media (min-width: 1024px) {
  h1 { font-size: 56px; }
  h2 { font-size: 44px; }
  h3 { font-size: 28px; }
  .container { padding: 0 48px; }
  .container-narrow { padding: 0 48px; }
}