/*
Author: Patrick Savolainen
Author URI: https://www.savolainen.studio
Description: The Website of Hyphen's Mega Accelerator
Version: 1.0
Text Domain: none
*/
/*

MMMMMM            MMMMMMMM         EEEEEEEEEEEEEE          GGGGGGGGGGGGGGGG       AAAAAAAAAAA             
MMMMM MM         MM MMMMMM        EEEEEEEEEEEEEE        GGGGGGGGGG     GGGG      AAAAA   AAAA
MMMMM  MM       MM  MMMMMM       EEEEEE               GGGGGGGGG                 AAAAAA    AAAAA
MMMMM   MM     MM   MMMMMM      EEEEEEEEEEEEE        GGGGGGGG     GGGGGGGGG     AAAAAAAAAAAAAAAA
MMMMM    MM   MM    MMMMMM     EEEEEE                GGGGGGGG        GGGGGG    AAAAAA      AAAAA
MMMMM     MM MM     MMMMMM    EEEEEEEEEEEEEEEEEEEE     GGGGGGGG    GGGGGG    AAAAAA        AAAAAA
MMMMM     MMMMM     MMMMMM   EEEEEEEEEEEEEEEEEEEE        GGGGGGGGGGGGGGG     AAAAAA        AAAAAA


*/
/*  Reset */
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

