@charset "UTF-8";
/* html5reset.css - 01/11/2011 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

.font-inter{
  font-family: "Inter", sans-serif;
  line-height: 120%;
  font-size: 16px;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

html {
  overflow-x: hidden;
}

body {
  margin: 0 auto;
  color: #29231E;
  transition: background 0.3s linear;
}

::-moz-selection {
  background-color: #FFF3B1;
  color: #29231E;
  text-shadow: none;
}

::selection {
  background-color: #FFF3B1;
  color: #29231E;
  text-shadow: none;
}

a {
  text-decoration: none;
  color: #29231E;
  cursor: pointer;
  border-bottom: 1px solid transparent;
  transition: all 0.15s linear;
}
a:hover {
  border-bottom: 1px solid #29231E;
}

a:not([href]) {
  border-bottom: 0;
  cursor: default;
}

img, svg {
  width: 100%;
}

input, input:focus {
  outline: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.inner-wrap {
  max-width: 620px;
  margin: 0 auto;
}
.inner-wrap:after {
  content: "";
  clear: both;
  display: block;
}

.outer-gap {
  width: calc(100% - 40px);
  padding: 0 20px;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/fonts/inter/Inter-Light0fe5.html?v=3.12") format("woff2"), url("assets/fonts/inter/Inter-Light0fe5.woff?v=3.12") format("woff");
}
body {
  font-family: "Libre Baskerville", serif;
  font-size: 17px;
  line-height: 150%;
  font-weight: normal;
  letter-spacing: 0.006em;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
@media screen and (max-width: 767px) {
  body {
    font-size: 15px;
  }
}

input::-webkit-input-placeholder {
  font-family: "Inter", sans-serif;
  font-size: 17px;
  line-height: 150%;
  font-weight: normal;
  letter-spacing: 0.006em;
}

input::-moz-placeholder {
  font-family: "Inter", sans-serif;
  font-size: 17px;
  line-height: 150%;
  font-weight: normal;
  letter-spacing: 0.006em;
}

input:-ms-input-placeholder {
  font-family: "Inter", sans-serif;
  font-size: 17px;
  line-height: 150%;
  font-weight: normal;
  letter-spacing: 0.006em;
}

input::-ms-input-placeholder {
  font-family: "Inter", sans-serif;
  font-size: 17px;
  line-height: 150%;
  font-weight: normal;
  letter-spacing: 0.006em;
}

input, input::placeholder {
  font-family: "Inter", sans-serif;
  font-size: 17px;
  line-height: 150%;
  font-weight: normal;
  letter-spacing: 0.006em;
}
@media screen and (max-width: 767px) {
  input::-webkit-input-placeholder {
    font-size: 15px;
  }
  input::-moz-placeholder {
    font-size: 15px;
  }
  input:-ms-input-placeholder {
    font-size: 15px;
  }
  input::-ms-input-placeholder {
    font-size: 15px;
  }
  input, input::placeholder {
    font-size: 15px;
  }
}

h1, h2, h3 {
  font-weight: normal;
  color: #29231E;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  h1, h2, h3 {
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
  }
}
@media screen and (max-width: 767px) {
  h1, h2, h3 {
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
  }
}

strong, b {
  font-weight: normal;
}

.h1 {
  font-family: "Libre Baskerville", serif;
  font-size: 25px;
  line-height: 155%;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .h1 {
    font-size: 20px;
    -webkit-hyphens: none;
        -ms-hyphens: none;
            hyphens: none;
  }
}

.h2 {
  font-family: "Libre Baskerville", serif;
  font-size: 22px;
  line-height: 155%;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .h2 {
    font-size: 15px;
    -webkit-hyphens: none;
        -ms-hyphens: none;
            hyphens: none;
  }
}

.h3 {
  font-size: 22px;
  line-height: 155%;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .h3 {
    font-size: 15px;
    -webkit-hyphens: none;
        -ms-hyphens: none;
            hyphens: none;
  }
}

header {
  padding: 80px 0 50px 0;
  font-family: "Inter", sans-serif;
  font-size: 17px;
  line-height: 150%;
  font-weight: normal;
  letter-spacing: 0.006em;
}
@media screen and (max-width: 767px) {
  header {
    font-size: 15px;
  }
}
header .logo span {
  font-family: "Libre Baskerville", serif;
  font-size: 17px;
  line-height: 150%;
  font-weight: normal;
  letter-spacing: 0.006em;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 28px;
}
@media screen and (max-width: 767px) {
  header .logo span {
    font-size: 15px;
  }
}
@media screen and (max-width: 767px) {
  header .logo span {
    font-size: 22px;
  }
}
header .logo svg {
  width: 13px;
  display: inline-block;
  position: relative;
  margin-left: 3px;
}
@media screen and (max-width: 767px) {
  header .logo svg {
    width: 13px;
    top: 3px;
    margin-left: 1px;
  }
}
header ul {
  margin-top: 25px;
  list-style: none;
}
header ul li {
  display: inline-block;
  float: left;
  margin-right: 30px;
}

footer {
  width: 100%;
  font-family: "Inter", sans-serif;
  font-size: 17px;
  line-height: 150%;
  font-weight: normal;
  letter-spacing: 0.006em;
  color: #AFAAA7;
  float: left;
  margin-top: 20px;
  /* padding: 20px 0 0px 0; */
  position: fixed;
  bottom: 30px;
}

