@charset "UTF-8";
/**
 * Breakpoints
 * WordPress Breakpoints: 782px 600px
 * Other Breakpoints: 1280px 960px 425px
 * Example usage:
 *
 *   .container {
 *     flex-direction: column;
 *     @include above(782px) {
 *       flex-direction: row;
 *     }
 *   }
 *
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

* {
  box-sizing: border-box;
}

html {
  line-height: 1;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

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

ol, ul {
  list-style: none;
}

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

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q,
blockquote {
  quotes: none;
}

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

a img {
  border: none;
}

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

input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=search],
input[type=submit],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=submit]:focus,
textarea:focus {
  outline: none;
}

textarea {
  resize: vertical;
}

select {
  display: block;
}

/*! locomotive-scroll v4.1.1 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
html.has-scroll-smooth {
  overflow: hidden;
}

html.has-scroll-dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.has-scroll-smooth body {
  overflow: hidden;
}

.has-scroll-smooth [data-scroll-container] {
  min-height: 100vh;
}

[data-scroll-direction=horizontal] [data-scroll-container] {
  height: 100vh;
  display: inline-block;
  white-space: nowrap;
}

[data-scroll-direction=horizontal] [data-scroll-section] {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  height: 100%;
}

.c-scrollbar {
  position: absolute;
  right: 0;
  top: 0;
  width: 11px;
  height: 100%;
  transform-origin: center right;
  transition: transform 0.3s, opacity 0.3s;
  opacity: 0;
}

.c-scrollbar:hover {
  transform: scaleX(1.45);
}

.c-scrollbar:hover,
.has-scroll-scrolling .c-scrollbar,
.has-scroll-dragging .c-scrollbar {
  opacity: 1;
}

[data-scroll-direction=horizontal] .c-scrollbar {
  width: 100%;
  height: 10px;
  top: auto;
  bottom: 0;
  transform: scaleY(1);
}

[data-scroll-direction=horizontal] .c-scrollbar:hover {
  transform: scaleY(1.3);
}

.c-scrollbar_thumb {
  position: absolute;
  top: 0;
  right: 0;
  background-color: black;
  opacity: 0.5;
  width: 7px;
  border-radius: 10px;
  margin: 2px;
  cursor: -webkit-grab;
  cursor: grab;
}

.has-scroll-dragging .c-scrollbar_thumb {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

[data-scroll-direction=horizontal] .c-scrollbar_thumb {
  right: auto;
  bottom: 0;
}

@font-face {
  font-family: "Franklin Gothic";
  src: url("../src/fonts/franklingotitcteedemcom-webfont.woff2") format("woff2"), url("../src/fonts/franklingotitcteedemcom-webfont.woff") format("woff");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "Founders Grotesk Semibold";
  src: url("../src/fonts/FoundersGrotesk-Semibold.woff2") format("woff2"), url("../src/fonts/FoundersGrotesk-Semibold.woff") format("woff");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "Founders Grotesk Regular";
  src: url("../src/fonts/FoundersGrotesk-Regular.woff2") format("woff2"), url("../src/fonts/FoundersGrotesk-Regular.woff") format("woff");
  font-style: normal;
  font-weight: 600;
}
.benefits {
  position: relative;
  background: #F7F7F0;
  padding: 20vw 0;
}
.introduction + .benefits {
  margin: -30vw 0 0;
}
@media (min-width: 782px) {
  .benefits {
    padding: 7.2916666667vw 6.25vw 9.375vw;
  }
  .introduction + .benefits {
    margin: -15.625vw 0 0;
  }
}
.benefits h2 {
  font-family: "Franklin Gothic", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 4.1666666667vw;
  line-height: 0.85;
  color: #111111;
  text-align: center;
  margin: 0 0 0.6em;
}
@media (max-width: 782px) {
  .benefits h2 {
    font-size: 10vw;
  }
}
.benefits .items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 782px) {
  .benefits .items {
    grid-template-columns: repeat(4, 1fr);
  }
}
.benefits .item {
  position: relative;
  border-style: solid;
  border-color: #D8D8D8;
  height: 50vw;
}
@media (min-width: 782px) {
  .benefits .item {
    height: 21.875vw;
  }
  .benefits .item:nth-child(4n), .benefits .item:nth-child(4n-1), .benefits .item:nth-child(4n-2) {
    border-left-width: 1px;
  }
  .benefits .item:nth-child(n+5) {
    border-top-width: 1px;
  }
}
@media (max-width: 782px) {
  .benefits .item:nth-child(2n) {
    border-left-width: 1px;
  }
  .benefits .item:nth-child(n+3) {
    border-top-width: 1px;
  }
}
.benefits .item img {
  position: absolute;
  inset: 10%;
  width: 80%;
  height: 80%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  mix-blend-mode: multiply;
  transition: transform 0.6s;
}
.benefits .item .hidden {
  display: block;
  max-width: 85%;
}
@media (min-width: 782px) {
  .benefits .item .hidden {
    max-height: 0;
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg);
    transition: max-height 0.6s, transform 0.6s, opacity 0.6s;
  }
}
.benefits .item h3 {
  position: absolute;
  inset: 0;
  padding: 0 1.5625vw;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: "Franklin Gothic", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.5vw;
  line-height: 1.1;
  color: #111111;
  width: 100%;
}
@media (max-width: 782px) {
  .benefits .item h3 {
    font-size: 6vw;
  }
}
@media (max-width: 782px) {
  .benefits .item h3 {
    min-height: 3em;
  }
}
@media (min-width: 782px) {
  .benefits .item p {
    font-family: "Founders Grotesk Regular", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0.9375vw;
    line-height: 1.6;
    color: #111111;
    padding: 1.0416666667vw 0 0;
  }
}
@media (min-width: 782px) and (max-width: 782px) {
  .benefits .item p {
    font-size: 3.75vw;
  }
}
@media (max-width: 782px) {
  .benefits .item p {
    display: none;
  }
}
.benefits .item .prompt {
  font-family: "Founders Grotesk Regular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375vw;
  line-height: 1.6;
  color: #111111;
  font-weight: bold;
  display: block;
}
@media (max-width: 782px) {
  .benefits .item .prompt {
    font-size: 3.75vw;
  }
}
@media (min-width: 782px) {
  .benefits .item .prompt {
    margin: 0.8em 0 0;
  }
}

.call-to-action {
  position: relative;
  background: #faedeb;
  padding: 25vw 5vw;
}
.expanding-information ~ .call-to-action .ripped-edge .fill {
  fill: #F2B4AE;
}
@media (min-width: 782px) {
  .call-to-action {
    padding: 10.4166666667vw 14.5833333333vw 11.4583333333vw;
  }
}
@media (max-width: 782px) {
  .call-to-action {
    text-align: center;
  }
}
.call-to-action .ripped-edge {
  z-index: 2;
}
.call-to-action .ripped-edge.top {
  top: -1px;
}
.call-to-action .ripped-edge .fill {
  fill: #FFD459;
}
.call-to-action canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.call-to-action .inner {
  position: relative;
}
@media (min-width: 782px) {
  .call-to-action .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media (min-width: 782px) {
  .call-to-action .column:first-child {
    width: 41.6666666667vw;
  }
  .call-to-action .column:last-child {
    width: 20.8333333333vw;
  }
}
.call-to-action h2 {
  font-family: "Franklin Gothic", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 4.1666666667vw;
  line-height: 0.85;
  color: #111111;
}
@media (max-width: 782px) {
  .call-to-action h2 {
    font-size: 10vw;
  }
}
.call-to-action p {
  font-family: "Founders Grotesk Regular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375vw;
  line-height: 1.6;
  margin: 1em 0;
}
@media (max-width: 782px) {
  .call-to-action p {
    font-size: 3.75vw;
  }
}
.call-to-action p a {
  color: #FF8900;
}
.call-to-action .button {
  font-family: "Founders Grotesk Semibold", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 4.5vw;
  border-radius: 999px;
  background-image: url("../src/images/backhand-index-pointing-right.png");
  background-position: 1.3em 0.7em;
  background-size: 2em auto;
  background-repeat: no-repeat;
  padding: 0 2em 0 4em;
  line-height: 3.8em;
  height: 3.4em;
  display: inline-block;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  white-space: nowrap;
  transition: background 0.3s, color 0.3s, transform 0.4s;
  background-color: #A2ADFF;
  color: #111111;
  margin: 0.5208333333vw 0 0;
}
@media (min-width: 782px) {
  .call-to-action .button {
    font-size: 0.9375vw;
  }
}
.call-to-action .button:hover {
  background-color: #8997ff;
}
.call-to-action .button:hover {
  background-position: 1.8em 0.7em;
  transform: scale(1.2);
  transition: background 0.4s 0.1s cubic-bezier(0.23, 1.65, 0.645, 1.005), color 0.4s, transform 0.4s cubic-bezier(0.23, 1.65, 0.645, 1.005);
}

@media (min-width: 782px) {
  .coin {
    position: absolute;
    display: block;
    border-radius: 50%;
    width: 7.8125vw;
    height: 7.8125vw;
    transition: transform 0.3s;
  }
  .coin.is-inview .inner {
    opacity: 1;
  }
  .introduction .coin .card-fill {
    fill: #F2B4AE;
  }
  .coin svg {
    width: 100%;
    height: auto;
    display: block;
  }
  .coin .card-fill {
    fill: #FFD459;
  }
  .coin .inner {
    opacity: 0;
    transition: opacity 1.2s 2s;
  }
  .coin .card-top,
.coin .card-bottom {
    transform-origin: center;
    transition: transform 0.3s;
  }
  .coin:hover {
    transform: scale(1.4);
    transition: transform 0.4s cubic-bezier(0.23, 1.65, 0.645, 1.005);
  }
  .coin:hover .card-top {
    transform: translate(-0.05vw, -0.5vw) rotate(12deg);
    transition: transform 0.4s cubic-bezier(0.23, 1.65, 0.645, 1.005);
  }
  .coin:hover .card-bottom {
    transform: translate(0.05vw, 0.5vw) rotate(-8deg);
    transition: transform 0.4s cubic-bezier(0.23, 1.65, 0.645, 1.005);
  }
}
@media (max-width: 782px) {
  .coin {
    display: none;
  }
}

.contact-form {
  background: #FFD459;
  position: relative;
  padding: 25vw 5vw;
}
@media (min-width: 782px) {
  .contact-form {
    display: flex;
    justify-content: space-between;
    padding: 7.2916666667vw 6.25vw 13.0208333333vw;
  }
}
@media (min-width: 782px) {
  .contact-form .lead-in {
    width: 27.0833333333vw;
  }
}
.contact-form .lead-in h2 {
  font-family: "Franklin Gothic", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 4.1666666667vw;
  line-height: 0.85;
  color: #111111;
}
@media (max-width: 782px) {
  .contact-form .lead-in h2 {
    font-size: 10vw;
  }
}
.contact-form .lead-in p {
  font-family: "Founders Grotesk Regular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375vw;
  line-height: 1.6;
  color: #111111;
  margin: 1.4em 0;
}
@media (max-width: 782px) {
  .contact-form .lead-in p {
    font-size: 3.75vw;
  }
}
@media (min-width: 782px) {
  .contact-form .lead-in p {
    max-width: 340px;
  }
}
.contact-form .lead-in .contact-information {
  display: flex;
  margin: 20vw 0 0;
}
@media (min-width: 782px) {
  .contact-form .lead-in .contact-information {
    margin: 2.6041666667vw 0 0;
  }
}
.contact-form .lead-in .contact-information .method {
  width: 50%;
}
.contact-form .lead-in .contact-information .subtitle {
  font-family: "Founders Grotesk Regular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375vw;
  line-height: 1.6;
  font-weight: bold;
  color: #111111;
  margin: 0 0 0.7em;
}
@media (max-width: 782px) {
  .contact-form .lead-in .contact-information .subtitle {
    font-size: 3.75vw;
  }
}
.contact-form .lead-in .contact-information .link {
  font-family: "Founders Grotesk Regular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375vw;
  line-height: 1.6;
  color: #111111;
  transition: color 0.2s;
}
@media (max-width: 782px) {
  .contact-form .lead-in .contact-information .link {
    font-size: 3.75vw;
  }
}
.contact-form .lead-in .contact-information .link:hover {
  text-decoration: underline;
}
.contact-form .lead-in .contact-information .note {
  font-family: "Founders Grotesk Regular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375vw;
  line-height: 1.6;
  color: #d9a000;
  display: block;
}
@media (max-width: 782px) {
  .contact-form .lead-in .contact-information .note {
    font-size: 3.75vw;
  }
}
.contact-form .gform_wrapper {
  margin: 20vw 0 0;
}
@media (min-width: 782px) {
  .contact-form .gform_wrapper {
    width: 43.75vw;
    margin: 0;
  }
}
.contact-form .gform_confirmation_message {
  margin: 20vw 0 0;
}
@media (min-width: 782px) {
  .contact-form .gform_confirmation_message {
    width: 43.75vw;
    margin: 0;
    font-family: "Franklin Gothic", sans-serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 2.5vw;
    line-height: 1.1;
    color: #111111;
  }
}
@media (min-width: 782px) and (max-width: 782px) {
  .contact-form .gform_confirmation_message {
    font-size: 6vw;
  }
}

.expanding-information .row {
  position: relative;
}
.expanding-information .row.row-1 .inner {
  background: #A2ADFF;
}
.expanding-information .row.row-1 .ripped-edge-fill {
  fill: #A2ADFF;
}
.expanding-information .row.row-2 .inner {
  background: #FF8900;
}
.expanding-information .row.row-2 .ripped-edge-fill {
  fill: #FF8900;
}
.expanding-information .row.row-3 .inner {
  background: #FFD459;
}
.expanding-information .row.row-3 .ripped-edge-fill {
  fill: #FFD459;
}
.expanding-information .row.row-4 .inner {
  background: #F2B4AE;
}
.expanding-information .row.row-4 .ripped-edge-fill {
  fill: #F2B4AE;
}
@media (max-width: 782px) {
  .expanding-information .inner {
    padding: 20vw 5vw 22.5vw;
    text-align: center;
  }
}
@media (min-width: 782px) {
  .expanding-information .inner {
    display: flex;
    padding: 5.2083333333vw 6.25vw 10.4166666667vw;
  }
}
.expanding-information .indicator {
  width: 12.5vw;
  height: 12.5vw;
  margin: 0 0 2.5vw;
}
@media (min-width: 782px) {
  .expanding-information .indicator {
    width: 2.6041666667vw;
    height: 2.6041666667vw;
    margin: 0.4166666667vw 1.0416666667vw 0 0;
    transition: transform 0.4s;
  }
}
.expanding-information .indicator .arrow {
  opacity: 0;
  transform: rotate(90deg);
  transform-origin: center center;
  transition: transform 0.4s, opacity 0.4s;
}
.expanding-information .indicator .question-mark {
  opacity: 1;
  transform: rotate(0deg);
  transform-origin: center center;
  transition: transform 0.4s, opacity 0.4s;
}
.expanding-information h3 {
  font-family: "Franklin Gothic", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 4.1666666667vw;
  line-height: 0.85;
  color: #111111;
  margin: 0 0 0.5em;
}
@media (max-width: 782px) {
  .expanding-information h3 {
    font-size: 10vw;
  }
}
@media (min-width: 782px) {
  .expanding-information h3 {
    width: 30.2083333333vw;
    margin: 0 3.125vw 0 0;
  }
}
@media (min-width: 782px) {
  .expanding-information .detail {
    width: 30.2083333333vw;
  }
}
.expanding-information .detail p {
  font-family: "Founders Grotesk Regular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375vw;
  line-height: 1.6;
  color: #111111;
  margin: 1em 0 0;
}
@media (max-width: 782px) {
  .expanding-information .detail p {
    font-size: 3.75vw;
  }
}
.expanding-information .detail p:first-child {
  margin: 0;
}
.expanding-information .detail p a {
  text-decoration: underline;
}

.faqs {
  background: #A2ADFF;
  position: relative;
  padding: 25vw 5vw 25vw;
}
@media (min-width: 782px) {
  .faqs {
    padding: 5.2083333333vw 6.25vw 10.4166666667vw;
  }
}
.faqs .row {
  border-top: 1px solid rgba(247, 247, 240, 0.4);
}
.faqs .row:first-child {
  border: 0;
}
.faqs .row[open] .indicator-wrapper {
  background: #384FFF;
  border: 1px solid #384FFF;
  transform: scale(1.15);
  transition: background 0.6s, transform 0.6s cubic-bezier(0.23, 1.65, 0.645, 1.005);
}
.faqs .row[open] .indicator-wrapper:after {
  content: "Close";
  color: #F7F7F0;
  transition: color 0.6s;
}
.faqs .row[open] .indicator {
  transition: transform 0.6s cubic-bezier(0.23, 1.65, 0.645, 1.005);
}
.faqs .row[open] .indicator .minus {
  opacity: 1;
  transform: rotate(0deg);
  transition: transform 0.6s cubic-bezier(0.23, 1.65, 0.645, 1.005), opacity 0.6s;
}
.faqs .row[open] .indicator .question-mark {
  opacity: 0;
  transform: rotate(-90deg);
  transition: transform 0.6s cubic-bezier(0.23, 1.65, 0.645, 1.005), opacity 0.6s;
}
.faqs .question {
  cursor: pointer;
  padding: 7.5vw 0 10vw;
  background-image: none;
  -webkit-appearance: none;
}
@media (min-width: 782px) {
  .faqs .question {
    display: flex;
    align-items: center;
    padding: 2.6041666667vw 0;
  }
}
@media (max-width: 782px) {
  .faqs .question {
    text-align: center;
  }
}
.faqs .question::-webkit-details-marker {
  display: none;
}
.faqs .indicator-wrapper {
  display: flex;
  align-items: center;
  height: 12.5vw;
  width: 28.75vw;
  border-radius: 99px;
  background: transparent;
  border: 1px solid #111111;
  margin: 0 auto 3.75vw;
  transition: background 0.4s, transform 0.4s;
}
@media (min-width: 782px) {
  .faqs .indicator-wrapper {
    height: 2.6041666667vw;
    width: 6.7708333333vw;
    margin: 0 1.5625vw 0 0;
  }
}
.faqs .indicator-wrapper:after {
  content: "Expand";
  font-family: "Founders Grotesk Regular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.8333333333vw;
  line-height: 1.6;
  line-height: 1;
  color: #111111;
  transition: color 0.4s;
  margin: 0.4em 0 0;
}
@media (max-width: 782px) {
  .faqs .indicator-wrapper:after {
    font-size: 3.25vw;
  }
}
.faqs .indicator {
  width: 12.5vw;
  height: 12.5vw;
}
@media (min-width: 782px) {
  .faqs .indicator {
    width: 2.6041666667vw;
    height: 2.6041666667vw;
    margin: 0 0vw 0 0;
    transition: transform 0.4s;
  }
}
.faqs .indicator .minus {
  opacity: 0;
  transform: rotate(90deg);
  transform-origin: center center;
  transition: transform 0.4s, opacity 0.4s;
}
.faqs .indicator .question-mark {
  opacity: 1;
  transform: rotate(0deg);
  transform-origin: center center;
  transition: transform 0.4s, opacity 0.4s;
}
.faqs h2 {
  font-family: "Franklin Gothic", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.5vw;
  line-height: 1.1;
  color: #111111;
}
@media (max-width: 782px) {
  .faqs h2 {
    font-size: 6vw;
  }
}
.faqs .answer {
  padding: 0 0 12.5vw;
  margin: -7.5vw 0 0;
}
@media (min-width: 782px) {
  .faqs .answer {
    margin: -1.5625vw 0 0 8.3333333333vw;
    padding: 0 0 2.6041666667vw;
    width: 46.875vw;
  }
}
@media (max-width: 782px) {
  .faqs .answer {
    text-align: center;
  }
}
.faqs ul {
  list-style-type: none;
  margin: 4.5vw 0 4.5vw 8.5vw;
}
@media (min-width: 782px) {
  .faqs ul {
    margin: 0.9375vw 0 0.9375vw 1.7708333333vw;
  }
}
.faqs ul li:before {
  content: "👉";
  position: absolute;
  left: -8.5vw;
  top: -1.25vw;
  font-size: 6.5vw;
}
@media (min-width: 782px) {
  .faqs ul li:before {
    left: -1.7708333333vw;
    top: -0.2604166667vw;
    font-size: 1.3541666667vw;
  }
}
.faqs ol {
  list-style-type: none;
  margin: 4.5vw 0;
}
@media (min-width: 782px) {
  .faqs ol {
    margin: 0.9375vw 0;
  }
}
.faqs ol li {
  counter-increment: num;
  display: flex;
}
@media (max-width: 782px) {
  .faqs ol li {
    flex-direction: column;
    align-items: center;
  }
}
.faqs ol li:before {
  border: 1px solid #111111;
  color: #111111;
  content: "Step " counter(num) "";
  min-width: 18vw;
  height: 7.5vw;
  line-height: 2.3;
  border-radius: 99px;
  display: flex;
  justify-content: center;
  margin: 0 0 1vw;
}
@media (min-width: 782px) {
  .faqs ol li:before {
    line-height: 1.92;
    min-width: 4.1666666667vw;
    height: 1.5625vw;
    margin: -0.15625vw 0.625vw 0 0;
  }
}
.faqs ul,
.faqs ol {
  lists-style-position: outside;
}
.faqs li {
  font-family: "Founders Grotesk Regular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375vw;
  line-height: 1.6;
  position: relative;
  color: #111111;
  margin: 0.6em 0 0;
}
@media (max-width: 782px) {
  .faqs li {
    font-size: 3.75vw;
  }
}
.faqs p {
  font-family: "Founders Grotesk Regular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375vw;
  line-height: 1.6;
  color: #111111;
  margin: 1em 0 0;
}
@media (max-width: 782px) {
  .faqs p {
    font-size: 3.75vw;
  }
}

.flexible-content {
  padding: 0 5vw 30vw;
}
@media (min-width: 782px) {
  .flexible-content {
    padding: 0 18.75vw 15.625vw;
  }
}
.flexible-content h2 {
  font-family: "Franklin Gothic", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 4.1666666667vw;
  line-height: 0.85;
  color: #111111;
  margin: 0.5em 0;
}
@media (max-width: 782px) {
  .flexible-content h2 {
    font-size: 10vw;
  }
}
.flexible-content h3 {
  font-family: "Franklin Gothic", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.5vw;
  line-height: 1.1;
  color: #111111;
  margin: 0.5em 0;
}
@media (max-width: 782px) {
  .flexible-content h3 {
    font-size: 6vw;
  }
}
.flexible-content p {
  font-family: "Founders Grotesk Regular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375vw;
  line-height: 1.6;
  color: #111111;
  margin: 1em 0;
}
@media (max-width: 782px) {
  .flexible-content p {
    font-size: 3.75vw;
  }
}
.flexible-content p a {
  color: #FF8900;
}
.flexible-content ul,
.flexible-content ol {
  list-style-position: outside;
  margin: 4.5vw 0 4.5vw 4.5vw;
}
@media (min-width: 782px) {
  .flexible-content ul,
.flexible-content ol {
    margin: 0.9375vw 0 0.9375vw 1.4583333333vw;
  }
}
.flexible-content ul {
  list-style-type: disc;
}
.flexible-content ol {
  list-style-type: decimal;
}
.flexible-content li {
  font-family: "Founders Grotesk Regular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375vw;
  line-height: 1.6;
  color: #111111;
}
@media (max-width: 782px) {
  .flexible-content li {
    font-size: 3.75vw;
  }
}
.flexible-content li a {
  color: #FF8900;
}

.site-footer {
  background: #111111;
  position: relative;
  padding: 25vw 6.25vw 15vw;
}
@media (min-width: 782px) {
  .site-footer {
    padding: 7.2916666667vw 6.25vw 5.2083333333vw;
  }
}
@media (min-width: 782px) {
  .site-footer .upper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.site-footer .upper .menu {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 782px) {
  .site-footer .upper .menu {
    width: 18.2291666667vw;
  }
}
.site-footer .upper .menu .menu-item {
  font-family: "Founders Grotesk Regular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375vw;
  line-height: 1.6;
  margin: 0.2em 0 0;
  width: 50%;
}
@media (max-width: 782px) {
  .site-footer .upper .menu .menu-item {
    font-size: 3.75vw;
  }
}
.site-footer .upper .menu .menu-item:first-child {
  margin: 0;
}
.site-footer .upper .menu a {
  color: #F7F7F0;
  transition: color 0.2s;
}
.site-footer .upper .menu a:hover {
  color: #FFD459;
}
@media (max-width: 782px) {
  .site-footer .upper .contact-information {
    margin: 15vw 0 0;
  }
}
.site-footer .upper .contact-information .subtitle {
  font-family: "Founders Grotesk Regular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375vw;
  line-height: 1.6;
  font-weight: bold;
  color: #F7F7F0;
  margin: 0 0 0.7em;
}
@media (max-width: 782px) {
  .site-footer .upper .contact-information .subtitle {
    font-size: 3.75vw;
  }
}
.site-footer .upper .contact-information .link {
  font-family: "Founders Grotesk Regular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375vw;
  line-height: 1.6;
  color: #F7F7F0;
  transition: color 0.2s;
}
@media (max-width: 782px) {
  .site-footer .upper .contact-information .link {
    font-size: 3.75vw;
  }
}
.site-footer .upper .contact-information .link:hover {
  color: #FFD459;
}
.site-footer .upper .contact-information .note {
  font-family: "Founders Grotesk Regular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375vw;
  line-height: 1.6;
  color: #616161;
  display: block;
  margin: 0 0 1em;
}
@media (max-width: 782px) {
  .site-footer .upper .contact-information .note {
    font-size: 3.75vw;
  }
}
@media (max-width: 782px) {
  .site-footer .upper .office {
    margin: 10vw 0 0;
  }
  .site-footer .upper .office + .office {
    margin: 5vw 0 0;
  }
}
.site-footer .upper .office .name {
  font-family: "Founders Grotesk Regular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375vw;
  line-height: 1.6;
  color: #F7F7F0;
  font-weight: bold;
  margin: 0 0 0.7em;
}
@media (max-width: 782px) {
  .site-footer .upper .office .name {
    font-size: 3.75vw;
  }
}
.site-footer .upper .office address {
  font-family: "Founders Grotesk Regular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.8333333333vw;
  line-height: 1.6;
  color: #F7F7F0;
  line-height: 1.3;
  margin: 10px 0 0;
}
@media (max-width: 782px) {
  .site-footer .upper .office address {
    font-size: 3.25vw;
  }
}
.site-footer .upper .newsletter {
  position: relative;
  margin: 15vw 0 0;
}
@media (min-width: 782px) {
  .site-footer .upper .newsletter {
    width: 22.9166666667vw;
    margin: 0;
  }
}
.site-footer .upper .newsletter .subtitle {
  font-family: "Founders Grotesk Regular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375vw;
  line-height: 1.6;
  color: #F7F7F0;
  font-weight: bold;
  margin: 0 0 0.7em;
}
@media (max-width: 782px) {
  .site-footer .upper .newsletter .subtitle {
    font-size: 3.75vw;
  }
}
@media (min-width: 782px) {
  .site-footer .upper .newsletter .subtitle {
    margin: 0 0 0.7em 1.5em;
  }
}
.site-footer .upper .newsletter .gform_confirmation_message {
  font-family: "Founders Grotesk Semibold", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25vw;
  line-height: 1.6;
  color: #F7F7F0;
}
@media (max-width: 782px) {
  .site-footer .upper .newsletter .gform_confirmation_message {
    font-size: 4.5vw;
  }
}
.site-footer .lower {
  margin: 7.5vw 0 0;
}
@media (min-width: 782px) {
  .site-footer .lower {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 5.2083333333vw 0 0;
  }
}
.site-footer .lower .brand {
  width: 47.5vw;
  margin: 0 0 7.5vw;
}
@media (min-width: 782px) {
  .site-footer .lower .brand {
    width: 9.8958333333vw;
    margin: 0;
  }
}
.site-footer .lower .legals {
  font-family: "Founders Grotesk Regular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.8333333333vw;
  line-height: 1.6;
  color: #616161;
  width: 100%;
  margin: 7.5vw 0 0;
}
@media (max-width: 782px) {
  .site-footer .lower .legals {
    font-size: 3.25vw;
  }
}
@media (min-width: 782px) {
  .site-footer .lower .legals {
    margin: 2.0833333333vw 0 0;
  }
}

html {
  background: #111111;
}

body {
  background: #F7F7F0;
  font-family: "Founders Grotesk Regular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 1024px) {
  body {
    overflow: hidden;
    position: fixed;
    inset: 0;
  }
}

@media (min-width: 782px) {
  [data-slide-in] {
    margin: -10.4166666667vw 0 0;
  }
}

[data-split] {
  opacity: 0;
}

.cursor {
  /*
  @include above(782px) {
    position: absolute;
    border-radius: 50%;
    user-select: none;
    pointer-events: none;
    mix-blend-mode: difference;
    z-index: 10000;
    transform: translate(-50%, -50%);
    &.small {
      background: $white;
      width: vw(20px);
      height: vw(20px);
    }
    &.large {
      width: vw(60px);
      height: vw(60px);
      border: 1px solid $white;
    }
  }
  */
}