@font-face {
  font-family: "GT-America-Ext-Light";
  src: url(assets/fonts/6f1731a4f490bb96.woff2) format("woff2"), url(assets/fonts/05a2600512e7e2aa.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GT-America-Exp-Light";
  src: url(assets/fonts/5ede42cf242afc3f.woff2) format("woff2"), url(assets/fonts/ee5b1f0a8057f501.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GT-America-Std-Light";
  src: url(assets/fonts/e86957a4ddfe2b48.woff2) format("woff2"), url(assets/fonts/31b044eba18f38a6.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AS-Expert-04-Light";
  src: url(assets/fonts/89372d3673b4c3a1.woff2) format("woff2"), url(assets/fonts/bbefc290d87cfb66.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AS-Expert-04-Book";
  src: url(assets/fonts/7e64c7a99d2be4d1.woff2) format("woff2"), url(assets/fonts/417e344dd8cd8276.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AS-Expert-04-Regular";
  src: url(assets/fonts/c5957c65f0b05ab4.woff2) format("woff2"), url(assets/fonts/5ce22a175710fdaf.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
html, body {
  margin: 0;
  padding: 0;
  font-size: 18px;
  background-color: #000;
  color: #F9F9F9;
  transition: background-color 0.325s ease-in-out;
  font-family: "AS-Expert-04-Book", Arial, sans-serif;
}

::-moz-selection {
  background: #FF7A00;
  color: #000;
}

::selection {
  background: #FF7A00;
  color: #000;
}

@media (min-width: 1600px) {
  html, body {
    font-size: 20px;
  }
}
@media (min-width: 1001px) and (max-width: 1200px) {
  html, body {
    font-size: 16px;
  }
}
@media (max-width: 1000px) {
  html, body {
    font-size: 14px;
    letter-spacing: 0.01em;
  }
}
h1, h2 {
  font-family: "AS-Expert-04-Book", Arial, sans-serif;
  letter-spacing: 0.01em;
}

h1 {
  color: #FF7A00;
  font-family: "AS-Expert-04-Light", Arial, sans-serif;
}

section h1 {
  color: #F9F9F9;
  font-size: 2.8rem;
  line-height: 0.9em;
  margin-top: 16px;
}

section h1:last-of-type {
  margin-bottom: 3rem;
}

section h2 {
  color: #FF7A00;
  font-size: 0.9rem;
  letter-spacing: 0.065em;
  margin-bottom: 1rem;
}

section h3 {
  color: #FF7A00;
  margin-bottom: 0rem;
  padding: 0px 0.5rem 0px 0rem;
  font-family: "AS-Expert-04-Book", Arial, sans-serif;
  letter-spacing: 0.025em;
}

section p {
  line-height: 1.45em;
  letter-spacing: 0.06em;
  padding: 0.5rem 0rem 0.5rem 0rem;
  font-size: 1rem;
  color: #aaa;
}

@media (max-width: 1000px) {
  section h1 {
    font-size: 2rem;
  }
  section p {
    padding: 0.25rem 0rem 0.25rem 0rem;
  }
  section h3 {
    padding: 0px 0.25rem 0px 0rem;
    letter-spacing: 0.05em;
  }
}
p {
  margin-top: 1rem;
  letter-spacing: 0.06em;
  line-height: 1.28em;
}

p:first-of-type {
  margin-top: 0;
}

strong, b, .highlight {
  font-style: normal;
  color: #FF7A00;
}

.white {
  color: #FFF;
}

a:link, a:active {
  color: #FFF;
  transition: all ease-in-out 0.3s;
  text-underline-offset: 3px;
  text-decoration: underline;
}

a:hover {
  color: #aaa;
  text-decoration: none;
}

a:visited {
  color: #aaa;
}

sup {
  font-size: 0.6em;
  position: relative;
  vertical-align: baseline;
  top: -0.55em;
  letter-spacing: 0.03em;
}

a.button {
  background-color: rgb(77, 37, 0);
  color: #FF7A00;
  padding: 0.25rem;
  border-radius: 5px;
  text-decoration: none;
  transition: all ease-in-out 0.3s;
}

a.button:hover {
  background-color: rgba(100, 48, 0, 0.5);
}

#method .num h1 {
  text-align: center;
  margin-top: 2rem;
  color: #FF7A00;
  font-size: 6rem;
}

main {
  background: #000;
  display: block;
  opacity: 0.1;
}
main sections {
  display: block;
  position: relative;
  clear: both;
  margin-top: 0vh;
  opacity: 1;
}
main section {
  width: calc(100% - 96px);
  max-width: 2000px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
  padding-top: 5rem;
  padding-bottom: 80px;
  background-color: #0E0D0D;
  border-radius: 8px;
  border: 16px solid #0E0D0D;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  grid-gap: 16px;
  /* .area {
       width: 80%;
       max-width: 800px;
       margin-left: auto;
       margin-right: auto;
   }
   @media  (max-width: 1000px) {
       .area {
           width: 95%;
       }
   } */
}
@media screen and (max-width: 1200px) {
  main section {
    width: calc(100% - 64px);
  }
}
@media screen and (max-width: 1000px) {
  main section {
    width: calc(100% - 40px);
    border: 10px solid #0E0D0D;
  }
}
main section > div {
  background: none;
}
main section:last-of-type {
  margin-bottom: 10vh;
}
main .main-section-accelerator .main-section-accelerator-bullets {
  position: fixed;
  bottom: 1rem;
  width: 5px;
  background: #FF7A00;
  height: 200px;
  right: calc(6% - 5px);
  z-index: 10;
  display: none;
}
main .main-hyphen-wordmark {
  margin-top: 16px;
  right: 32px;
  text-align: right;
  font-size: 1rem;
  display: block;
  position: fixed;
  width: 200px;
  z-index: 999;
}
main .main-hyphen-wordmark a:link {
  text-decoration: none;
}
main .main-lead {
  position: relative;
  display: block;
  clear: both;
  width: 100%;
  height: 100vh;
  overflow: visible;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
main .main-lead .main-lead-cover {
  position: absolute;
  z-index: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: block;
  background-color: #000;
}
main .main-lead .main-lead-text {
  position: absolute;
  display: block;
  z-index: 3;
  width: 100%;
  height: calc(100% - env(safe-area-inset-bottom));
}
main .main-lead .main-lead-text .main-lead-text-title {
  position: absolute;
  z-index: 4;
  top: 16px;
  left: 0px;
  display: flex;
  flex-direction: column;
  align-content: center;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(100vh - 200px);
}
main .main-lead .main-lead-text .main-lead-text-title h1 {
  font-size: 7.2vw;
  text-transform: uppercase;
  line-height: 0.9em;
  letter-spacing: 0.01em;
  text-align: center;
  font-family: "GT-America-Exp-Light", sans-serif;
}
@media (max-width: 1000px) {
  main .main-lead .main-lead-text .main-lead-text-title h1 {
    margin-left: 1%;
    margin-top: 2%;
    letter-spacing: 0.015em;
  }
}
main .main-lead .main-lead-text .main-lead-text-body {
  background-color: rgba(56, 27, 0, 0.889);
  position: absolute;
  margin: 0px;
  width: 100%;
  bottom: 0rem;
  bottom: calc(0rem + env(safe-area-inset-bottom));
}
main .main-lead .main-lead-text .main-lead-text-body p {
  font-size: 1rem;
}
main .main-lead .main-lead-text .main-lead-text-body-copy {
  background-color: #FF7A00;
  width: calc(60% - 4rem);
  padding: 2rem 2rem 2rem 5rem;
}
@media screen and (max-width: 1000px) {
  main .main-lead .main-lead-text .main-lead-text-body-copy {
    width: calc(50% - 32px);
    padding: 16px;
  }
}
@media screen and (max-width: 700px) {
  main .main-lead .main-lead-text .main-lead-text-body-copy {
    width: calc(100% - 32px);
    padding: 16px;
  }
}
@media screen and (max-width: 700px) {
  main .main-lead .main-lead-text .main-lead-text-body-copy {
    width: calc(100% - 5px);
    padding: 2.5px;
    display: flex;
    justify-content: center;
  }
}
main .main-lead .main-lead-text .main-lead-text-body-scrollmore {
  color: #FF7A00;
  font-size: 1rem;
  text-align: center;
  letter-spacing: 0.06em;
  padding: 16px;
  align-self: center;
  width: calc(40% - 32px);
  line-height: 2.1em;
}
@media screen and (max-width: 1000px) {
  main .main-lead .main-lead-text .main-lead-text-body-scrollmore {
    width: calc(50% - 32px);
    padding: 16px;
  }
}
@media screen and (max-width: 700px) {
  main .main-lead .main-lead-text .main-lead-text-body-scrollmore {
    width: calc(100% - 32px);
    padding: 16px;
  }
}
@media screen and (max-width: 400px) {
  main .main-lead .main-lead-text .main-lead-text-body-scrollmore {
    width: calc(100% - 5px);
    padding: 2.5px;
  }
}
@media (max-width: 1000px) {
  main .main-lead .main-lead-text .main-lead-text-body {
    width: 100%;
    padding: 0rem;
    position: absolute;
  }
  main .main-lead .main-lead-text .main-lead-text-body p {
    font-size: 1rem;
    padding: 16px;
  }
}
main .main-section-header {
  position: relative;
  grid-column: 2/6;
  z-index: 4;
  padding-bottom: 5rem;
}
@media screen and (max-width: 1440px) {
  main .main-section-header {
    grid-column: 2/8;
  }
}
@media screen and (max-width: 1000px) {
  main .main-section-header {
    grid-column: 2/12;
  }
}
@media screen and (max-width: 260px) {
  main .main-section-header {
    grid-column: 1/13;
  }
}
main .main-section-body {
  grid-column: 1/13;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  grid-gap: 16px;
  position: relative;
  z-index: 2;
}
main .main-section-body .main-section-slide-wrapper {
  grid-column: 1/6;
  grid-row: 1;
  position: relative;
  z-index: 9;
  margin-top: 25vh;
  margin-bottom: 50vh;
}
@media screen and (max-width: 1000px) {
  main .main-section-body .main-section-slide-wrapper {
    grid-column: 2/12;
    margin-top: 80vh;
  }
}
@media screen and (max-width: 600px) {
  main .main-section-body .main-section-slide-wrapper {
    grid-column: 1/13;
    margin-top: 80vh;
  }
}
main .main-section-body .main-section-slide-wrapper .main-section-slide {
  margin-bottom: 16px;
  transition: all ease-in-out 0.5s;
  opacity: 0.2;
  position: relative;
  bottom: 0px;
  height: 300px;
  background: #1C1A17;
  padding: 1%;
  border-radius: 10px;
  left: auto;
  right: auto;
  margin-left: auto;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  -moz-column-gap: 0px;
       column-gap: 0px;
}
@media screen and (max-width: 1000px) {
  main .main-section-body .main-section-slide-wrapper .main-section-slide {
    height: auto;
    padding-top: 22px;
    padding-bottom: 22px;
    opacity: 0.2;
    margin-bottom: 60vh;
  }
}
main .main-section-body .main-section-slide-wrapper .main-section-slide:last-of-type {
  margin-bottom: 0px;
}
main .main-section-body .main-section-slide-wrapper .main-section-slide .main-section-slide-num {
  grid-column: 1;
  font-size: 5.5rem;
  text-align: center;
  align-self: center;
  font-family: "AS-Expert-04-Light", Arial, sans-serif;
  color: #FF7A00;
  font-variant-numeric: tabular-nums;
}
@media screen and (max-width: 1000px) {
  main .main-section-body .main-section-slide-wrapper .main-section-slide .main-section-slide-num {
    font-size: 3rem;
  }
}
main .main-section-body .main-section-slide-wrapper .main-section-slide .main-section-slide-copy {
  grid-column: 2/6;
  align-self: center;
}
main .main-section-body .main-section-slide-wrapper .main-section-slide .main-section-slide-copy p {
  padding-top: 0;
  padding-right: 22px;
}
@media screen and (max-width: 1000px) {
  main .main-section-body .main-section-slide-wrapper .main-section-slide .main-section-slide-copy p {
    padding-right: 16px;
  }
}
main .main-section-body .main-section-slide-wrapper .main-section-flexbox {
  border: 1px solid #FF7A00;
  padding: 16px 0.85rem;
  margin-top: 1rem;
  /*  width: calc(100% - 2rem); 
      margin-left: $gap; */
  background: rgb(77, 37, 0);
  transition: all ease-in-out 0.3s;
  display: none;
}
main .main-section-body .main-section-slide-wrapper .main-section-flexbox:hover {
  background: rgba(100, 48, 0, 0.5);
}
main .main-section-body .main-section-slide-wrapper .main-section-flexbox .main-section-flexbox-header {
  color: #FF7A00;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 0.82rem;
  letter-spacing: 0.06em;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
main .main-section-body .main-section-slide-wrapper .main-section-flexbox .main-section-flexbox-header span {
  display: block;
}
main .main-section-body .main-section-slide-wrapper .main-section-flexbox .main-section-flexbox-header .main-section-flexbox-header-plus {
  font-size: 1.5rem;
  line-height: 1rem;
  transition: all ease-in-out 0.5s;
}
main .main-section-body .main-section-slide-wrapper .main-section-flexbox .main-section-flexbox-body {
  display: none;
  margin-top: 1rem;
  font-family: "GT-America-Std-Light", sans-serif;
  letter-spacing: 0.035em;
  line-height: 1.4em;
  font-size: 0.85rem;
}
main .main-section-body .main-section-slide-wrapper .main-section-flexbox .main-section-flexbox-body .two-col-grid {
  display: grid;
  grid-template-columns: calc(50% - 16px) calc(50% - 16px);
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  row-gap: 1rem;
  grid-template-rows: auto;
  opacity: 0;
  transition: all ease-in-out 2s;
  padding-bottom: 16px;
}
main .main-section-body .main-section-slide-wrapper .main-section-flexbox .main-section-flexbox-body .expert-picture {
  width: 100px;
  height: 135px;
  background-color: rgb(77, 37, 0);
  color: #333;
  background-position: center;
  background-size: cover;
  filter: grayscale(1);
}
main .main-section-body .main-section-slide-wrapper .main-section-flexbox .main-section-flexbox-body .expert-bio {
  width: calc(100% - 100px - 0.25rem);
}
main .main-section-body .main-section-slide-wrapper .main-section-flexbox .main-section-flexbox-body .opacity1 {
  opacity: 1;
}
main .main-section-body .main-section-slide-wrapper .main-section-flexbox .main-section-flexbox-body .expert-bio-name {
  color: #FF7A00;
  font-family: "GT-America-Ext-Light", sans-serif;
}
main ol {
  counter-reset: li;
  line-height: 2em;
}
main li {
  position: relative;
  list-style-type: none;
  margin-left: -3rem;
}
main li:before {
  width: 1.75em;
  height: 1.75em;
  position: absolute;
  left: -3rem;
  margin-right: 0rem;
  content: counter(li);
  counter-increment: li;
  color: #FF7A00;
  text-transform: uppercase;
  font-size: 0.8rem;
}

.main-section-img-slide,
.main-section-img-slide-1-1,
.main-section-img-slide-1-2,
.main-section-img-slide-2-2,
.main-section-img-slide-1-3,
.main-section-img-slide-2-3,
.main-section-img-slide-3-3 {
  background: #1C1A17;
  grid-column: 1/13;
  border-radius: 16px;
  padding: 16px;
  padding-bottom: 48px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  -moz-column-gap: 16px;
       column-gap: 16px;
  row-gap: 16px;
}
@media screen and (max-width: 900px) {
  .main-section-img-slide,
.main-section-img-slide-1-1,
.main-section-img-slide-1-2,
.main-section-img-slide-2-2,
.main-section-img-slide-1-3,
.main-section-img-slide-2-3,
.main-section-img-slide-3-3 {
    border-radius: 10px;
  }
}
@media screen and (max-width: 400px) {
  .main-section-img-slide,
.main-section-img-slide-1-1,
.main-section-img-slide-1-2,
.main-section-img-slide-2-2,
.main-section-img-slide-1-3,
.main-section-img-slide-2-3,
.main-section-img-slide-3-3 {
    -moz-column-gap: 10px;
         column-gap: 10px;
    row-gap: 10px;
    border-radius: 10px;
  }
}
.main-section-img-slide p,
.main-section-img-slide-1-1 p,
.main-section-img-slide-1-2 p,
.main-section-img-slide-2-2 p,
.main-section-img-slide-1-3 p,
.main-section-img-slide-2-3 p,
.main-section-img-slide-3-3 p {
  padding: 0px;
  margin: 0;
}
.main-section-img-slide .main-section-img-full,
.main-section-img-slide-1-1 .main-section-img-full,
.main-section-img-slide-1-2 .main-section-img-full,
.main-section-img-slide-2-2 .main-section-img-full,
.main-section-img-slide-1-3 .main-section-img-full,
.main-section-img-slide-2-3 .main-section-img-full,
.main-section-img-slide-3-3 .main-section-img-full {
  display: block;
  height: 70vh;
  background-position: center;
  background-size: cover;
  background-color: rgb(77, 37, 0);
  border-radius: 10px;
  grid-column: 1/13;
}
@media screen and (max-width: 1200px) {
  .main-section-img-slide .main-section-img-full,
.main-section-img-slide-1-1 .main-section-img-full,
.main-section-img-slide-1-2 .main-section-img-full,
.main-section-img-slide-2-2 .main-section-img-full,
.main-section-img-slide-1-3 .main-section-img-full,
.main-section-img-slide-2-3 .main-section-img-full,
.main-section-img-slide-3-3 .main-section-img-full {
    height: 60vh;
  }
}
@media screen and (max-width: 900px) {
  .main-section-img-slide .main-section-img-full,
.main-section-img-slide-1-1 .main-section-img-full,
.main-section-img-slide-1-2 .main-section-img-full,
.main-section-img-slide-2-2 .main-section-img-full,
.main-section-img-slide-1-3 .main-section-img-full,
.main-section-img-slide-2-3 .main-section-img-full,
.main-section-img-slide-3-3 .main-section-img-full {
    height: 100vw;
  }
}
@media screen and (max-width: 600px) {
  .main-section-img-slide .main-section-img-full,
.main-section-img-slide-1-1 .main-section-img-full,
.main-section-img-slide-1-2 .main-section-img-full,
.main-section-img-slide-2-2 .main-section-img-full,
.main-section-img-slide-1-3 .main-section-img-full,
.main-section-img-slide-2-3 .main-section-img-full,
.main-section-img-slide-3-3 .main-section-img-full {
    height: calc(100vw - 96px);
  }
}
.main-section-img-slide .main-section-img-caption,
.main-section-img-slide-1-1 .main-section-img-caption,
.main-section-img-slide-1-2 .main-section-img-caption,
.main-section-img-slide-2-2 .main-section-img-caption,
.main-section-img-slide-1-3 .main-section-img-caption,
.main-section-img-slide-2-3 .main-section-img-caption,
.main-section-img-slide-3-3 .main-section-img-caption {
  margin-left: 2rem;
  margin-right: auto;
  margin-top: 1rem;
  padding-bottom: 3rem;
  width: calc(100% - 4rem);
}
.main-section-img-slide .main-section-img-caption .flex-2-child,
.main-section-img-slide-1-1 .main-section-img-caption .flex-2-child,
.main-section-img-slide-1-2 .main-section-img-caption .flex-2-child,
.main-section-img-slide-2-2 .main-section-img-caption .flex-2-child,
.main-section-img-slide-1-3 .main-section-img-caption .flex-2-child,
.main-section-img-slide-2-3 .main-section-img-caption .flex-2-child,
.main-section-img-slide-3-3 .main-section-img-caption .flex-2-child {
  width: 45%;
}
.main-section-img-slide .main-section-img-caption .flex-2-child:last-of-type,
.main-section-img-slide-1-1 .main-section-img-caption .flex-2-child:last-of-type,
.main-section-img-slide-1-2 .main-section-img-caption .flex-2-child:last-of-type,
.main-section-img-slide-2-2 .main-section-img-caption .flex-2-child:last-of-type,
.main-section-img-slide-1-3 .main-section-img-caption .flex-2-child:last-of-type,
.main-section-img-slide-2-3 .main-section-img-caption .flex-2-child:last-of-type,
.main-section-img-slide-3-3 .main-section-img-caption .flex-2-child:last-of-type {
  text-align: right;
}
@media (max-width: 1000px) {
  .main-section-img-slide .main-section-img-caption,
.main-section-img-slide-1-1 .main-section-img-caption,
.main-section-img-slide-1-2 .main-section-img-caption,
.main-section-img-slide-2-2 .main-section-img-caption,
.main-section-img-slide-1-3 .main-section-img-caption,
.main-section-img-slide-2-3 .main-section-img-caption,
.main-section-img-slide-3-3 .main-section-img-caption {
    margin-left: 0.9rem;
  }
  .main-section-img-slide .main-section-img-caption .flex-2-child,
.main-section-img-slide-1-1 .main-section-img-caption .flex-2-child,
.main-section-img-slide-1-2 .main-section-img-caption .flex-2-child,
.main-section-img-slide-2-2 .main-section-img-caption .flex-2-child,
.main-section-img-slide-1-3 .main-section-img-caption .flex-2-child,
.main-section-img-slide-2-3 .main-section-img-caption .flex-2-child,
.main-section-img-slide-3-3 .main-section-img-caption .flex-2-child {
    width: auto;
  }
  .main-section-img-slide .main-section-img-caption .flex-2-child:last-of-type,
.main-section-img-slide-1-1 .main-section-img-caption .flex-2-child:last-of-type,
.main-section-img-slide-1-2 .main-section-img-caption .flex-2-child:last-of-type,
.main-section-img-slide-2-2 .main-section-img-caption .flex-2-child:last-of-type,
.main-section-img-slide-1-3 .main-section-img-caption .flex-2-child:last-of-type,
.main-section-img-slide-2-3 .main-section-img-caption .flex-2-child:last-of-type,
.main-section-img-slide-3-3 .main-section-img-caption .flex-2-child:last-of-type {
    text-align: left;
    margin-top: 16px;
  }
}

.main-section-img-caption--steps p {
  color: #aaa;
  line-height: 1.4em;
  font-size: 0.8rem;
  margin-top: 5px;
}

.main-section-img-caption--steps a.button {
  font-size: 0.85rem;
  letter-spacing: 0.045em;
  white-space: no-wrap;
  display: inline-block;
  padding: 0.2rem 0.4rem 0.12rem 0.4rem;
  margin: 0.2rem 0rem 0.2rem 0rem;
}

.main-section-img-caption--title {
  grid-column: 1/3;
}
@media screen and (max-width: 1000px) {
  .main-section-img-caption--title {
    grid-column: 1/12;
    grid-row: 1;
  }
}
@media screen and (max-width: 550px) {
  .main-section-img-caption--title {
    grid-column: 1/12;
  }
}

.main-section-img-caption--desc {
  grid-column: 3/8;
}
@media screen and (max-width: 1000px) {
  .main-section-img-caption--desc {
    grid-column: 1/9;
  }
}
@media screen and (max-width: 550px) {
  .main-section-img-caption--desc {
    grid-column: 1/13;
  }
}

.main-section-img-caption--steps {
  grid-column: 9/11;
}
@media screen and (max-width: 1440px) {
  .main-section-img-caption--steps {
    grid-column: 8/11;
  }
}
@media screen and (max-width: 1000px) {
  .main-section-img-caption--steps {
    grid-column: 9/13;
  }
}
@media screen and (max-width: 550px) {
  .main-section-img-caption--steps {
    grid-column: 1/12;
  }
}
@media screen and (max-width: 280px) {
  .main-section-img-caption--steps {
    grid-column: 1/13;
  }
}

.main-section-img-caption--learn_more h4 {
  font-size: 0.8rem;
  color: #aaa;
  margin-top: 5px;
  line-height: 1.4em;
}

.main-section-img-caption--learn_more a {
  font-size: 0.8rem;
  color: #aaa;
  margin-top: 5px;
  line-height: 1.4em;
}

.main-section-img-caption--learn_more {
  grid-column: 11/13;
  line-height: 1.4em;
  letter-spacing: 0.045em;
}
@media screen and (max-width: 550px) {
  .main-section-img-caption--learn_more {
    grid-column: 1/12;
  }
}

.main-section-img-slide-1-2,
.main-section-img-slide-2-2 {
  grid-column: 1/7;
  grid-template-columns: repeat(6, 1fr);
  align-items: start;
}
.main-section-img-slide-1-2 .main-section-img-full,
.main-section-img-slide-2-2 .main-section-img-full {
  grid-column: 1/7;
}
.main-section-img-slide-1-2 .main-section-img-caption--title,
.main-section-img-slide-2-2 .main-section-img-caption--title {
  grid-column: 1/3;
}
@media screen and (max-width: 1000px) {
  .main-section-img-slide-1-2 .main-section-img-caption--title,
.main-section-img-slide-2-2 .main-section-img-caption--title {
    grid-column: 1/6;
    grid-row: 1;
  }
}
@media screen and (max-width: 550px) {
  .main-section-img-slide-1-2 .main-section-img-caption--title,
.main-section-img-slide-2-2 .main-section-img-caption--title {
    grid-column: 1/7;
  }
}
.main-section-img-slide-1-2 .main-section-img-caption--desc,
.main-section-img-slide-2-2 .main-section-img-caption--desc {
  grid-column: 3/7;
}
@media screen and (max-width: 1000px) {
  .main-section-img-slide-1-2 .main-section-img-caption--desc,
.main-section-img-slide-2-2 .main-section-img-caption--desc {
    grid-column: 1/4;
  }
}
@media screen and (max-width: 550px) {
  .main-section-img-slide-1-2 .main-section-img-caption--desc,
.main-section-img-slide-2-2 .main-section-img-caption--desc {
    grid-column: 1/7;
  }
}
.main-section-img-slide-1-2 .main-section-img-caption--steps,
.main-section-img-slide-2-2 .main-section-img-caption--steps {
  grid-column: 3/7;
}
@media screen and (max-width: 1000px) {
  .main-section-img-slide-1-2 .main-section-img-caption--steps,
.main-section-img-slide-2-2 .main-section-img-caption--steps {
    grid-column: 5/7;
  }
}
@media screen and (max-width: 550px) {
  .main-section-img-slide-1-2 .main-section-img-caption--steps,
.main-section-img-slide-2-2 .main-section-img-caption--steps {
    grid-column: 1/7;
  }
}
.main-section-img-slide-1-2 .main-section-img-caption--learn_more,
.main-section-img-slide-2-2 .main-section-img-caption--learn_more {
  grid-column: 3/7;
}
@media screen and (max-width: 550px) {
  .main-section-img-slide-1-2 .main-section-img-caption--learn_more,
.main-section-img-slide-2-2 .main-section-img-caption--learn_more {
    grid-column: 1/12;
  }
}
@media screen and (max-width: 1000px) {
  .main-section-img-slide-1-2,
.main-section-img-slide-2-2 {
    grid-column: 1/13;
  }
}

.main-section-img-slide-2-2 {
  grid-column: 7/13;
}
@media screen and (max-width: 1000px) {
  .main-section-img-slide-2-2 {
    grid-column: 1/13;
  }
}

.main-section-img-slide-1-3,
.main-section-img-slide-2-3,
.main-section-img-slide-3-3 {
  grid-column: 1/5;
  grid-template-columns: repeat(6, 1fr);
  align-items: start;
  align-content: start;
}
.main-section-img-slide-1-3 .main-section-img-caption--title,
.main-section-img-slide-2-3 .main-section-img-caption--title,
.main-section-img-slide-3-3 .main-section-img-caption--title {
  grid-column: 1/7;
}
.main-section-img-slide-1-3 .main-section-img-caption--desc,
.main-section-img-slide-2-3 .main-section-img-caption--desc,
.main-section-img-slide-3-3 .main-section-img-caption--desc {
  grid-column: 1/7;
}
@media screen and (max-width: 600px) {
  .main-section-img-slide-1-3,
.main-section-img-slide-2-3,
.main-section-img-slide-3-3 {
    grid-column: 1/13;
  }
}

.main-section-img-slide-2-3 {
  grid-column: 5/9;
}
@media screen and (max-width: 600px) {
  .main-section-img-slide-2-3 {
    grid-column: 1/13;
  }
}

.main-section-img-slide-3-3 {
  grid-column: 9/13;
}
@media screen and (max-width: 600px) {
  .main-section-img-slide-3-3 {
    grid-column: 1/13;
  }
}

.main-section-method-sliders {
  grid-column: 2/7;
  background: #000;
  grid-row: 1/4;
  border-radius: 16px;
}
@media screen and (max-width: 1440px) {
  .main-section-method-sliders {
    grid-column: 1/7;
  }
}

.main-section-method-argument {
  grid-column: 7/12;
  min-height: 200px;
  display: flex;
  opacity: 0.2;
  font-family: "AS-Expert-04-Light", Arial, sans-serif;
}
@media screen and (max-width: 900px) {
  .main-section-method-argument {
    font-family: "AS-Expert-04-Book", Arial, sans-serif;
    grid-column: 7/13;
    min-height: 100px;
  }
}
@media screen and (max-width: 900px) {
  .main-section-method-argument {
    min-height: auto;
  }
}
.main-section-method-argument p {
  font-size: 2rem;
  letter-spacing: 0em;
  line-height: 1.15em;
}
@media screen and (max-width: 900px) {
  .main-section-method-argument p {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .main-section-method-argument p {
    font-size: 1.2rem;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 400px) {
  .main-section-method-argument p {
    font-size: 0.9rem;
  }
}

@media (min-width: 1000px) {
  .main-section-method-argument--02 {
    align-items: center;
  }
  .main-section-method-argument--03 {
    align-items: end;
  }
}
.main-section-img-small {
  grid-column: 1/7;
  background-color: #000;
  height: 600px;
  display: block;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 1440px) {
  .main-section-img-small {
    height: calc(33vw - 48px);
  }
}
@media screen and (max-width: 900px) {
  .main-section-img-small {
    height: calc(33vw - 32px);
  }
}
@media screen and (max-width: 600px) {
  .main-section-img-small {
    height: calc(100vw - 32px);
  }
}

section a.main-section-body-contact-1-2,
section a.main-section-body-contact-2-2 {
  grid-column: 3/7;
  font-size: 1.6rem;
  text-align: center;
  border: 1px solid #FF7A00;
  padding: 48px;
  display: grid;
  align-content: center;
  text-decoration: none;
  color: #FF7A00;
  background-color: rgb(35, 17, 0);
  font-family: "AS-Expert-04-Light", Arial, sans-serif;
  transition: all ease-in-out 0.2;
}
@media screen and (max-width: 1000px) {
  section a.main-section-body-contact-1-2,
section a.main-section-body-contact-2-2 {
    font-size: 1rem;
    padding: 32px;
  }
}
@media screen and (max-width: 600px) {
  section a.main-section-body-contact-1-2,
section a.main-section-body-contact-2-2 {
    grid-column: 2/12;
    font-family: "AS-Expert-04-Book", Arial, sans-serif;
  }
}
@media screen and (max-width: 280px) {
  section a.main-section-body-contact-1-2,
section a.main-section-body-contact-2-2 {
    grid-column: 1/13;
  }
}

section a.main-section-body-contact-2-2 {
  grid-column: 7/11;
}
@media screen and (max-width: 600px) {
  section a.main-section-body-contact-2-2 {
    grid-column: 2/12;
  }
}
@media screen and (max-width: 280px) {
  section a.main-section-body-contact-2-2 {
    grid-column: 1/13;
  }
}

section a.main-section-body-contact-1-2:hover,
section a.main-section-body-contact-2-2:hover {
  background-color: rgba(56, 27, 0, 0.889);
}

.n90deg {
  transform: rotate(135deg);
}

.opacity1 {
  opacity: 1 !important;
}

.opacity0 {
  opacity: 0;
}

.fixed {
  position: fixed !important;
}

.flex-2-parent-horizontal {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

@media (max-width: 1000px) {
  .flex-2-parent-horizontal {
    flex-wrap: wrap;
  }
  .flex-2-child {
    width: 100%;
  }
}
#step1-0,
#step1-1,
#step1-2,
#step1-3,
#step1-4,
#step1-5,
#step2-0,
#step2-1,
#step2-2,
#step2-3,
#step2-4,
#step3-0 {
  transition: all ease-in-out 0.25s;
}

.animation-triggers {
  position: absolute;
  width: 30px;
  z-index: 1000;
  height: auto;
  margin-left: 1px;
  margin-top: 120vh;
}
@media screen and (max-width: 1000px) {
  .animation-triggers {
    margin-top: 165vh;
  }
}
.animation-triggers .animation-trigger {
  width: 40x;
  height: 1px;
  background: none;
  margin-top: 300px;
}
@media screen and (max-width: 1000px) {
  .animation-triggers .animation-trigger {
    margin-top: 65vh;
  }
}
.animation-triggers .animation-trigger:first-of-type {
  margin-top: 0px;
  margin-bottom: 60vh;
  background: none;
}
@media screen and (max-width: 1000px) {
  .animation-triggers .animation-trigger:first-of-type {
    margin-top: 10vh;
    margin-bottom: 0vh;
  }
}

footer {
  display: flex;
  width: calc(100% - 32px);
  padding-left: 16px;
  padding-right: 16px;
  position: absolute;
  height: 200px;
  background: #0E0D0D;
  z-index: 12;
  color: #aaa;
  font-size: 0.8rem;
  letter-spacing: 0.02em;
  line-height: 1.2em;
  flex-direction: row;
  align-content: center;
  justify-content: space-around;
  align-items: center;
}
@media screen and (max-width: 600px) {
  footer {
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: start;
  }
}
footer > span {
  padding: 16px;
  margin-top: 16px;
}

.status {
  position: fixed;
  background: red;
  color: white;
  padding: 1em;
  font-size: medium;
  top: 0;
  left: 0;
  width: 100px;
}

.nav-hamburger {
  width: 100px;
  height: 100px;
  text-align: right;
  position: fixed;
  display: none;
  right: 1.5rem;
  top: 1%;
  font-size: 3rem;
  cursor: pointer;
  z-index: 10;
  color: #FF7A00;
  transition: all ease-in-out 0.3s;
}

.nav-hamburger:hover {
  color: #FFF;
}

#nav-container {
  display: none;
}

nav {
  position: fixed;
  z-index: 9;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.9);
  display: flex;
  transition: all ease-in-out 0.3s;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  opacity: 1;
}
nav .nav-menu {
  transition: all ease-in-out 0.4s;
  font-size: 1.5rem;
}
nav .nav-menu ol {
  counter-reset: li;
  line-height: 2em;
}
nav .nav-menu li {
  position: relative;
  list-style-type: none;
  margin-left: -3rem;
}
nav .nav-menu li:before {
  width: 1.75em;
  height: 1.75em;
  position: absolute;
  left: -3rem;
  margin-right: 0rem;
  content: counter(li);
  counter-increment: li;
  color: #FF7A00;
  text-transform: uppercase;
  font-size: 0.8rem;
}
nav .nav-menu a:link, nav .nav-menu a:active, nav .nav-menu a:visited {
  text-decoration: none;
}
nav .nav-menu a:hover {
  color: #FF7A00;
}

.accelerator-scene {
  width: 100%;
  height: 100%;
  grid-column: 6/13;
  border-radius: 16px;
  margin: 0;
  display: block;
  background: black;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 16px;
  outline: none;
  max-height: calc(100vh - 32px);
  /* background-image: url('assets/img/flower.jpg');
   background-position: center;
   background-size: cover; */
  z-index: 1;
}
@media screen and (max-width: 1000px) {
  .accelerator-scene {
    grid-column: 1/13;
    grid-row: 1;
  }
}

#img-full-case1, #slider-item-1 {
  background-image: url(assets/images/615715ed1ce0bc23.jpg);
}

#img-full-case2, #slider-item-5 {
  background-image: url(assets/images/cdddc489bb23b87e.jpg);
}

#img-full-case3, #slider-item-4 {
  background-image: url(assets/images/1061c630f744fbfa.jpg);
}

#img-full-case4, #slider-item-3 {
  background-image: url(assets/images/c462ef35ab929004.jpg);
}

#img-full-case5, #slider-item-2 {
  background-image: url(assets/images/e7dd8ec133c9dd2f.jpg);
}

#img-full-case6 {
  background-image: url(assets/images/7e5c74faf2f6654c.jpg);
}

#img-full-case7, #slider-item-9 {
  background-image: url(assets/images/9ec3685124b92247.jpg);
}

#img-full-case8, #slider-item-7 {
  background-image: url(assets/images/9a6ec563b1f87f32.jpg);
}

