@font-face {
  font-family: Neue Helvetica;
  src: url('../fonts/HelveticaNeueLTStd-Bd.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neue Helvetica;
  src: url('../fonts/HelveticaNeueLTStd-BdIt.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Neue Helvetica;
  src: url('../fonts/HelveticaNeueLTStd-Blk.otf') format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neue Helvetica;
  src: url('../fonts/HelveticaNeueLTStd-BlkIt.otf') format("opentype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Neue Helvetica;
  src: url('../fonts/HelveticaNeueLTStd-Roman.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neue Helvetica;
  src: url('../fonts/HelveticaNeueLTStd-It.otf') format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Neue Helvetica;
  src: url('../fonts/HelveticaNeueLTStd-Th.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neue Helvetica;
  src: url('../fonts/HelveticaNeueLTStd-ThIt.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Neue Helvetica;
  src: url('../fonts/HelveticaNeueLTStd-UltLtIt.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Neue Helvetica;
  src: url('../fonts/HelveticaNeueLTStd-UltLt.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: black;
  --anthracite: #383e42;
  --red: #e2001a;
  --white: white;
  --m-gap: 2rem;
  --xl-gap: 6rem;
  --02-03-image-gap: 15vw;
  --black-50: #9d9d9d;
  --2m-gap: 4rem;
  --black-70: #4d4d4d;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--black);
  color: var(--anthracite);
  font-family: Neue Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
}

h1 {
  color: var(--red);
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.1;
}

h2 {
  color: var(--red);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.1;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.1;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--white);
  text-decoration: underline;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

strong {
  font-weight: bold;
}

._01-hero-section {
  background-color: var(--black);
  position: relative;
  overflow: clip;
}

._01-hero-image {
  background-image: url('../images/01-machine-panther.webp');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  height: 200vh;
  position: absolute;
  inset: auto 0% 0%;
}

._01-hero-image._3-lights-background {
  background-image: url('../images/01-3-lights-background.webp');
}

._01-hero-image._2-lights-background {
  background-image: url('../images/01-2-lights-background.webp');
}

._01-hero-image._1-light-background {
  background-image: url('../images/01-1-light-background.webp');
}

._01-hero-image._3-lights-machine {
  background-image: url('../images/01-3-lights-machine.webp');
}

._01-hero-image._2-lights-machine {
  background-image: url('../images/01-2-lights-machine.webp');
}

._01-hero-image._1-light-machine {
  background-image: url('../images/01-1-light-machine.webp');
}

._01-hero-image.black-machine {
  background-image: url('../images/01-black-machine.webp');
}

._01-hero-3d-text-wrapper {
  perspective: 170px;
  perspective-origin: 50% 75%;
  height: 100%;
  padding-top: 80vh;
  position: relative;
  transform: none;
}

._01-hero-heading {
  color: var(--red);
  margin-bottom: 0;
  font-size: 14vw;
  font-weight: 800;
  line-height: .9;
}

._01-hero-heading.white {
  color: var(--white);
}

._01-hero-image-wrapper {
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  position: fixed;
  inset: 0%;
}

.intro {
  font-size: 2rem;
  line-height: 1.5;
}

.intro.white {
  color: var(--white);
}

._02-line-with-flap-wrapper {
  width: 35%;
  height: 1.25rem;
  margin-top: 4rem;
  margin-bottom: 4rem;
  display: flex;
}

.line-flap-tail-red {
  aspect-ratio: 30 / 18;
  height: 100%;
}

._01-line-body {
  background-color: var(--red);
  flex: 1;
  height: 100%;
}

.highlight-phrase {
  color: var(--red);
  margin-top: 4rem;
  margin-bottom: 4rem;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1;
}

.highlight-phrase.shadow {
  text-shadow: 0 .125em .125em #00000040;
}

._02-section {
  z-index: 400;
  background-color: var(--white);
  position: relative;
  overflow: clip;
}

._02-gate-wrapper {
  z-index: 100;
  height: 100vh;
  position: absolute;
  inset: 0% 0% auto;
  overflow: clip;
}

._02-gate {
  filter: drop-shadow(0 10vh 10vh #000000bf);
  background-image: url('../images/gate.webp');
  background-position: 50%;
  background-size: cover;
  height: 100%;
  position: relative;
}

.default-container {
  position: relative;
}

.default-container._04-inside-image {
  height: 100%;
}

.default-container._06-easy {
  height: 100vh;
}

.default-container._07-headings {
  grid-column-gap: var(--m-gap);
  grid-row-gap: var(--m-gap);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.default-container._08-intro {
  padding-top: var(--m-gap);
  padding-bottom: var(--m-gap);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

._02-gate-highlight-phrase-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  display: flex;
  position: relative;
}

._02-machine-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

._02-animation-rail {
  z-index: 350;
  height: 300vh;
  position: relative;
}

._02-heading-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
}

._02-heading-container {
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
}

._02-heading {
  color: var(--white);
  text-shadow: 0 0 .25em #00000080;
  margin-bottom: 0;
  font-size: 14vw;
  font-weight: 800;
  line-height: .9;
}

._03-content-wrapper {
  margin-bottom: var(--xl-gap);
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  height: 100vh;
  display: flex;
}

._03-content-wrapper.b {
  justify-content: center;
  align-items: flex-start;
}

._03-section {
  z-index: 300;
  background-color: var(--white);
  position: relative;
}

._03-video-wrapper {
  padding-right: var(--02-03-image-gap);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

._03-video-wrapper.b {
  padding-right: 0;
  padding-left: var(--02-03-image-gap);
}

._03-text-wrapper {
  margin-right: var(--m-gap);
  margin-left: var(--m-gap);
  padding: var(--m-gap);
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: var(--red);
  color: var(--white);
  flex-flow: column;
  width: 25em;
  max-width: 100%;
  font-size: 1.25rem;
  line-height: 1.5;
  display: flex;
  position: absolute;
}

._03-text-wrapper.comparison {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  position: static;
}

._03-divider-line {
  background-color: var(--white);
  height: .075em;
}

._03-h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25em;
}

._03-h3.centered {
  text-align: center;
  align-self: center;
}

._03-h3-highlight {
  font-size: 2.5rem;
  font-weight: 800;
}

._03-comparison {
  padding-bottom: var(--xl-gap);
}

._02-machine-image {
  background-image: url('../images/ALPHAFLEX.webp');
  background-position: 52%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 500%;
  height: 500%;
}

._02-machine-image-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: clip;
}

._03-bars-wrapper {
  padding-right: var(--02-03-image-gap);
  padding-bottom: 5rem;
  padding-left: var(--02-03-image-gap);
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

._03-bar {
  background-color: var(--black-50);
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 80%;
  height: 30vh;
  padding-bottom: 1.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

._03-bar.b {
  background-color: var(--anthracite);
  height: 75vh;
}

._03-bar-wrapper {
  color: var(--black-50);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 45%;
  font-size: 2.5rem;
  display: flex;
  overflow: clip;
}

._03-result {
  margin-top: 1rem;
}

._03-result.b {
  color: var(--red);
  font-weight: 800;
}

._03-comparison-item {
  border: .075em solid var(--white);
  padding: .5em 1em .25em;
  font-weight: 700;
}

._03-comparison-items-wrapper {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.overflow-clip {
  overflow: clip;
}

._04-section {
  background-color: var(--white);
  position: relative;
  overflow: clip;
}

._04-first-image {
  z-index: 0;
  height: 100vh;
  position: relative;
}

._04-h1 {
  color: var(--red);
  margin-top: 1rem;
  margin-bottom: .5rem;
  font-size: 5.5rem;
  font-weight: 800;
  line-height: 1;
}

._04-h1.a {
  top: var(--xl-gap);
  color: var(--white);
  margin-top: 4rem;
  position: sticky;
}

._04-horizontal-scroll-rail {
  z-index: 10;
  height: 450vw;
  position: relative;
  overflow: clip;
}

._04-sticky-div-in-rail {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  flex-flow: column;
  width: 100vw;
  height: 100vh;
  padding-top: 5vh;
  padding-bottom: 5vh;
  display: flex;
  position: sticky;
  top: 0;
}

._04-horizontal-scroll-wrapper {
  height: 100%;
  display: flex;
  position: relative;
}

._04-horizontal-scroll-item {
  padding-right: var(--2m-gap);
  flex: none;
  width: 75vw;
  height: 100%;
  position: relative;
}

._04-text-and-flap-wrapper {
  top: var(--m-gap);
  right: var(--m-gap);
  z-index: 100;
  color: var(--white);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  position: absolute;
}

._04-text-wrapper {
  background-color: var(--red);
  max-width: 40ch;
  padding-top: 1.5em;
  padding-bottom: 1.25em;
  padding-right: 1.5em;
  position: relative;
}

._04-flap {
  aspect-ratio: 10 / 13;
  object-fit: cover;
  max-width: none;
  height: 100%;
  display: block;
  position: absolute;
  right: 100%;
}

._04-item-image-wrapper {
  background-color: var(--black);
  height: 100%;
}

._04-image {
  padding-right: var(--2m-gap);
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

._01-hero-intro {
  color: var(--white);
  font-size: 2.5rem;
  line-height: 1.5;
}

._05-section {
  padding-top: var(--xl-gap);
  background-color: var(--white);
  position: relative;
}

._05-but {
  color: var(--red);
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
}

._05-h2 {
  margin-top: 2em;
  margin-bottom: 2em;
}

._05-item-wrapper {
  margin-bottom: var(--m-gap);
  height: 80vh;
  position: relative;
}

._05-image-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: clip;
}

._05-image {
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
  position: relative;
  inset: 0%;
}

._05-items {
  padding-bottom: var(--xl-gap);
  grid-column-gap: var(--m-gap);
  grid-row-gap: var(--m-gap);
  flex-flow: column;
  display: block;
}

._05-item-text-wrapper {
  z-index: 10;
  position: absolute;
  inset: 1.5rem auto auto -1.5rem;
}

._05-item-heading-wrapper {
  z-index: 5;
  align-items: flex-start;
  height: 5rem;
  display: flex;
  position: relative;
}

._05-item-heading-text {
  background-color: var(--red);
  color: var(--white);
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1.5rem 0 .75rem 1.5rem;
  font-size: 2.5rem;
  line-height: 1;
}

._05-red-flap {
  aspect-ratio: 10 / 13;
  object-fit: cover;
  background-image: url('../images/05-flap-red.svg');
  background-position: 0 0;
  background-size: auto;
  height: 100%;
  position: relative;
}

._05-rich-text-for-list {
  position: relative;
}

._05-rich-text-for-list li {
  background-color: var(--anthracite);
  color: var(--white);
  padding: .75rem 1.5rem .5rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  list-style-type: none;
}

._05-rich-text-for-list ul {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  align-items: flex-start;
  margin-top: .5rem;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

._06-section {
  z-index: 600;
  background-color: var(--white);
  position: relative;
}

._06-section-hero-image {
  background-image: url('../images/section-hero.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  position: sticky;
  top: 0;
}

._06-h2 {
  color: var(--white);
  font-size: 1em;
}

._06-h1 {
  margin-bottom: var(--xl-gap);
  text-shadow: 0 0 .2em #00000080;
  font-size: 5.5rem;
  font-weight: 800;
  line-height: .9;
}

._06-h1.a {
  top: var(--xl-gap);
  margin-top: var(--xl-gap);
  color: var(--white);
  margin-bottom: 0;
  position: sticky;
}

._06-image-blocker {
  background-color: var(--white);
  position: relative;
}

._06-intro-wrapper {
  padding-top: var(--m-gap);
  padding-right: var(--m-gap);
  padding-left: var(--m-gap);
  background-color: var(--white);
  margin-left: -2em;
  margin-right: -2em;
}

._06-image-wrapper {
  position: absolute;
  inset: 0%;
}

._07-section {
  z-index: 700;
  background-color: var(--white);
  position: relative;
}

._07-alphaflex {
  object-fit: cover;
  width: 100%;
}

._07-stats-flex-wraper {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  max-width: 50%;
  min-height: 100vh;
  display: flex;
  overflow: clip;
}

._07-machine-and-stats-wrapper {
  padding-right: var(--m-gap);
  padding-left: var(--m-gap);
  grid-column-gap: var(--m-gap);
  grid-row-gap: var(--m-gap);
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
  position: relative;
}

._07-line {
  background-color: var(--red);
  height: .1rem;
  margin-top: .5rem;
  margin-bottom: 1rem;
}

._07-category {
  margin-bottom: .25em;
  font-size: 1rem;
  line-height: 1;
}

._07-stat {
  font-size: 1.5rem;
  font-weight: 700;
}

.red {
  color: var(--red);
}

._07-machine-wrapper {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

._07-stats-content-wrapper {
  min-width: 50%;
  max-width: 50%;
}

._07-h2-wrapper {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  background-color: var(--anthracite);
  justify-content: flex-start;
  align-items: flex-start;
  padding: .75em 1.5em 1rem .75em;
  font-size: 2.5rem;
  display: flex;
}

.image {
  height: 1.25em;
  margin-top: -.15em;
}

._04-rich-text, ._04-rich-text h1 {
  color: var(--white);
}

._04-rich-text h2 {
  color: var(--white);
  margin-top: .5em;
}

._00-navbar-wrapper {
  z-index: 1000;
  position: fixed;
  inset: 0% 0% auto;
}

._00-navbar {
  background-color: var(--white);
  justify-content: space-between;
  align-items: center;
  padding: .5rem 1rem .5rem .5rem;
  display: flex;
}

._00-wh-logo {
  aspect-ratio: 1;
  object-fit: cover;
  height: 2rem;
}

._00-alphaflex-logo {
  object-fit: cover;
  height: 1rem;
}

._08-section {
  z-index: 700;
  padding-bottom: var(--xl-gap);
  background-color: var(--black-50);
  position: relative;
}

._08-tabs-menu {
  grid-column-gap: var(--m-gap);
  grid-row-gap: var(--m-gap);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

._08-tab-link {
  border: 2px solid var(--white);
  background-color: var(--black-50);
  color: var(--white);
  text-align: center;
  letter-spacing: .1em;
  text-transform: uppercase;
  border-radius: 4rem;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 1.25em 2em;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  transition: all .4s ease-in-out;
  display: flex;
}

._08-tab-link:hover {
  background-color: var(--black-70);
}

._08-tab-link.w--current {
  border-color: var(--red);
  background-color: var(--red);
}

._08-tab-wrapper {
  padding-top: var(--m-gap);
  grid-column-gap: var(--m-gap);
  grid-row-gap: var(--m-gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

._08-contact-card {
  padding: var(--m-gap);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--red);
  color: var(--white);
  flex-flow: column;
  font-size: 1.25rem;
  line-height: 1.3;
  display: flex;
}

._08-contact-h2 {
  color: var(--white);
  font-size: 1.5rem;
}

._08-contact-image {
  aspect-ratio: 1;
  border: 2px solid var(--white);
  border-radius: 50%;
  width: 65%;
  overflow: clip;
}

._08-contact-line-wrapper {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

._08-icon {
  width: 2rem;
  height: 2rem;
}

._08-icon.global {
  width: 3.5rem;
  height: 3.5rem;
}

._08-contact-link {
  color: var(--white);
  text-underline-offset: .25em;
}

._08-contact-details-wrapper {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  color: var(--white);
  flex-flow: column;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

._08-contact-location-text {
  font-weight: 500;
}

._700 {
  font-weight: 700;
}

._08-global-contact {
  margin-top: var(--xl-gap);
  grid-column-gap: 1.75rem;
  grid-row-gap: 1.75rem;
  border: 2px solid var(--white);
  background-color: var(--red);
  color: var(--white);
  text-align: center;
  letter-spacing: .1em;
  text-transform: uppercase;
  border-radius: 4rem;
  flex-flow: row;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  padding-right: 2em;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition: all .4s ease-in-out;
  display: flex;
}

._08-global-contact:hover {
  background-color: var(--black-70);
}

._08-global-contact.w--current {
  border-color: var(--red);
  background-color: var(--red);
}

._08-button-text {
  padding-top: .25em;
}

._00-fotter {
  padding-top: var(--m-gap);
  padding-bottom: var(--m-gap);
  background-color: var(--anthracite);
  color: var(--white);
  font-size: .85rem;
  position: relative;
}

._00-wh-logo-footer {
  height: 2rem;
}

._00-footer-e-mail-link {
  color: var(--red);
}

._00-footer-text-wrapper {
  margin-top: var(--m-gap);
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

._00-footer-legal-link {
  color: var(--white);
  text-decoration: none;
}

._00-footer-legal-link:hover {
  color: var(--red);
  text-decoration: underline;
}

._00-fotter-legal-links-wrapper {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

._03-background-video {
  height: 100%;
}

._04-background-video {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

._07-stats-content {
  width: 35rem;
}

._01-home-hero-arrow-wrapper {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 10vw;
  display: flex;
  position: fixed;
  inset: 0%;
}

@media screen and (min-width: 1280px) {
  .default-container {
    max-width: 1200px;
  }

  ._02-machine-image-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }
}

@media screen and (min-width: 1440px) {
  ._02-heading-container {
    justify-content: space-between;
    align-items: center;
  }

  ._02-heading {
    font-size: 12vw;
  }
}

@media screen and (max-width: 991px) {
  .intro {
    font-size: 1.75rem;
  }

  .default-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  ._03-text-wrapper.comparison {
    justify-content: flex-start;
    align-items: flex-start;
  }

  ._03-h3.centered {
    align-self: auto;
  }

  ._03-bars-wrapper {
    padding-right: var(--m-gap);
    padding-left: var(--m-gap);
  }

  ._03-bar {
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  ._03-comparison-items-wrapper {
    flex-flow: column;
  }

  ._07-stats-flex-wraper {
    padding-bottom: var(--m-gap);
    align-self: flex-start;
    max-width: none;
    min-height: auto;
  }

  ._07-machine-and-stats-wrapper {
    flex-flow: column;
    min-height: auto;
  }

  ._07-h3 {
    font-size: 2.5rem;
  }

  ._07-machine-wrapper {
    padding-top: var(--m-gap);
    padding-bottom: var(--m-gap);
  }

  ._07-stats-content-wrapper {
    min-width: auto;
    max-width: none;
  }

  ._08-tab-link {
    flex: 0 auto;
  }

  ._08-tab-wrapper {
    grid-template-columns: 1fr;
  }

  ._08-contact-image {
    width: 35%;
  }
}

@media screen and (max-width: 767px) {
  .intro {
    font-size: 1.5rem;
  }

  ._02-line-with-flap-wrapper {
    height: .75rem;
  }

  .highlight-phrase {
    font-size: 2.5rem;
  }

  ._03-content-wrapper {
    margin-bottom: var(--m-gap);
  }

  ._03-video-wrapper {
    padding-right: 0;
  }

  ._03-video-wrapper.b {
    padding-left: 0;
    padding-right: 0;
  }

  ._03-text-wrapper {
    margin-left: 0;
    margin-right: 0;
    position: relative;
  }

  ._03-result {
    font-size: 1.5rem;
  }

  ._04-h1 {
    font-size: 2.5rem;
  }

  ._04-horizontal-scroll-rail {
    height: auto;
  }

  ._04-sticky-div-in-rail {
    height: auto;
    position: relative;
  }

  ._04-horizontal-scroll-wrapper {
    grid-column-gap: var(--m-gap);
    grid-row-gap: var(--m-gap);
    flex-flow: column;
    height: auto;
  }

  ._04-horizontal-scroll-item {
    width: auto;
    height: 80vh;
  }

  ._04-text-and-flap-wrapper {
    max-width: 65vw;
  }

  ._01-hero-intro {
    font-size: 2rem;
  }

  ._05-h2 {
    font-size: 2.5rem;
  }

  ._05-item-heading-wrapper {
    height: 4.5rem;
  }

  ._05-item-heading-text {
    font-size: 2rem;
  }

  ._05-rich-text-for-list li {
    font-size: 1.25rem;
  }

  ._06-h1 {
    font-size: 4.5rem;
  }

  ._07-h3 {
    font-size: 2rem;
  }

  ._07-h2-wrapper {
    font-size: 1.5rem;
  }

  ._08-tabs-menu {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  ._07-stats-content {
    width: auto;
  }

  .text-block-2 {
    font-size: 1rem;
  }
}

@media screen and (max-width: 479px) {
  ._01-hero-section {
    overflow: visible;
  }

  ._01-hero-image-wrapper {
    position: fixed;
  }

  ._02-line-with-flap-wrapper {
    width: 50%;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .highlight-phrase {
    font-size: 2rem;
  }

  ._02-heading {
    font-size: 20vw;
  }

  ._03-h3.centered {
    text-align: left;
    align-self: flex-start;
  }

  ._03-bars-wrapper {
    justify-content: space-around;
    padding-bottom: 2rem;
    padding-left: 0;
    padding-right: 0;
  }

  ._03-comparison-item {
    font-size: 1rem;
  }

  ._03-comparison-items-wrapper {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
  }

  ._04-horizontal-scroll-item {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    height: auto;
    padding-right: 0;
    display: flex;
  }

  ._04-text-and-flap-wrapper {
    z-index: 20;
    max-width: none;
    position: relative;
    top: auto;
    right: 0;
  }

  ._04-text-wrapper {
    width: 100%;
    max-width: none;
    padding: 1em;
  }

  ._04-flap {
    display: none;
  }

  ._04-item-image-wrapper {
    width: 100%;
    height: 60vh;
    position: relative;
  }

  ._04-image {
    padding-right: 0;
  }

  ._01-hero-intro {
    font-size: 1.5rem;
  }

  ._05-item-text-wrapper {
    left: 0;
  }

  ._05-item-heading-wrapper {
    height: auto;
  }

  ._05-item-heading-text {
    height: auto;
    padding-right: 1.5rem;
  }

  ._05-red-flap {
    display: none;
  }

  ._07-machine-and-stats-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  ._07-h3 {
    font-size: 1.5rem;
  }

  ._07-stat {
    font-size: 1.25rem;
  }

  ._08-contact-card {
    padding: 1rem;
  }

  ._08-contact-image {
    width: 65%;
  }

  ._08-contact-line-wrapper {
    font-size: .75rem;
  }

  ._08-button-text {
    text-align: left;
    font-size: .75rem;
  }

  ._00-footer-text-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }
}


@font-face {
  font-family: 'Neue Helvetica';
  src: url('../fonts/HelveticaNeueLTStd-Bd.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Helvetica';
  src: url('../fonts/HelveticaNeueLTStd-BdIt.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Helvetica';
  src: url('../fonts/HelveticaNeueLTStd-Blk.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Helvetica';
  src: url('../fonts/HelveticaNeueLTStd-BlkIt.otf') format('opentype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Helvetica';
  src: url('../fonts/HelveticaNeueLTStd-Roman.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Helvetica';
  src: url('../fonts/HelveticaNeueLTStd-It.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Helvetica';
  src: url('../fonts/HelveticaNeueLTStd-Th.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Helvetica';
  src: url('../fonts/HelveticaNeueLTStd-ThIt.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Helvetica';
  src: url('../fonts/HelveticaNeueLTStd-UltLtIt.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Helvetica';
  src: url('../fonts/HelveticaNeueLTStd-UltLt.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}