::-moz-selection {
  background: #b6bfff;
  color: #384FFF;
}

::selection {
  background: #b6bfff;
  color: #384FFF;
}

.gform_wrapper {
  position: relative;
}
.contact-form .gform_wrapper ::-moz-placeholder {
  color: #d9a000;
}
.contact-form .gform_wrapper :-ms-input-placeholder {
  color: #d9a000;
}
.contact-form .gform_wrapper ::placeholder {
  color: #d9a000;
}
.site-footer .gform_wrapper ::-moz-placeholder {
  color: #616161;
}
.site-footer .gform_wrapper :-ms-input-placeholder {
  color: #616161;
}
.site-footer .gform_wrapper ::placeholder {
  color: #616161;
}
.gform_wrapper .gform_body .gform_fields {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.gform_wrapper .gform_body .gfield {
  width: 100%;
  margin: 0 0 7.5vw;
}
@media (min-width: 782px) {
  .gform_wrapper .gform_body .gfield {
    margin: 0 0 2.0833333333vw;
  }
}
.contact-form .gform_wrapper .gform_body .gfield .gfield_label {
  font-family: "Founders Grotesk Regular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375vw;
  line-height: 1.6;
  font-family: "Founders Grotesk Semibold", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  margin: 0 0 0.5em;
}
@media (max-width: 782px) {
  .contact-form .gform_wrapper .gform_body .gfield .gfield_label {
    font-size: 3.75vw;
  }
}
.site-footer .gform_wrapper .gform_body .gfield .gfield_label {
  display: none;
}
.contact-form .gform_wrapper .gform_body .gfield input[type=text],
.contact-form .gform_wrapper .gform_body .gfield input[type=number],
.contact-form .gform_wrapper .gform_body .gfield input[type=email] {
  font-family: "Founders Grotesk Regular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 4.5vw;
  line-height: normal;
  background: none;
  padding: 0;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #111111;
  color: #111111;
  height: 2.4em;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media (min-width: 782px) {
  .contact-form .gform_wrapper .gform_body .gfield input[type=text],
.contact-form .gform_wrapper .gform_body .gfield input[type=number],
.contact-form .gform_wrapper .gform_body .gfield input[type=email] {
    font-size: 0.9375vw;
  }
}
.site-footer .gform_wrapper .gform_body .gfield input[type=text],
.site-footer .gform_wrapper .gform_body .gfield input[type=number],
.site-footer .gform_wrapper .gform_body .gfield input[type=email] {
  font-family: "Founders Grotesk Regular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 4.5vw;
  color: #F7F7F0;
  width: 100%;
  height: 3em;
  display: block;
  padding: 0 7em 0 1.6em;
  border: 1px solid #616161;
  border-radius: 999px;
  line-height: normal;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
}
@media (min-width: 782px) {
  .site-footer .gform_wrapper .gform_body .gfield input[type=text],
.site-footer .gform_wrapper .gform_body .gfield input[type=number],
.site-footer .gform_wrapper .gform_body .gfield input[type=email] {
    font-size: 0.9375vw;
  }
}
.gform_wrapper .gform_body .gfield select {
  font-family: "Founders Grotesk Regular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 4.5vw;
  color: #111111;
  width: 100%;
  height: 3em;
  display: block;
  padding: 0 7em 0 1.6em;
  border: 1px solid #111111;
  border-radius: 999px;
  line-height: normal;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  background-size: 0.8em;
  background-position: right 1em center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 9' style='enable-background:new 0 0 15 9;' xml:space='preserve'%3E%3Cpath d='M7.5,9C7.1,9,6.7,8.8,6.4,8.6l-6-6C-0.1,2-0.1,1,0.4,0.4C1-0.1,2-0.1,2.6,0.4l4.9,4.9l4.9-4.9c0.6-0.6,1.5-0.6,2.1,0c0.6,0.6,0.6,1.5,0,2.1l-6,6C8.3,8.8,7.9,9,7.5,9z'/%3E%3C/svg%3E%0A");
}
@media (min-width: 782px) {
  .gform_wrapper .gform_body .gfield select {
    font-size: 0.9375vw;
  }
}
.gform_wrapper .gform_body .gfield .gfield_checkbox {
  display: flex;
  flex-wrap: wrap;
}
.gform_wrapper .gform_body .gfield .gfield_checkbox .gchoice {
  position: relative;
  margin: 2.5vw 0 0;
  width: 100%;
}
@media (min-width: 782px) {
  .gform_wrapper .gform_body .gfield .gfield_checkbox .gchoice {
    width: auto;
    margin: 0.5208333333vw 1.0416666667vw 0 0;
  }
}
.gform_wrapper .gform_body .gfield .gfield_checkbox label {
  font-family: "Founders Grotesk Regular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 4.5vw;
  padding: 0.4em 0 0.4em 1.6em;
  display: block;
  cursor: pointer;
}
@media (min-width: 782px) {
  .gform_wrapper .gform_body .gfield .gfield_checkbox label {
    font-size: 0.9375vw;
  }
}
.gform_wrapper .gform_body .gfield .gfield_checkbox input[type=checkbox] {
  position: absolute;
  top: 1.5vw;
  left: 0;
}
@media (min-width: 782px) {
  .gform_wrapper .gform_body .gfield .gfield_checkbox input[type=checkbox] {
    top: 0.3125vw;
  }
}
@media (min-width: 782px) {
  .gform_wrapper .gform_body .gfield.half-width {
    width: calc(50% - 0.5208333333vw);
  }
}
.gform_wrapper .gform_body .gfield .ginput_container_fileupload input[type=file] {
  font-size: 4.5vw;
  width: 100%;
  background: #f1c750;
  padding: 1.6em;
  border-radius: 1.6em;
}
@media (min-width: 782px) {
  .gform_wrapper .gform_body .gfield .ginput_container_fileupload input[type=file] {
    font-size: 0.9375vw;
  }
}
.gform_wrapper .gform_body .gfield .ginput_container_fileupload .gform_fileupload_rules {
  font-family: "Founders Grotesk Regular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.8333333333vw;
  line-height: 1.6;
  color: #111111;
  display: block;
  margin: 0.5em 0 0;
}
@media (max-width: 782px) {
  .gform_wrapper .gform_body .gfield .ginput_container_fileupload .gform_fileupload_rules {
    font-size: 3.25vw;
  }
}
.gform_wrapper .gform_body .gfield.gform_validation_container {
  display: none;
}
.gform_wrapper .gform_body .gfield.gfield_error input[type=text],
.gform_wrapper .gform_body .gfield.gfield_error input[type=number],
.gform_wrapper .gform_body .gfield.gfield_error input[type=email] {
  border-color: #cf2e2e;
  border-weight: 2px;
}
.site-footer .gform_wrapper .gform_footer {
  position: absolute;
  top: 0;
  right: 0;
}
.gform_wrapper .gform_footer img {
  display: none;
}
.gform_wrapper .gform_footer .gform_button {
  font-family: "Founders Grotesk Semibold", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: normal;
  border: 0;
  cursor: pointer;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
}
.contact-form .gform_wrapper .gform_footer .gform_button {
  background-size: 0.9em auto;
  background-repeat: no-repeat;
  font-size: 5.5vw;
}
@media (max-width: 782px) {
  .contact-form .gform_wrapper .gform_footer .gform_button {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 21 17' style='enable-background:new 0 0 21 17;' xml:space='preserve'%3E%3Cpath d='M20.6,7.4l-7-7c-0.6-0.6-1.5-0.6-2.1,0c-0.6,0.6-0.6,1.5,0,2.1L15.9,7H1.5C0.7,7,0,7.7,0,8.5S0.7,10,1.5,10h14.4l-4.4,4.4c-0.6,0.6-0.6,1.5,0,2.1c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.1,1.1-0.4l7-7C21.1,9,21.1,8,20.6,7.4z' fill='%23F7F7F0' /%3E%3C/svg%3E");
    background-color: #111111;
    background-position: center right 1em;
    padding: 0.8em 0;
    color: #F7F7F0;
    border-radius: 2vw;
    width: 100%;
  }
}
@media (min-width: 782px) {
  .contact-form .gform_wrapper .gform_footer .gform_button {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 21 17' style='enable-background:new 0 0 21 17;' xml:space='preserve'%3E%3Cpath d='M20.6,7.4l-7-7c-0.6-0.6-1.5-0.6-2.1,0c-0.6,0.6-0.6,1.5,0,2.1L15.9,7H1.5C0.7,7,0,7.7,0,8.5S0.7,10,1.5,10h14.4l-4.4,4.4c-0.6,0.6-0.6,1.5,0,2.1c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.1,1.1-0.4l7-7C21.1,9,21.1,8,20.6,7.4z' fill='%23111111' /%3E%3C/svg%3E");
    background-position: center right;
    color: #111111;
    font-size: 1.1458333333vw;
    padding: 0.2em 1.4em 0.2em 0;
  }
}
.site-footer .gform_wrapper .gform_footer .gform_button {
  font-size: 4.5vw;
  color: #F7F7F0;
  height: 3em;
  line-height: 3.45em;
  padding: 0 0.8em;
}
@media (min-width: 782px) {
  .site-footer .gform_wrapper .gform_footer .gform_button {
    font-size: 1.1458333333vw;
    height: 2.4em;
    line-height: 2.7em;
  }
}
.gform_wrapper .gform_submission_error {
  display: none;
}
.gform_wrapper .validation_message {
  font-family: "Founders Grotesk Regular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375vw;
  line-height: 1.6;
  color: #cf2e2e;
}
@media (max-width: 782px) {
  .gform_wrapper .validation_message {
    font-size: 3.75vw;
  }
}

.site-header {
  position: relative;
  z-index: 990;
}
.admin-bar .site-header {
  top: 46px;
}
@media (min-width: 782px) {
  .admin-bar .site-header {
    top: 32px;
  }
}
@media (max-width: 782px) {
  .site-header {
    position: fixed;
    inset: 0 auto auto 0;
    width: 100%;
  }
}
.site-header .brand {
  position: absolute;
  inset: 2.1875vw auto auto 6.25vw;
  width: 9.8958333333vw;
  display: block;
}
@media (max-width: 782px) {
  .site-header .brand {
    width: 35vw;
    inset: 8.75vw auto auto 5vw;
  }
}
.site-header .brand svg {
  width: 100%;
  height: auto;
  display: block;
}
@media (min-width: 782px) {
  .site-header .button {
    position: absolute;
    inset: 1.25vw 6.25vw auto auto;
    font-family: "Founders Grotesk Semibold", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 4.5vw;
    border-radius: 999px;
    background-image: url("../src/images/backhand-index-pointing-right.png");
    background-position: 1.3em 0.7em;
    background-size: 2em auto;
    background-repeat: no-repeat;
    padding: 0 2em 0 4em;
    line-height: 3.8em;
    height: 3.4em;
    display: inline-block;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    white-space: nowrap;
    transition: background 0.3s, color 0.3s, transform 0.4s;
    background-color: #FFD459;
    color: #111111;
  }
}
@media (min-width: 782px) and (min-width: 782px) {
  .site-header .button {
    font-size: 0.9375vw;
  }
}
@media (min-width: 782px) {
  .site-header .button:hover {
    background-color: #ffc726;
  }
}
@media (min-width: 782px) {
  .site-header .button:hover {
    background-position: 1.8em 0.7em;
    transform: scale(1.2);
    transition: background 0.4s 0.1s cubic-bezier(0.23, 1.65, 0.645, 1.005), color 0.4s, transform 0.4s cubic-bezier(0.23, 1.65, 0.645, 1.005);
  }
}
@media (max-width: 782px) {
  .site-header .button {
    display: none;
  }
}
@media (min-width: 782px) {
  .site-header .toggle-navigation {
    display: none;
  }
}
@media (max-width: 782px) {
  .site-header .toggle-navigation {
    position: absolute;
    inset: 5vw 5vw auto auto;
    width: 12.5vw;
    height: 12.5vw;
    padding: 2.5vw 2.5vw 0;
    border-radius: 1.5vw 1.5vw 0 0;
  }
  [data-navigation-status=open] .site-header .toggle-navigation {
    background: #eeeedf;
  }
  .site-header .toggle-navigation svg {
    width: 100%;
    height: auto;
    display: block;
  }
  .site-header .toggle-navigation .horizontal {
    display: block;
  }
  [data-navigation-status=open] .site-header .toggle-navigation .horizontal {
    display: none;
  }
  .site-header .toggle-navigation .diagonal {
    display: none;
  }
  [data-navigation-status=open] .site-header .toggle-navigation .diagonal {
    display: block;
  }
}

.home-banner .upper {
  position: relative;
  perspective: 67.1875vw;
}
.home-banner .upper .image {
  transform: scale(1.16);
  transition: transform 5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.home-banner .upper .image.is-inview {
  transform: scale(1);
}
.home-banner .upper .image img {
  width: 100vw;
  height: 35vw;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 25%;
     object-position: 50% 25%;
  position: relative;
}
@media (max-width: 782px) {
  .home-banner .upper .image img {
    height: 100vw;
  }
}
@media (min-width: 782px) {
  .home-banner .upper .shutter {
    position: absolute;
    bottom: 4vw;
    left: 0;
    width: 100%;
    height: 36vw;
    background: #F7F7F0;
    transform-origin: bottom left;
  }
  .home-banner .upper .shutter.is-inview {
    -webkit-animation: swipe 2.4s forwards cubic-bezier(0.465, 0.01, 0.52, 1.28);
            animation: swipe 2.4s forwards cubic-bezier(0.465, 0.01, 0.52, 1.28);
  }
}
@media (max-width: 782px) {
  .home-banner .upper .shutter {
    display: none;
  }
}
.home-banner .lower {
  padding: 20vw 6.25vw;
  background: #F7F7F0;
  position: relative;
  perspective: 67.1875vw;
}
@media (min-width: 782px) {
  .home-banner .lower {
    padding: 5.2083333333vw 6.25vw 10.4166666667vw;
  }
}
.home-banner .lower h1 {
  font-family: "Franklin Gothic", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 7.2916666667vw;
  line-height: 0.85;
}
@media (max-width: 782px) {
  .home-banner .lower h1 {
    font-size: 15vw;
  }
}
@media (min-width: 782px) {
  .home-banner .lower .coin {
    position: absolute;
    top: -4.1666666667vw;
    right: 4.6875vw;
  }
}

@-webkit-keyframes swipe {
  0% {
    transform: translateY(3vw) rotate(0deg) scale(1);
  }
  60% {
    transform: translateY(-1vw) rotate(-4deg) scale(1.015);
  }
  100% {
    transform: translateY(-32vw) rotate(-10deg);
  }
}

@keyframes swipe {
  0% {
    transform: translateY(3vw) rotate(0deg) scale(1);
  }
  60% {
    transform: translateY(-1vw) rotate(-4deg) scale(1.015);
  }
  100% {
    transform: translateY(-32vw) rotate(-10deg);
  }
}
.introduction {
  background: #F7F7F0;
  position: relative;
  padding: 30vw 5vw 30vw;
}
@media (min-width: 782px) {
  .introduction {
    display: flex;
    justify-content: space-between;
    padding: 13.0208333333vw 6.25vw 18.75vw;
  }
}
@media (min-width: 782px) {
  .introduction .content {
    width: 36.4583333333vw;
  }
}
.introduction h1 {
  font-family: "Founders Grotesk Semibold", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25vw;
  line-height: 1.6;
  color: #FF8900;
  display: flex;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s 0.8s;
}
@media (max-width: 782px) {
  .introduction h1 {
    font-size: 4.5vw;
  }
}
@media (min-width: 782px) {
  .introduction h1:before {
    content: " ";
    border-bottom: 2px solid #FF8900;
    width: 1.2em;
    padding: 0.1em 0 0;
    margin: 0 0.6em 0 0;
    display: inline-block;
  }
}
.introduction h1.is-inview {
  opacity: 1;
}
.introduction h2 {
  font-family: "Franklin Gothic", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 4.1666666667vw;
  line-height: 0.85;
  color: #111111;
  margin: 0.4em 0;
}
@media (max-width: 782px) {
  .introduction h2 {
    font-size: 10vw;
  }
}
.introduction .detail {
  opacity: 0;
  transition: opacity 0.3s 0.8s;
}
.introduction .detail.is-inview {
  opacity: 1;
}
.introduction p {
  font-family: "Founders Grotesk Regular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375vw;
  line-height: 1.6;
  color: #111111;
  margin: 1em 0 0;
}
@media (max-width: 782px) {
  .introduction p {
    font-size: 3.75vw;
  }
}
.introduction .image {
  opacity: 0;
  transform: scale(0.9);
  transition: opacity 1s 0.4s, transform 1s 0.4s;
}
.introduction .image.is-inview {
  opacity: 1;
  transform: scale(1);
}
.introduction img {
  display: block;
  width: 100%;
  aspect-ratio: 10/7;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (min-width: 782px) {
  .introduction img {
    width: 41.6666666667vw;
    border-radius: 0.4166666667vw;
  }
}
@media (max-width: 782px) {
  .introduction img {
    margin: 7.5vw 0 0;
    border-radius: 2vw;
  }
}
@media (min-width: 782px) {
  .introduction .coin {
    top: 38.0208333333vw;
    right: 4.1666666667vw;
  }
}

[data-loading-bar] {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 6px;
  background: #FF8900;
  z-index: 9999;
}

@media (min-width: 782px) {
  .site-navigation {
    position: absolute;
    inset: 1.5625vw 19.1666666667vw auto auto;
    padding: 0 1.25vw 0 0;
    border-right: 2px solid #d3d3c2;
  }
  .site-navigation .menu {
    display: flex;
    white-space: nowrap;
  }
  .site-navigation .menu > .menu-item {
    position: relative;
  }
  .site-navigation .menu > .menu-item:hover > a:after {
    right: auto;
    left: 1.25vw;
    width: calc(100% - 2.5vw);
  }
  .site-navigation .menu > .menu-item > a {
    font-family: "Founders Grotesk Regular", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0.9375vw;
    color: #111111;
    display: block;
    padding: 0.8333333333vw 1.25vw;
  }
  .site-navigation .menu > .menu-item > a:after {
    content: " ";
    position: absolute;
    top: 2.1em;
    right: 1.25vw;
    width: 0;
    border-bottom: 2px solid #A2ADFF;
    transition: width 0.4s;
  }
  .site-navigation .menu > .menu-item.menu-item-has-children {
    border-radius: 0.4166666667vw 0.3125vw 0 0;
    transition: background 0.3s;
  }
  .site-navigation .menu > .menu-item.menu-item-has-children:hover {
    background: #eeeedf;
  }
  .site-navigation .menu > .menu-item.menu-item-has-children:hover > .sub-menu {
    opacity: 1;
    pointer-events: auto;
    display: block;
  }
  .site-navigation .menu > .menu-item.menu-item-has-children > a {
    pointer-events: none;
  }
  .site-navigation .menu > .menu-item > .sub-menu {
    transition: opacity 0.3s;
    opacity: 0;
    pointer-events: none;
    background: #eeeedf;
    position: absolute;
    inset: 100% auto auto 0;
    padding: 0.5208333333vw 1.25vw 1.4583333333vw;
    border-radius: 0 0.3125vw 0.3125vw 0.3125vw;
  }
  .site-navigation .menu > .menu-item > .sub-menu a {
    font-family: "Founders Grotesk Semibold", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0.9375vw;
    color: #111111;
    position: relative;
    display: block;
    padding: 1.1em 1em 0.3em 0;
    border-bottom: 2px solid #d3d3c2;
  }
  .site-navigation .menu > .menu-item > .sub-menu a:after {
    content: " ";
    position: absolute;
    bottom: -2px;
    right: 0;
    width: 0;
    border-bottom: 2px solid #A2ADFF;
    transition: width 0.6s;
  }
  .site-navigation .menu > .menu-item > .sub-menu a:hover:after {
    right: auto;
    left: 0;
    width: 100%;
  }
}
@media (max-width: 782px) {
  .site-navigation {
    position: absolute;
    inset: 17.5vw 5vw auto 5vw;
    width: 90vw;
  }
  [data-navigation-status=open] .site-navigation {
    background: #eeeedf;
  }
  .site-navigation .menu {
    display: none;
    padding: 5vw 6.25vw;
    border-radius: 1.5vw 0 1.5vw 1.5vw;
    box-shadow: 0 0 5vw rgba(17, 17, 17, 0.3);
  }
  [data-navigation-status=open] .site-navigation .menu {
    display: block;
  }
  .site-navigation .menu > .menu-item > a {
    font-family: "Founders Grotesk Semibold", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 6vw;
    padding: 0.4em 0;
    display: block;
    color: #111111;
  }
  .site-navigation .menu > .menu-item > .sub-menu {
    padding: 0 0 0 2.5vw;
  }
  .site-navigation .menu > .menu-item > .sub-menu .menu-item:first-child {
    margin: 0;
  }
  .site-navigation .menu > .menu-item > .sub-menu a {
    font-family: "Founders Grotesk Regular", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 4.5vw;
    display: block;
    padding: 0.4em 0;
  }
}

.our-expertise {
  position: relative;
  background: #F7F7F0;
  padding: 20vw 0;
}
@media (min-width: 782px) {
  .our-expertise {
    padding: 7.2916666667vw 6.25vw 9.375vw;
  }
}
.our-expertise h2 {
  font-family: "Franklin Gothic", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 4.1666666667vw;
  line-height: 0.85;
  color: #111111;
  text-align: center;
  margin: 0 0 0.6em;
}
@media (max-width: 782px) {
  .our-expertise h2 {
    font-size: 10vw;
  }
}
.our-expertise .items {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (min-width: 782px) {
  .our-expertise .items {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.our-expertise .item {
  position: relative;
  border-style: solid;
  border-color: #D8D8D8;
}
@media (min-width: 782px) {
  .our-expertise .item:nth-child(3n), .our-expertise .item:nth-child(3n-1) {
    border-left-width: 1px;
  }
  .our-expertise .item:nth-child(n+4) {
    border-top-width: 1px;
  }
}
@media (max-width: 782px) {
  .our-expertise .item:nth-child(2n) {
    border-left-width: 1px;
  }
  .our-expertise .item:nth-child(n+3) {
    border-top-width: 1px;
  }
}
.our-expertise .item .link {
  display: block;
  height: 50vw;
}
@media (min-width: 782px) {
  .our-expertise .item .link {
    height: 25.5208333333vw;
  }
}
@media (min-width: 782px) {
  .our-expertise .item .link:hover img {
    transform: scale(0.85);
  }
  .our-expertise .item .link:hover .hidden {
    opacity: 1;
    transform: rotateX(0deg);
    max-height: 13.0208333333vw;
    transition: max-height 0.8s, transform 1.2s cubic-bezier(0.29, 2.2, 0.395, 1.005), opacity 0.8s;
  }
}
.our-expertise .item img {
  position: absolute;
  inset: 15%;
  width: 70%;
  height: 70%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  mix-blend-mode: multiply;
  transition: transform 0.6s;
}
.our-expertise .item .hidden {
  display: block;
  max-width: 85%;
}
@media (min-width: 782px) {
  .our-expertise .item .hidden {
    max-height: 0;
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg);
    transition: max-height 0.6s, transform 0.6s, opacity 0.6s;
  }
}
.our-expertise .item h3 {
  font-family: "Franklin Gothic", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.5vw;
  line-height: 1.1;
  color: #111111;
  width: 80%;
}
@media (max-width: 782px) {
  .our-expertise .item h3 {
    font-size: 6vw;
  }
}
@media (max-width: 782px) {
  .our-expertise .item h3 {
    min-height: 3em;
  }
}
.our-expertise .item .overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media (min-width: 782px) {
  .our-expertise .item .overlay {
    perspective: 66.6666666667vw;
    perspective-origin: top center;
  }
}
@media (min-width: 782px) {
  .our-expertise .item p {
    font-family: "Founders Grotesk Regular", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0.9375vw;
    line-height: 1.6;
    color: #111111;
    padding: 1.0416666667vw 0 0;
  }
}
@media (min-width: 782px) and (max-width: 782px) {
  .our-expertise .item p {
    font-size: 3.75vw;
  }
}
@media (max-width: 782px) {
  .our-expertise .item p {
    display: none;
  }
}
.our-expertise .item .prompt {
  font-family: "Founders Grotesk Regular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375vw;
  line-height: 1.6;
  color: #111111;
  font-weight: bold;
  display: block;
}
@media (max-width: 782px) {
  .our-expertise .item .prompt {
    font-size: 3.75vw;
  }
}
@media (min-width: 782px) {
  .our-expertise .item .prompt {
    margin: 0.8em 0 0;
  }
}

.ripped-edge {
  position: absolute;
  left: 0;
  width: 100%;
  pointer-events: none;
}
.ripped-edge.top {
  bottom: calc(100% - 2px);
}
.ripped-edge.bottom {
  top: calc(100% - 2px);
}

.social-media-icons {
  display: flex;
  list-style-type: none;
}
.social-media-icons .item {
  margin: 0 8px 0 0;
}
.social-media-icons .item:last-child {
  margin: 0;
}
.social-media-icons .link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  width: 44px;
  border-radius: 50%;
  background: #111111;
  transition: background 0.3s;
}
.social-media-icons .link:before {
  width: 22px;
  height: 22px;
  display: block;
}
.social-media-icons .link:hover {
  background: #616161;
}
.social-media-icons .link.twitter:before {
  content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill='%23F7F7F0' d='M32,6.1c-1.2,0.5-2.4,0.9-3.8,1c1.4-0.8,2.4-2.1,2.9-3.6c-1.3,0.8-2.7,1.3-4.2,1.6C25.7,3.8,24,3,22.2,3 c-3.6,0-6.6,2.9-6.6,6.6c0,0.5,0.1,1,0.2,1.5C10.3,10.8,5.5,8.2,2.2,4.2c-0.6,1-0.9,2.1-0.9,3.3c0,2.3,1.2,4.3,2.9,5.5 c-1.1,0-2.1-0.3-3-0.8c0,0,0,0.1,0,0.1c0,3.2,2.3,5.8,5.3,6.4c-0.6,0.1-1.1,0.2-1.7,0.2c-0.4,0-0.8,0-1.2-0.1 c0.8,2.6,3.3,4.5,6.1,4.6c-2.2,1.8-5.1,2.8-8.2,2.8c-0.5,0-1.1,0-1.6-0.1C2.9,27.9,6.4,29,10.1,29c12.1,0,18.7-10,18.7-18.7 c0-0.3,0-0.6,0-0.8C30,8.5,31.1,7.4,32,6.1z'/%3E%3C/svg%3E");
}
.social-media-icons .link.facebook:before {
  content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill='%23F7F7F0' d='M30.7,0H1.3C0.6,0,0,0.6,0,1.3v29.3C0,31.4,0.6,32,1.3,32H17V20h-4v-5h4v-4c0-4.1,2.6-6.2,6.3-6.2C25.1,4.8,26.6,5,27,5v4.3l-2.6,0c-2,0-2.5,1-2.5,2.4V15h5l-1,5h-4l0.1,12h8.6c0.7,0,1.3-0.6,1.3-1.3V1.3C32,0.6,31.4,0,30.7,0z'/%3E%3C/svg%3E");
}
.social-media-icons .link.instagram:before {
  content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 98 98' style='enable-background:new 0 0 98 98;' xml:space='preserve'%3E%3Cpath fill='%23F7F7F0' d='M68,8c12.2,0,22,9.8,22,22v38c0,12.2-9.8,22-22,22H30C17.8,90,8,80.2,8,68V30C8,17.8,17.8,8,30,8H68 M68,0H30C13.5,0,0,13.5,0,30v38c0,16.5,13.5,30,30,30h38c16.5,0,30-13.5,30-30V30C98,13.5,84.5,0,68,0z'/%3E%3Cpath fill='%23F7F7F0' d='M75.1,17c-3.2,0-5.7,2.6-5.7,5.7s2.6,5.7,5.7,5.7c3.2,0,5.7-2.6,5.7-5.7C80.9,19.6,78.3,17,75.1,17L75.1,17z'/%3E%3Cpath fill='%23F7F7F0' d='M49.3,31.5C59,31.5,67,39.4,67,49.1s-7.9,17.7-17.7,17.7s-17.7-7.9-17.7-17.7c0,0,0,0,0,0C31.6,39.4,39.5,31.5,49.3,31.5 M49.3,23.5c-14.2,0-25.7,11.5-25.6,25.7c0,14.2,11.5,25.7,25.7,25.6C63.5,74.8,75,63.3,75,49.1C75,35,63.5,23.5,49.3,23.5C49.3,23.5,49.3,23.5,49.3,23.5z'/%3E%3C/svg%3E");
}
.social-media-icons .link.linkedin:before {
  content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill='%23F7F7F0' d='M30.7,0H1.3C0.6,0,0,0.6,0,1.3v29.3C0,31.4,0.6,32,1.3,32h29.3c0.7,0,1.3-0.6,1.3-1.3V1.3 C32,0.6,31.4,0,30.7,0z M9.5,27.3H4.7V12h4.8V27.3z M7.1,9.9c-1.5,0-2.8-1.2-2.8-2.8c0-1.5,1.2-2.8,2.8-2.8c1.5,0,2.8,1.2,2.8,2.8 C9.9,8.7,8.6,9.9,7.1,9.9z M27.3,27.3h-4.7v-7.4c0-1.8,0-4-2.5-4c-2.5,0-2.8,1.9-2.8,3.9v7.6h-4.7V12H17v2.1h0.1 c0.6-1.2,2.2-2.5,4.5-2.5c4.8,0,5.7,3.2,5.7,7.3V27.3z'/%3E%3C/svg%3E%0A");
}
.social-media-icons .link.youtube:before {
  content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill='%23F7F7F0' d='M31.7,9.6c0,0-0.3-2.2-1.3-3.2c-1.2-1.3-2.6-1.3-3.2-1.4C22.7,4.7,16,4.7,16,4.7h0c0,0-6.7,0-11.2,0.3c-0.6,0.1-2,0.1-3.2,1.4c-1,1-1.3,3.2-1.3,3.2S0,12.2,0,14.8v2.4c0,2.6,0.3,5.2,0.3,5.2s0.3,2.2,1.3,3.2c1.2,1.3,2.8,1.2,3.5,1.4C7.7,27.2,16,27.3,16,27.3s6.7,0,11.2-0.3c0.6-0.1,2-0.1,3.2-1.4c1-1,1.3-3.2,1.3-3.2s0.3-2.6,0.3-5.2v-2.4C32,12.2,31.7,9.6,31.7,9.6z M12.7,20.2l0-9l8.6,4.5L12.7,20.2z'/%3E%3C/svg%3E");
}
.social-media-icons .link.mail:before {
  content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 90 90' style='enable-background:new 0 0 90 90;' xml:space='preserve'%3E%3Cpath fill='%23F7F7F0' d='M89.2,71.2c0.5-1.1,0.8-2.3,0.8-3.5V22.3c0-1.3-0.3-2.5-0.8-3.5L58.9,45L89.2,71.2z'/%3E%3Cpath fill='%23F7F7F0' d='M43.3,48.3c0.3,0.3,0.9,0.6,1.7,0.6c0.8,0,1.4-0.3,1.7-0.6l1.8-1.6l36.7-31.8c-1.1-0.5-2.3-0.8-3.5-0.8H8.2c-1.3,0-2.5,0.3-3.5,0.8L43.3,48.3z'/%3E%3Cpath fill='%23F7F7F0' d='M0.8,18.8C0.3,19.8,0,21,0,22.3v45.4c0,1.3,0.3,2.5,0.8,3.5L31.1,45L0.8,18.8z'/%3E%3Cpath fill='%23F7F7F0' d='M54.8,48.6l-4.5,3.9c-1.5,1.3-3.4,1.9-5.3,1.9c-1.9,0-3.8-0.7-5.3-1.9l-4.5-3.9L4.7,75.1c1.1,0.5,2.3,0.8,3.5,0.8h73.6c1.3,0,2.5-0.3,3.5-0.8L54.8,48.6z'/%3E%3C/svg%3E");
}
.social-media-icons .label {
  display: none;
}

.springboard {
  padding: 20vw 6.25vw;
  background: #FFD459;
  position: relative;
}
@media (min-width: 782px) {
  .springboard {
    padding: 7.2916666667vw 6.25vw 9.375vw;
  }
}
.springboard h2 {
  font-family: "Founders Grotesk Semibold", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25vw;
  line-height: 1.6;
  color: #FF8900;
  margin: 0 0 2em;
}
@media (max-width: 782px) {
  .springboard h2 {
    font-size: 4.5vw;
  }
}
@media (max-width: 782px) {
  .springboard h2 {
    text-align: center;
  }
}
@media (min-width: 782px) {
  .springboard h2:before {
    content: " ";
    border-bottom: 1px solid #FF8900;
    width: 2em;
    padding: 0.8em 0 0;
    margin: 0 1em 0 0;
    display: inline-block;
  }
}
.springboard .rows .row {
  border-top: 1px solid rgba(255, 137, 0, 0.5);
}
.springboard .rows .link {
  display: flex;
}
@media (min-width: 782px) {
  .springboard .rows .link {
    align-items: center;
    position: relative;
    perspective: 67.1875vw;
  }
}
@media (max-width: 782px) {
  .springboard .rows .link {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 7.5vw 0;
  }
}
@media (min-width: 782px) {
  .springboard .rows .link:hover .question {
    opacity: 0.05;
  }
  .springboard .rows .link:hover .prompt {
    opacity: 1;
    left: 5.2083333333vw;
  }
  .springboard .rows .link:hover .indicator {
    transform: scale(1.2);
    transition: transform 0.6s cubic-bezier(0.23, 1.65, 0.645, 1.005);
  }
  .springboard .rows .link:hover .indicator .arrow {
    opacity: 1;
    transform: rotate(0deg);
    transition: transform 0.6s cubic-bezier(0.23, 1.65, 0.645, 1.005), opacity 0.6s;
  }
  .springboard .rows .link:hover .indicator .question-mark {
    opacity: 0;
    transform: rotate(-90deg);
    transition: transform 0.6s cubic-bezier(0.23, 1.65, 0.645, 1.005), opacity 0.6s;
  }
}
.springboard .rows .indicator {
  width: 7.5vw;
  height: 7.5vw;
  margin: 0 0 2.5vw;
}
@media (min-width: 782px) {
  .springboard .rows .indicator {
    width: 2.6041666667vw;
    height: 2.6041666667vw;
    margin: 0 1.0416666667vw 0 0;
    transition: transform 0.4s;
  }
}
.springboard .rows .indicator .arrow {
  opacity: 0;
  transform: rotate(90deg);
  transform-origin: center center;
  transition: transform 0.4s, opacity 0.4s;
}
.springboard .rows .indicator .question-mark {
  opacity: 1;
  transform: rotate(0deg);
  transform-origin: center center;
  transition: transform 0.4s, opacity 0.4s;
}
.springboard .rows .question {
  font-family: "Franklin Gothic", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 4.1666666667vw;
  line-height: 0.85;
  padding: 1.9791666667vw 0 1.5625vw;
  color: #111111;
  transition: opacity 0.4s, transform 0.4s;
}
@media (max-width: 782px) {
  .springboard .rows .question {
    font-size: 10vw;
  }
}
.springboard .rows .prompt {
  font-family: "Founders Grotesk Semibold", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25vw;
  line-height: 1.6;
}
@media (max-width: 782px) {
  .springboard .rows .prompt {
    font-size: 4.5vw;
  }
}
@media (min-width: 782px) {
  .springboard .rows .prompt {
    color: #FF8900;
    position: absolute;
    top: 50%;
    left: 3.90625vw;
    opacity: 0;
    transform: translateY(-50%);
    transition: left 0.4s, opacity 0.4s;
  }
}
@media (max-width: 782px) {
  .springboard .rows .prompt {
    color: #111111;
    margin: 0.2em 0 0;
  }
  .springboard .rows .prompt:after {
    content: "→";
    font-family: "Arial", sans-serif;
    display: inline-block;
    margin: 0 0 0 0.2em;
  }
}
.springboard .rows span {
  display: block;
}

.standard-banner {
  background: #F7F7F0;
  position: relative;
  padding: 62.5vw 5vw 20vw;
}
@media (min-width: 782px) {
  .standard-banner {
    padding: 13.0208333333vw 18.75vw 5.2083333333vw;
  }
  .standard-banner.error-404 {
    padding: 13.0208333333vw 18.75vw 15.625vw;
  }
}
.standard-banner h1 {
  font-family: "Franklin Gothic", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 7.2916666667vw;
  line-height: 0.85;
  color: #111111;
}
@media (max-width: 782px) {
  .standard-banner h1 {
    font-size: 15vw;
  }
}
.standard-banner p {
  font-family: "Founders Grotesk Regular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375vw;
  line-height: 1.6;
  color: #111111;
  margin: 2em 0;
  opacity: 0;
  transition: opacity 0.3s 0.8s;
}
@media (max-width: 782px) {
  .standard-banner p {
    font-size: 3.75vw;
  }
}
.standard-banner p.is-inview {
  opacity: 1;
}
.standard-banner .button-wrap {
  opacity: 0;
  transition: opacity 0.3s 0.8s;
}
.standard-banner .button-wrap.is-inview {
  opacity: 1;
}
.standard-banner .button {
  font-family: "Founders Grotesk Semibold", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 4.5vw;
  border-radius: 999px;
  background-image: url("../src/images/backhand-index-pointing-right.png");
  background-position: 1.3em 0.7em;
  background-size: 2em auto;
  background-repeat: no-repeat;
  padding: 0 2em 0 4em;
  line-height: 3.8em;
  height: 3.4em;
  display: inline-block;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  white-space: nowrap;
  transition: background 0.3s, color 0.3s, transform 0.4s;
  background-color: #FFD459;
  color: #111111;
}
@media (min-width: 782px) {
  .standard-banner .button {
    font-size: 0.9375vw;
  }
}
.standard-banner .button:hover {
  background-color: #ffc726;
}
.standard-banner .button:hover {
  background-position: 1.8em 0.7em;
  transform: scale(1.2);
  transition: background 0.4s 0.1s cubic-bezier(0.23, 1.65, 0.645, 1.005), color 0.4s, transform 0.4s cubic-bezier(0.23, 1.65, 0.645, 1.005);
}

.team-additional {
  background: #F7F7F0;
  background: rgba(247, 247, 240, 0.05);
  padding: 0 5vw 30vw;
  margin: -10vw 0 0;
}
@media (min-width: 782px) {
  .team-additional {
    padding: 0 14.5833333333vw 15.625vw;
  }
}
.team-additional h2 {
  font-family: "Franklin Gothic", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.5vw;
  line-height: 1.1;
  color: #111111;
  margin: 0 0.5em 0 0;
}
@media (max-width: 782px) {
  .team-additional h2 {
    font-size: 6vw;
  }
}
.team-additional p {
  font-family: "Founders Grotesk Regular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375vw;
  line-height: 1.6;
  color: #111111;
  margin: 1em 0;
}
@media (max-width: 782px) {
  .team-additional p {
    font-size: 3.75vw;
  }
}
.team-additional p a {
  color: #A2ADFF;
}

.team {
  background: #F7F7F0;
  background: rgba(247, 247, 240, 0.05);
  padding: 0 5vw 30vw;
}
@media (min-width: 782px) {
  .team {
    padding: 0 14.5833333333vw 15.625vw;
  }
}
.team .member {
  margin: 20vw 0 0;
}
@media (min-width: 782px) {
  .team .member {
    margin: 4.1666666667vw 0 0;
  }
}
.team .member:first-child {
  margin: 0;
}
.team .upper {
  padding: 0 0 5vw;
  border-bottom: 1px solid #616161;
}
@media (min-width: 782px) {
  .team .upper {
    display: flex;
    align-items: center;
    padding: 0 0 1.0416666667vw;
  }
}
.team .lower {
  padding: 7.5vw 0 0;
}
@media (min-width: 782px) {
  .team .lower {
    display: flex;
    align-items: flex-start;
    padding: 1.5625vw 0 0;
  }
}
.team h2 {
  font-family: "Franklin Gothic", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 4.1666666667vw;
  line-height: 0.85;
  color: #111111;
  margin: 0 0.5em 0 0;
}
@media (max-width: 782px) {
  .team h2 {
    font-size: 10vw;
  }
}
.team .role {
  font-family: "Founders Grotesk Regular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375vw;
  line-height: 1.6;
  color: #111111;
  display: block;
}
@media (max-width: 782px) {
  .team .role {
    font-size: 3.75vw;
  }
}
@media (max-width: 782px) {
  .team .role {
    margin: 0.5em 0 0;
  }
}
.team img {
  width: 100%;
  aspect-ratio: 10/7;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 2vw;
}
@media (min-width: 782px) {
  .team img {
    width: 24.4791666667vw;
    margin: 0 4.1666666667vw 0 0;
    border-radius: 0.4166666667vw;
  }
}
@media (min-width: 782px) {
  .team .bio {
    width: 31.25vw;
  }
}
.team p {
  font-family: "Founders Grotesk Regular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375vw;
  line-height: 1.6;
  color: #111111;
  margin: 1em 0;
}
@media (max-width: 782px) {
  .team p {
    font-size: 3.75vw;
  }
}
.team p a {
  color: #A2ADFF;
}

.testimonials {
  background: #A2ADFF;
  position: relative;
  padding: 20vw 6.25vw;
}
@media (min-width: 782px) {
  .testimonials {
    padding: 6.25vw 6.25vw 10.4166666667vw;
  }
}
.testimonials .swiper-meta {
  display: flex;
  align-items: center;
}
@media (min-width: 782px) {
  .testimonials .swiper-meta .number {
    font-family: "Founders Grotesk Regular", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0.9375vw;
    line-height: 1.6;
    color: #566aff;
    margin: 0 3em 0 0;
  }
}
@media (min-width: 782px) and (max-width: 782px) {
  .testimonials .swiper-meta .number {
    font-size: 3.75vw;
  }
}
@media (max-width: 782px) {
  .testimonials .swiper-meta .number {
    display: none;
  }
}
.testimonials .swiper-meta .swiper-pagination {
  display: flex;
}
.testimonials .swiper-meta .swiper-pagination .swiper-pagination-bullet {
  width: 4vw;
  height: 4vw;
  display: block;
  border-radius: 50%;
  background: #8997ff;
  margin: 0 1.25vw 0 0;
  cursor: pointer;
  transition: background 0.4s, transform 0.4s;
}
@media (min-width: 782px) {
  .testimonials .swiper-meta .swiper-pagination .swiper-pagination-bullet {
    width: 0.8333333333vw;
    height: 0.8333333333vw;
    margin: 0 0.2604166667vw 0 0;
  }
}
.testimonials .swiper-meta .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #566aff;
}
.testimonials .swiper-meta .swiper-pagination .swiper-pagination-bullet:hover {
  transform: scale(1.2);
  background: #0016bc;
}
.testimonials .swiper-meta .author {
  font-family: "Founders Grotesk Regular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375vw;
  line-height: 1.6;
  color: #566aff;
  margin: 0 0 0 2em;
  padding: 0 0 0 2em;
  border-left: 2px solid #8997ff;
}
@media (max-width: 782px) {
  .testimonials .swiper-meta .author {
    font-size: 3.75vw;
  }
}
.testimonials .swiper-container {
  margin: 15vw 0 0;
}
@media (min-width: 782px) {
  .testimonials .swiper-container {
    margin: 3.125vw 0 0;
  }
}
.testimonials p {
  font-family: "Franklin Gothic", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 4.1666666667vw;
  line-height: 0.85;
  color: #F7F7F0;
}
@media (max-width: 782px) {
  .testimonials p {
    font-size: 10vw;
  }
}