.small{
  font-size: .8rem;
}
@media screen and (max-width: 767px) {
  footer {
    font-size: 15px;
  }
}
footer .inner-wrap {
  position: relative;
}
footer .inner-wrap:before {
  content: "";
  width: calc(100% - 40px);
  height: 1px;
  position: absolute;
  top: -20px;
  left: 20px;
  background-color: #AFAAA7;
  opacity: 0.3;
}

section {
  margin-bottom: 90px;
}
section .h1 {
  font-family: "Libre Baskerville", serif;
  font-size: 48px;
  line-height: 155%;
  font-weight: normal;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  section .h1 {
    font-size: 28px;
    -webkit-hyphens: none;
        -ms-hyphens: none;
            hyphens: none;
  }
}
section .h2 {
  font-family: "Libre Baskerville", serif;
  font-size: 22px;
  line-height: 155%;
  font-weight: normal;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  section .h2 {
    font-size: 15px;
    -webkit-hyphens: none;
        -ms-hyphens: none;
            hyphens: none;
  }
}
section .h3 {
  font-size: 22px;
  line-height: 155%;
  font-weight: normal;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  section .h3 {
    font-size: 15px;
    -webkit-hyphens: none;
        -ms-hyphens: none;
            hyphens: none;
  }
}
section p {
  margin-bottom: 20px;
}
section .notes {
  display: block;
  float: left;
  margin-top: 10px;
}
section .notes ul {
  list-style: none;
  color: #6F665F;
}
section .notes ul li {
  width: calc(100% - 45px);
  display: inline-block;
  float: left;
  position: relative;
  padding: 0 0 10px 45px;
}
section .notes ul li:before {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  top: -3px;
  left: 0;
  background-image: url("assets/check.svg");
  background-size: 15px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #F9F4F1;
  border-radius: 50%;
}
section .notes ul li h3 {
  margin-bottom: 10px;
}
section .highlight {
  position: relative;
}
section .highlight:after {
  content: "";
  width: 0;
  height: 30px;
  top: -5px;
  left: -1px;
  transform: skew(-0.02turn, 0.002turn);
  position: absolute;
  background-color: #FFF3B1;
  z-index: -1;
  transition: all 0.4s ease;
  transition-delay: 0.4s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
section .highlight.active:after {
  width: calc(100% + 2px);
}
section .highlight.other:after {
  transform: skew(-0.03turn, -0.003turn);
}
section a.highlight.active {
  border-bottom: 0;
}
section a.highlight.active:after {
  background-color: #BED1F4;
}
section a.highlight.active:hover {
  opacity: 0.9;
}

section.join {
  width: 100%;
  padding: 110px 0;
  background-color: #F9F4F1;
  position: relative;
}
section.join #mc_embed_signup {
  width: 100%;
  max-width: 620px;
  display: inline-block;
  margin-top: 40px;
}
section.join form {
  position: relative;
}
section.join form:after {
  content: "";
  clear: both;
  display: block;
}
section.join form .mc-field-group {
  display: inline-block;
  float: left;
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 17px;
  line-height: 150%;
  font-weight: normal;
  letter-spacing: 0.006em;
}
@media screen and (max-width: 767px) {
  section.join form .mc-field-group {
    font-size: 15px;
  }
}
@media screen and (max-width: 767px) {
  section.join form .mc-field-group {
    width: 100%;
  }
}
section.join form .mc-field-group label {
  position: absolute;
  top: 10px;
  left: 14px;
  cursor: text;
  transition: all 0.15s ease;
}
section.join form .mc-field-group.active label {
  opacity: 0;
  transform: translateY(10px);
}
section.join form input {
  height: 45px;
}
@media screen and (max-width: 767px) {
  section.join form input {
    height: 42px;
  }
}
section.join form input[type=text] {
  width: 200px;
  padding: 0 1px 0 14px;
  border: 1px solid rgba(26, 61, 100, 0.1);
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
@media screen and (max-width: 767px) {
  section.join form input[type=text] {
    width: calc(100% - 18px);
    border-radius: 2px;
    margin-bottom: 15px;
  }
}
section.join form input[type=email] {
  width: 200px;
  padding: 0 1px 0 14px;
  border: 1px solid rgba(26, 61, 100, 0.1);
  border-left: 0;
  border-right: 0;
}
@media screen and (max-width: 767px) {
  section.join form input[type=email] {
    width: calc(100% - 18px);
    border-radius: 2px;
    border: 1px solid rgba(26, 61, 100, 0.1);
    margin-bottom: 15px;
  }
}
section.join form input[type=submit] {
  height: 47px;
  padding: 0 14px;
  background-color: #1A3D64;
  border: 1px solid #1A3D64;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.2s ease;
}
@media screen and (max-width: 767px) {
  section.join form input[type=submit] {
    width: 100%;
    border-radius: 2px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  section.join form input[type=submit] {
    height: 44px;
  }
}
section.join form input[type=submit]:hover {
  background-color: rgba(26, 61, 100, 0.9);
}
section.join form .mc-status {
  width: 100%;
  margin-top: 20px;
  font-family: "Inter", sans-serif;
  font-size: 17px;
  line-height: 150%;
  font-weight: normal;
  letter-spacing: 0.006em;
}
@media screen and (max-width: 767px) {
  section.join form .mc-status {
    font-size: 15px;
  }
}
section.join form .mc-status.error-message:before {
  content: "→ ";
}
section.join form .mc-status:focus {
  outline: none;
}
section.join form .mc-status a {
  border-color: #29231E;
}
section.join form .error-message:not(.mc-status) {
  display: none !important;
}