#img-full-case9, #slider-item-8 {
  background-image: url(assets/images/c34058c329b9abb8.png);
}

#img-full-case10, #slider-item-6 {
  background-image: url(assets/images/a2c50738367c6a12.jpg);
}

#slider-item-10 {
  background-image: url(assets/images/9fa2f0e49757424c.jpg);
}

#slider-item-11 {
  background-image: url(assets/images/e2aef24b706b408c.jpg);
}

#slider-item-12 {
  background-image: url(assets/images/7e36b44c11c7d3fb.jpg);
}

#slider-item-13 {
  background-image: url(assets/images/0ff3b311d12afa12.jpg);
}

#slider-item-14 {
  background-image: url(assets/images/9c7ae615821264d2.jpg);
}

#slider-item-15 {
  background-image: url(assets/images/a7892055c4560b84.jpg);
}

#usp-tailored {
  background-image: url(assets/images/ae8c6ff232e9471d.jpg);
}

#usp-unrivalled {
  background-image: url(assets/images/1de408aa1a4a2077.jpg);
}

#usp-engagement {
  background-image: url(assets/images/f3f4a6cda69ca453.jpg);
}

#method-slider-01 {
  background-image: url(assets/images/894375695f88b98f.jpg);
}

#method-slider-02 {
  background-image: url(assets/images/77a9130fa9e6fb22.jpg);
}

#method-slider-03 {
  background-image: url(assets/images/f7641518053ee915.jpg);
}

.main-lead-cover .slider {
  background: black;
  opacity: 0.5;
  position: fixed;
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}
.main-lead-cover .slider div {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #FF7A00;
  background-position: center;
  background-size: cover;
}

.main-section-method-sliders {
  min-height: 80vh;
  overflow: hidden;
}
@media screen and (max-width: 1440px) {
  .main-section-method-sliders {
    min-height: calc(50vw - 32px);
  }
}
.main-section-method-sliders .main-section-method-sliders-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.main-section-method-sliders .main-section-method-slider {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-color: rgba(56, 27, 0, 0.889);
  position: absolute;
}/*# sourceMappingURL=style.css.map */

/*# sourceMappingURL=main.css.map*/