@charset "UTF-8";
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-size: 100%;
  font: inherit;
  vertical-align: bottom; }

html {
  scroll-behavior: smooth; }

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

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

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

button {
  border: none;
  background: none;
  padding: 0; }

button,
a {
  cursor: pointer; }

.white {
  color: #ffffff; }

.orange {
  color: #e96653; }

.grey-7 {
  color: #777; }

/* Breakpoints */
/* z-index */
/* Grid variables */
@font-face {
  font-family: Akademie;
  src: url("/assets/fonts/Akademie/NB_Akademie_Std_Light.otf") format("opentype");
  font-style: normal;
  font-weight: 200; }

@font-face {
  font-family: Akademie;
  src: url("/assets/fonts/Akademie/NB_Akademie_Std_Regular.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }

.type-20-20 {
  font-size: 1.25rem;
  line-height: 1.75rem; }

body, input, button, label, input, a, p, h1, h2, h3, h4 {
  font-family: akademie, sans-serif;
  font-weight: 200; }

h1,
h2 {
  font-size: 3rem;
  line-height: 3.5rem;
  -webkit-font-smoothing: antialiased; }
  @media only screen and (max-width: 768px) {
    h1,
    h2 {
      font-size: 2rem;
      line-height: 2.5rem; } }

h3 {
  font-size: 2rem;
  line-height: 2.5rem;
  -webkit-font-smoothing: antialiased; }
  @media only screen and (max-width: 768px) {
    h3 {
      font-size: 1.5rem;
      line-height: 1.9375rem; } }

h4 {
  font-size: 1.5rem;
  line-height: 1.875rem;
  -webkit-font-smoothing: antialiased; }
  @media only screen and (max-width: 768px) {
    h4 {
      font-size: 1.25rem;
      line-height: 1.875rem; } }

h5,
p {
  font-size: 1.25rem;
  line-height: 1.75rem; }

* {
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale; }

strong {
  font-weight: 600; }

html {
  font-size: 16px; }

@media screen and (min-width: 768px) and (max-width: 1440px) {
  html {
    font-size: 75%; } }

svg {
  fill: currentColor;
  stroke: currentColor; }

a, button {
  text-decoration: none;
  color: black; }
  a:hover, button:hover {
    opacity: 0.8; }
    @media only screen and (max-width: 768px) {
      a:hover, button:hover {
        opacity: 1; } }

.mobile-only {
  display: none; }
  @media only screen and (max-width: 768px) {
    .mobile-only {
      display: inline; } }

.desktop-only {
  display: inline; }
  @media only screen and (max-width: 768px) {
    .desktop-only {
      display: none; } }

.icon {
  display: inline-block;
  width: 7.8125rem;
  height: 3.125rem; }

.hypno-button {
  font-size: 1rem;
  line-height: 1.5rem;
  display: inline-block;
  padding: 0.625rem 1.4375rem;
  border-radius: 1.5625rem;
  border: 0.0625rem solid #ffffff;
  line-height: 1.875rem; }
  @media only screen and (max-width: 768px) {
    .hypno-button {
      line-height: 1.25rem; } }
  .hypno-button.orange {
    color: #ffffff;
    border-color: transparent;
    background-color: #e96653; }
  .hypno-button.white {
    color: #000000;
    border-color: #ffffff;
    background-color: #ffffff; }

.arrow-link {
  font-size: 1.25rem;
  line-height: 1.75rem;
  display: inline-block;
  color: #1266ff; }
  .arrow-link__arrow {
    width: 1.25rem;
    height: 0.875rem;
    margin-left: 0;
    position: relative;
    top: 0.0625rem; }
  .arrow-link__caret {
    width: 0.5rem;
    height: 0.25rem;
    margin-left: 0.5625rem;
    position: relative;
    top: -0.125rem; }
  .arrow-link--outline {
    font-size: 1rem;
    line-height: 1.5rem;
    border: 0.0625rem solid #1266ff;
    border-radius: 3.125rem;
    padding: 0.6875rem 1.3125rem; }
    @media only screen and (max-width: 768px) {
      .arrow-link--outline {
        line-height: 1.25rem; } }
    .arrow-link--outline .arrow-link__arrow {
      width: 1.125rem;
      height: 0.75rem; }

.max-width-container {
  max-width: 1440px;
  position: relative;
  margin: auto; }

.form-modal--open > *:not(.form-modal__container) {
  filter: blur(55px); }

.grid__row {
  display: flex;
  width: 100%; }
  .grid__row > * {
    padding-left: calc((1.9494%) / 2);
    padding-right: calc((1.9494%) / 2);
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1; }
    .grid__row > *:first-child {
      padding-left: 0; }
    .grid__row > *:last-child {
      padding-right: 0; }
    @media only screen and (max-width: 768px) {
      .grid__row > * {
        padding-left: calc((1.9494%) / 2);
        padding-right: calc((1.9494%) / 2); } }

/*grid dev component*/
.grid-dev__container {
  box-sizing: border-box;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3rem;
  padding-right: 3rem;
  max-width: 90rem;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: none;
  border: 0.0625rem solid rgba(255, 152, 0, 0.4); }
  @media only screen and (max-width: 768px) {
    .grid-dev__container {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }

.grid-dev__column {
  width: calc(1 * calc(88.2/1440 * (100vw - 0.9375rem)) + 0 * calc(26.2/1440 * (100vw - 0.9375rem)));
  margin-right: calc(0 * calc(88.2/1440 * (100vw - 0.9375rem)) + 1 * calc(26.2/1440 * (100vw - 0.9375rem)));
  background: orange;
  opacity: 0.2;
  position: relative; }
  @media only screen and (min-width: 1440px) {
    .grid-dev__column {
      width: calc(1 * 88.2px + 0 * 26.2px); } }
  @media only screen and (min-width: 1440px) {
    .grid-dev__column {
      margin-right: calc(0 * 88.2px + 1 * 26.2px); } }
  .grid-dev__column:last-of-type {
    margin-right: 0; }
  @media only screen and (max-width: 768px) {
    .grid-dev__column {
      width: calc(1 * 8.21256vw + 0 * 11.83575vw);
      margin-right: calc(0 * 8.21256vw + 1 * 11.83575vw); }
      .grid-dev__column:nth-of-type(6) {
        margin-right: 0; }
      .grid-dev__column:nth-of-type(6) ~ .grid-dev__column {
        display: none; } }

.mobile-only {
  display: none; }
  @media only screen and (max-width: 768px) {
    .mobile-only {
      display: inline-block; } }

@media only screen and (max-width: 768px) {
  .desktop-only {
    display: none; } }

.visibility-hidden {
  overflow: hidden;
  position: relative;
  height: 0;
  visibility: hidden; }

button {
  outline: none; }

.global-navigation {
  box-sizing: border-box;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3rem;
  padding-right: 3rem;
  max-width: 90rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  min-height: 4.25rem; }
  @media only screen and (max-width: 768px) {
    .global-navigation {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media only screen and (max-width: 768px) {
    .global-navigation {
      align-items: center;
      position: relative; } }
  .global-navigation__link {
    position: relative; }
  .global-navigation__superscript {
    font-size: 0.75rem;
    line-height: 1.125rem;
    position: absolute;
    top: -1.125rem;
    right: -0.9375rem;
    color: #ffffff;
    background-color: #1266ff;
    padding: 0.0625rem 0.25rem;
    font-weight: bolder;
    border-radius: 0.375rem; }
    @media only screen and (max-width: 768px) {
      .global-navigation__superscript {
        font-size: 1rem;
        line-height: 1.5rem; } }
    @media only screen and (max-width: 768px) {
      .global-navigation__superscript {
        top: -0.375rem;
        right: -1.875rem; } }
  .global-navigation__mobile {
    position: absolute;
    background: #ffffff;
    width: 100%;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    padding: 2.8125rem 1.5rem;
    box-sizing: border-box;
    transform: translateX(-100%);
    transition: transform 0.12s ease-in; }
    @media only screen and (max-width: 768px) {
      .global-navigation__mobile {
        display: flex; } }
    .mobile-menu-display .global-navigation__mobile {
      transform: translateX(0); }
    .global-navigation__mobile__link {
      position: relative;
      font-size: 3rem;
      line-height: 3.5rem;
      -webkit-font-smoothing: antialiased; }
      @media only screen and (max-width: 768px) {
        .global-navigation__mobile__link {
          font-size: 2rem;
          line-height: 2.5rem; } }
      @media only screen and (max-width: 768px) {
        .global-navigation__mobile__link {
          line-height: 3.75rem; } }
  .global-navigation__wrapper {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 800; }
    .global-navigation__wrapper:after {
      content: '';
      position: absolute;
      display: block;
      bottom: 0;
      left: 0;
      width: 100%;
      border-bottom: 0.0625rem solid #ffffff;
      opacity: 0.2; }
    .global-navigation__wrapper.global-navigation--platform:after {
      border-bottom: none; }
    .global-navigation__wrapper.black:after {
      border-color: #212121;
      opacity: .5; }
    .global-navigation__wrapper.white.relative {
      background: #000000; }
  .global-navigation__logo {
    color: #ffffff;
    width: 5rem;
    height: 1.0625rem;
    cursor: pointer;
    stroke: none; }
    .black .global-navigation__logo {
      color: #000000; }
  .global-navigation .left a, .global-navigation .left button {
    margin-right: 2.5rem; }
    @media only screen and (max-width: 768px) {
      .global-navigation .left a:not(.global-navigation__menu-eye-button), .global-navigation .left button:not(.global-navigation__menu-eye-button) {
        display: none; } }
  .global-navigation__menu-eye-button {
    display: none; }
    @media only screen and (max-width: 768px) {
      .global-navigation__menu-eye-button {
        display: inline-block; } }
    @media only screen and (max-width: 768px) {
      .global-navigation--platform .global-navigation__menu-eye-button {
        display: none; } }
  .global-navigation__menu-eye {
    stroke: #ffffff;
    width: 1.375rem;
    height: 1.375rem;
    stroke-width: 0.125rem; }
    .black .global-navigation__menu-eye {
      stroke: #000000; }
      .mobile-menu-display .black .global-navigation__menu-eye {
        stroke: #777; }
  .global-navigation__instagram-icon {
    width: 1.0625rem;
    height: 1.0625rem;
    vertical-align: middle; }
    .black .global-navigation__instagram-icon {
      color: #000000;
      stroke: none; }
  .global-navigation__link {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #ffffff; }
    @media only screen and (max-width: 768px) {
      .global-navigation__link {
        line-height: 1.25rem; } }
    .black .global-navigation__link {
      color: #000000; }
  .global-navigation .center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 0.125rem; }
    @media only screen and (max-width: 768px) {
      .global-navigation--platform .global-navigation .center {
        left: 1.5rem;
        transform: none; } }
  @media only screen and (max-width: 768px) {
    .global-navigation--platform .global-navigation .right {
      display: flex; } }
  .global-navigation .right a, .global-navigation .right button {
    margin-left: 2rem; }
    @media only screen and (max-width: 768px) {
      .global-navigation .right a, .global-navigation .right button {
        margin-left: 1.25rem; } }
  .global-navigation__log-in {
    line-height: 2.75rem; }
    @media only screen and (max-width: 768px) {
      .global-navigation__log-in {
        display: none; } }
  .global-navigation .instagram svg {
    stroke: none; }
  @media only screen and (max-width: 768px) {
    .global-navigation .instagram {
      display: none; } }
  .global-navigation .waitlist-trigger {
    color: #e96653; }
  .global-navigation .contact {
    color: #ffffff;
    background-color: #1266ff;
    padding: 0.625rem 1.375rem;
    border-radius: 1.5625rem; }
    @media only screen and (max-width: 768px) {
      .global-navigation .contact {
        font-size: 0.875rem;
        letter-spacing: 0.0225rem;
        padding: 0.6875rem 0.9375rem;
        border-radius: 1.25rem; }
        .black .global-navigation .contact {
          border-color: #000000; } }

.footer {
  padding-top: 2.8125rem;
  padding-bottom: 3.4375rem;
  background-color: #000000;
  position: relative; }
  .footer__content {
    box-sizing: border-box;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3rem;
    padding-right: 3rem;
    max-width: 90rem; }
    @media only screen and (max-width: 768px) {
      .footer__content {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
  .footer__main-links {
    display: flex; }
    @media only screen and (max-width: 768px) {
      .footer__main-links {
        flex-wrap: wrap; } }
    .footer__main-links__half {
      flex-basis: 50%;
      display: flex; }
      @media only screen and (max-width: 768px) {
        .footer__main-links__half {
          flex-basis: 100%;
          padding-left: 0;
          padding-right: 0;
          display: block; }
          .footer__main-links__half:last-of-type {
            position: absolute;
            top: 0;
            right: 0; } }
    .footer__main-links__column {
      display: flex;
      flex-direction: column;
      flex-basis: 0;
      flex-grow: 1;
      align-items: flex-start; }
    .footer__main-links__link {
      font-size: 2rem;
      line-height: 2.5rem;
      -webkit-font-smoothing: antialiased;
      line-height: 3.25rem;
      color: #ffffff;
      text-align: left;
      cursor: pointer; }
      @media only screen and (max-width: 768px) {
        .footer__main-links__link {
          font-size: 1.5rem;
          line-height: 1.9375rem; } }
      @media only screen and (max-width: 768px) {
        .footer__main-links__link {
          line-height: 3.1875rem; } }
    @media only screen and (max-width: 768px) {
      .footer__main-links__phone {
        display: none; } }
  .footer__sublink__box {
    margin-top: 0.625rem; }
    @media only screen and (max-width: 768px) {
      .footer__sublink__box {
        margin-top: 0; } }
  .footer__sublink__link {
    font-size: 1.25rem;
    line-height: 1.75rem;
    display: block;
    color: #aaa; }
    @media only screen and (max-width: 768px) {
      .footer__sublink__link {
        font-size: 1rem;
        line-height: 1.25rem; } }
  .footer__social {
    margin-top: 0.9375rem; }
    @media only screen and (max-width: 768px) {
      .footer__social {
        margin-top: 0.625rem; } }
    .footer__social-icon {
      width: 1.5rem;
      height: 1.5rem;
      stroke: none;
      color: #ffffff;
      margin-right: 1.4375rem; }
  .footer__bottom-bar {
    margin-top: 3.75rem;
    display: flex; }
    @media only screen and (max-width: 768px) {
      .footer__bottom-bar {
        flex-wrap: wrap; } }
    @media only screen and (max-width: 768px) {
      .footer__bottom-bar__small-letter {
        order: 2; } }
    @media only screen and (max-width: 768px) {
      .footer__bottom-bar__newsletter-box {
        order: 1; } }
    .footer__bottom-bar a, .footer__bottom-bar p {
      font-size: 1rem;
      line-height: 1.5rem;
      color: #777; }
      @media only screen and (max-width: 768px) {
        .footer__bottom-bar a, .footer__bottom-bar p {
          line-height: 1.25rem; } }
    .footer__bottom-bar__half {
      display: flex;
      align-items: flex-end; }
      @media only screen and (max-width: 768px) {
        .footer__bottom-bar__half {
          flex-basis: 100%;
          padding-left: 0;
          padding-right: 0;
          flex-direction: column;
          align-items: flex-start; } }
      .footer__bottom-bar__half .footer__terms-privacy,
      .footer__bottom-bar__half .footer__copyright {
        flex-basis: 0;
        flex-grow: 1; }
      @media only screen and (max-width: 768px) {
        .footer__bottom-bar__half .footer__copyright {
          margin-top: 3.75rem; } }
      @media only screen and (max-width: 768px) {
        .footer__bottom-bar__half .footer__terms-privacy {
          margin-top: 1.25rem; } }
  .footer__newsletter-signup {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative; }
    .footer__newsletter-signup .footer__newsletter-button {
      font-size: 1.25rem;
      line-height: 1.75rem;
      background-color: #ffffff;
      padding: 1.25rem 1.25rem 1.1875rem;
      text-align: right;
      color: #000000;
      position: absolute;
      right: 0;
      bottom: 0;
      height: 5.25rem;
      cursor: pointer;
      display: flex;
      align-items: center; }
      @media only screen and (max-width: 768px) {
        .footer__newsletter-signup .footer__newsletter-button {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          position: relative;
          height: auto;
          right: auto;
          bottom: auto; } }
    .footer__newsletter-signup .footer__newsletter-arrow-right {
      width: 1.75rem;
      height: 1rem;
      display: block;
      float: right;
      color: #000000;
      margin-left: 0.4375rem;
      transform: translateY(-0.0625rem); }
    .footer__newsletter-signup label {
      font-size: 1.5rem;
      line-height: 1.875rem;
      -webkit-font-smoothing: antialiased;
      margin-bottom: 1.25rem;
      color: #777;
      display: block; }
      @media only screen and (max-width: 768px) {
        .footer__newsletter-signup label {
          font-size: 1.25rem;
          line-height: 1.875rem; } }
      @media only screen and (max-width: 768px) {
        .footer__newsletter-signup label {
          margin-bottom: 1.875rem;
          max-width: 20rem; } }
    .footer__newsletter-signup input {
      font-size: 1.25rem;
      line-height: 1.75rem;
      display: block;
      background-color: #212121;
      border: none;
      border-bottom: 0.0625rem solid #ffffff;
      padding: 1.75rem;
      color: #ffffff;
      padding-right: 10.9375rem;
      outline: none; }
      @media only screen and (max-width: 768px) {
        .footer__newsletter-signup input {
          padding: 1.375rem 1.75rem 1.5rem;
          border: none; } }
      .footer__newsletter-signup input::placeholder {
        position: relative;
        top: 0.0625rem;
        color: #ffffff; }

.form-modal__container {
  position: fixed;
  width: 26.25rem;
  top: 0.75rem;
  right: 3rem;
  z-index: 900;
  background-color: #ffffff;
  padding: 2.5rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease-in-out;
  border-radius: 0.1875rem;
  box-shadow: 0.25rem 0.25rem 1.5rem 0 rgba(0, 0, 0, 0.1); }
  @media only screen and (min-width: 1440px) {
    .form-modal__container {
      right: calc((100% - 90rem) / 2 + 3rem); } }
  @media only screen and (max-width: 768px) {
    .form-modal__container {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      width: auto;
      height: 100vh;
      padding: 2.9375rem 13% 2.9375rem 11%;
      box-sizing: border-box; } }
  .form-modal--open .form-modal__container {
    opacity: 1;
    pointer-events: all; }
  @media only screen and (max-width: 768px) {
    .form-modal--open > *:not(.form-modal__container) {
      display: none; } }

.form-modal__title {
  font-size: 1.875rem;
  line-height: 2.125rem;
  letter-spacing: 0.01625rem;
  color: #000000;
  margin-bottom: 1.25rem; }
  @media only screen and (max-width: 768px) {
    .form-modal__title {
      margin-bottom: 1.25rem;
      padding-right: 3.4375rem; } }

.form-modal__close {
  position: absolute;
  right: 2.5rem;
  top: 2.5rem;
  border: none;
  padding: 0;
  cursor: pointer; }
  @media only screen and (max-width: 768px) {
    .form-modal__close {
      position: absolute;
      top: 3.125rem;
      right: 2.8125rem;
      width: auto;
      margin: 0; } }

.form-modal__close-icon {
  position: relative;
  width: 1.4375rem;
  height: 1.4375rem;
  color: #000000; }

.form-modal__text {
  font-size: 0.9375rem;
  line-height: 1.375rem;
  letter-spacing: 0.015rem;
  color: #777;
  margin-bottom: 1.875rem;
  font-size: 200; }
  .form-modal__text a {
    color: #000000;
    font-family: sans-serif;
    font-size: 0.9375rem;
    line-height: 1.375rem;
    letter-spacing: 0.015rem; }

.form-modal__caret-down {
  width: 0.5rem;
  height: 0.625rem;
  color: #aaa;
  position: absolute;
  right: 0;
  bottom: 0.9375rem; }
  @media only screen and (max-width: 768px) {
    .form-modal__caret-down {
      z-index: 100; } }

.form-modal__hypno-logo {
  width: 6.25rem;
  color: #000000;
  position: relative;
  top: 1rem; }
  @media only screen and (max-width: 768px) {
    .form-modal__hypno-logo {
      top: 0.9375rem; } }

.contact-form {
  margin-left: 0; }
  @media only screen and (max-width: 768px) {
    .contact-form {
      margin-left: 0; } }
  .contact-form .forminput {
    margin-bottom: 1.25rem;
    position: relative; }
  .contact-form .form-type {
    padding-top: 0.9375rem; }
    .contact-form .form-type label {
      top: 0; }
  .contact-form label {
    position: absolute;
    display: block;
    font-size: 0.6875rem;
    line-height: 1rem;
    letter-spacing: 0.0225rem;
    color: #000000;
    font-weight: 400; }
  .contact-form input,
  .contact-form textarea,
  .contact-form select {
    font-family: akademie, sans-serif;
    font-weight: 200;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 0.0625rem solid #aaa;
    border-radius: 0;
    font-size: 1rem;
    line-height: 1rem;
    letter-spacing: 0.01625rem;
    padding: 0.9375rem 0 0.5625rem;
    background-color: #ffffff; }
    .contact-form input:focus,
    .contact-form textarea:focus,
    .contact-form select:focus {
      outline: none;
      border-bottom-color: #000000; }
  .contact-form textarea {
    box-sizing: border-box; }
  .ios .contact-form select,
  .android .contact-form select {
    border: none; }
  @media only screen and (max-width: 768px) {
    .contact-form select {
      border: none; } }
  .contact-form .submit-button {
    font-family: akademie, sans-serif;
    background-color: #1266ff;
    color: #ffffff;
    font-weight: 200;
    font-size: 0.9375rem;
    border-radius: 1.75rem;
    line-height: 1.875rem;
    padding: 0.375rem 2.625rem;
    float: right;
    margin-top: 1.25rem; }
    .waitlist-modal .contact-form .submit-button {
      background-color: #e96653; }
    @media only screen and (max-width: 768px) {
      .contact-form .submit-button {
        width: auto; } }
  .contact-form .form-twoField {
    display: inline-block;
    width: calc(50% - 0.75rem); }
    .contact-form .form-twoField:first-of-type {
      margin-right: 1.25rem; }

#form.complete .form-modal__stage1 {
  display: none; }

.form-modal__stage2 {
  display: none; }
  #form.complete .form-modal__stage2 {
    display: block; }

.cookie-disclaimer {
  display: none;
  justify-content: center;
  align-items: center;
  padding: 1.25rem;
  position: absolute;
  right: 0;
  top: 0;
  left: 0; }
  .cookie-disclaimer button {
    font-size: 1rem;
    line-height: 1.5rem; }
    @media only screen and (max-width: 768px) {
      .cookie-disclaimer button {
        line-height: 1.25rem; } }
  .cookie-disclaimer__copy {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-right: 2.1875rem; }
    @media only screen and (max-width: 768px) {
      .cookie-disclaimer__copy {
        line-height: 1.25rem; } }
    @media only screen and (max-width: 768px) {
      .cookie-disclaimer__copy {
        margin-right: 0;
        margin-bottom: 1.25rem;
        text-align: center; } }
  body.cookie-disclaimer-showing .cookie-disclaimer {
    display: flex; }
    @media only screen and (max-width: 768px) {
      body.cookie-disclaimer-showing .cookie-disclaimer {
        flex-direction: column; } }

.capsule-bar {
  display: block;
  justify-content: center;
  align-items: center;
  padding: 1.25rem;
  position: absolute;
  right: 0;
  top: 0;
  left: 0; }
  .capsule-bar button {
    font-size: 1rem;
    line-height: 1.5rem; }
    @media only screen and (max-width: 768px) {
      .capsule-bar button {
        line-height: 1.25rem; } }
  .capsule-bar a {
    color: #1266ff;
    text-decoration: underline;
    font-weight: bold; }
  .capsule-bar__copy {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-right: 2.1875rem; }
    @media only screen and (max-width: 768px) {
      .capsule-bar__copy {
        line-height: 1.25rem; } }
    @media only screen and (max-width: 768px) {
      .capsule-bar__copy {
        margin-right: 0;
        margin-bottom: 1.25rem;
        text-align: center; } }
  body.capsule-bar-showing .capsule-bar {
    display: flex; }
    @media only screen and (max-width: 768px) {
      body.capsule-bar-showing .capsule-bar {
        flex-direction: column; } }

.edd-root {
  position: relative;
  padding-bottom: 0.3125rem;
  border-bottom: 0.0625rem solid #aaa;
  margin-top: 0.4375rem; }
  .edd-root select {
    display: none; }

.edd-head {
  cursor: pointer; }

.edd-body {
  position: absolute;
  right: 0;
  top: -0.9375rem;
  overflow: hidden;
  transition: max-height 0.2s ease-in;
  max-height: 0;
  z-index: 200;
  background: #ffffff;
  pointer-events: none; }
  .edd-root-open-below .edd-body {
    max-height: 62.5rem;
    pointer-events: all;
    box-shadow: 0.25rem 0.25rem 1.5rem 0 rgba(0, 0, 0, 0.1); }
  .edd-root-open-above .edd-body {
    overflow: visible; }

.edd-items-list {
  max-height: none !important; }
  .edd-root-open-above .edd-items-list {
    transform: translateY(-90%);
    background: white; }

.edd-option {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0 1.875rem;
  margin-bottom: 0.75rem;
  cursor: pointer; }
  @media only screen and (max-width: 768px) {
    .edd-option {
      line-height: 1.25rem; } }
  .edd-option:hover {
    opacity: 0.8; }
  .edd-option:first-of-type {
    padding-top: 0.875rem; }

.edd-value {
  font-size: 1rem;
  line-height: 1.5rem; }
  @media only screen and (max-width: 768px) {
    .edd-value {
      line-height: 1.25rem; } }
  .edd-value:hover {
    color: #aaa; }
  .edd-value[aria-placeholder="Select one"] {
    color: #aaa; }
    .edd-root-invalid .edd-value[aria-placeholder="Select one"] {
      color: #b80f0A; }

.multi-up__container {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3rem;
  padding-right: 3rem;
  max-width: 90rem;
  display: flex; }
  .multi-up__container > * {
    padding-left: calc((1.9494%) / 2);
    padding-right: calc((1.9494%) / 2);
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1; }
    .multi-up__container > *:first-child {
      padding-left: 0; }
    .multi-up__container > *:last-child {
      padding-right: 0; }
    @media only screen and (max-width: 768px) {
      .multi-up__container > * {
        padding-left: calc((1.9494%) / 2);
        padding-right: calc((1.9494%) / 2); } }
  @media only screen and (max-width: 768px) {
    .multi-up__container {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }

.multi-up.mobile-two {
  flex-wrap: wrap;
  justify-content: space-between; }
  @media only screen and (max-width: 768px) {
    .multi-up.mobile-two .multi-up__item {
      flex-basis: auto;
      flex-grow: 0;
      padding: 0;
      width: calc(50% - 0.46875rem);
      margin-bottom: 1.5625rem; } }

.third-up__container {
  box-sizing: border-box;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3rem;
  padding-right: 3rem;
  max-width: 90rem;
  display: flex;
  padding-top: 3rem;
  padding-bottom: 2.8125rem; }
  @media only screen and (max-width: 768px) {
    .third-up__container {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media only screen and (max-width: 768px) {
    .third-up__container {
      flex-wrap: wrap;
      padding-top: 0;
      padding-bottom: 0; } }

.third-up__superscript {
  font-size: 0.75rem;
  line-height: 1.125rem;
  position: relative;
  color: #ffffff;
  background-color: #1266ff;
  padding: 0.1875rem 0.25rem;
  font-weight: bolder;
  border-radius: 0.375rem;
  top: -2.25rem;
  left: -1.25rem; }
  @media only screen and (max-width: 768px) {
    .third-up__superscript {
      font-size: 1rem;
      line-height: 1.5rem; } }
  @media only screen and (max-width: 768px) {
    .third-up__superscript {
      top: -1.875rem; } }

.third-up__item {
  flex-grow: 1;
  flex-basis: 0;
  padding-bottom: 3.8125rem; }
  .third-up__item:not(:first-of-type) {
    margin-left: 3rem; }
    @media only screen and (max-width: 768px) {
      .third-up__item:not(:first-of-type) {
        margin-left: 0; } }
  @media only screen and (max-width: 768px) {
    .third-up__item {
      flex-basis: 100%;
      padding-left: 0;
      padding-right: 0;
      padding-top: 2rem;
      padding-bottom: 3rem; } }

.third-up .item__title {
  font-size: 3rem;
  line-height: 3.5rem;
  -webkit-font-smoothing: antialiased;
  margin-bottom: 2.8125rem; }
  @media only screen and (max-width: 768px) {
    .third-up .item__title {
      font-size: 2rem;
      line-height: 2.5rem; } }
  @media only screen and (max-width: 768px) {
    .third-up .item__title {
      margin-bottom: 2rem; } }

.third-up .item__text {
  font-size: 1.25rem;
  line-height: 1.75rem; }

.third-up .item__link {
  font-size: 1.25rem;
  line-height: 1.75rem;
  display: block;
  margin-top: 2.0625rem;
  position: absolute;
  bottom: 0; }
  @media only screen and (max-width: 768px) {
    .third-up .item__link {
      position: static;
      bottom: auto;
      margin-top: 1.25rem; } }

.subnav {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  position: absolute;
  top: 4.25rem;
  width: 100%;
  z-index: 800;
  color: #ffffff; }
  @media only screen and (max-width: 768px) {
    .subnav {
      top: 4rem; } }
  .subnav.relative {
    position: relative;
    top: 0; }
  .subnav.black {
    color: #000000; }
    .subnav.black:after {
      border-color: #212121;
      opacity: 0.5; }
  .subnav:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    border-bottom: 0.0625rem solid #ffffff;
    opacity: 0.2; }
  .subnav.stuck {
    position: fixed;
    top: 0 !important;
    background-color: #000000; }
    .subnav.stuck.black {
      background-color: #ffffff; }
  .subnav__container {
    box-sizing: border-box;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3rem;
    padding-right: 3rem;
    max-width: 90rem;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media only screen and (max-width: 768px) {
      .subnav__container {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
  .subnav__product-title {
    font-size: 1.125rem;
    line-height: 1.125rem;
    letter-spacing: 0.0925rem;
    font-family: "helvetica neue", helvetica, arial, sans-serif;
    font-weight: bold;
    color: #ffffff; }
    .subnav__product-title a {
      font-size: 1.125rem;
      line-height: 1.125rem;
      letter-spacing: 0.0925rem;
      font-family: "helvetica neue", helvetica, arial, sans-serif;
      font-weight: bold; }
    .black .subnav__product-title {
      color: #000000; }
  .subnav__option {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #777;
    margin-left: 1.25rem; }
    @media only screen and (max-width: 768px) {
      .subnav__option {
        line-height: 1.25rem; } }
    .subnav__option.active {
      color: #ffffff; }
    @media only screen and (max-width: 768px) {
      .subnav__option {
        color: #ffffff; }
        .subnav__option:not(.active) {
          display: none; } }
    .subnav__option:hover {
      opacity: 1;
      color: #ffffff; }
  .subnav__arrow {
    display: none; }
    @media only screen and (max-width: 768px) {
      .subnav__arrow {
        display: inline-block; } }
  .subnav__arrow-icon {
    width: 0.625rem;
    height: 0.625rem;
    color: #ffffff;
    background: none;
    margin-left: 0.125rem; }
    .active .subnav__arrow-icon {
      transform: rotateZ(180deg); }
  .subnav__mobile__container {
    display: none;
    position: absolute;
    box-sizing: border-box;
    z-index: 800;
    width: 100%;
    left: 0;
    background: #ffffff;
    padding: 2.8125rem 0.9375rem;
    text-align: right;
    transform: translateY(1.25rem); }
    .subnav__mobile__container.active {
      display: block; }
  @media only screen and (max-width: 768px) {
    .subnav__mobile__option {
      display: block;
      font-size: 2rem;
      line-height: 3.75rem;
      letter-height: 0.0125rem;
      color: #000000; } }

.tall-feature__container {
  box-sizing: border-box;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3rem;
  padding-right: 3rem;
  max-width: 90rem;
  position: relative;
  min-height: 50rem;
  display: flex;
  align-items: center;
  overflow: hidden; }
  @media only screen and (max-width: 768px) {
    .tall-feature__container {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media only screen and (max-width: 768px) {
    .tall-feature__container {
      padding-top: 2.1875rem;
      align-items: flex-end; } }

.tall-feature__content {
  width: calc(5 / 12 * 100%); }
  @media only screen and (max-width: 768px) {
    .tall-feature__content {
      width: 100%;
      display: flex;
      flex-direction: column; } }

.tall-feature__image {
  position: absolute;
  right: 11.5%;
  bottom: 0;
  top: 1.6875rem;
  width: 32.125rem; }
  @media only screen and (max-width: 768px) {
    .tall-feature__image {
      position: relative;
      right: 0;
      width: 100%;
      order: 4;
      margin-top: 5.625rem;
      top: 0; } }
  .tall-feature__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: right bottom;
    z-index: 200; }

.tall-feature__title {
  font-size: 3rem;
  line-height: 3.5rem;
  -webkit-font-smoothing: antialiased;
  font-weight: 200;
  max-width: 22.5rem; }
  @media only screen and (max-width: 768px) {
    .tall-feature__title {
      font-size: 2rem;
      line-height: 2.5rem; } }
  @media only screen and (max-width: 768px) {
    .tall-feature__title {
      max-width: 15.9375rem; } }

.tall-feature__text {
  margin-top: 2.0625rem;
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: 0.02562rem;
  max-width: 26.25rem; }
  @media only screen and (max-width: 768px) {
    .tall-feature__text {
      font-size: 1.25rem;
      line-height: 1.875rem;
      letter-spacing: 0.03125rem; } }

.tall-feature__three-columns__container {
  display: flex;
  margin-top: 0.9375rem;
  flex-wrap: wrap;
  padding-bottom: 1.25rem; }
  @media only screen and (max-width: 768px) {
    .tall-feature__three-columns__container {
      padding-bottom: 0;
      margin-top: 0.625rem;
      justify-content: flex-start;
      max-width: 31.25rem; } }

.tall-feature__three-columns__item {
  margin-top: 1.25rem; }
  @media only screen and (max-width: 768px) {
    .tall-feature__three-columns__item {
      margin-top: 0; } }
  .tall-feature__three-columns__item:not(:last-of-type) {
    margin-right: 5.625rem; }
    @media only screen and (max-width: 768px) {
      .tall-feature__three-columns__item:not(:last-of-type) {
        padding-right: calc(0 * 8.21256vw + 1 * 11.83575vw);
        margin-right: 0; } }
  @media only screen and (max-width: 768px) {
    .tall-feature__three-columns__item:first-of-type .tall-feature__three-columns__list {
      margin-top: 1.25rem; }
    .tall-feature__three-columns__item:first-of-type .tall-feature__three-columns__title + .tall-feature__three-columns__list {
      margin-top: 0; } }

.tall-feature__three-columns__title {
  font-size: 1.25rem;
  line-height: 1.75rem; }
  @media only screen and (max-width: 768px) {
    .tall-feature__three-columns__title {
      margin-top: 1.25rem;
      margin-bottom: 0.5rem; } }

.tall-feature__three-columns__list {
  margin-top: 0.9375rem; }
  @media only screen and (max-width: 768px) {
    .tall-feature__three-columns__list {
      margin-top: 0; } }
  .tall-feature__three-columns__list li {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #777; }
    @media only screen and (max-width: 768px) {
      .tall-feature__three-columns__list li {
        line-height: 1.25rem; } }

.tall-feature__cta {
  margin-top: 2.6875rem; }
  @media only screen and (max-width: 768px) {
    .tall-feature__cta {
      flex-basis: auto;
      width: auto;
      align-self: center; } }

.multi-feature {
  background-color: #000000;
  min-height: 50.625rem;
  display: flex;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .multi-feature {
      display: block;
      min-height: 0;
      padding-top: 2.1875rem; } }
  .multi-feature__container {
    box-sizing: border-box;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3rem;
    padding-right: 3rem;
    max-width: 90rem;
    display: flex;
    width: 100%; }
    @media only screen and (max-width: 768px) {
      .multi-feature__container {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (max-width: 768px) {
      .multi-feature__container {
        flex-direction: column; } }
  .multi-feature__image {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    object-fit: cover;
    height: 100%; }
    @media only screen and (max-width: 768px) {
      .multi-feature__image {
        position: relative;
        width: 100%;
        display: block;
        opacity: 1;
        height: auto; } }
    .multi-feature__image.active {
      opacity: 1; }
    .multi-feature__image-container {
      position: relative;
      display: block;
      flex-basis: 50%; }
      @media only screen and (max-width: 768px) {
        .multi-feature__image-container {
          flex-basis: 100%;
          order: 2;
          margin-bottom: 2.5rem; } }
  .multi-feature__title {
    font-size: 3rem;
    line-height: 3.5rem;
    -webkit-font-smoothing: antialiased;
    color: #ffffff;
    margin-bottom: 2.1875rem; }
    @media only screen and (max-width: 768px) {
      .multi-feature__title {
        font-size: 2rem;
        line-height: 2.5rem; } }
    @media only screen and (max-width: 768px) {
      .multi-feature__title {
        order: 0;
        margin-bottom: 1rem; } }
  .multi-feature__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 68%; }
    @media only screen and (max-width: 768px) {
      .multi-feature__content {
        padding-left: 0; } }
  @media only screen and (max-width: 768px) {
    .multi-feature__items {
      display: flex;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch; } }
  .multi-feature__items__indicator {
    position: absolute;
    transform: translateX(-0.625rem);
    width: 0.0625rem;
    background: #d8d8d8;
    transition: all 0.2s ease-in; }
    @media only screen and (max-width: 768px) {
      .multi-feature__items__indicator {
        display: none; } }
  .multi-feature__item {
    margin-bottom: 0.9375rem; }
    @media only screen and (max-width: 768px) {
      .multi-feature__item {
        width: calc(5 * 8.21256vw + 4 * 11.83575vw);
        display: block;
        margin-right: 1.5625rem;
        flex-shrink: 0;
        flex-grow: 0; }
        .multi-feature__item:last-of-type {
          padding-right: calc(1 * 8.21256vw + 1 * 11.83575vw); } }
    .multi-feature__item.active {
      margin-bottom: 3.125rem; }
      @media only screen and (max-width: 768px) {
        .multi-feature__item.active {
          display: block;
          margin-bottom: 0; } }
    .multi-feature__item__title {
      font-size: 1.25rem;
      line-height: 1.75rem;
      color: #777;
      cursor: pointer; }
      .active .multi-feature__item__title {
        color: #ffffff; }
      .multi-feature__item__title:focus {
        outline: none; }
      @media only screen and (max-width: 768px) {
        .multi-feature__item__title {
          padding-bottom: 0.375rem;
          display: flex;
          color: #ffffff;
          align-items: center; } }
    .multi-feature__item__text {
      font-size: 1rem;
      line-height: 1.5rem;
      color: #777;
      position: relative;
      display: none;
      opacity: 0;
      transition: all 0.2s ease-in; }
      @media only screen and (max-width: 768px) {
        .multi-feature__item__text {
          line-height: 1.25rem; } }
      .multi-feature__item.active .multi-feature__item__text {
        display: block;
        opacity: 1; }
      @media only screen and (max-width: 768px) {
        .multi-feature__item__text {
          display: block;
          opacity: 1;
          margin-bottom: 2.1875rem; } }
  .multi-feature__caret-down {
    display: none;
    width: 0.8125rem;
    height: 0.4375rem; }

.three-up__container {
  box-sizing: border-box;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3rem;
  padding-right: 3rem;
  max-width: 90rem;
  padding-top: 3.4375rem;
  padding-bottom: 7.8125rem; }
  @media only screen and (max-width: 768px) {
    .three-up__container {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media only screen and (max-width: 768px) {
    .three-up__container {
      padding-top: 2.1875rem;
      padding-bottom: 2.1875rem; } }

.three-up__title {
  font-size: 3rem;
  line-height: 3.5rem;
  -webkit-font-smoothing: antialiased; }
  @media only screen and (max-width: 768px) {
    .three-up__title {
      font-size: 2rem;
      line-height: 2.5rem; } }

.three-up__all-link {
  vertical-align: top;
  margin-left: 1.5625rem; }
  @media only screen and (max-width: 768px) {
    .three-up__all-link {
      margin-left: 0.6875rem; } }

.three-up__items {
  margin-top: 5.625rem; }
  @media only screen and (max-width: 768px) {
    .three-up__items {
      margin-top: 2.3125rem;
      padding-bottom: 1.25rem;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch; } }

.three-up__item {
  width: calc(4 * calc(88.2/1440 * (100vw - 0.9375rem)) + 3 * calc(26.2/1440 * (100vw - 0.9375rem)));
  position: relative;
  padding-bottom: 3.125rem; }
  @media only screen and (min-width: 1440px) {
    .three-up__item {
      width: calc(4 * 88.2px + 3 * 26.2px); } }
  @media only screen and (max-width: 768px) {
    .three-up__item {
      width: calc(5 * 8.21256vw + 4 * 11.83575vw);
      flex-shrink: 0;
      margin-right: 1.5625rem;
      flex-basis: auto;
      padding-left: 0;
      padding-right: 0; }
      .three-up__item:last-of-type {
        padding-right: calc(1 * 8.21256vw + 1 * 11.83575vw); } }
  .three-up__item__image {
    width: 100%;
    object-fit: cover; }
    .three-up__item:not(:only-child) .three-up__item__image {
      height: 15rem; }
  .three-up__item__title {
    margin-top: 1.25rem;
    font-size: 1.75rem;
    line-height: 1.875rem;
    letter-spacing: 0.03625rem; }
    .white .three-up__item__title {
      color: #ffffff; }
  .three-up__item__text {
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-top: 0.9375rem;
    color: #777; }
    .white .three-up__item__text {
      color: #777; }
  .three-up__item__link {
    font-size: 1.25rem;
    line-height: 1.75rem;
    position: absolute;
    bottom: 0; }

.details {
  background-color: #000000;
  padding-top: 3.4375rem;
  padding-bottom: 4.125rem;
  border-top: 0.0625rem solid #777; }
  @media only screen and (max-width: 768px) {
    .details {
      padding-top: 0.3125rem;
      padding-bottom: 3.4375rem;
      border-top: none; } }
  .details__container {
    box-sizing: border-box;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3rem;
    padding-right: 3rem;
    max-width: 90rem;
    justify-content: space-between;
    display: none; }
    @media only screen and (max-width: 768px) {
      .details__container {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (max-width: 768px) {
      .details__container {
        flex-direction: column; } }
    .details__container.active {
      display: flex; }
  .details__left {
    flex-grow: 0;
    flex-basis: calc((7 / 12) * 100%);
    box-sizing: border-box; }
    @media only screen and (max-width: 768px) {
      .details__left {
        order: 1;
        padding: 0; } }
  .details__right {
    position: relative;
    flex-grow: 0;
    flex-basis: calc(100% * 4 / 12);
    box-sizing: border-box; }
    @media only screen and (max-width: 768px) {
      .details__right {
        order: 0;
        padding: 0; } }
    .details__right__title {
      margin-bottom: 2.5rem; }
      @media only screen and (max-width: 768px) {
        .details__right__title {
          margin-bottom: 1.25rem; } }
  .details__title {
    font-size: 3rem;
    line-height: 3.5rem;
    -webkit-font-smoothing: antialiased;
    color: #ffffff; }
    @media only screen and (max-width: 768px) {
      .details__title {
        font-size: 2rem;
        line-height: 2.5rem; } }
    @media only screen and (max-width: 768px) {
      .details__title {
        margin-top: 1.875rem; } }
  .details__spec-box {
    border-top: 0.0625rem solid #777;
    display: flex;
    justify-content: space-between;
    margin-top: 2.1875rem; }
    @media only screen and (max-width: 768px) {
      .details__spec-box {
        margin-top: 1.875rem;
        flex-direction: column;
        position: relative; } }
    .details__spec-box__left {
      width: 47.47%; }
      @media only screen and (max-width: 768px) {
        .details__spec-box__left {
          width: 100%; } }
    .details__spec-box__right {
      width: 40.98%; }
      @media only screen and (max-width: 768px) {
        .details__spec-box__right {
          width: 100%; } }
    .details__spec-box__item {
      display: flex;
      justify-content: space-between;
      border-bottom: 0.0625rem solid #777;
      padding: 0.75rem 0; }
      .details__spec-box__item-text {
        font-size: 1rem;
        line-height: 1.5rem;
        color: #777; }
        @media only screen and (max-width: 768px) {
          .details__spec-box__item-text {
            line-height: 1.25rem; } }
    .details__spec-box__cta {
      font-size: 1rem;
      line-height: 1.5rem;
      display: inline-block;
      padding: 0.625rem 1.4375rem;
      border-radius: 1.5625rem;
      border: 0.0625rem solid #ffffff;
      line-height: 1.875rem;
      width: 100%;
      color: #1266ff;
      border: 0.0625rem solid #1266ff;
      background: none;
      margin-top: 2.5rem;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media only screen and (max-width: 768px) {
        .details__spec-box__cta {
          line-height: 1.25rem; } }
      @media only screen and (max-width: 768px) {
        .details__spec-box__cta {
          position: absolute;
          bottom: 0; } }
      .details__spec-box__cta-arrow {
        width: 0.8125rem;
        height: 0.8125rem; }
    .details__spec-box__paragraph {
      font-size: 1rem;
      line-height: 1.5rem;
      color: #777;
      margin-top: 0.8125rem; }
      @media only screen and (max-width: 768px) {
        .details__spec-box__paragraph {
          line-height: 1.25rem; } }
  .details__requirement {
    font-size: 3rem;
    line-height: 3.5rem;
    -webkit-font-smoothing: antialiased;
    color: #777;
    position: relative; }
    @media only screen and (max-width: 768px) {
      .details__requirement {
        font-size: 2rem;
        line-height: 2.5rem; } }
    .details__requirement:before {
      font-size: 3rem;
      line-height: 3.5rem;
      -webkit-font-smoothing: antialiased;
      content: '-';
      font-family: akademie, sans-serif;
      position: absolute;
      display: block;
      left: -2.1875rem;
      color: #777; }
      @media only screen and (max-width: 768px) {
        .details__requirement:before {
          font-size: 2rem;
          line-height: 2.5rem; } }
      @media only screen and (max-width: 768px) {
        .details__requirement:before {
          left: -0.9375rem; } }

.brick__container {
  box-sizing: border-box;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3rem;
  padding-right: 3rem;
  max-width: 90rem; }
  @media only screen and (max-width: 768px) {
    .brick__container {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  .brick__container:hover .brick__image {
    transform: scale(1.05); }

.brick__link {
  position: relative;
  min-height: 47.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden; }
  .brick__link:hover {
    opacity: 1; }

.brick__image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  transform-origin: center;
  transition: transform 0.6s cubic-bezier(0.51, 0.08, 0.29, 0.98); }

.brick__title {
  font-size: 1.5rem;
  line-height: 1.875rem;
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
  letter-spacing: 0.03125rem;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  position: relative;
  margin-bottom: 2.1875rem; }
  @media only screen and (max-width: 768px) {
    .brick__title {
      font-size: 1.25rem;
      line-height: 1.875rem; } }
  @media only screen and (max-width: 768px) {
    .brick__title {
      letter-spacing: 0.01875rem; } }

.brick__text {
  font-size: 3.5rem;
  line-height: 4.0625rem;
  -webkit-font-smoothing: antialiased;
  font-weight: thin;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .brick__text {
      font-size: 2.625rem;
      line-height: 3.1875rem; } }

.brick__title, .brick__text {
  margin-left: calc(6.5625% + 1.9494%); }
  @media only screen and (max-width: 768px) {
    .brick__title, .brick__text {
      margin-left: 8.21256%;
      margin-right: 8.21256%; } }

.video-block {
  box-sizing: border-box;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3rem;
  padding-right: 3rem;
  max-width: 90rem;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem; }
  @media only screen and (max-width: 768px) {
    .video-block {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media only screen and (max-width: 768px) {
    .video-block {
      margin-top: 1.5625rem;
      margin-bottom: 1.5625rem; } }
  .video-block__video {
    position: relative;
    display: block;
    width: 100%;
    object-fit: cover;
    background-size: 100% 100%; }

.info-block__container {
  box-sizing: border-box;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3rem;
  padding-right: 3rem;
  max-width: 90rem;
  margin-top: 2.8125rem; }
  @media only screen and (max-width: 768px) {
    .info-block__container {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media only screen and (max-width: 768px) {
    .info-block__container {
      margin-bottom: 3.125rem; } }

.info-block__title {
  font-size: 3rem;
  line-height: 3.5rem;
  -webkit-font-smoothing: antialiased;
  color: #000000;
  margin-bottom: 1.25rem;
  padding-right: 11.25rem;
  max-width: 64.375rem; }
  @media only screen and (max-width: 768px) {
    .info-block__title {
      font-size: 2rem;
      line-height: 2.5rem; } }
  @media only screen and (max-width: 768px) {
    .info-block__title {
      padding-right: calc(80 / 414 * 100%); } }

.info-block__blurb {
  font-size: 2rem;
  line-height: 2.5rem;
  -webkit-font-smoothing: antialiased;
  color: #777;
  margin-bottom: 4.0625rem;
  max-width: 37.5rem; }
  @media only screen and (max-width: 768px) {
    .info-block__blurb {
      font-size: 1.5rem;
      line-height: 1.9375rem; } }
  @media only screen and (max-width: 768px) {
    .info-block__blurb {
      padding-right: calc(70 / 414 * 100%);
      margin-bottom: 2.1875rem; } }

.info-block__sub-block {
  display: flex;
  width: 100%;
  border-top: 0.0625rem solid #d8d8d8;
  padding: 1.25rem 0 2.1875rem; }
  .info-block__sub-block > * {
    padding-left: calc((1.9494%) / 2);
    padding-right: calc((1.9494%) / 2);
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1; }
    .info-block__sub-block > *:first-child {
      padding-left: 0; }
    .info-block__sub-block > *:last-child {
      padding-right: 0; }
    @media only screen and (max-width: 768px) {
      .info-block__sub-block > * {
        padding-left: calc((1.9494%) / 2);
        padding-right: calc((1.9494%) / 2); } }
  @media only screen and (max-width: 768px) {
    .info-block__sub-block {
      flex-direction: column; } }
  .info-block__sub-block__title {
    font-size: 1.5rem;
    line-height: 1.875rem;
    -webkit-font-smoothing: antialiased;
    color: #666;
    flex-basis: calc(4 * 6.5625% + 3 * 1.9494%);
    flex-grow: 0;
    flex-shrink: 0; }
    @media only screen and (max-width: 768px) {
      .info-block__sub-block__title {
        font-size: 1.25rem;
        line-height: 1.875rem; } }
    @media only screen and (max-width: 768px) {
      .info-block__sub-block__title {
        padding: 0; } }
  .info-block__sub-block__content {
    flex-basis: calc(8 * 6.5625% + 7 * 1.9494%);
    flex-grow: 0;
    flex-shrink: 0; }
    @media only screen and (max-width: 768px) {
      .info-block__sub-block__content {
        padding: 0;
        margin-top: 1.25rem; } }
  .info-block__sub-block__highlight {
    font-size: 2rem;
    line-height: 2.5rem;
    -webkit-font-smoothing: antialiased;
    margin-right: calc(0 * calc(88.2/1440 * (100vw - 0.9375rem)) + 1 * calc(26.2/1440 * (100vw - 0.9375rem)));
    max-width: 19.6875rem;
    color: #000000;
    display: inline-block; }
    @media only screen and (max-width: 768px) {
      .info-block__sub-block__highlight {
        font-size: 1.5rem;
        line-height: 1.9375rem; } }
    @media only screen and (min-width: 1440px) {
      .info-block__sub-block__highlight {
        margin-right: calc(0 * 88.2px + 1 * 26.2px); } }
    @media only screen and (max-width: 768px) {
      .info-block__sub-block__highlight {
        width: 50%;
        margin: 0; } }
  .info-block__sub-block__content {
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: #777; }
    .info-block__sub-block__content p:not(:first-of-type) {
      margin-top: 1.875rem; }

@media only screen and (max-width: 768px) {
  .info-block .form-widget__container {
    display: none; } }

.tns-outer {
  padding: 0 !important; }

.tns-outer [hidden] {
  display: none !important; }

.tns-outer [aria-controls], .tns-outer [data-action] {
  cursor: pointer; }

.tns-slider {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  transition: all 0s; }

.tns-slider > .tns-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.tns-horizontal.tns-subpixel {
  white-space: nowrap; }

.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal; }

.tns-horizontal.tns-no-subpixel:after {
  content: '';
  display: table;
  clear: both; }

.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left; }

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%; }

.tns-no-calc {
  position: relative;
  left: 0; }

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px; }

.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  -webkit-transition: transform 0s, opacity 0s;
  -moz-transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s; }

.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important; }

.tns-gallery > .tns-moving {
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s; }

.tns-autowidth {
  display: inline-block; }

.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6; }

.tns-lazy-img.tns-complete {
  opacity: 1; }

.tns-ah {
  -webkit-transition: height 0s;
  -moz-transition: height 0s;
  transition: height 0s; }

.tns-ovh {
  overflow: hidden; }

.tns-visually-hidden {
  position: absolute;
  left: -10000em; }

.tns-transparent {
  opacity: 0;
  visibility: hidden; }

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0; }

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1; }

.tns-vpfix {
  white-space: nowrap; }

.tns-vpfix > div, .tns-vpfix > li {
  display: inline-block; }

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden; }

.tns-t-ct {
  width: 2333.3333333%;
  width: -webkit-calc(100% * 70 / 3);
  width: -moz-calc(100% * 70 / 3);
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0; }

.tns-t-ct:after {
  content: '';
  display: table;
  clear: both; }

.tns-t-ct > div {
  width: 1.4285714%;
  width: -webkit-calc(100% / 70);
  width: -moz-calc(100% / 70);
  width: calc(100% / 70);
  height: 10px;
  float: left; }

/*# sourceMappingURL=sourcemaps/tiny-slider.css.map */
.slidestrip__container {
  box-sizing: border-box;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3rem;
  padding-right: 3rem;
  max-width: 90rem;
  position: relative;
  overflow: hidden;
  padding-bottom: 2.1875rem; }
  @media only screen and (max-width: 768px) {
    .slidestrip__container {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  .slidestrip__container:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 3rem;
    right: 3rem;
    border-bottom: 0.0625rem solid #d8d8d8; }
    @media only screen and (max-width: 768px) {
      .slidestrip__container:after {
        display: none; } }

.slidestrip__info {
  position: absolute;
  bottom: 2.1875rem;
  right: 3rem;
  display: flex;
  z-index: 100;
  padding: 0.625rem 0.625rem 0;
  background-color: #ffffff; }
  @media only screen and (max-width: 768px) {
    .slidestrip__info {
      display: none; } }

.slidestrip__counter {
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-right: 2.5rem;
  position: absolute;
  margin-right: 0;
  right: 3.25rem;
  bottom: -0.125rem; }

.slidestrip__arrows__button-left {
  margin-right: 4.375rem; }

.slidestrip__arrows__left, .slidestrip__arrows__right {
  height: 1.25rem;
  width: 1.25rem;
  cursor: pointer;
  stroke-width: 0.025rem; }

.slidestrip__slide__image {
  display: block;
  width: 100%;
  pointer-events: none;
  margin-bottom: 2.5rem; }

.slidestrip__slide__text {
  font-size: 1.25rem;
  line-height: 1.75rem;
  display: none; }
  @media only screen and (max-width: 768px) {
    .slidestrip__slide__text {
      display: none; } }

.contact-block {
  padding-top: 3.125rem;
  padding-bottom: 6.5625rem;
  background-color: #1266ff; }
  @media only screen and (max-width: 768px) {
    .contact-block {
      min-height: 25.3125rem;
      position: relative;
      box-sizing: border-box;
      display: flex;
      padding-top: 3.4375rem;
      padding-bottom: 4.0625rem;
      border-top-width: 3.4375rem; } }
  .contact-block.orange {
    background-color: #e96653; }
  .contact-block.purple-jack {
    background-color: #2E279D; }
  .contact-block.grey-fuscous {
    background-color: #5d5d50; }
  .contact-block__container {
    box-sizing: border-box;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3rem;
    padding-right: 3rem;
    max-width: 90rem;
    width: 100%; }
    @media only screen and (max-width: 768px) {
      .contact-block__container {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (max-width: 768px) {
      .contact-block__container {
        position: static;
        display: flex;
        flex-direction: column;
        justify-content: space-between; } }
  .contact-block__text {
    width: 50%;
    max-width: 40.625rem;
    font-size: 3.375rem;
    line-height: 4.25rem;
    letter-spacing: 0.04063rem;
    color: #669CFF; }
    .orange .contact-block__text {
      color: #ffb29e; }
    .purple-jack .contact-block__text {
      color: #7470BB; }
    .grey-fuscous .contact-block__text {
      color: #b9b9a0; }
    @media only screen and (max-width: 768px) {
      .contact-block__text {
        font-size: 2rem;
        line-height: 2.3125rem;
        letter-spacing: 0.0125rem;
        width: 100%; } }
  .contact-block__cta {
    display: inline-block;
    font-size: 3.375rem;
    line-height: 4.25rem;
    letter-spacing: 0.04063rem;
    color: #ffffff;
    margin-top: 2.5rem;
    border-bottom: 0.125rem solid #ffffff;
    cursor: pointer; }
    @media only screen and (max-width: 768px) {
      .contact-block__cta {
        font-size: 2rem;
        line-height: 2.3125rem;
        letter-spacing: 0.0125rem;
        margin-top: 5.625rem;
        flex-grow: 0;
        align-self: flex-start; } }

.form-widget__container {
  position: absolute;
  z-index: 1;
  right: 3rem;
  width: 7.3125rem;
  background-color: #ffffff;
  padding: 1rem;
  border: none;
  border-radius: 0.375rem;
  margin: 0;
  box-shadow: 0.25rem 0.25rem 1.5rem 0 rgba(0, 0, 0, 0.1); }
  @media only screen and (max-width: 768px) {
    .form-widget__container {
      right: 1.5rem;
      padding: 1.25rem 1.25rem 1.0625rem;
      width: 7.5625rem; } }

.form-widget__indicator {
  position: relative;
  width: 0.5625rem;
  height: 0.5625rem;
  border-radius: 100%;
  background-color: #9dffa1;
  margin-bottom: 1.125rem; }
  @media only screen and (max-width: 768px) {
    .form-widget__indicator {
      display: none; } }

.form-widget__text {
  font-weight: normal;
  font-size: 1rem;
  letter-spacing: 0.025rem;
  color: #000000;
  margin: 0;
  text-align: left; }
  @media only screen and (max-width: 768px) {
    .form-widget__text {
      font-size: 1rem; } }
  .form-widget__text span {
    margin-top: 0.1875rem;
    opacity: 0.41;
    display: block; }

.markdown-content h1 {
  margin-bottom: 2.1875rem; }

.markdown-content h2 {
  margin-bottom: 1.5625rem; }

.markdown-content p {
  margin-bottom: 2.1875rem; }
  .markdown-content p + h2 {
    margin-top: 3.4375rem; }

.markdown-content a {
  display: inline-block;
  border-bottom: 0.0625rem solid; }

.markdown-content h3 {
  margin-bottom: 0.9375rem; }

.markdown-content ul {
  padding-left: calc(1 * calc(88.2/1440 * (100vw - 0.9375rem)) + 0 * calc(26.2/1440 * (100vw - 0.9375rem))); }
  @media only screen and (min-width: 1440px) {
    .markdown-content ul {
      padding-left: calc(1 * 88.2px + 0 * 26.2px); } }
  .markdown-content ul li {
    list-style: disc; }

.markdown-content ol {
  padding-left: calc(1 * calc(88.2/1440 * (100vw - 0.9375rem)) + 0 * calc(26.2/1440 * (100vw - 0.9375rem))); }
  @media only screen and (min-width: 1440px) {
    .markdown-content ol {
      padding-left: calc(1 * 88.2px + 0 * 26.2px); } }

.section-navigation {
  box-sizing: border-box;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3rem;
  padding-right: 3rem;
  max-width: 90rem;
  display: flex;
  width: 100%;
  margin-bottom: 3.125rem;
  padding-top: 4.0625rem; }
  @media only screen and (max-width: 768px) {
    .section-navigation {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  .section-navigation > * {
    padding-left: calc((1.9494%) / 2);
    padding-right: calc((1.9494%) / 2);
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1; }
    .section-navigation > *:first-child {
      padding-left: 0; }
    .section-navigation > *:last-child {
      padding-right: 0; }
    @media only screen and (max-width: 768px) {
      .section-navigation > * {
        padding-left: calc((1.9494%) / 2);
        padding-right: calc((1.9494%) / 2); } }
  .section-navigation__content {
    width: calc(8 * calc(88.2/1440 * (100vw - 0.9375rem)) + 7 * calc(26.2/1440 * (100vw - 0.9375rem)));
    flex-basis: auto; }
    @media only screen and (min-width: 1440px) {
      .section-navigation__content {
        width: calc(8 * 88.2px + 7 * 26.2px); } }
    @media only screen and (max-width: 768px) {
      .section-navigation__content {
        width: 100%; } }
    .section-navigation__content h1,
    .section-navigation__content h2 {
      padding-right: 3.75rem; }
      @media only screen and (max-width: 768px) {
        .section-navigation__content h1,
        .section-navigation__content h2 {
          padding-right: 0; } }
    .section-navigation__content p {
      max-width: 44.375rem;
      padding-right: 3.75rem; }
      @media only screen and (max-width: 768px) {
        .section-navigation__content p {
          padding-right: 0; } }
  .section-navigation__nav {
    width: calc(4 * calc(88.2/1440 * (100vw - 0.9375rem)) + 3 * calc(26.2/1440 * (100vw - 0.9375rem)));
    flex-basis: auto; }
    @media only screen and (min-width: 1440px) {
      .section-navigation__nav {
        width: calc(4 * 88.2px + 3 * 26.2px); } }
    @media only screen and (max-width: 768px) {
      .section-navigation__nav {
        display: none; } }
    .section-navigation__nav__sticky-box {
      position: sticky;
      top: 3.75rem; }
    .section-navigation__nav__title {
      font-size: 2rem;
      line-height: 2.5rem;
      -webkit-font-smoothing: antialiased;
      margin-bottom: 0.9375rem; }
      @media only screen and (max-width: 768px) {
        .section-navigation__nav__title {
          font-size: 1.5rem;
          line-height: 1.9375rem; } }
    .section-navigation__nav__link {
      font-size: 1rem;
      line-height: 1.5rem;
      display: block; }
      @media only screen and (max-width: 768px) {
        .section-navigation__nav__link {
          line-height: 1.25rem; } }
      .section-navigation__nav__link.active {
        color: #1266ff; }

.overview {
  background-color: #E3F2FB; }
  .overview__container {
    box-sizing: border-box;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3rem;
    padding-right: 3rem;
    max-width: 90rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 3.4375rem;
    padding-bottom: 6.25rem;
    min-height: 50rem; }
    @media only screen and (max-width: 768px) {
      .overview__container {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (max-width: 768px) {
      .overview__container {
        padding-top: 2.25rem;
        padding-bottom: 0; } }
  .overview__title {
    font-size: 3rem;
    line-height: 3.5rem;
    -webkit-font-smoothing: antialiased;
    color: #000000;
    max-width: 27.0625rem;
    margin-bottom: 1.875rem; }
    @media only screen and (max-width: 768px) {
      .overview__title {
        font-size: 2rem;
        line-height: 2.5rem; } }
    @media only screen and (max-width: 768px) {
      .overview__title {
        margin-bottom: 0; } }
  .overview__text {
    font-size: 1.25rem;
    line-height: 1.75rem;
    max-width: 22.8125rem;
    color: #777; }
    @media only screen and (max-width: 768px) {
      .overview__text {
        margin-top: 2.1875rem; } }
  .overview__image {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    right: 0; }
    @media only screen and (max-width: 768px) {
      .overview__image {
        position: relative;
        width: calc(100% + 2 * 1.5rem);
        left: -1.5rem;
        margin-top: 3.4375rem; } }
    .overview__image img {
      object-fit: cover;
      display: block;
      position: relative;
      width: 100%;
      height: 100%; }
  .overview.full-width .overview__container {
    min-height: 62.5rem; }
    @media only screen and (max-width: 768px) {
      .overview.full-width .overview__container {
        min-height: 0; } }
  .overview.full-width .overview__title {
    z-index: 1; }
  .overview.full-width .overview__text {
    z-index: 1; }
  .overview.full-width .overview__image {
    top: 0;
    left: 0;
    z-index: 0; }
    @media only screen and (max-width: 768px) {
      .overview.full-width .overview__image {
        left: -1.5rem; } }

.quote {
  background-color: #000000;
  padding: 3.75rem 0;
  min-height: 0; }
  @media only screen and (max-width: 768px) {
    .quote {
      padding: 2.1875rem 0 3.125rem;
      display: flex; } }
  .quote__container {
    box-sizing: border-box;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3rem;
    padding-right: 3rem;
    max-width: 90rem; }
    @media only screen and (max-width: 768px) {
      .quote__container {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (max-width: 768px) {
      .quote__container {
        display: flex;
        flex-direction: column;
        justify-content: space-between; } }
  .quote__text {
    font-size: 4.25rem;
    line-height: 4.625rem;
    -webkit-font-smoothing: antialiased;
    font-weight: 100;
    color: #ffffff;
    width: 85%;
    position: relative; }
    @media only screen and (max-width: 768px) {
      .quote__text {
        font-size: 2.875rem;
        line-height: 3.125rem; } }
    @media only screen and (max-width: 768px) {
      .quote__text {
        width: 100%; } }
    .quote__text:before {
      content: '“';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      color: #ffffff;
      transform: translateX(calc(-100% - 0.3125rem)); }
      @media only screen and (max-width: 768px) {
        .quote__text:before {
          transform: translateX(calc(-100% - 0.1875rem)); } }
    .quote__text:after {
      content: '”';
      display: inline;
      color: #ffffff; }
  .quote__source {
    font-size: 1.5rem;
    line-height: 1.875rem;
    -webkit-font-smoothing: antialiased;
    margin-top: 5.9375rem;
    color: #777; }
    @media only screen and (max-width: 768px) {
      .quote__source {
        font-size: 1.25rem;
        line-height: 1.875rem; } }
    @media only screen and (max-width: 768px) {
      .quote__source {
        margin-top: 7.8125rem; } }

.powered {
  background-color: #000000;
  padding: 3.4375rem 0;
  min-height: 0; }
  @media only screen and (max-width: 768px) {
    .powered {
      padding: 2.3125rem 0 0;
      min-height: 36.25rem;
      display: flex; } }
  .powered__container {
    box-sizing: border-box;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3rem;
    padding-right: 3rem;
    max-width: 90rem;
    display: flex; }
    @media only screen and (max-width: 768px) {
      .powered__container {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (max-width: 768px) {
      .powered__container {
        flex-wrap: wrap;
        padding-bottom: 4.375rem; } }
  .powered__left {
    flex-basis: 50%;
    flex-grow: 0;
    box-sizing: border-box; }
    @media only screen and (max-width: 768px) {
      .powered__left {
        flex-basis: 100%;
        padding: 0;
        margin-bottom: 1.875rem; } }
  @media only screen and (max-width: 768px) {
    .powered__right__column {
      flex-basis: 50%;
      padding: 0;
      box-sizing: border-box; }
      .powered__right__column:not(:last-of-type) {
        padding-right: 0.6875rem; }
      .powered__right__column:last-of-type {
        padding-left: 0.6875rem; } }
  .powered__title {
    font-size: 3rem;
    line-height: 3.5rem;
    -webkit-font-smoothing: antialiased;
    color: #ffffff;
    max-width: 26.875rem;
    margin-top: 0.3125rem; }
    @media only screen and (max-width: 768px) {
      .powered__title {
        font-size: 2rem;
        line-height: 2.5rem; } }
    @media only screen and (max-width: 768px) {
      .powered__title {
        max-width: 17.375rem;
        margin-top: 0; } }
  .powered__cta {
    display: block;
    margin-top: 2.375rem; }
    @media only screen and (max-width: 768px) {
      .powered__cta {
        position: absolute;
        bottom: 0; } }
  .powered__item:not(:last-of-type) {
    margin-bottom: 3.125rem; }
  .powered__item__title {
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: #ffffff; }
  .powered__item__text {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #777;
    margin-top: 0.3125rem; }
    @media only screen and (max-width: 768px) {
      .powered__item__text {
        line-height: 1.25rem; } }

.product-hero__container {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden; }
  .product-hero__container:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #000000;
    opacity: 0.5; }
  @media only screen and (max-width: 768px) {
    .product-hero__container {
      height: calc(100vh - 7.1875rem); } }

.product-hero__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: filter 0.2s ease-in-out;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; }

.product-hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.product-hero__text-container {
  box-sizing: border-box;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3rem;
  padding-right: 3rem;
  max-width: 90rem;
  position: absolute;
  top: 11.875rem;
  width: 100%;
  left: 50%;
  transform: translateX(-50%); }
  @media only screen and (max-width: 768px) {
    .product-hero__text-container {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media only screen and (max-width: 768px) {
    .product-hero__text-container {
      top: 10.75rem; } }
  .centered .product-hero__text-container {
    text-align: center;
    top: 50%;
    transform: translateX(-50%) translateY(-50%); }

.product-hero__title {
  font-size: 3.5rem;
  line-height: 4.0625rem;
  -webkit-font-smoothing: antialiased;
  margin-bottom: 4.5rem; }
  @media only screen and (max-width: 768px) {
    .product-hero__title {
      font-size: 2.625rem;
      line-height: 3.1875rem; } }
  @media only screen and (max-width: 768px) {
    .product-hero__title {
      margin-bottom: 2.1875rem; } }

.product-hero__text {
  font-size: 3rem;
  line-height: 3.5rem;
  -webkit-font-smoothing: antialiased;
  max-width: 18.875rem;
  color: #ffffff; }
  @media only screen and (max-width: 768px) {
    .product-hero__text {
      font-size: 2rem;
      line-height: 2.5rem; } }
  @media only screen and (max-width: 768px) {
    .product-hero__text {
      color: #ffffff; } }
  .centered .product-hero__text {
    font-size: 4.25rem;
    line-height: 4.625rem;
    -webkit-font-smoothing: antialiased;
    max-width: none; }
    @media only screen and (max-width: 768px) {
      .centered .product-hero__text {
        font-size: 2.875rem;
        line-height: 3.125rem; } }

.product-hero__arrow-button {
  color: #ffffff;
  margin-left: 1.5625rem; }

.product-hero__cta {
  display: flex;
  align-items: center;
  color: #1266ff;
  letter-spacing: 0.04625rem;
  margin-top: 3.75rem; }
  @media only screen and (max-width: 768px) {
    .product-hero__cta {
      display: none; } }
  .product-hero__cta-arrow {
    width: 1rem;
    height: 1rem;
    margin-left: 0.625rem;
    position: relative;
    top: -0.0875rem; }

@media only screen and (max-width: 768px) {
  .output .tall-feature__image {
    width: 123%;
    overflow: hidden;
    margin-top: 2.1875rem; } }

.output .tall-feature__image video {
  position: absolute;
  width: 14.75rem;
  z-index: -1;
  top: 7.0625rem;
  left: 4.875rem; }
  @media only screen and (max-width: 768px) {
    .output .tall-feature__image video {
      top: 7.9%;
      left: 15.3%;
      width: 45.8%; } }

@media only screen and (max-width: 768px) {
  .customize .tall-feature__three-columns__item {
    width: 100%; } }

.use-cases {
  padding-top: 3.4375rem;
  padding-bottom: 4.125rem;
  border-top: 0.0625rem solid #d8d8d8; }
  @media only screen and (max-width: 768px) {
    .use-cases {
      padding-top: 0;
      min-height: 34.375rem;
      display: flex;
      align-items: center;
      position: relative; } }
  .use-cases__container {
    box-sizing: border-box;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3rem;
    padding-right: 3rem;
    max-width: 90rem; }
    @media only screen and (max-width: 768px) {
      .use-cases__container {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (max-width: 768px) {
      .use-cases__container {
        flex-wrap: wrap;
        position: static;
        width: 100%; } }
  .use-cases__main-title {
    font-size: 3rem;
    line-height: 3.5rem;
    -webkit-font-smoothing: antialiased;
    flex-basis: calc(100% / 3);
    flex-grow: 0;
    box-sizing: border-box; }
    @media only screen and (max-width: 768px) {
      .use-cases__main-title {
        font-size: 2rem;
        line-height: 2.5rem; } }
    @media only screen and (max-width: 768px) {
      .use-cases__main-title {
        flex-basis: 100%;
        position: absolute;
        top: 2.5rem; } }
  .use-cases__column {
    flex-basis: calc(200% / 3); }
    @media only screen and (max-width: 768px) {
      .use-cases__column {
        flex-basis: 100%; } }
  .use-cases__text-item {
    font-size: 3rem;
    line-height: 3.5rem;
    -webkit-font-smoothing: antialiased;
    color: #777; }
    @media only screen and (max-width: 768px) {
      .use-cases__text-item {
        font-size: 2rem;
        line-height: 2.5rem; } }
  .use-cases__cta {
    display: block;
    margin-top: 3.125rem; }
    @media only screen and (max-width: 768px) {
      .use-cases__cta {
        margin-top: 2.8125rem; } }

.showcase {
  background: #000000;
  padding-bottom: 3.125rem;
  border-bottom: 0.0625rem solid #212121; }
  @media only screen and (max-width: 768px) {
    .showcase {
      padding-bottom: 4.375rem; } }
  .showcase__container {
    box-sizing: border-box;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3rem;
    padding-right: 3rem;
    max-width: 90rem;
    padding-top: 3.125rem; }
    @media only screen and (max-width: 768px) {
      .showcase__container {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (max-width: 768px) {
      .showcase__container {
        padding-top: 2.8125rem; } }
  .showcase__title {
    font-size: 3rem;
    line-height: 3.5rem;
    -webkit-font-smoothing: antialiased;
    color: #ffffff;
    margin-bottom: 7.5rem; }
    @media only screen and (max-width: 768px) {
      .showcase__title {
        font-size: 2rem;
        line-height: 2.5rem; } }
    @media only screen and (max-width: 768px) {
      .showcase__title {
        margin-bottom: 3.4375rem; } }
  .showcase__item {
    display: flex;
    width: 100%; }
    .showcase__item > * {
      padding-left: calc((1.9494%) / 2);
      padding-right: calc((1.9494%) / 2);
      flex-basis: 0;
      flex-grow: 1;
      flex-shrink: 1; }
      .showcase__item > *:first-child {
        padding-left: 0; }
      .showcase__item > *:last-child {
        padding-right: 0; }
      @media only screen and (max-width: 768px) {
        .showcase__item > * {
          padding-left: calc((1.9494%) / 2);
          padding-right: calc((1.9494%) / 2); } }
    @media only screen and (max-width: 768px) {
      .showcase__item {
        flex-direction: column; } }
    .showcase__item:hover {
      opacity: 1; }
      .showcase__item:hover .showcase__item__link {
        opacity: 0.8; }
    .showcase__item:not(:first-of-type) {
      margin-top: 5.9375rem; }
      @media only screen and (max-width: 768px) {
        .showcase__item:not(:first-of-type) {
          margin-top: 3.75rem; } }
    .showcase__item__text {
      width: calc(3 * calc(88.2/1440 * (100vw - 0.9375rem)) + 2 * calc(26.2/1440 * (100vw - 0.9375rem)));
      flex-basis: auto; }
      @media only screen and (min-width: 1440px) {
        .showcase__item__text {
          width: calc(3 * 88.2px + 2 * 26.2px); } }
      @media only screen and (max-width: 768px) {
        .showcase__item__text {
          width: 100%;
          order: 1; } }
      .mirrored .showcase__item__text {
        order: 1;
        padding-right: 0; }
    .showcase__item__title {
      font-size: 2rem;
      line-height: 2.5rem;
      -webkit-font-smoothing: antialiased;
      color: #ffffff; }
      @media only screen and (max-width: 768px) {
        .showcase__item__title {
          font-size: 1.5rem;
          line-height: 1.9375rem; } }
      @media only screen and (max-width: 768px) {
        .showcase__item__title {
          margin-top: 1.5625rem; } }
    .showcase__item__copy {
      font-size: 1.25rem;
      line-height: 1.75rem;
      color: #777;
      margin-top: 1.875rem;
      padding-right: 2.5rem; }
      @media only screen and (max-width: 768px) {
        .showcase__item__copy {
          margin-top: 0.9375rem; } }
    .showcase__item__link {
      display: inline-block;
      margin-top: 1.5625rem; }
      @media only screen and (max-width: 768px) {
        .showcase__item__link {
          margin-top: 0.9375rem; } }
    .showcase__item__figure {
      width: calc(9 * calc(88.2/1440 * (100vw - 0.9375rem)) + 8 * calc(26.2/1440 * (100vw - 0.9375rem)));
      flex-basis: auto; }
      @media only screen and (min-width: 1440px) {
        .showcase__item__figure {
          width: calc(9 * 88.2px + 8 * 26.2px); } }
      @media only screen and (max-width: 768px) {
        .showcase__item__figure {
          width: 100%;
          order: 0;
          padding: 0; } }
      .mirrored .showcase__item__figure {
        order: 0;
        padding-left: 0;
        padding-right: 1.9494%; }
    .showcase__item__image {
      width: 100%; }

.capabilities {
  background-color: #000000;
  position: relative;
  border-top: 0.0625rem solid #212121;
  border-bottom: 0.0625rem solid #212121;
  padding: 2.8125rem 0;
  display: flex; }
  @media only screen and (max-width: 768px) {
    .capabilities {
      border-bottom: none; } }
  .capabilities__container {
    box-sizing: border-box;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3rem;
    padding-right: 3rem;
    max-width: 90rem;
    flex-basis: 100%;
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 768px) {
      .capabilities__container {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (max-width: 768px) {
      .capabilities__container {
        flex-wrap: wrap; } }
  .capabilities__left {
    width: calc(4 * calc(88.2/1440 * (100vw - 0.9375rem)) + 3 * calc(26.2/1440 * (100vw - 0.9375rem)));
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 0.625rem;
    flex-basis: auto;
    flex-grow: 0; }
    @media only screen and (min-width: 1440px) {
      .capabilities__left {
        width: calc(4 * 88.2px + 3 * 26.2px); } }
    @media only screen and (max-width: 768px) {
      .capabilities__left {
        width: 100%;
        padding-bottom: 3.125rem; } }
  .capabilities__groups-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .capabilities__title {
    font-size: 3rem;
    line-height: 3.5rem;
    -webkit-font-smoothing: antialiased;
    color: #ffffff;
    margin-bottom: 2.1875rem; }
    @media only screen and (max-width: 768px) {
      .capabilities__title {
        font-size: 2rem;
        line-height: 2.5rem; } }
  .capabilities__group {
    width: calc(2 * calc(88.2/1440 * (100vw - 0.9375rem)) + 1 * calc(26.2/1440 * (100vw - 0.9375rem)));
    margin-top: 3.4375rem;
    display: inline-block; }
    @media only screen and (min-width: 1440px) {
      .capabilities__group {
        width: calc(2 * 88.2px + 1 * 26.2px); } }
    @media only screen and (max-width: 768px) {
      .capabilities__group {
        width: 50%; } }
    .capabilities__group__title {
      font-size: 2rem;
      line-height: 2.5rem;
      -webkit-font-smoothing: antialiased;
      color: #ffffff;
      margin-bottom: 0.9375rem; }
      @media only screen and (max-width: 768px) {
        .capabilities__group__title {
          font-size: 1.5rem;
          line-height: 1.9375rem; } }
    .capabilities__group__list li {
      font-size: 1rem;
      line-height: 1.5rem;
      color: #777; }
      @media only screen and (max-width: 768px) {
        .capabilities__group__list li {
          line-height: 1.25rem; } }
  .capabilities__right {
    width: calc(7 * calc(88.2/1440 * (100vw - 0.9375rem)) + 6 * calc(26.2/1440 * (100vw - 0.9375rem)));
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: content-box; }
    @media only screen and (min-width: 1440px) {
      .capabilities__right {
        width: calc(7 * 88.2px + 6 * 26.2px); } }
    @media only screen and (max-width: 768px) {
      .capabilities__right {
        width: 100%; } }
    .capabilities__right img {
      width: 100%; }

.feature-list {
  background-color: #141414;
  padding-top: 0.0625rem;
  padding-bottom: 1.875rem; }
  .feature-list__item {
    box-sizing: border-box;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3rem;
    padding-right: 3rem;
    max-width: 90rem;
    margin-top: 3.4375rem;
    padding-bottom: 4.6875rem;
    min-height: 49.375rem;
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 768px) {
      .feature-list__item {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media only screen and (max-width: 768px) {
      .feature-list__item {
        flex-direction: column;
        margin-top: 2.8125rem; } }
    .feature-list__item__copy {
      padding-top: 9.6875rem;
      padding-bottom: 10.625rem; }
      @media only screen and (max-width: 768px) {
        .feature-list__item__copy {
          padding-top: 0;
          padding-bottom: 2.5rem; } }
      .mirrored .feature-list__item__copy {
        width: calc(4 * calc(88.2/1440 * (100vw - 0.9375rem)) + 3 * calc(26.2/1440 * (100vw - 0.9375rem)));
        order: 2; }
        @media only screen and (min-width: 1440px) {
          .mirrored .feature-list__item__copy {
            width: calc(4 * 88.2px + 3 * 26.2px); } }
        @media only screen and (max-width: 768px) {
          .mirrored .feature-list__item__copy {
            width: 100%;
            order: 1; } }
    .feature-list__item__image {
      position: relative;
      left: 3rem;
      width: 60%; }
      @media only screen and (max-width: 768px) {
        .feature-list__item__image {
          width: 100%;
          left: -1.5rem; } }
      .mirrored .feature-list__item__image {
        order: 1;
        left: -3rem; }
        @media only screen and (max-width: 768px) {
          .mirrored .feature-list__item__image {
            order: 2;
            left: 1.5rem; } }
        .mirrored .feature-list__item__image img {
          float: right; }
    .feature-list__item__title {
      font-size: 3rem;
      line-height: 3.5rem;
      -webkit-font-smoothing: antialiased;
      color: #ffffff;
      margin-bottom: 2.1875rem; }
      @media only screen and (max-width: 768px) {
        .feature-list__item__title {
          font-size: 2rem;
          line-height: 2.5rem; } }
    .feature-list__item__feature-heading {
      font-size: 1.25rem;
      line-height: 1.75rem;
      color: #ffffff;
      margin-top: 1.25rem; }
      @media only screen and (max-width: 768px) {
        .feature-list__item__feature-heading {
          margin-top: 1.5625rem; } }
    .feature-list__item__feature-copy {
      font-size: 1rem;
      line-height: 1.5rem;
      margin-top: 0.4375rem;
      color: #777; }
      @media only screen and (max-width: 768px) {
        .feature-list__item__feature-copy {
          line-height: 1.25rem; } }

.platform-halfies__container {
  box-sizing: border-box;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3rem;
  padding-right: 3rem;
  max-width: 90rem;
  display: flex;
  position: relative;
  justify-content: space-between;
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem; }
  @media only screen and (max-width: 768px) {
    .platform-halfies__container {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media only screen and (max-width: 768px) {
    .platform-halfies__container {
      flex-direction: column; } }
  @media only screen and (max-width: 768px) {
    .platform-halfies__container.first .grid__row {
      flex-wrap: wrap; } }
  .platform-halfies__container.second {
    padding-top: 8.4375rem;
    padding-bottom: 1.875rem; }
    @media only screen and (max-width: 768px) {
      .platform-halfies__container.second {
        padding-top: 1.25rem;
        overflow-x: hidden; } }
  .platform-halfies__container.third {
    justify-content: flex-start;
    padding-top: 1.875rem;
    padding-bottom: 2.0625rem;
    overflow: hidden; }
    @media only screen and (max-width: 768px) {
      .platform-halfies__container.third {
        padding-top: 5rem;
        padding-bottom: 1.25rem; } }
    @media only screen and (max-width: 768px) {
      .platform-halfies__container.third .grid__row {
        flex-wrap: wrap; } }

.platform-halfies__image {
  width: calc(6 * calc(88.2/1440 * (100vw - 0.9375rem)) + 5 * calc(26.2/1440 * (100vw - 0.9375rem)));
  text-align: right;
  flex-basis: auto;
  position: relative; }
  @media only screen and (min-width: 1440px) {
    .platform-halfies__image {
      width: calc(6 * 88.2px + 5 * 26.2px); } }
  @media only screen and (max-width: 768px) {
    .platform-halfies__image {
      order: 1;
      width: 100%; } }
  .platform-halfies__image img {
    width: 100%; }
  .first .platform-halfies__image {
    padding-bottom: 9.4375rem; }
  .second .platform-halfies__image,
  .third .platform-halfies__image {
    order: 1; }
  .second .platform-halfies__image {
    position: relative;
    left: 3rem; }
    @media only screen and (max-width: 768px) {
      .second .platform-halfies__image {
        left: 35%;
        width: 90%; } }
  .third .platform-halfies__image {
    width: calc(5 * calc(88.2/1440 * (100vw - 0.9375rem)) + 4 * calc(26.2/1440 * (100vw - 0.9375rem)));
    margin-left: calc(1 * calc(88.2/1440 * (100vw - 0.9375rem)) + 1 * calc(26.2/1440 * (100vw - 0.9375rem)));
    margin-right: calc(1 * calc(88.2/1440 * (100vw - 0.9375rem)) + 1 * calc(26.2/1440 * (100vw - 0.9375rem)));
    margin-top: 1rem;
    padding-left: 0;
    flex-grow: 0; }
    @media only screen and (min-width: 1440px) {
      .third .platform-halfies__image {
        width: calc(5 * 88.2px + 4 * 26.2px); } }
    @media only screen and (min-width: 1440px) {
      .third .platform-halfies__image {
        margin-left: calc(1 * 88.2px + 1 * 26.2px); } }
    @media only screen and (min-width: 1440px) {
      .third .platform-halfies__image {
        margin-right: calc(1 * 88.2px + 1 * 26.2px); } }
    @media only screen and (max-width: 768px) {
      .third .platform-halfies__image {
        width: 75%;
        padding-bottom: 3.75rem;
        margin-left: auto;
        margin-right: auto; } }
  .platform-halfies__image__absolute {
    position: absolute; }
    .platform-halfies__image__absolute .ipad {
      position: relative;
      z-index: 0;
      width: calc(100% + 5.75rem);
      left: -2.375rem;
      top: -3.8125rem;
      transform: scaleY(0.955); }
      @media only screen and (max-width: 768px) {
        .platform-halfies__image__absolute .ipad {
          width: calc(100% + 17%);
          left: -6.7%;
          top: -7.5vw; } }
    .platform-halfies__image__absolute .downloads {
      position: absolute;
      z-index: 200;
      width: 8.625rem;
      left: 50%;
      bottom: 10rem;
      transform: translateX(-50%); }
      @media only screen and (max-width: 768px) {
        .platform-halfies__image__absolute .downloads {
          width: 40%;
          bottom: 20%; } }

.platform-halfies__code-video {
  position: absolute;
  width: 80%;
  bottom: 0;
  left: 0;
  z-index: 100;
  border-radius: 0.625rem;
  box-shadow: 0.5rem 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.47);
  padding: 0.9375rem;
  background: #1f1d1f; }

.platform-halfies__script-video {
  width: calc(4.4 * calc(88.2/1440 * (100vw - 0.9375rem)) + 4 * calc(26.2/1440 * (100vw - 0.9375rem)));
  width: 85%;
  position: relative; }
  @media only screen and (min-width: 1440px) {
    .platform-halfies__script-video {
      width: calc(4.4 * 88.2px + 4 * 26.2px); } }
  @media only screen and (max-width: 768px) {
    .platform-halfies__script-video {
      width: 75%; } }

.platform-halfies__left-image {
  position: absolute;
  top: 0;
  left: calc(-3 * 5.5125rem - 3 * 1.6375rem - 3rem - 17%);
  width: 110%; }
  @media only screen and (max-width: 768px) {
    .platform-halfies__left-image {
      width: 60%;
      left: -28%;
      bottom: 0;
      top: auto;
      transform: translateY(calc(100% + 7.8125rem)); } }

.platform-halfies__content {
  width: calc(5 * calc(88.2/1440 * (100vw - 0.9375rem)) + 4 * calc(26.2/1440 * (100vw - 0.9375rem)));
  margin-left: calc(1 * calc(88.2/1440 * (100vw - 0.9375rem)) + 1 * calc(26.2/1440 * (100vw - 0.9375rem)));
  flex-basis: auto;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative; }
  @media only screen and (min-width: 1440px) {
    .platform-halfies__content {
      width: calc(5 * 88.2px + 4 * 26.2px); } }
  @media only screen and (min-width: 1440px) {
    .platform-halfies__content {
      margin-left: calc(1 * 88.2px + 1 * 26.2px); } }
  @media only screen and (max-width: 768px) {
    .platform-halfies__content {
      order: 0;
      width: 100%;
      margin-bottom: 5.3125rem;
      margin-left: 0; } }
  .second .platform-halfies__content {
    width: calc(4 * calc(88.2/1440 * (100vw - 0.9375rem)) + 3 * calc(26.2/1440 * (100vw - 0.9375rem)));
    margin-left: calc(3 * calc(88.2/1440 * (100vw - 0.9375rem)) + 3 * calc(26.2/1440 * (100vw - 0.9375rem)));
    justify-content: flex-start;
    order: 0;
    padding-top: 6.875rem; }
    @media only screen and (min-width: 1440px) {
      .second .platform-halfies__content {
        width: calc(4 * 88.2px + 3 * 26.2px); } }
    @media only screen and (min-width: 1440px) {
      .second .platform-halfies__content {
        margin-left: calc(3 * 88.2px + 3 * 26.2px); } }
    @media only screen and (max-width: 768px) {
      .second .platform-halfies__content {
        order: 0;
        width: 100%;
        margin-left: 0;
        margin-bottom: 3.75rem; } }
  .third .platform-halfies__content {
    width: calc(4 * calc(88.2/1440 * (100vw - 0.9375rem)) + 4 * calc(26.2/1440 * (100vw - 0.9375rem)));
    margin-left: calc(1 * calc(88.2/1440 * (100vw - 0.9375rem)) + 1 * calc(26.2/1440 * (100vw - 0.9375rem)));
    order: 0;
    flex-grow: 0;
    padding-right: 0; }
    @media only screen and (min-width: 1440px) {
      .third .platform-halfies__content {
        width: calc(4 * 88.2px + 4 * 26.2px); } }
    @media only screen and (min-width: 1440px) {
      .third .platform-halfies__content {
        margin-left: calc(1 * 88.2px + 1 * 26.2px); } }
    @media only screen and (max-width: 768px) {
      .third .platform-halfies__content {
        order: 0;
        width: 100%;
        margin-left: 0;
        margin-bottom: 3.125rem; } }
    .third .platform-halfies__content .hypno-button {
      align-self: flex-start; }

.platform-halfies__title {
  font-size: 3.5rem;
  line-height: 4.0625rem;
  -webkit-font-smoothing: antialiased;
  padding-right: 15%; }
  @media only screen and (max-width: 768px) {
    .platform-halfies__title {
      font-size: 2.625rem;
      line-height: 3.1875rem; } }
  @media only screen and (max-width: 768px) {
    .platform-halfies__title {
      padding-right: 0; } }
  .second .platform-halfies__title {
    position: relative;
    z-index: 100; }
  .third .platform-halfies__title {
    padding-right: 0; }
    .third .platform-halfies__title span {
      display: inline; }
      @media only screen and (max-width: 768px) {
        .third .platform-halfies__title span {
          display: inline; } }

.platform-halfies__text {
  margin-top: 1.875rem;
  color: #777;
  padding-right: 21%; }
  @media only screen and (max-width: 768px) {
    .platform-halfies__text {
      padding-right: 0; } }
  .second .platform-halfies__text {
    padding-right: 15%;
    position: relative;
    z-index: 100; }
  .third .platform-halfies__text {
    padding-right: 10%; }

.platform-halfies__tutorials-link {
  color: #e96653;
  border-color: #e96653;
  align-self: flex-start;
  margin-top: 1.875rem; }

.samples-slider {
  position: relative; }
  .samples-slider__text-container {
    text-align: left;
    position: relative;
    margin-top: 2rem; }
  .samples-slider__text-item {
    transition: opacity 0.2s ease-in-out;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; }
    .samples-slider__text-item.active {
      opacity: 1; }
  .samples-slider__indicator-container {
    margin-top: 5rem;
    display: flex; }
  .samples-slider__indicator-dot {
    position: relative;
    width: 0.6875rem;
    height: 0.6875rem;
    border-radius: 0.375rem;
    background-color: #d8d8d8;
    margin-right: 0.875rem;
    opacity: 0.22; }
    .samples-slider__indicator-dot.tns-nav-active {
      opacity: 1; }
  .samples-slider .slide {
    position: relative;
    z-index: 100;
    border-radius: 0.625rem; }

.video-curtain {
  position: relative; }
  .video-curtain__text-container {
    text-align: left;
    position: relative;
    margin-top: 5.75rem; }
  .video-curtain__text-item {
    transition: opacity 0.2s ease-in-out;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; }
    .video-curtain__text-item.active {
      opacity: 1; }
  .video-curtain__video {
    width: 100%;
    height: 100%;
    vertical-align: bottom;
    border-radius: 0.8125rem; }
    .video-curtain__video.base {
      position: relative; }
    .video-curtain__video.over {
      object-fit: cover;
      object-position: right; }
  .video-curtain__control {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0.25rem;
    background: #ffffff;
    z-index: 100; }
    .video-curtain__control:hover {
      opacity: 1; }
    .video-curtain__control-circle {
      position: absolute;
      width: 2.25rem;
      height: 2.25rem;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      z-index: 100;
      background: #e96653;
      border-radius: 2.5rem; }
    .video-curtain__control-left, .video-curtain__control-right {
      position: absolute;
      color: #ffffff;
      top: 50%;
      transform: translateY(-50%);
      width: 0.5rem;
      height: 0.75rem;
      left: auto;
      right: auto; }
    .video-curtain__control-left {
      left: 0.3125rem; }
    .video-curtain__control-right {
      right: 0.3125rem; }
  .video-curtain__over {
    position: absolute;
    width: 100%;
    right: 0;
    top: 0;
    height: 100%;
    overflow: hidden; }

.--photographers {
  background-color: #000000; }

.--sensory-experiences {
  background-color: #dff6f0; }

.--retail {
  background-color: #ffffea; }

.solutions-brick__container {
  box-sizing: border-box;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3rem;
  padding-right: 3rem;
  max-width: 90rem;
  display: flex;
  justify-content: space-between;
  padding-top: 4.375rem;
  padding-bottom: 4.0625rem; }
  @media only screen and (max-width: 768px) {
    .solutions-brick__container {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media only screen and (max-width: 768px) {
    .solutions-brick__container {
      flex-direction: column;
      padding-top: 4.0625rem;
      padding-bottom: 4.0625rem; } }

.solutions-brick__left-box, .solutions-brick__right-box {
  width: calc(6 * calc(88.2/1440 * (100vw - 0.9375rem)) + 5 * calc(26.2/1440 * (100vw - 0.9375rem))); }
  @media only screen and (min-width: 1440px) {
    .solutions-brick__left-box, .solutions-brick__right-box {
      width: calc(6 * 88.2px + 5 * 26.2px); } }
  @media only screen and (max-width: 768px) {
    .solutions-brick__left-box, .solutions-brick__right-box {
      width: 100%; } }

@media only screen and (max-width: 768px) {
  .solutions-brick__left-box {
    order: 2;
    margin-top: 1.25rem; } }
  @media only screen and (max-width: 768px) and (max-width: 768px) {
    .solutions-brick__left-box {
      margin-top: 0; } }

@media only screen and (max-width: 768px) {
  .solutions-brick__right-box {
    order: 1; } }

.solutions-brick__img {
  width: calc(50% - 0.625rem); }
  .solutions-brick__img:last-of-type {
    float: right; }
  @media only screen and (max-width: 768px) {
    .solutions-brick__img {
      width: 100%; }
      .solutions-brick__img:last-of-type {
        display: none; } }

.solutions-brick__title {
  font-size: 1.125rem;
  line-height: 1.125rem;
  letter-spacing: 0.0925rem;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.0925rem; }
  @media only screen and (max-width: 768px) {
    .solutions-brick__title {
      margin-top: 1.875rem; } }
  .--photographers .solutions-brick__title {
    color: #ffffff; }

.solutions-brick__copy {
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-top: 1.5625rem; }
  @media only screen and (max-width: 768px) {
    .solutions-brick__copy {
      margin-top: 1.25rem; } }
  .--photographers .solutions-brick__copy {
    color: #ffffff; }

.solutions-brick__outline-button {
  margin-top: 2.1875rem; }
  @media only screen and (max-width: 768px) {
    .solutions-brick__outline-button {
      margin-top: 1.5625rem; } }
  .--photographers .solutions-brick__outline-button {
    color: #669CFF;
    border-color: #669CFF; }

.solutions-hero-slider {
  padding-bottom: 2.1875rem;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .solutions-hero-slider {
      width: calc(100% + 2 * 1.5rem);
      left: -1.5rem; } }
  .solutions-hero-slider:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0.0625rem;
    background: #212121; }
    .solutions-sensory-experiences .solutions-hero-slider:after {
      background: #7470BB; }
    .solutions-retail .solutions-hero-slider:after {
      background: #d8d8d8; }
  .solutions-hero-slider__captions-container {
    margin-top: 1.5625rem; }
  .solutions-hero-slider__caption {
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-right: 2.1875rem;
    color: #777; }
    .solutions-sensory-experiences .solutions-hero-slider__caption {
      color: #7470BB; }
    .solutions-retail .solutions-hero-slider__caption {
      color: #b9b9a0; }
    @media only screen and (max-width: 768px) {
      .solutions-hero-slider__caption {
        display: none; } }
    .solutions-hero-slider__caption.active {
      color: #ffffff; }
      .solutions-sensory-experiences .solutions-hero-slider__caption.active {
        color: #2E279D; }
      .solutions-retail .solutions-hero-slider__caption.active {
        color: #5d5d50; }
      @media only screen and (max-width: 768px) {
        .solutions-hero-slider__caption.active {
          display: block;
          margin-left: 1.5rem; } }
  .solutions-hero-slider .tns-controls {
    display: none; }
    .solutions-hero-slider .tns-controls + button {
      display: none; }

.solutions-quote-variation {
  padding-top: 4.0625rem;
  padding-bottom: 5.3125rem;
  position: relative;
  display: flex;
  justify-content: space-between; }
  @media only screen and (max-width: 768px) {
    .solutions-quote-variation {
      flex-direction: column;
      padding-bottom: 16.25rem; } }
  .solutions-quote-variation:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0.0625rem;
    background: #212121; }
    .solutions-sensory-experiences .solutions-quote-variation:after {
      background: #7470BB; }
    .solutions-retail .solutions-quote-variation:after {
      background: #d8d8d8; }
  .solutions-quote-variation__copy {
    font-size: 3rem;
    line-height: 3.5rem;
    -webkit-font-smoothing: antialiased;
    font-weight: 300;
    padding-right: 1.25rem; }
    @media only screen and (max-width: 768px) {
      .solutions-quote-variation__copy {
        font-size: 2rem;
        line-height: 2.5rem; } }
    .solutions-photographers .solutions-quote-variation__copy {
      max-width: 35.625rem; }
    .solutions-sensory-experiences .solutions-quote-variation__copy {
      max-width: 43.9375rem;
      color: #2E279D; }
    .solutions-retail .solutions-quote-variation__copy {
      max-width: 40.25rem;
      color: #5d5d50; }
  .solutions-quote-variation__right-box {
    width: 50%;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .solutions-quote-variation__right-box {
        display: none; } }
    .solutions-quote-variation__right-box img {
      max-width: 17.4375rem; }

.solutions-three-up-variation__container {
  padding-top: 5.625rem;
  padding-bottom: 5.625rem;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .solutions-three-up-variation__container {
      padding-top: 3.125rem;
      padding-bottom: 3.125rem; } }
  .solutions-three-up-variation__container:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0.0625rem;
    background: #212121; }
    .solutions-sensory-experiences .solutions-three-up-variation__container:after {
      background: #7470BB; }
    .solutions-retail .solutions-three-up-variation__container:after {
      background: #d8d8d8; }

.solutions-three-up-variation__title {
  font-size: 3.5rem;
  line-height: 4.0625rem;
  -webkit-font-smoothing: antialiased; }
  @media only screen and (max-width: 768px) {
    .solutions-three-up-variation__title {
      font-size: 2.625rem;
      line-height: 3.1875rem; } }
  .solutions-sensory-experiences .solutions-three-up-variation__title {
    color: #2E279D; }
  .solutions-retail .solutions-three-up-variation__title {
    color: #5d5d50; }

.solutions-three-up-variation__items-container {
  margin-top: 2.1875rem; }
  @media only screen and (max-width: 768px) {
    .solutions-three-up-variation__items-container {
      margin-top: 0.625rem; } }

@media only screen and (max-width: 768px) {
  .solutions-three-up-variation__items {
    flex-direction: column; } }

@media only screen and (max-width: 768px) {
  .solutions-three-up-variation__item {
    margin-top: 1.5625rem; } }

.solutions-three-up-variation__item__title {
  font-size: 2rem;
  line-height: 2.5rem;
  -webkit-font-smoothing: antialiased; }
  @media only screen and (max-width: 768px) {
    .solutions-three-up-variation__item__title {
      font-size: 1.5rem;
      line-height: 1.9375rem; } }
  .solutions-retail .solutions-three-up-variation__item__title {
    color: #5d5d50; }

.solutions-three-up-variation__item__image {
  width: 100%;
  margin-top: 2.1875rem; }
  @media only screen and (max-width: 768px) {
    .solutions-three-up-variation__item__image {
      margin-top: 1.875rem; } }

.solutions-three-up-variation__item__text {
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-top: 2.1875rem; }
  @media only screen and (max-width: 768px) {
    .solutions-three-up-variation__item__text {
      margin-top: 1.5625rem; } }

.solutions-three-up-variation__item-wrapper {
  display: block;
  padding: 4.375rem 2.1875rem;
  background-color: #141414; }
  .solutions-sensory-experiences .solutions-three-up-variation__item-wrapper {
    background-color: #ffffff; }
  .solutions-retail .solutions-three-up-variation__item-wrapper {
    background-color: #EEEED8; }
  @media only screen and (max-width: 768px) {
    .solutions-three-up-variation__item-wrapper {
      padding: 2.8125rem 1.5625rem; } }

.solutions-sensory-experiences .solutions-three-up-variation__item__title {
  color: #2E279D; }

.solutions-sensory-experiences .solutions-three-up-variation__item__text {
  color: #7470BB; }

.solutions-photographers .solutions-three-up-variation__item__title, .solutions-photographers .solutions-three-up-variation__item__text {
  color: #ffffff; }

.solutions-title-box__container {
  padding-top: 4.0625rem;
  padding-bottom: 6.875rem; }
  @media only screen and (max-width: 768px) {
    .solutions-title-box__container {
      padding-top: 2.8125rem;
      padding-bottom: 4.6875rem; } }

.solutions-title-box__title {
  font-size: 3.5rem;
  line-height: 4.0625rem;
  -webkit-font-smoothing: antialiased; }
  @media only screen and (max-width: 768px) {
    .solutions-title-box__title {
      font-size: 2.625rem;
      line-height: 3.1875rem; } }
  .solutions-sensory-experiences .solutions-title-box__title {
    color: #2E279D; }

.solutions-title-box__subheader {
  font-size: 3.5rem;
  line-height: 4.0625rem;
  -webkit-font-smoothing: antialiased;
  margin-top: 2.1875rem; }
  @media only screen and (max-width: 768px) {
    .solutions-title-box__subheader {
      font-size: 2.625rem;
      line-height: 3.1875rem; } }
  .solutions-photographers .solutions-title-box__subheader {
    color: #777;
    max-width: 47.25rem; }
  .solutions-retail .solutions-title-box__subheader {
    color: #b9b9a0; }

.solutions-basic__title {
  font-size: 3.5rem;
  line-height: 4.0625rem;
  -webkit-font-smoothing: antialiased; }
  @media only screen and (max-width: 768px) {
    .solutions-basic__title {
      font-size: 2.625rem;
      line-height: 3.1875rem; } }
  .solutions-sensory-experiences .solutions-basic__title {
    color: #2E279D; }

.solutions-basic__subheader {
  font-size: 2rem;
  line-height: 2.5rem;
  -webkit-font-smoothing: antialiased;
  margin-top: 2.1875rem; }
  @media only screen and (max-width: 768px) {
    .solutions-basic__subheader {
      font-size: 1.5rem;
      line-height: 1.9375rem; } }
  @media only screen and (max-width: 768px) {
    .solutions-basic__subheader {
      margin-top: 1.875rem; } }
  .solutions-photographers .solutions-basic__subheader {
    color: #aaa; }

.solutions-basic__copy {
  font-size: 1rem;
  line-height: 1.5rem;
  padding-right: 3.75rem;
  margin-top: 0.9375rem; }
  @media only screen and (max-width: 768px) {
    .solutions-basic__copy {
      line-height: 1.25rem; } }
  @media only screen and (max-width: 768px) {
    .solutions-basic__copy {
      padding-right: 0; } }
  .solutions-photographers .solutions-basic__copy {
    color: #777; }

.solutions-basic__link {
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-top: 1.875rem; }
  @media only screen and (max-width: 768px) {
    .solutions-basic__link {
      font-size: 1rem;
      line-height: 1.25rem; } }
  @media only screen and (max-width: 768px) {
    .solutions-basic__link {
      margin-top: 1.5625rem; } }
  .solutions-photographers .solutions-basic__link {
    color: #669CFF; }

.solutions-basic-first__container {
  margin-top: 6.875rem;
  margin-bottom: 6.875rem;
  display: flex;
  align-items: center; }
  @media only screen and (max-width: 768px) {
    .solutions-basic-first__container {
      flex-direction: column;
      padding-left: 0; } }

.solutions-basic-first__left {
  width: calc(4 * calc(88.2/1440 * (100vw - 0.9375rem)) + 3 * calc(26.2/1440 * (100vw - 0.9375rem)));
  margin-left: calc(1 * calc(88.2/1440 * (100vw - 0.9375rem)) + 1 * calc(26.2/1440 * (100vw - 0.9375rem)));
  display: flex;
  align-items: center; }
  @media only screen and (min-width: 1440px) {
    .solutions-basic-first__left {
      width: calc(4 * 88.2px + 3 * 26.2px); } }
  @media only screen and (min-width: 1440px) {
    .solutions-basic-first__left {
      margin-left: calc(1 * 88.2px + 1 * 26.2px); } }
  @media only screen and (max-width: 768px) {
    .solutions-basic-first__left {
      width: 100%;
      margin-left: 0; } }
  .solutions-retail .solutions-basic-first__left .solutions-basic__subheader {
    padding-right: 3.125rem; }

.solutions-basic-first__right {
  margin-left: calc(2 * calc(88.2/1440 * (100vw - 0.9375rem)) + 2 * calc(26.2/1440 * (100vw - 0.9375rem)));
  margin-right: calc(1 * calc(88.2/1440 * (100vw - 0.9375rem)) + 1 * calc(26.2/1440 * (100vw - 0.9375rem)));
  width: calc(4 * calc(88.2/1440 * (100vw - 0.9375rem)) + 4 * calc(26.2/1440 * (100vw - 0.9375rem))); }
  @media only screen and (min-width: 1440px) {
    .solutions-basic-first__right {
      margin-left: calc(2 * 88.2px + 2 * 26.2px); } }
  @media only screen and (min-width: 1440px) {
    .solutions-basic-first__right {
      margin-right: calc(1 * 88.2px + 1 * 26.2px); } }
  @media only screen and (min-width: 1440px) {
    .solutions-basic-first__right {
      width: calc(4 * 88.2px + 4 * 26.2px); } }
  @media only screen and (max-width: 768px) {
    .solutions-basic-first__right {
      margin-left: 0;
      margin-right: 0;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .solutions-photographers .solutions-basic-first__right {
      width: 14rem;
      display: block;
      margin-left: auto;
      margin-right: auto; } }
  .solutions-sensory-experiences .solutions-basic-first__right {
    width: calc(5 * calc(88.2/1440 * (100vw - 0.9375rem)) + 4 * calc(26.2/1440 * (100vw - 0.9375rem))); }
    @media only screen and (min-width: 1440px) {
      .solutions-sensory-experiences .solutions-basic-first__right {
        width: calc(5 * 88.2px + 4 * 26.2px); } }
    @media only screen and (max-width: 768px) {
      .solutions-sensory-experiences .solutions-basic-first__right {
        width: 100%;
        position: relative; } }
  .solutions-retail .solutions-basic-first__right {
    width: calc(5 * calc(88.2/1440 * (100vw - 0.9375rem)) + 4 * calc(26.2/1440 * (100vw - 0.9375rem)));
    margin-left: calc(1 * calc(88.2/1440 * (100vw - 0.9375rem)) + 2 * calc(26.2/1440 * (100vw - 0.9375rem)));
    margin-right: calc(1 * calc(88.2/1440 * (100vw - 0.9375rem)) + 1 * calc(26.2/1440 * (100vw - 0.9375rem))); }
    @media only screen and (min-width: 1440px) {
      .solutions-retail .solutions-basic-first__right {
        width: calc(5 * 88.2px + 4 * 26.2px); } }
    @media only screen and (min-width: 1440px) {
      .solutions-retail .solutions-basic-first__right {
        margin-left: calc(1 * 88.2px + 2 * 26.2px); } }
    @media only screen and (min-width: 1440px) {
      .solutions-retail .solutions-basic-first__right {
        margin-right: calc(1 * 88.2px + 1 * 26.2px); } }
    @media only screen and (max-width: 768px) {
      .solutions-retail .solutions-basic-first__right {
        width: 100%;
        margin-left: 0;
        margin-right: 0; } }

.solutions-basic-first__image {
  max-width: 100%;
  width: 100%; }
  @media only screen and (max-width: 768px) {
    .solutions-basic-first__image {
      width: 100%;
      margin-top: 3.4375rem; } }

.solutions-basic-second__container {
  display: flex;
  align-items: center;
  padding-top: 8.4375rem;
  margin-bottom: 8.4375rem; }
  @media only screen and (max-width: 768px) {
    .solutions-basic-second__container {
      flex-direction: column;
      padding-left: 0;
      padding-top: 1.25rem;
      margin-top: 0;
      margin-bottom: 5.625rem; } }
  .solutions-retail .solutions-basic-second__container {
    padding-top: 10.625rem; }
    @media only screen and (max-width: 768px) {
      .solutions-retail .solutions-basic-second__container {
        padding-top: 0.625rem;
        padding-left: 0; } }

.solutions-basic-second__left {
  width: calc(5 * calc(88.2/1440 * (100vw - 0.9375rem)) + 4 * calc(26.2/1440 * (100vw - 0.9375rem)));
  margin-left: calc(1 * calc(88.2/1440 * (100vw - 0.9375rem)) + 1 * calc(26.2/1440 * (100vw - 0.9375rem)));
  margin-right: calc(1 * calc(88.2/1440 * (100vw - 0.9375rem)) + 2 * calc(26.2/1440 * (100vw - 0.9375rem))); }
  @media only screen and (min-width: 1440px) {
    .solutions-basic-second__left {
      width: calc(5 * 88.2px + 4 * 26.2px); } }
  @media only screen and (min-width: 1440px) {
    .solutions-basic-second__left {
      margin-left: calc(1 * 88.2px + 1 * 26.2px); } }
  @media only screen and (min-width: 1440px) {
    .solutions-basic-second__left {
      margin-right: calc(1 * 88.2px + 2 * 26.2px); } }
  @media only screen and (max-width: 768px) {
    .solutions-basic-second__left {
      margin-right: 0;
      margin-left: 0;
      margin-top: 3.4375rem;
      order: 2;
      width: 100%; } }
  .solutions-retail .solutions-basic-second__left {
    margin-left: calc(1 * calc(88.2/1440 * (100vw - 0.9375rem)) + 1 * calc(26.2/1440 * (100vw - 0.9375rem)));
    width: calc(5 * calc(88.2/1440 * (100vw - 0.9375rem)) + 4 * calc(26.2/1440 * (100vw - 0.9375rem)));
    margin-right: calc(1 * calc(88.2/1440 * (100vw - 0.9375rem)) + 2 * calc(26.2/1440 * (100vw - 0.9375rem))); }
    @media only screen and (min-width: 1440px) {
      .solutions-retail .solutions-basic-second__left {
        margin-left: calc(1 * 88.2px + 1 * 26.2px); } }
    @media only screen and (min-width: 1440px) {
      .solutions-retail .solutions-basic-second__left {
        width: calc(5 * 88.2px + 4 * 26.2px); } }
    @media only screen and (min-width: 1440px) {
      .solutions-retail .solutions-basic-second__left {
        margin-right: calc(1 * 88.2px + 2 * 26.2px); } }
    @media only screen and (max-width: 768px) {
      .solutions-retail .solutions-basic-second__left {
        width: 100%;
        margin-right: 0;
        margin-left: 0; } }

.solutions-basic-second__right {
  width: calc(4 * calc(88.2/1440 * (100vw - 0.9375rem)) + 3 * calc(26.2/1440 * (100vw - 0.9375rem)));
  margin-right: calc(1 * calc(88.2/1440 * (100vw - 0.9375rem)) + 1 * calc(26.2/1440 * (100vw - 0.9375rem)));
  display: flex;
  align-items: center; }
  @media only screen and (min-width: 1440px) {
    .solutions-basic-second__right {
      width: calc(4 * 88.2px + 3 * 26.2px); } }
  @media only screen and (min-width: 1440px) {
    .solutions-basic-second__right {
      margin-right: calc(1 * 88.2px + 1 * 26.2px); } }
  @media only screen and (max-width: 768px) {
    .solutions-basic-second__right {
      width: 100%;
      max-width: 100%;
      margin-right: 0;
      order: 1; } }
  .solutions-retail .solutions-basic-second__right {
    width: calc(4 * calc(88.2/1440 * (100vw - 0.9375rem)) + 3 * calc(26.2/1440 * (100vw - 0.9375rem)));
    margin-right: calc(1 * calc(88.2/1440 * (100vw - 0.9375rem)) + 1 * calc(26.2/1440 * (100vw - 0.9375rem))); }
    @media only screen and (min-width: 1440px) {
      .solutions-retail .solutions-basic-second__right {
        width: calc(4 * 88.2px + 3 * 26.2px); } }
    @media only screen and (min-width: 1440px) {
      .solutions-retail .solutions-basic-second__right {
        margin-right: calc(1 * 88.2px + 1 * 26.2px); } }
    @media only screen and (max-width: 768px) {
      .solutions-retail .solutions-basic-second__right {
        width: 100%;
        margin-right: 0; } }

.solutions-basic-second__title {
  font-size: 3.5rem;
  line-height: 4.0625rem;
  -webkit-font-smoothing: antialiased; }
  @media only screen and (max-width: 768px) {
    .solutions-basic-second__title {
      font-size: 2.625rem;
      line-height: 3.1875rem; } }

.solutions-basic-second__image {
  max-width: 100%; }
  @media only screen and (max-width: 768px) {
    .solutions-basic-second__image {
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .solutions-retail .solutions-basic-second__image {
      position: relative; } }

.solutions-basic-third__container {
  padding-top: 3.75rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .solutions-basic-third__container {
      flex-direction: column;
      margin-top: 0;
      margin-bottom: 2.5rem;
      padding-top: 2.5rem;
      padding-left: 0; } }

.solutions-basic-third__left {
  width: calc(4 * calc(88.2/1440 * (100vw - 0.9375rem)) + 3 * calc(26.2/1440 * (100vw - 0.9375rem)));
  left: calc(1 * calc(88.2/1440 * (100vw - 0.9375rem)) + 1 * calc(26.2/1440 * (100vw - 0.9375rem)));
  position: absolute; }
  @media only screen and (min-width: 1440px) {
    .solutions-basic-third__left {
      width: calc(4 * 88.2px + 3 * 26.2px); } }
  @media only screen and (min-width: 1440px) {
    .solutions-basic-third__left {
      left: calc(1 * 88.2px + 1 * 26.2px); } }
  @media only screen and (max-width: 768px) {
    .solutions-basic-third__left {
      position: relative;
      width: 100%;
      margin-right: 0;
      left: 0; } }

.solutions-basic-third__right {
  display: flex;
  justify-content: flex-end; }
  @media only screen and (max-width: 768px) {
    .solutions-basic-third__right {
      margin-top: 2.5rem;
      justify-content: flex-start; } }

.solutions-basic-third__image {
  width: calc(6 * calc(88.2/1440 * (100vw - 0.9375rem)) + 5 * calc(26.2/1440 * (100vw - 0.9375rem)));
  width: 50%;
  min-width: 34.375rem;
  position: relative;
  left: 3rem; }
  @media only screen and (min-width: 1440px) {
    .solutions-basic-third__image {
      width: calc(6 * 88.2px + 5 * 26.2px); } }
  @media only screen and (min-width: 1440px) {
    .solutions-basic-third__image {
      width: calc(6 * 88.2px + 5 * 26.2px + 3rem); } }
  @media only screen and (max-width: 768px) {
    .solutions-basic-third__image {
      width: 100%;
      min-width: auto;
      left: 0; }
      .solutions-photographers .solutions-basic-third__image,
      .solutions-retail .solutions-basic-third__image {
        max-width: none;
        width: 155%; } }

.solutions-basic-fourth__container {
  margin-top: 2.8125rem;
  display: flex;
  align-items: center; }
  @media only screen and (max-width: 768px) {
    .solutions-basic-fourth__container {
      flex-direction: column;
      margin-top: 0;
      padding-top: 5rem;
      padding-bottom: 2.5rem; } }
  .solutions-retail .solutions-basic-fourth__container {
    margin-top: 11.25rem;
    padding-bottom: 9.6875rem; }
    @media only screen and (max-width: 768px) {
      .solutions-retail .solutions-basic-fourth__container {
        margin-top: 0;
        padding-bottom: 5rem; } }

.solutions-basic-fourth__left {
  width: calc(50% + 3rem); }
  @media only screen and (max-width: 768px) {
    .solutions-basic-fourth__left {
      order: 2;
      margin-left: 0;
      margin-right: 0;
      width: 100%;
      margin-top: 1.5625rem; } }
  .solutions-retail .solutions-basic-fourth__left {
    margin-left: calc(1 * calc(88.2/1440 * (100vw - 0.9375rem)) + 1 * calc(26.2/1440 * (100vw - 0.9375rem)));
    margin-right: calc(1 * calc(88.2/1440 * (100vw - 0.9375rem)) + 2 * calc(26.2/1440 * (100vw - 0.9375rem)));
    width: calc(5 * calc(88.2/1440 * (100vw - 0.9375rem)) + 4 * calc(26.2/1440 * (100vw - 0.9375rem))); }
    @media only screen and (min-width: 1440px) {
      .solutions-retail .solutions-basic-fourth__left {
        margin-left: calc(1 * 88.2px + 1 * 26.2px); } }
    @media only screen and (min-width: 1440px) {
      .solutions-retail .solutions-basic-fourth__left {
        margin-right: calc(1 * 88.2px + 2 * 26.2px); } }
    @media only screen and (min-width: 1440px) {
      .solutions-retail .solutions-basic-fourth__left {
        width: calc(5 * 88.2px + 4 * 26.2px); } }
    @media only screen and (max-width: 768px) {
      .solutions-retail .solutions-basic-fourth__left {
        width: 100%;
        margin-left: 0;
        margin-right: 0; } }

.solutions-basic-fourth__right {
  width: calc(4 * calc(88.2/1440 * (100vw - 0.9375rem)) + 4 * calc(26.2/1440 * (100vw - 0.9375rem)));
  margin-left: calc(0.6 * calc(88.2/1440 * (100vw - 0.9375rem)) + 1 * calc(26.2/1440 * (100vw - 0.9375rem)));
  display: flex;
  flex-direction: column;
  justify-content: center; }
  @media only screen and (min-width: 1440px) {
    .solutions-basic-fourth__right {
      width: calc(4 * 88.2px + 4 * 26.2px); } }
  @media only screen and (min-width: 1440px) {
    .solutions-basic-fourth__right {
      margin-left: calc(0.6 * 88.2px + 1 * 26.2px); } }
  @media only screen and (max-width: 768px) {
    .solutions-basic-fourth__right {
      order: 1;
      width: 100%;
      margin-left: 0; } }
  .solutions-retail .solutions-basic-fourth__right {
    width: calc(4 * calc(88.2/1440 * (100vw - 0.9375rem)) + 3 * calc(26.2/1440 * (100vw - 0.9375rem)));
    margin-right: calc(1 * calc(88.2/1440 * (100vw - 0.9375rem)) + 1 * calc(26.2/1440 * (100vw - 0.9375rem)));
    margin-left: 0; }
    @media only screen and (min-width: 1440px) {
      .solutions-retail .solutions-basic-fourth__right {
        width: calc(4 * 88.2px + 3 * 26.2px); } }
    @media only screen and (min-width: 1440px) {
      .solutions-retail .solutions-basic-fourth__right {
        margin-right: calc(1 * 88.2px + 1 * 26.2px); } }
    @media only screen and (max-width: 768px) {
      .solutions-retail .solutions-basic-fourth__right {
        margin-left: 0;
        margin-right: 0;
        width: 100%; } }

.solutions-basic-fourth__image {
  max-width: 100%;
  width: 100%; }
  @media only screen and (max-width: 768px) {
    .solutions-basic-fourth__image {
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .solutions-photographers .solutions-basic-fourth__image {
      max-width: none;
      width: 140%;
      left: -40%;
      position: relative; } }

.solutions-price__container {
  display: flex;
  flex-direction: column;
  padding-top: 6.875rem;
  padding-bottom: 6.375rem;
  align-items: center;
  justify-content: center;
  text-align: center; }
  @media only screen and (max-width: 768px) {
    .solutions-price__container {
      padding-left: 0;
      padding-top: 1.875rem;
      padding-bottom: 5.3125rem; } }

.solutions-price__amount {
  font-size: 6.5rem;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  position: relative;
  text-align: center;
  transform: translateX(-0.9375rem); }
  @media only screen and (max-width: 768px) {
    .solutions-price__amount {
      font-size: 4.625rem;
      line-height: 4.625rem; } }
  @media only screen and (max-width: 768px) {
    .solutions-price__amount {
      transform: translateX(-1.25rem); } }
  .solutions-price__amount span {
    font-size: 1.5rem;
    line-height: 1.875rem;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 0; }
    @media only screen and (max-width: 768px) {
      .solutions-price__amount span {
        font-size: 1.25rem;
        line-height: 1.875rem; } }
    .solutions-photographers .solutions-price__amount span {
      color: #777; }

.solutions-price__link {
  color: #ffffff;
  background-color: #1266ff;
  padding: 0.625rem 1.375rem;
  border-radius: 1.5625rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  text-align: center;
  margin-top: 1.25rem; }

.solutions-price__store-icon {
  display: block;
  width: 7.375rem;
  margin: auto;
  margin-top: 1.875rem;
  text-align: center; }
  @media only screen and (max-width: 768px) {
    .solutions-price__store-icon {
      margin: auto;
      margin-top: 1.5625rem; } }

.solutions-centered-content__container {
  text-align: center;
  padding-top: 13.125rem;
  padding-bottom: 14.375rem;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .solutions-centered-content__container {
      padding-top: 5.625rem;
      padding-bottom: 5.625rem;
      text-align: left; } }
  .solutions-centered-content__container:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0.0625rem;
    background: #212121; }
    .solutions-sensory-experiences .solutions-centered-content__container:after {
      background: #7470BB; }
    .solutions-retail .solutions-centered-content__container:after {
      background: #d8d8d8; }

.solutions-centered-content__title {
  font-size: 3.5rem;
  line-height: 4.0625rem;
  -webkit-font-smoothing: antialiased; }
  @media only screen and (max-width: 768px) {
    .solutions-centered-content__title {
      font-size: 2.625rem;
      line-height: 3.1875rem; } }
  .solutions-sensory-experiences .solutions-centered-content__title {
    color: #2E279D; }

.solutions-centered-content__copy {
  font-size: 2rem;
  line-height: 2.5rem;
  -webkit-font-smoothing: antialiased;
  margin: 2.1875rem auto 0;
  max-width: 41.125rem;
  margin-top: 2.1875rem; }
  @media only screen and (max-width: 768px) {
    .solutions-centered-content__copy {
      font-size: 1.5rem;
      line-height: 1.9375rem; } }
  .solutions-sensory-experiences .solutions-centered-content__copy {
    color: #7470BB; }

.solutions-centered-content__threes {
  display: flex;
  margin-top: 3.75rem;
  justify-content: center; }
  @media only screen and (max-width: 768px) {
    .solutions-centered-content__threes {
      flex-direction: column;
      margin-top: 1.875rem;
      margin-left: 0.9375rem;
      margin-right: 0.9375rem; } }

.solutions-centered-content__three-item {
  margin-right: 4.6875rem;
  max-width: 20.5rem; }
  .solutions-centered-content__three-item:last-of-type {
    margin-right: 0; }
  @media only screen and (max-width: 768px) {
    .solutions-centered-content__three-item {
      margin-right: 0;
      max-width: none;
      text-align: center;
      margin-top: 1.875rem; } }

.solutions-centered-content__quote {
  font-size: 1.25rem;
  line-height: 1.75rem;
  position: relative;
  display: inline; }
  @media only screen and (max-width: 768px) {
    .solutions-centered-content__quote {
      font-size: 1rem;
      line-height: 1.25rem; } }
  .solutions-centered-content__quote:before {
    content: '“';
    position: absolute;
    display: block;
    left: -0.75rem;
    top: -0.375rem; }
    @media only screen and (max-width: 768px) {
      .solutions-centered-content__quote:before {
        left: -0.4375rem;
        top: -0.3125rem; } }

.solutions-centered-content__source {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 1.25rem; }
  @media only screen and (max-width: 768px) {
    .solutions-centered-content__source {
      font-size: 0.75rem;
      line-height: 1.125rem; } }
  @media only screen and (max-width: 768px) {
    .solutions-centered-content__source {
      margin-top: 0.625rem; } }

.solutions-centered-content__icon-row {
  margin: auto;
  margin-top: 2.5rem;
  max-width: 50.625rem; }
  @media only screen and (max-width: 768px) {
    .solutions-centered-content__icon-row {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; } }

.solutions-centered-content__icon {
  width: 16.25rem;
  stroke: none;
  margin-top: 3.125rem; }
  .solutions-retail .solutions-centered-content__icon {
    color: #b9b9a0; }
  @media only screen and (max-width: 768px) {
    .solutions-centered-content__icon {
      width: 50%;
      margin-top: 2.1875rem; } }

.solutions-twoUp__container {
  padding-top: 4.6875rem;
  padding-bottom: 4.6875rem;
  position: relative; }
  .solutions-twoUp__container:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0.0625rem;
    background: #212121; }
    .solutions-sensory-experiences .solutions-twoUp__container:after {
      background: #7470BB; }
    .solutions-retail .solutions-twoUp__container:after {
      background: #d8d8d8; }

.solutions-twoUp__title {
  font-size: 3.5rem;
  line-height: 4.0625rem;
  -webkit-font-smoothing: antialiased; }
  @media only screen and (max-width: 768px) {
    .solutions-twoUp__title {
      font-size: 2.625rem;
      line-height: 3.1875rem; } }
  .solutions-sensory-experiences .solutions-twoUp__title {
    color: #2E279D; }

.solutions-twoUp__box-container {
  margin-top: 2.1875rem; }
  @media only screen and (max-width: 768px) {
    .solutions-twoUp__box-container {
      flex-direction: column; } }

@media only screen and (max-width: 768px) {
  .solutions-twoUp__box {
    padding: 0; } }

@media only screen and (max-width: 768px) {
  .solutions-twoUp__box:last-of-type {
    margin-top: 2.1875rem; } }

.solutions-twoUp__img {
  width: 100%; }

.solutions-twoUp__copy {
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-top: 1.25rem;
  max-width: 23.625rem; }
  @media only screen and (max-width: 768px) {
    .solutions-twoUp__copy {
      font-size: 1rem;
      line-height: 1.25rem; } }

.solutions-twoUp__link {
  font-size: 1.25rem;
  line-height: 1.75rem; }
  @media only screen and (max-width: 768px) {
    .solutions-twoUp__link {
      font-size: 1rem;
      line-height: 1.25rem; } }

.sample-belt__container {
  box-sizing: border-box;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3rem;
  padding-right: 3rem;
  max-width: 90rem;
  overflow: hidden;
  padding-left: 0;
  padding-right: 0; }
  @media only screen and (max-width: 768px) {
    .sample-belt__container {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }

.sample-belt__container .sample-belt__wrapper {
  overflow: hidden; }
  @media only screen and (max-width: 768px) {
    .sample-belt__container .sample-belt__wrapper {
      overflow: auto; } }

.sample-belt__container .sample-belt__moving-belt {
  display: flex;
  flex-wrap: nowrap;
  float: left;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .sample-belt__container .sample-belt__moving-belt {
      margin-bottom: 0.625rem; } }

.sample-belt__container .sample-belt__sample {
  width: calc(3 * calc(88.2/1440 * (100vw - 0.9375rem)) + 2 * calc(26.2/1440 * (100vw - 0.9375rem)));
  margin-right: calc(0 * calc(88.2/1440 * (100vw - 0.9375rem)) + 1 * calc(26.2/1440 * (100vw - 0.9375rem)));
  flex-shrink: 0;
  margin-bottom: 0; }
  @media only screen and (min-width: 1440px) {
    .sample-belt__container .sample-belt__sample {
      width: calc(3 * 88.2px + 2 * 26.2px); } }
  @media only screen and (min-width: 1440px) {
    .sample-belt__container .sample-belt__sample {
      margin-right: calc(0 * 88.2px + 1 * 26.2px); } }
  @media only screen and (max-width: 768px) {
    .sample-belt__container .sample-belt__sample {
      width: calc(4 * 8.21256vw + 3 * 11.83575vw); } }
  @media only screen and (max-width: 768px) {
    .sample-belt__container .sample-belt__sample video {
      height: 100%; } }

.sample-belt__container .sample-belt__video-container {
  position: relative;
  width: 100%;
  padding-top: 134%; }

.sample-belt__container .sample-belt__video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  visibility: visible; }

.toggle__container {
  display: inline-block;
  border-radius: 3.125rem;
  border: 0.0625rem solid #1266ff;
  margin-top: 0.4375rem; }

.toggle__option {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #1266ff;
  padding: 0.625rem 1.25rem; }
  @media only screen and (max-width: 768px) {
    .toggle__option {
      line-height: 1.25rem; } }
  .toggle__option:first-of-type {
    margin-right: -0.625rem; }
  .toggle__option.active {
    border-radius: 3.125rem;
    border: 0.0625rem solid #1266ff;
    background: #1266ff;
    color: #ffffff; }

.featured-three {
  background-color: #000000; }
  .featured-three__item {
    margin: 0 auto;
    padding: 3.125rem;
    display: flex; }
  .featured-three__item:nth-child(even) {
    flex-direction: row; }
    @media only screen and (max-width: 768px) {
      .featured-three__item:nth-child(even) {
        flex-direction: column;
        padding: 0; } }
    .featured-three__item:nth-child(even) .video-container {
      position: relative;
      background-color: #FFFFFF; }
    .featured-three__item:nth-child(even) #video {
      max-width: 65vw; }
      @media only screen and (max-width: 768px) {
        .featured-three__item:nth-child(even) #video {
          max-width: 100vw;
          width: 100%; } }
    .featured-three__item:nth-child(even) .info {
      display: flex;
      flex-direction: column;
      max-width: 35vw;
      background-color: #FFFFFF;
      justify-content: center;
      text-align: center;
      padding: 1.25rem; }
      @media only screen and (max-width: 768px) {
        .featured-three__item:nth-child(even) .info {
          max-width: 100vw; } }
      .featured-three__item:nth-child(even) .info__title {
        margin-bottom: 0.625rem; }
      .featured-three__item:nth-child(even) .info__heading {
        font-weight: bold;
        margin-top: 0.625rem; }
      .featured-three__item:nth-child(even) .info__heading2 {
        font-weight: bold;
        margin-top: 0.625rem; }
      .featured-three__item:nth-child(even) .info__blurb {
        color: #999999;
        margin-top: 1.25rem;
        padding: 1.875rem;
        font-size: 1.25rem;
        line-height: 1.75rem; }
  .featured-three__item:nth-child(odd) {
    flex-direction: row-reverse; }
    @media only screen and (max-width: 768px) {
      .featured-three__item:nth-child(odd) {
        flex-direction: column;
        padding: 0; } }
    .featured-three__item:nth-child(odd) .video-container {
      position: relative;
      background-color: #FFFFFF; }
    .featured-three__item:nth-child(odd) #video {
      max-width: 65vw; }
      @media only screen and (max-width: 768px) {
        .featured-three__item:nth-child(odd) #video {
          max-width: 100vw;
          width: 100%; } }
    .featured-three__item:nth-child(odd) .info {
      display: flex;
      flex-direction: column;
      max-width: 35vw;
      background-color: #FFFFFF;
      justify-content: center;
      text-align: center;
      padding: 1.25rem; }
      @media only screen and (max-width: 768px) {
        .featured-three__item:nth-child(odd) .info {
          max-width: 100vw; } }
      .featured-three__item:nth-child(odd) .info__title {
        margin-bottom: 0.625rem; }
      .featured-three__item:nth-child(odd) .info__heading {
        font-weight: bold;
        margin-top: 0.625rem; }
      .featured-three__item:nth-child(odd) .info__heading2 {
        font-weight: bold;
        margin-top: 0.625rem; }
      .featured-three__item:nth-child(odd) .info__blurb {
        color: #999999;
        margin-top: 1.25rem;
        padding: 1.875rem;
        font-size: 1.25rem;
        line-height: 1.75rem; }

.index__third-up {
  border-bottom: 0.0625rem solid #f0f0f0; }
  .index__third-up .third-up__item {
    position: relative; }
    .index__third-up .third-up__item:not(:first-of-type):before {
      content: '';
      display: block;
      position: absolute;
      left: -3rem;
      top: -3rem;
      bottom: -2.8125rem;
      width: 0.0625rem;
      background-color: #f0f0f0; }
      @media only screen and (max-width: 768px) {
        .index__third-up .third-up__item:not(:first-of-type):before {
          width: auto;
          height: 0.0625rem;
          top: 0;
          bottom: auto;
          left: -1.5rem;
          right: -1.5rem; } }
  .index__third-up .item__text {
    max-width: 18.4375rem;
    color: #666; }

.index__featured-content {
  box-sizing: border-box;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3rem;
  padding-right: 3rem;
  max-width: 90rem;
  text-align: center;
  margin-bottom: 2.5rem;
  margin-top: 2.8125rem; }
  @media only screen and (max-width: 768px) {
    .index__featured-content {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  .index__featured-content__title {
    font-size: 3rem;
    line-height: 3.5rem;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 1.5625rem; }
    @media only screen and (max-width: 768px) {
      .index__featured-content__title {
        font-size: 2rem;
        line-height: 2.5rem; } }
  .index__featured-content__copy {
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: #777;
    max-width: 24.375rem;
    margin: auto; }
  .index__featured-content__link {
    display: block;
    margin-top: 1.25rem; }

.index .sample-belt {
  margin-bottom: 3.75rem; }

.hero__container {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 37.5rem;
  overflow: hidden;
  background: black; }
  .hero__container:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #000000;
    opacity: 0.5; }
  @media only screen and (max-width: 768px) {
    .hero__container {
      height: calc(100vh - 7.1875rem); } }

.hero__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: filter 0.2s ease-in-out;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; }

.hero__text-container {
  box-sizing: border-box;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3rem;
  padding-right: 3rem;
  max-width: 90rem;
  position: absolute;
  bottom: 3rem;
  width: 100%;
  left: 50%;
  transform: translateX(-50%); }
  @media only screen and (max-width: 768px) {
    .hero__text-container {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media only screen and (max-width: 768px) {
    .hero__text-container {
      bottom: 5rem; } }

.hero__text {
  font-size: 3.5rem;
  line-height: 4.0625rem;
  -webkit-font-smoothing: antialiased;
  max-width: 38.125rem;
  color: #ffffff; }
  @media only screen and (max-width: 768px) {
    .hero__text {
      font-size: 2.625rem;
      line-height: 3.1875rem; } }

.hero__button {
  color: #ffffff;
  background-color: #1266ff;
  padding: 0.625rem 1.375rem;
  border-radius: 1.5625rem;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 2.5rem; }
  @media only screen and (max-width: 768px) {
    .hero__button {
      line-height: 1.25rem; } }

.brands__container {
  background: #f0f0f0; }

.brands__content {
  box-sizing: border-box;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3rem;
  padding-right: 3rem;
  max-width: 90rem;
  display: flex;
  justify-content: space-between;
  padding-top: 4rem;
  padding-bottom: 5rem;
  height: 35.875rem; }
  @media only screen and (max-width: 768px) {
    .brands__content {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media only screen and (max-width: 768px) {
    .brands__content {
      flex-wrap: wrap;
      padding-bottom: 0;
      height: auto; } }

.brands__text {
  font-size: 3.5rem;
  line-height: 4.0625rem;
  -webkit-font-smoothing: antialiased;
  max-width: 36.25rem; }
  @media only screen and (max-width: 768px) {
    .brands__text {
      font-size: 2.625rem;
      line-height: 3.1875rem; } }
  @media only screen and (max-width: 768px) {
    .brands__text {
      flex-basis: 100%;
      padding-left: 0;
      padding-right: 0;
      max-width: none; } }

.brands__logos {
  width: 36.875rem;
  margin-right: 5.625rem;
  padding-top: 0.625rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media only screen and (max-width: 768px) {
    .brands__logos {
      flex-basis: 100%;
      padding-left: 0;
      padding-right: 0;
      margin-right: 0;
      padding-top: 0;
      margin-top: 4.1875rem;
      margin-bottom: 3rem; } }

.brands__icon {
  color: #000000;
  margin-bottom: 5.125rem;
  width: 33%;
  height: 2.6875rem;
  stroke: none; }
  @media only screen and (max-width: 768px) {
    .brands__icon {
      margin-bottom: 1.875rem;
      width: 50%; } }

.products__content {
  padding-top: 3.3125rem; }
  @media only screen and (max-width: 768px) {
    .products__content {
      padding-top: 2.1875rem; } }
  .products__content .products-menu {
    margin-bottom: 3.75rem; }
    @media only screen and (max-width: 768px) {
      .products__content .products-menu {
        margin-bottom: 2.1875rem; } }
  .products__content .brick {
    margin-bottom: 2.8125rem; }
    .products__content .brick:last-of-type {
      margin-bottom: 4.0625rem; }
    @media only screen and (max-width: 768px) {
      .products__content .brick__link {
        min-height: 32rem; } }
    @media only screen and (max-width: 768px) {
      .products__content .brick.face .brick__image {
        object-position: 100%; } }
    @media only screen and (max-width: 768px) {
      .products__content .brick.eye .brick__image {
        object-position: 58%; } }
    @media only screen and (max-width: 768px) {
      .products__content .brick.air .brick__image {
        object-position: 100%; } }
    @media only screen and (max-width: 768px) {
      .products__content .brick.admin .brick__image {
        object-position: 40%; } }

.products__title-box {
  box-sizing: border-box;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3rem;
  padding-right: 3rem;
  max-width: 90rem; }
  @media only screen and (max-width: 768px) {
    .products__title-box {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }

.products__title {
  font-size: 3.5rem;
  line-height: 4.0625rem;
  -webkit-font-smoothing: antialiased;
  margin-bottom: 3.3125rem; }
  @media only screen and (max-width: 768px) {
    .products__title {
      font-size: 2.625rem;
      line-height: 3.1875rem; } }
  @media only screen and (max-width: 768px) {
    .products__title {
      margin-bottom: 1.5625rem; } }

.products__text {
  font-size: 2rem;
  line-height: 2.5rem;
  -webkit-font-smoothing: antialiased;
  max-width: 50%;
  margin-bottom: 4.125rem; }
  @media only screen and (max-width: 768px) {
    .products__text {
      font-size: 1.5rem;
      line-height: 1.9375rem; } }
  @media only screen and (max-width: 768px) {
    .products__text {
      font-size: 1.5rem;
      line-height: 1.875rem;
      -webkit-font-smoothing: antialiased;
      max-width: 100%;
      margin-bottom: 1.5625rem; } }
  @media only screen and (max-width: 768px) and (max-width: 768px) {
    .products__text {
      font-size: 1.25rem;
      line-height: 1.875rem; } }

.products-menu__image {
  width: 100%;
  vertical-align: top; }

.products-menu__text {
  font-size: 1.125rem;
  line-height: 1.125rem;
  letter-spacing: 0.0925rem;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  font-weight: bold;
  margin-top: 0.9375rem; }

.solutions__title-box {
  box-sizing: border-box;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3rem;
  padding-right: 3rem;
  max-width: 90rem;
  margin-top: 4.375rem;
  margin-bottom: 1.25rem; }
  @media only screen and (max-width: 768px) {
    .solutions__title-box {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }

.solutions__title {
  font-size: 3.5rem;
  line-height: 4.0625rem;
  -webkit-font-smoothing: antialiased; }
  @media only screen and (max-width: 768px) {
    .solutions__title {
      font-size: 2.625rem;
      line-height: 3.1875rem; } }

.solutions-photographers, .solutions-retail, .solutions-sensory-experiences {
  overflow: hidden; }

.solutions-photographers {
  background: #000000;
  color: #ffffff; }

.solutions-sensory-experiences {
  background: #dff6f0;
  color: #7470BB; }

.solutions-retail {
  background: #ffffea;
  color: #5d5d50; }

.solutions-detail {
  box-sizing: border-box;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3rem;
  padding-right: 3rem;
  max-width: 90rem; }
  @media only screen and (max-width: 768px) {
    .solutions-detail {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }

.studio__content {
  background-color: #000000; }
  .studio__content .product-hero__text-container {
    top: 7.5rem; }
  .studio__content .product-hero__text {
    max-width: 25rem; }
  .studio__content .case-studies {
    background: #000000;
    border-bottom: 0.0625rem solid #212121; }
  .studio__content .about-us {
    background-color: #000000;
    border-top: 0.0625rem solid #212121; }
    @media only screen and (max-width: 768px) {
      .studio__content .about-us {
        padding-top: 2.8125rem;
        border-top: none; } }
    .studio__content .about-us__container {
      display: flex;
      width: 100%;
      box-sizing: border-box;
      position: relative;
      margin-left: auto;
      margin-right: auto;
      padding-left: 3rem;
      padding-right: 3rem;
      max-width: 90rem;
      padding-top: 4.6875rem;
      padding-bottom: 4.6875rem; }
      .studio__content .about-us__container > * {
        padding-left: calc((1.9494%) / 2);
        padding-right: calc((1.9494%) / 2);
        flex-basis: 0;
        flex-grow: 1;
        flex-shrink: 1; }
        .studio__content .about-us__container > *:first-child {
          padding-left: 0; }
        .studio__content .about-us__container > *:last-child {
          padding-right: 0; }
        @media only screen and (max-width: 768px) {
          .studio__content .about-us__container > * {
            padding-left: calc((1.9494%) / 2);
            padding-right: calc((1.9494%) / 2); } }
      @media only screen and (max-width: 768px) {
        .studio__content .about-us__container {
          padding-left: 1.5rem;
          padding-right: 1.5rem; } }
      @media only screen and (max-width: 768px) {
        .studio__content .about-us__container {
          padding-top: 0;
          padding-bottom: 0;
          flex-wrap: wrap; } }
    .studio__content .about-us__left {
      width: calc(3 * calc(88.2/1440 * (100vw - 0.9375rem)) + 2 * calc(26.2/1440 * (100vw - 0.9375rem)));
      flex-basis: auto; }
      @media only screen and (min-width: 1440px) {
        .studio__content .about-us__left {
          width: calc(3 * 88.2px + 2 * 26.2px); } }
      @media only screen and (max-width: 768px) {
        .studio__content .about-us__left {
          width: 100%;
          margin-bottom: 5.625rem; } }
    .studio__content .about-us__right {
      width: calc(9 * calc(88.2/1440 * (100vw - 0.9375rem)) + 8 * calc(26.2/1440 * (100vw - 0.9375rem)));
      flex-basis: auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media only screen and (min-width: 1440px) {
        .studio__content .about-us__right {
          width: calc(9 * 88.2px + 8 * 26.2px); } }
      @media only screen and (max-width: 768px) {
        .studio__content .about-us__right {
          width: 100%;
          padding-left: 0; } }
    .studio__content .about-us__title {
      font-size: 3rem;
      line-height: 3.5rem;
      -webkit-font-smoothing: antialiased;
      color: #ffffff; }
      @media only screen and (max-width: 768px) {
        .studio__content .about-us__title {
          font-size: 2rem;
          line-height: 2.5rem; } }
    .studio__content .about-us__item {
      width: calc(3 * calc(88.2/1440 * (100vw - 0.9375rem)) + 2 * calc(26.2/1440 * (100vw - 0.9375rem)));
      margin-bottom: 2.8125rem; }
      @media only screen and (min-width: 1440px) {
        .studio__content .about-us__item {
          width: calc(3 * 88.2px + 2 * 26.2px); } }
      @media only screen and (max-width: 768px) {
        .studio__content .about-us__item {
          width: 50%; } }
      .studio__content .about-us__item__number {
        color: #ffffff; }
      .studio__content .about-us__item__text {
        color: #777; }
      .studio__content .about-us__item__number {
        font-size: 3.5rem;
        line-height: 4.0625rem;
        -webkit-font-smoothing: antialiased; }
        @media only screen and (max-width: 768px) {
          .studio__content .about-us__item__number {
            font-size: 2.625rem;
            line-height: 3.1875rem; } }
      .studio__content .about-us__item__text {
        font-size: 1.25rem;
        line-height: 1.75rem;
        margin-top: 0.5rem; }

.face .product-hero__text {
  max-width: 28.125rem; }

.face .customize {
  background: linear-gradient(to right bottom, #e2f1f1, #c1efe0); }
  .face .customize .tall-feature__image {
    width: 47.125rem;
    right: 7.8%; }
    @media only screen and (max-width: 768px) {
      .face .customize .tall-feature__image {
        position: relative;
        right: 0;
        width: 100%;
        order: 4;
        top: 0; } }

.face .overview {
  background: #000000; }
  .face .overview__title {
    color: #ffffff; }
  .face .overview__text {
    color: #ffffff; }
    @media only screen and (max-width: 768px) {
      .face .overview__text {
        color: #777; } }

.air {
  overflow: hidden; }
  .air .product-hero__container {
    height: 100vh; }
    .air .product-hero__container:before {
      display: none; }
  .air .product-hero__text {
    max-width: 40.625rem; }
    .air .product-hero__text .white {
      width: 100%; }
  .air .sample-belt {
    margin-bottom: 1.25rem; }
  .air .overview {
    background-color: #f1f1f1; }
    .air .overview__container {
      justify-content: normal; }
    .air .overview__text {
      max-width: 28.125rem; }
  .air .contact-block__text {
    width: 60%;
    max-width: none; }
  .air .inbetween {
    box-sizing: border-box;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3rem;
    padding-right: 3rem;
    max-width: 90rem;
    text-align: center;
    margin-bottom: 2.5rem;
    margin-top: 2.8125rem; }
    @media only screen and (max-width: 768px) {
      .air .inbetween {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    .air .inbetween__title {
      font-size: 3rem;
      line-height: 3.5rem;
      -webkit-font-smoothing: antialiased;
      margin-bottom: 1.5625rem; }
      @media only screen and (max-width: 768px) {
        .air .inbetween__title {
          font-size: 2rem;
          line-height: 2.5rem; } }
    .air .inbetween__copy {
      font-size: 1.25rem;
      line-height: 1.75rem;
      color: #777;
      max-width: 24.375rem;
      margin: auto; }
    .air .inbetween__link {
      display: block;
      margin-top: 1.25rem; }
  .air .variant-inbetween {
    text-align: center;
    width: 100%;
    padding-top: 5rem;
    padding-bottom: 2.5rem;
    background-color: #000000;
    color: #FFFFFF; }
    @media only screen and (max-width: 768px) {
      .air .variant-inbetween {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem; } }
    .air .variant-inbetween__title {
      margin-bottom: 1.5625rem; }
    .air .variant-inbetween__copy {
      max-width: 23.4375rem;
      margin: auto; }
    .air .variant-inbetween__link {
      display: block;
      margin-top: 1.25rem; }

.eye {
  overflow: hidden; }
  .eye .product-hero__text {
    max-width: 20.9375rem; }
    @media only screen and (max-width: 768px) {
      .eye .product-hero__text {
        max-width: 13.125rem; } }
  .eye .overview {
    background: #000000; }
    .eye .overview__title, .eye .overview__text {
      color: #ffffff; }
    .eye .overview__text {
      align-self: flex-end; }
      @media only screen and (max-width: 768px) {
        .eye .overview__text {
          align-self: auto; } }

.jobs__hero img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

@media only screen and (max-width: 768px) {
  .jobs__hero .hero__text {
    font-size: 2rem;
    line-height: 2.5rem; } }

.jobs__content {
  box-sizing: border-box;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3rem;
  padding-right: 3rem;
  max-width: 90rem;
  margin-bottom: 7.1875rem; }
  @media only screen and (max-width: 768px) {
    .jobs__content {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }

.apps-sdk {
  overflow: hidden; }
  .apps-sdk .product-hero__text {
    max-width: 26.875rem; }

.admin {
  overflow: hidden; }
  .admin .product-hero__container:before {
    display: none; }
    @media only screen and (max-width: 768px) {
      .admin .product-hero__container:before {
        display: block; } }
  .admin .product-hero__text {
    max-width: 29.6875rem; }
  .admin .product-hero__login {
    display: inline-block;
    padding: 0.625rem 1.4375rem;
    border-radius: 1.5625rem;
    border: 0.0625rem solid #ffffff;
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: #ffffff;
    margin-top: 3.4375rem;
    display: inline-block; }

@media only screen and (max-width: 768px) {
  .case-study__eyebrow {
    display: none; } }

.platform__content {
  position: relative; }
  .platform__content .platform__background-image {
    position: absolute;
    left: 0;
    width: 100%;
    height: 200vh;
    background-size: 100%;
    background-repeat: no-repeat; }
  .platform__content .gradient__hero {
    background: linear-gradient(to bottom, #0D1123, #0f1116); }
  .platform__content .gradient__first {
    background: linear-gradient(to top, #111112, #0f1118); }
  .platform__content .gradient__second {
    background: linear-gradient(to top, #0d1123, #111112); }
  .platform__content .gradient__third {
    position: relative;
    background: linear-gradient(to top, #000000, #0d1123); }
    .platform__content .gradient__third:before {
      content: '';
      display: block;
      position: absolute;
      width: 100%;
      height: 70%;
      bottom: 0;
      left: 0;
      background: linear-gradient(0deg, #000000, #000000 8%, transparent 100%);
      z-index: 100; }
      @media only screen and (max-width: 768px) {
        .platform__content .gradient__third:before {
          height: 20%; } }
  .platform__content .gradient__fourth {
    background: linear-gradient(to top, #0e0e1d, #000000); }
  .platform__content .gradient__fifth {
    background: linear-gradient(to bottom, #0c0e1c, #1b091a); }
  .platform__content .gradient__sixth {
    background: linear-gradient(to top, #000000, #1b091a); }
  .platform__content .gradient__seventh {
    background: linear-gradient(to bottom, #000000, #1b091a); }
  .platform__content .hypno-button {
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-top: 3.125rem; }
  .platform__content .centered {
    box-sizing: border-box;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3rem;
    padding-right: 3rem;
    max-width: 90rem;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .platform__content .centered {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    .platform__content .centered.intro {
      padding: 8.25rem 0; }
      @media only screen and (max-width: 768px) {
        .platform__content .centered.intro {
          padding: 3.125rem 0.9375rem 6.0625rem; } }
    .platform__content .centered__title {
      font-size: 3.5rem;
      line-height: 4.0625rem;
      -webkit-font-smoothing: antialiased;
      margin: auto;
      color: #ffffff; }
      @media only screen and (max-width: 768px) {
        .platform__content .centered__title {
          font-size: 2.625rem;
          line-height: 3.1875rem; } }
    .platform__content .centered__text {
      margin: auto;
      margin-top: 1.875rem;
      max-width: 21.875rem;
      color: #777; }
  .platform__content .product-hero__container {
    padding: 0;
    max-width: none; }
    .platform__content .product-hero__container:before {
      height: 3.125rem;
      background: linear-gradient(to top, #0f1118, rgba(0, 0, 0, 0));
      opacity: 0;
      bottom: 0;
      top: auto; }
    @media only screen and (max-width: 768px) {
      .platform__content .product-hero__container {
        height: 32.5rem; } }
  .platform__content .product-hero__video {
    object-position: top; }
  @media only screen and (max-width: 768px) {
    .platform__content .product-hero__text-container {
      top: 8.4375rem;
      transform: translateX(-50%); } }
  .platform__content .contact-block__container {
    text-align: center; }
  .platform__content .contact-block__text {
    margin: auto; }
  .platform__content .contact-block__cta {
    align-self: center; }

.icons-box {
  box-sizing: border-box;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3rem;
  padding-right: 3rem;
  max-width: 90rem;
  padding-top: 10.625rem;
  padding-bottom: 6.6875rem; }
  @media only screen and (max-width: 768px) {
    .icons-box {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media only screen and (max-width: 768px) {
    .icons-box {
      padding-top: 7.5rem; } }
  .icons-box__icons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 3.125rem; }
    @media only screen and (max-width: 768px) {
      .icons-box__icons {
        flex-direction: column;
        flex-wrap: nowrap;
        margin-top: 4.0625rem; } }
  .icons-box__icon {
    position: relative;
    width: 9.1875rem;
    height: 9.4375rem;
    background-color: #211323;
    border-radius: 0.5rem;
    margin-right: 2.375rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.25rem; }
    .icons-box__icon:last-of-type {
      margin-right: 0; }
    @media only screen and (max-width: 768px) {
      .icons-box__icon {
        width: 100%;
        height: auto;
        margin-bottom: 0.625rem;
        flex-direction: row;
        padding: 1.5rem 2.1875rem;
        box-sizing: border-box;
        justify-content: space-between; } }
  .icons-box__label {
    color: #ffffff; }
  .icons-box__svg {
    margin-bottom: 1.25rem;
    color: #e96653;
    fill: none; }
    @media only screen and (max-width: 768px) {
      .icons-box__svg {
        order: 2;
        margin-bottom: 0; } }
    .icons-box__svg.instagram {
      width: 2.625rem; }
      @media only screen and (max-width: 768px) {
        .icons-box__svg.instagram {
          transform: translateX(-10px); } }
    .icons-box__svg.sms {
      width: 3.75rem;
      stroke-width: 0.09375rem; }
    .icons-box__svg.cloud {
      width: 3.75rem; }
    .icons-box__svg.lan {
      width: 2.625rem; }
      @media only screen and (max-width: 768px) {
        .icons-box__svg.lan {
          transform: translateX(-10px); } }
    .icons-box__svg.email {
      width: 3.125rem; }
      @media only screen and (max-width: 768px) {
        .icons-box__svg.email {
          transform: translateX(-6px); } }

.text-boxes {
  box-sizing: border-box;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3rem;
  padding-right: 3rem;
  max-width: 90rem;
  padding-top: 3.125rem;
  padding-bottom: 7.3125rem; }
  @media only screen and (max-width: 768px) {
    .text-boxes {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media only screen and (max-width: 768px) {
    .text-boxes {
      padding-top: 1.25rem;
      padding-bottom: 6.25rem; } }
  .text-boxes__boxes {
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 1.375rem;
    margin-right: -1.875rem; }
    @media only screen and (max-width: 768px) {
      .text-boxes__boxes {
        margin-top: 3.4375rem;
        margin-right: 0; } }
  .text-boxes__box {
    font-size: 1.25rem;
    line-height: 1.75rem;
    box-sizing: border-box;
    padding: 1.5625rem 1.875rem 1.5625rem 1.5625rem;
    color: #ffffff;
    text-align: left;
    background-color: #211323;
    position: relative;
    width: 13.125rem;
    height: 6.5625rem;
    display: flex;
    align-items: center;
    margin-top: 1.875rem;
    margin-right: 1.875rem; }
    @media only screen and (max-width: 768px) {
      .text-boxes__box {
        width: calc(50% - 0.5rem);
        margin-top: 1rem;
        margin-right: 0; }
        .text-boxes__box:nth-of-type(2n - 1) {
          margin-right: 1rem; } }

.brands-box {
  padding-top: 3.125rem;
  padding-bottom: 15rem;
  overflow: hidden; }
  @media only screen and (max-width: 768px) {
    .brands-box {
      padding-bottom: 17.5rem; } }
  .brands-box__logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 5rem; }
    @media only screen and (max-width: 768px) {
      .brands-box__logos {
        margin-top: 2.5rem; } }
  .brands-box__svg {
    position: relative;
    color: #ffffff;
    stroke: none;
    width: 20rem;
    height: 4.375rem;
    margin-left: -3.75rem;
    margin-right: -3.75rem; }
    .brands-box__svg.kors {
      margin-right: -1.625rem; }
      @media only screen and (max-width: 768px) {
        .brands-box__svg.kors {
          margin-right: -1.875rem; } }
    @media only screen and (max-width: 768px) {
      .brands-box__svg {
        width: 17.5rem;
        margin-top: 1.875rem;
        margin-left: -1.875rem;
        margin-right: -1.875rem; } }

.hypno-videos__container {
  box-sizing: border-box;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3rem;
  padding-right: 3rem;
  max-width: 90rem; }
  @media only screen and (max-width: 768px) {
    .hypno-videos__container {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media only screen and (max-width: 768px) {
    .hypno-videos__container {
      padding: 0; } }

.hypno-videos__title {
  font-size: 3.5rem;
  line-height: 4.0625rem;
  -webkit-font-smoothing: antialiased;
  margin-top: 7.1875rem;
  margin-bottom: 3.3125rem; }
  @media only screen and (max-width: 768px) {
    .hypno-videos__title {
      font-size: 2.625rem;
      line-height: 3.1875rem; } }
  @media only screen and (max-width: 768px) {
    .hypno-videos__title {
      padding: 0 1.5rem;
      margin-top: 2.1875rem;
      margin-bottom: 3.4375rem; } }

.hypno-videos__copy {
  font-size: 2rem;
  line-height: 2.5rem;
  -webkit-font-smoothing: antialiased;
  max-width: 48.75rem;
  margin-bottom: 4.375rem; }
  @media only screen and (max-width: 768px) {
    .hypno-videos__copy {
      font-size: 1.5rem;
      line-height: 1.9375rem; } }
  @media only screen and (max-width: 768px) {
    .hypno-videos__copy {
      padding-left: 1.5rem;
      padding-right: 2.75rem; } }

@media only screen and (max-width: 768px) {
  .hypno-videos__toggle {
    margin-left: 1.5rem; } }

.hypno-videos__filters-container {
  margin-bottom: 3.125rem;
  display: flex; }
  @media only screen and (max-width: 768px) {
    .hypno-videos__filters-container {
      width: 100%;
      flex-direction: column; } }

.hypno-videos__product-filter {
  max-height: 62.5rem; }
  .--templates .hypno-videos__product-filter {
    max-height: 0;
    visibility: hidden; }

.hypno-videos__filter {
  margin-right: 2.1875rem;
  transition: 0.2s height ease-in; }
  @media only screen and (max-width: 768px) {
    .hypno-videos__filter {
      margin-right: 0; }
      .hypno-videos__filter:first-of-type {
        margin-bottom: 1.25rem; } }

.hypno-videos__filter-button {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #777;
  margin-left: 1.0625rem;
  font-weight: bolder; }
  @media only screen and (max-width: 768px) {
    .hypno-videos__filter-button {
      line-height: 1.25rem; } }
  @media only screen and (max-width: 768px) {
    .hypno-videos__filter-button {
      position: relative;
      padding-left: 1.5rem;
      width: auto; } }

.hypno-videos__dropdown-container {
  position: relative;
  display: inline-block; }

.hypno-videos .edd-root {
  border: none; }
  @media only screen and (max-width: 768px) {
    .hypno-videos .edd-root {
      left: 1.5rem; } }

.hypno-videos .edd-head {
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #1266ff;
  border: 0.0625rem solid #1266ff;
  border-radius: 3.125rem;
  padding: 0.6875rem 1.3125rem;
  padding-right: 2.5rem;
  display: inline-block; }

.hypno-videos .edd-body {
  left: -0.0625rem;
  top: -0.0625rem;
  min-width: 10rem; }
  .hypno-videos .edd-body.edd-body-at-top {
    bottom: 0;
    top: auto; }

.hypno-videos .edd-option {
  color: #000000; }

.hypno-videos__caret-down {
  position: absolute;
  right: 1.25rem;
  top: calc(50% + 0.125rem);
  transform: translateY(-50%);
  color: #1266ff;
  height: 0.25rem;
  width: 0.5rem; }
  @media only screen and (max-width: 768px) {
    .hypno-videos__caret-down {
      right: -0.3125rem; } }

.hypno-videos__grid {
  padding-bottom: 8.125rem;
  display: grid;
  grid-template-columns: repeat(4, [col-start] 1fr);
  grid-gap: 1.25rem;
  grid-auto-columns: 1fr; }
  @media only screen and (max-width: 768px) {
    .hypno-videos__grid {
      justify-content: center;
      display: flex;
      flex-wrap: wrap;
      padding-bottom: 6.25rem; }
      .hypno-videos__grid.expanded {
        padding-bottom: 0; } }
  @media only screen and (min-width: 1440px) {
    .hypno-videos__grid {
      grid-gap: 26.2px; } }

.hypno-videos__sample-loader {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: contain;
  background-position: center;
  z-index: 0; }

.hypno-videos__sample {
  width: 100%;
  flex-basis: auto;
  position: relative;
  transition: all 0.6s ease-in;
  margin-bottom: 3.625rem;
  display: flex;
  flex-direction: column;
  background-color: #ffffff; }
  @media only screen and (max-width: 768px) {
    .hypno-videos__sample {
      margin-bottom: 5.5rem;
      transition: height 0.2s ease-in; } }
  .hypno-videos__sample.hidden {
    position: absolute;
    opacity: 0;
    z-index: -1000;
    pointer-events: none; }

.hypno-videos__image {
  position: relative;
  width: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }

.hypno-videos__play {
  position: absolute;
  height: 5.625rem;
  width: 5.625rem;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: #ffffff;
  z-index: 1; }

.hypno-videos__preview {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  z-index: 2; }
  .hypno-videos__preview:hover {
    opacity: 1; }
    .hypno-videos__preview:hover .hypno-videos__play {
      opacity: 0.8; }
  .playing .hypno-videos__preview {
    opacity: 0;
    z-index: -1; }

.hypno-videos__video-container {
  position: relative; }

.hypno-videos__video {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  visibility: hidden;
  z-index: 1;
  position: absolute;
  min-height: 6.25rem; }
  .hypno-videos__video.gif {
    position: relative;
    visibility: visible; }
  .playing .hypno-videos__video {
    visibility: visible; }

@media only screen and (max-width: 768px) {
  .hypno-videos__metadata {
    padding: 0 1.5rem; } }

.hypno-videos__brand {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 0.75rem;
  font-weight: bolder; }
  @media only screen and (max-width: 768px) {
    .hypno-videos__brand {
      line-height: 1.25rem; } }
  @media only screen and (max-width: 768px) {
    .hypno-videos__brand {
      margin-bottom: 0.1875rem; } }

.hypno-videos__product {
  font-size: 1rem;
  line-height: 1.5rem; }
  @media only screen and (max-width: 768px) {
    .hypno-videos__product {
      line-height: 1.25rem; } }
  @media only screen and (max-width: 768px) {
    .hypno-videos__product {
      margin-bottom: 0.1875rem; } }
  .hypno-videos__product,
  .hypno-videos__product a {
    color: #1266ff; }

.hypno-videos__product-name:not(:last-child):after {
  content: ', '; }

.hypno-videos__caption {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #777; }
  @media only screen and (max-width: 768px) {
    .hypno-videos__caption {
      line-height: 1.25rem; } }

.hypno-videos__more-button {
  display: none; }
  @media only screen and (max-width: 768px) {
    .hypno-videos__more-button {
      display: block;
      margin-top: 3.0625rem; }
      .expanded .hypno-videos__more-button {
        display: none; } }

@media only screen and (max-width: 768px) {
  .contracted .hypno-videos__sample:nth-of-type(6) ~ .hypno-videos__sample {
    height: 0;
    margin-bottom: 0; }
    .contracted .hypno-videos__sample:nth-of-type(6) ~ .hypno-videos__sample * {
      height: 0;
      overflow: hidden; }
  .expanded .hypno-videos__sample:nth-of-type(6) ~ .hypno-videos__sample {
    height: auto; } }

.not-found-404__container {
  box-sizing: border-box;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3rem;
  padding-right: 3rem;
  max-width: 90rem;
  text-align: center;
  padding-top: 5.625rem;
  height: calc(100vh - 4.4375rem - 29rem);
  min-height: 31.25rem; }
  @media only screen and (max-width: 768px) {
    .not-found-404__container {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }

.not-found-404__content {
  display: inline-block;
  text-align: left; }
  .not-found-404__content h2 {
    font-size: 1.125rem;
    line-height: 1.125rem;
    letter-spacing: 0.0925rem;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0.3125rem; }
  .not-found-404__content h1 {
    font-size: 3.5rem;
    line-height: 4.0625rem;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 3.125rem; }
    @media only screen and (max-width: 768px) {
      .not-found-404__content h1 {
        font-size: 2.625rem;
        line-height: 3.1875rem; } }

.script-tuts__video-section {
  margin-bottom: 3.75rem; }

.script-tuts .contact-block {
  text-align: center; }
  .script-tuts .contact-block__text {
    margin: auto; }