/* *** *** *** lenis@1.3.15 *** *** *** */
    html.lenis,
    html.lenis body {
      height: auto
    }

    .lenis:not(.lenis-autoToggle).lenis-stopped {
      overflow: clip
    }

    .lenis [data-lenis-prevent],
    .lenis [data-lenis-prevent-wheel],
    .lenis [data-lenis-prevent-touch] {
      overscroll-behavior: contain
    }

    .lenis.lenis-smooth iframe {
      pointer-events: none
    }

    .lenis.lenis-autoToggle {
      transition-property: overflow;
      transition-duration: 1ms;
      transition-behavior: allow-discrete;
    }

    /* *** *** *** fonts *** *** *** */
    @import url('https://fonts.googleapis.com/css2?family=Azeret+Mono:ital,wght@0,100..900;1,100..900&display=swap');

    /* latin-ext */
    @font-face {
      font-family: 'Azeret Mono';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/azeretmono/v21/3XF5ErsiyJsY9O_Gepph-FvtTQgMQUdNekSfnPVR27yby5s.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    /* latin */
    @font-face {
      font-family: 'Azeret Mono';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/azeretmono/v21/3XF5ErsiyJsY9O_Gepph-FvtTQgMQUdNekSfnPVR1byb.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    * {
      font-family: 'Azeret Mono', sans-serif, system-ui;
      font-style: normal;
      font-weight: 400;
    }

    /* msie */
    html.has-msie .msie {
      display: flex !important;
      opacity: 1 !important;
      visibility: visible !important;
      pointer-events: auto !important;
    }

    .msie {
      width: 100%;
      height: 100%;
      min-height: 100vh;
      min-height: 100svh;
      position: fixed;
      top: 0;
      left: 0;

      display: -webkit-box;
      display: -ms-flexbox;
      display: ;

      opacity: 0;
      visibility: hidden;

      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;

      pointer-events: none;
      z-index: 200;

      text-align: center;

      color: #eaeef4;
      background-color: #1e1e1e;
    }

    .msie>div {
      margin: 0 auto;
      padding: 0 .8rem;
      overflow: hidden;
    }

    /* *** *** *** general *** *** *** */
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0
    }

    html {
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
      -webkit-font-smoothing: antialiased
    }

    body {
      line-height: 1
    }

    ul {
      list-style-type: none
    }

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

    a:active,
    a:hover,
    input {
      outline: 0
    }

    button {
      border: none;
      cursor: pointer;
      background-color: transparent
    }

    svg {
      width: 100%;
      height: 100%
    }

    header,
    main,
    nav,
    section {
      display: block
    }

    @media print {
      * {
        background: 0 0 !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
        filter: none !important
      }

      a,
      a:visited {
        text-decoration: underline
      }

      a[href]:after {
        content: " (" attr(href) ")"
      }
    }

    ::-moz-selection {
      background-color: #000;
      color: #fff;
      text-shadow: none
    }

    ::selection {
      background-color: #000;
      color: #fff;
      text-shadow: none
    }

    html {
      box-sizing: border-box;
      font-size: 62.5%
    }

    body,
    html {
      padding: 0;
      margin: 0;
      min-height: 100%;
      height: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    body {
      color: #000;
      background-color: #eaeef4;
      font-family: 'Azeret Mono', sans-serif, system-ui;
      font-size: 1.4rem;
      font-style: normal;
      font-weight: 400;
      overflow-x: hidden
    }

    .ttu {
      text-transform: uppercase
    }

    .underline-link {
      position: relative
    }

    .underline-link:before {
      content: "";
      position: absolute;
      bottom: .1rem;
      left: 0;
      width: 100%;
      height: .1rem;
      background-color: currentColor;
      transform: scaleX(0);
      transform-origin: left;
      transition: transform .4s cubic-bezier(.75, .1, .25, 1);
      transition-delay: 0s
    }

    .is-visible .underline-link:before {
      transform: scaleX(1);
      transition-delay: var(--link-underline-delay);
    }

    @media(hover:hover) {
      .underline-link {
        text-shadow: 0 .08em #eaeef4, .08em .08em #eaeef4, -.08em .08em #eaeef4
      }

      .modal .underline-link {
        text-shadow: 0 .08em #1e1e1e, .08em .08em #1e1e1e, -.08em .08em #1e1e1e
      }

      .underline-link:hover:before {
        transform: scaleX(0);
        transform-origin: right;
        transition-delay: 0s
      }
    }

    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    h1,
    h2,
    h3,
    h4,
    h5 {
      font-family: 'Azeret Mono', sans-serif, system-ui;
      font-weight: 400
    }

    .h1,
    h1 {
      font-size: 15rem;
      line-height: .88;
      letter-spacing: -.07em
    }

    @media(min-width:768px) {

      .h1,
      h1 {
        font-size: 25rem
      }
    }

    @media(min-width:1024px) {

      .h1,
      h1 {
        font-size: 35rem
      }
    }

    @media(min-width:1240px) {

      .h1,
      h1 {
        font-size: 25vw
      }
    }

    .h2,
    h2 {
      font-size: 10rem;
      line-height: .88;
      letter-spacing: -.07em
    }

    @media(min-width:768px) {

      .h2,
      h2 {
        font-size: 20rem
      }
    }

    @media(min-width:1024px) {

      .h2,
      h2 {
        font-size: 14.88095vw
      }
    }

    @media(min-width:1240px) {

      .h2,
      h2 {
        font-size: 25vw
      }
    }

    .h3,
    h3 {
      font-size: 2.4rem;
      line-height: 1;
      letter-spacing: -.03em
    }

    @media(min-width:1024px) {

      .h3,
      h3 {
        font-size: 3.2rem
      }
    }

    @media(min-width:1240px) {

      .h3,
      h3 {
        font-size: 4.6rem
      }
    }

    .h4,
    h4 {
      font-size: 2.4rem;
      line-height: 1;
      letter-spacing: -.05em
    }

    @media(min-width:768px) {

      .h4,
      h4 {
        font-size: 3.2rem
      }
    }

    @media(min-width:1240px) {

      .h4,
      h4 {
        font-size: 4rem
      }
    }

    .h5,
    h5 {
      font-size: 2.4rem;
      line-height: .9;
      letter-spacing: -.03em
    }

    @media(min-width:768px) {

      .h5,
      h5 {
        font-size: 3.2rem
      }
    }

    .unicode {
      font-size: 3.2rem;
      line-height: .85;
      letter-spacing: -.03em
    }

    @media(min-width:1240px) {
      .unicode {
        font-size: 4rem
      }
    }

    .cta-1 {
      font-size: 1.3rem
    }

    .cta-1,
    .cta-2 {
      line-height: 1;
      letter-spacing: .02em
    }

    .body,
    .cta-2 {
      font-size: 1.2rem;
    }

    .body-popup {
      font-family: 'Azeret Mono', sans-serif, system-ui;
      line-height: 1.3
    }

    .body-popup {
      font-size: 1.5rem;
      letter-spacing: -.02em
    }

    @media(min-width:768px) {
      .body-popup {
        font-size: 1.2rem
      }
    }

    .body-popup p:not(:last-child) {
      margin-bottom: 1em
    }

    .grid {
      display: grid;
      margin: 0 auto;
      padding: 0 .8rem;
      grid-template-columns: repeat(24, 1fr);
      width: 100%
    }

    @media(min-width:1024px) {
      .grid {
        padding: 0 1.2rem;
        grid-template-columns: repeat(24, 1fr)
      }
    }

    @media(min-width:1240px) {
      .grid {
        padding: 0 .71429vw
      }
    }

    .header {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 3;
      width: 100%;
      padding: 1.2rem .8rem;
      display: flex;
      justify-content: space-between
    }

    @media(min-width:1024px) {
      .header {
        position: absolute;
        padding: 1.2rem
      }
    }

    @media(min-width:1240px) {
      .header {
        padding: .71429vw
      }
    }

    .header-logo {
      position: relative;
      display: flex
    }

    .header-logo__link {
      display: flex;
      align-items: center
    }

    .header-logo__svg {
      width: 18.8rem;
      height: 2.4rem
    }

    @media(min-width:1024px) {
      .header-logo__svg {
        width: 27rem;
        height: 3.5rem
      }
    }

    @media(min-width:1240px) {
      .header-logo__svg {
        width: 16.07143vw;
        height: 2.08333vw
      }
    }

    @media(min-width:768px) {
      .nav-toggle {
        display: none
      }
    }

    .btn {
      cursor: pointer;
      border-radius: 5.6rem;
      color: currentColor
    }

    @media(hover:hover) {
      .btn {
        transition: background-color .6s cubic-bezier(.75, .1, .25, 1), color .6s cubic-bezier(.75, .1, .25, 1)
      }

      .btn:hover {
        transition: none
      }

      .btn:hover.btn--primary {
        background-color: rgba(0, 0, 0, .4)
      }

      .btn:hover.btn--blur,
      .btn:hover.btn--secondary {
        background-color: #000;
        color: #eaeef4
      }

      .btn:hover.btn--transparent {
        background-color: rgba(234, 238, 244, .15)
      }
    }

    .btn--primary {
      background-color: #000;
      color: #eaeef4;
      padding: .8rem 1.6rem .7rem
    }

    @media(min-width:1024px) {
      .btn--primary {
        padding: 1.2rem 1.6rem 1.1rem
      }
    }

    .btn--secondary {
      border: .1rem solid #000;
      padding: .8rem 1.6rem .7rem
    }

    @media(min-width:1024px) {
      .btn--secondary {
        padding: 1.2rem 1.6rem 1.1rem
      }
    }

    .btn--blur {
      -webkit-backdrop-filter: blur(1rem);
      backdrop-filter: blur(1rem);
      background-color: rgba(0, 0, 0, .4)
    }

    .btn--transparent {
      color: #eaeef4;
      border-color: rgba(234, 238, 244, .15)
    }

    .btn--small {
      padding: .4rem 1.6rem
    }

    @media(max-width:767px) {
      .nav {
        position: fixed;
        top: 100dvh;
        left: 0;
        width: 100%;
        height: 100vh;
        height: 100dvh;
        background-color: #1e1e1e;
        color: #eaeef4;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        border-top-left-radius: 1.2rem;
        border-top-right-radius: 1.2rem;
        z-index: 500;
        transition: transform .5s cubic-bezier(.75, .1, .25, 1)
      }

      .nav--visible {
        transform: translateY(-100%)
      }
    }

    .nav__header {
      padding: 2.6rem 1.6rem;
      display: flex;
      justify-content: space-between;
      color: currentColor;
      border-bottom: .1rem solid #2b2b2b
    }

    @media(min-width:768px) {
      .nav__header {
        display: none
      }
    }

    .nav__header-svg {
      stroke: #eaeef4;
      width: 1.4rem;
      height: 1.4rem
    }

    .nav__footer {
      padding: 0 1.6rem 1.6rem
    }

    @media(min-width:768px) {
      .nav__footer {
        display: none
      }
    }

    .nav-footer__plus {
      margin: auto
    }

    @media(min-width:768px) {
      .nav-footer__plus {
        display: none
      }
    }

    .nav-footer__plus-svg {
      width: 1.8rem;
      height: 1.8rem;
      fill: currentColor
    }

    .nav__footer-link {
      display: flex;
      margin-top: 2.4rem;
      transform: translateY(100%);
      transition: transform 1s cubic-bezier(.75, .1, .25, 1)
    }

    .nav--visible .nav__footer-link {
      transform: translateY(0)
    }

    .nav__logo {
      fill: currentColor;
      height: auto
    }

    .nav__list {
      display: flex
    }

    @media(max-width:767px) {
      .nav__list {
        flex-direction: column;
        padding: 1.6rem 1.6rem 0
      }
    }

    .nav__list-item {
      display: flex
    }

    .nav__list-item:not(:last-child) {
      margin-bottom: 1.4em
    }

    @media(min-width:768px) {
      .nav__list-item:not(:last-child) {
        margin-bottom: unset;
        margin-right: .8rem
      }
    }

    @media(min-width:1024px) {
      .nav__list-item:not(:last-child) {
        margin-right: 1.6rem
      }
    }

    @media(min-width:1240px) {
      .nav__list-item:not(:last-child) {
        margin-right: .95238vw
      }
    }

    .nav-item {
      display: flex
    }

    @media(max-width:767px) {
      .nav-item .btn {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: transparent;
        color: currentColor;
        padding: unset;
        border-radius: 0
      }

      .nav-item .btn,
      .nav-item .btn-label {
        font-family: 'Azeret Mono', sans-serif, system-ui;
      }

      .nav-item .btn-label {
        text-transform: unset;
        text-decoration: underline;
        font-size: 1.5rem;
        line-height: 1.3;
        letter-spacing: -.02em
      }
    }

    @media(max-width:767px)and (min-width:768px) {
      .nav-item .btn-label {
        font-size: 1.2rem
      }
    }

    .home-hero {
      position: relative;
      color: #eaeef4;
      padding-top: 5.3rem;
      padding-bottom: 1.6rem;
      min-height: 100vh;
      min-height: 100svh;
      display: flex;
      background-color: #1e1e1e;
      overflow: hidden
    }

    @media(min-width:1024px) {
      .home-hero {
        padding-top: 6rem;
        padding-bottom: 2.4rem
      }
    }

    .home-hero__intro {
      position: fixed;
      top: 0;
      left: 0;
      height: 100svh;
      z-index: 900
    }

    .home-hero__intro,
    .home-hero__intro-square {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center
    }

    .home-hero__intro-square {
      height: 100%
    }

    .home-hero__intro-square:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #000
    }

    .home-hero__intro--animating .home-hero__intro-square:before {
      opacity: 0
    }

    .home-hero__intro-square-inner {
      position: relative;
      background-color: #eaeef4;
      width: 100%;
      height: 100%;
      opacity: 0;
      z-index: 1
    }

    .home-hero__intro-border {
      position: absolute;
      background-color: #000;
      transition: transform .5s cubic-bezier(.9, 0, .2, 1);
      z-index: 1
    }

    .home-hero__intro-border--bottom,
    .home-hero__intro-border--top {
      left: 0;
      width: 100%;
      height: calc(50% - 1.4rem)
    }

    @media(min-width:1240px) {

      .home-hero__intro-border--bottom,
      .home-hero__intro-border--top {
        height: calc(50% - .83333vw)
      }
    }

    .home-hero__intro-border--top {
      top: 0
    }

    .home-hero__intro-border--bottom {
      bottom: 0
    }

    .home-hero__intro-border--left,
    .home-hero__intro-border--right {
      top: 0;
      height: 100%;
      width: calc(50% - 2rem)
    }

    @media(min-width:1240px) {

      .home-hero__intro-border--left,
      .home-hero__intro-border--right {
        width: calc(50% - 1.19048vw)
      }
    }

    .home-hero__intro-border--left {
      left: 0
    }

    .home-hero__intro-border--right {
      right: 0
    }

    .home-hero__intro--visible .home-hero__intro-border--top {
      transform: translateY(-100%)
    }

    .home-hero__intro--visible .home-hero__intro-border--bottom {
      transform: translateY(100%)
    }

    .home-hero__intro--visible .home-hero__intro-border--left {
      transform: translateX(-100%)
    }

    .home-hero__intro--visible .home-hero__intro-border--right {
      transform: translateX(100%)
    }

    .home-hero__wrapper {
      position: relative;
      z-index: 1;
      flex: 1;
      pointer-events: none
    }

    .home-hero__asset {
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none
    }

    .home-hero__asset,
    .home-hero__asset-trigger {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%
    }

    .home-hero__asset-trigger {
      z-index: 1;
      display: none
    }

    @media(hover:hover) {
      .home-hero__asset-trigger {
        display: block
      }
    }

    .home-hero__overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: transparent;
      pointer-events: none
    }

    .home-hero__overlay--darken {
      background-color: #000
    }

    .home-hero__logo-wrapper {
      grid-column-end: span 24;
      margin-bottom: auto
    }

    @media(min-width:1024px) {
      .home-hero__logo-wrapper {
        grid-column-end: span 24
      }
    }

    .home-hero__logo {
      fill: #eaeef4
    }

    .home-hero--intro .home-hero__logo {
      overflow: hidden
    }

    .home-hero__inner {
      margin-top: auto;
      text-align: center;
      grid-column: 1/span 24
    }

    @media(min-width:768px) {
      .home-hero__inner {
        position: relative;
        grid-column: 6/span 14
      }
    }

    @media(max-width:767px) {
      .home-hero__title {
        font-family: 'Azeret Mono', sans-serif, system-ui;
        font-size: 1.2rem;
        line-height: 1.3;
        letter-spacing: -.02em
      }
    }

    @media(min-width:768px) {
      .home-hero__title {
        margin-bottom: 2.4rem;
        position: absolute;
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap
      }
    }

    .home-hero__list {
      display: none
    }

    @media(min-width:768px) {
      .home-hero__list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        grid-row-gap: .8rem;
        row-gap: .8rem;
        grid-column-gap: .8rem;
        -moz-column-gap: .8rem;
        column-gap: .8rem;
        max-width: 72rem;
        margin: 0 auto
      }
    }

    .home-hero__list-item {
      pointer-events: none
    }

    .cursor-trigger {
      cursor: pointer
    }

    @keyframes blinkAnimation {
      0% {
        opacity: 0
      }

      49% {
        opacity: 0
      }

      50% {
        opacity: 1
      }
    }

    .client-modal {
      display: flex;
      flex-direction: column
    }

    .client-modal__copy a {
      text-decoration: underline
    }

    .modal {
      position: fixed;
      height: 100%;
      color: #eaeef4;
      border-top-left-radius: 1.2rem;
      border-top-right-radius: 1.2rem;
      overflow: hidden;
      z-index: 800;
      display: flex;
      flex-direction: column;
      will-change: transform
    }

    .modal,
    .modal:before {
      top: 0;
      left: 0;
      width: 100%
    }

    .modal:before {
      content: "";
      position: absolute;
      bottom: 0;
      border-bottom-left-radius: 1.2rem;
      border-bottom-right-radius: 1.2rem;
      background-color: #1e1e1e;
      pointer-events: none
    }

    @media(min-width:768px) {
      .modal:before {
        top: 3.7rem
      }
    }

    @media(min-width:768px) {
      .modal {
        top: calc(50% - 24.1rem);
        left: calc(50% - 37.5rem);
        width: 75rem;
        height: 48.2rem;
        box-shadow: 0 5rem 12rem rgba(0, 0, 0, .4);
        border-radius: 1.2rem
      }
    }

    @media(min-width:1024px) {
      .modal {
        top: calc(50% - 27.5rem);
        left: calc(50% - 34.5rem);
        width: 69rem;
        height: 55rem
      }
    }

    @media(min-width:1240px) {
      .modal {
        top: calc(50% - 16.36905vw);
        left: calc(50% - 20.53571vw);
        width: 41.07143vw;
        height: 32.7381vw
      }
    }

    .modal__body {
      display: flex;
      position: relative;
      overflow: hidden;
      height: 100%
    }

    .modal__body-wrapper {
      display: flex;
      flex-direction: column;
      flex: 1
    }

    .modal--padding .modal__body-wrapper {
      padding: 1.6rem
    }

    @media(min-width:1240px) {
      .modal--padding .modal__body-wrapper {
        padding: .95238vw
      }
    }

    .modal__footer {
      position: relative;
      z-index: 1;
      display: flex;
      justify-content: flex-end;
      border-top: .1rem solid #2b2b2b;
      margin-top: auto;
      padding: 1.2rem;
      background-color: #1e1e1e
    }

    @media(min-width:1240px) {
      .modal__footer {
        padding: .71429vw
      }
    }

    .modal__btn .btn--primary {
      background-color: #eaeef4;
      color: #000;
      padding: 1.2rem 1.6rem 1.1rem
    }

    @media(hover:hover) {
      .modal__btn .btn--primary:hover {
        background-color: #000;
        color: #eaeef4
      }
    }

    .modal-header {
      border-top-left-radius: 1.2rem;
      border-top-right-radius: 1.2rem;
      border-bottom: .1rem solid #2b2b2b;
      padding: 2.6rem 1.6rem;
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center
    }

    @media(min-width:768px) {
      .modal-header {
        flex-direction: row;
        border-radius: unset;
        -webkit-backdrop-filter: blur(1rem);
        backdrop-filter: blur(1rem);
        background-color: rgba(0, 0, 0, .4);
        border-bottom: none;
        padding: unset;
        height: 3.7rem
      }
    }

    @media(hover:hover) {
      .modal-header {
        cursor: grab
      }
    }

    .modal-header__btn {
      display: flex
    }

    @media(max-width:767px) {
      .modal-header__btn {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding: 2.6rem 1.6rem
      }
    }

    @media(min-width:768px) {
      .modal-header__btn {
        position: relative;
        margin-left: 1.2rem
      }

      .modal-header__btn:before {
        content: "";
        position: absolute;
        top: -1rem;
        bottom: -1rem;
        left: -1rem;
        right: -1rem;
        background-color: transparent
      }
    }

    @media(hover:hover) {
      .modal-header__btn:hover .modal-header__svg--ellipse {
        fill: rgba(252, 96, 92, .5)
      }
    }

    .modal-header__svg--chevron {
      width: 1.4rem;
      height: 1.4rem;
      stroke: #eaeef4
    }

    @media(min-width:768px) {
      .modal-header__svg--chevron {
        display: none
      }
    }

    .modal-header__svg--ellipse {
      display: none
    }

    @media(min-width:768px) {
      .modal-header__svg--ellipse {
        fill: #fc605c;
        width: 1.4rem;
        height: 1.4rem;
        display: flex
      }
    }

    @media(min-width:1240px) {
      .modal-header__svg--ellipse {
        width: .83333vw;
        height: .83333vw
      }
    }

    .modal-header__title {
      color: #eaeef4
    }

    @media(min-width:768px) {
      .modal-header__title {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-shadow: 0 .1rem .1rem rgba(0, 0, 0, .5);
        white-space: nowrap
      }
    }

    .text-splitter {
      display: block;
      opacity: 0
    }

    .text-splitter--splitted {
      opacity: 1
    }

    .email-form__label {
      display: block;
      margin-bottom: 1em
    }

    .email-form__input-wrapper {
      position: relative;
      display: block;
      caret-color: transparent
    }

    .email-form__input-wrapper:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 0;
      width: .6rem;
      height: .6rem;
      margin-top: -.3rem;
      background-color: #fc605c;
      transform: scale(0);
      border-radius: 50%
    }

    .email-form__input-wrapper:after {
      content: "";
      position: absolute;
      top: 50%;
      left: 0;
      width: 1rem;
      height: 1.8rem;
      margin-top: -.9rem;
      background-color: #d0ccc6;
      animation: blinkAnimation 1s infinite
    }

    .--filled {
      caret-color: #d0ccc6
    }

    .--filled:before {
      transform: scale(1)
    }

    .--filled:after {
      display: none
    }

    .--valid:before {
      background-color: #23cb14
    }

    .email-form__input {
      display: block;
      width: 80%;
      background-color: transparent;
      border: none;
      color: #eaeef4
    }

    .--filled .email-form__input {
      transform: translateX(2rem)
    }

    @media(max-width:1239px) {
      .email-form__input {
        font-size: 1.6rem
      }
    }

    /* video */
    .base-video--fit {
      width: 100%;
      height: 100%;
    }

    .base-video {
      position: relative;
      display: flex;
    }

    .base-video video {
      width: 100%;
      height: 100%;
      opacity: 0;
      transition: opacity .4s;
    }

    .base-video--fit video {
      position: absolute;
      top: 0;
      left: 0;
      -o-object-fit: cover;
      object-fit: cover;
    }

    .base-video--loaded video {
      opacity: 1;
    }

    /* not */
    [data-namespace="home"] {}

    [data-namespace="error"] {}

    .project-list__grid {
      padding-bottom: 10rem;
    }

    .project-list__grid:last-child {
      /* padding-bottom: 0rem!important; */
    }

    @media (min-width: 768px) {
      .project-list__grid {
        padding-bottom: 8rem;
      }
    }

    @media (min-width: 1024px) {
      .project-list__grid {
        padding-bottom: 12.6rem;
      }
    }

    .header-logo__link {
      /* width: 82%; */
    }

    @media (min-width: 1024px) {
      .header-logo__link {
        /* width: 83%; */
      }
    }

    .header-logo__svg {
      /* height: 100%; */
    }

    .header-logo__svg {
      width: 15.4rem;
      height: 2.4rem
    }

    @media(min-width:1024px) {
      .header-logo__svg {
        width: 22.5rem;
        height: 3.5rem
      }
    }

    @media(min-width:1240px) {
      .header-logo__svg {
        width: 13.07143vw;
        height: 2.08333vw
      }
    }

    .home .header-logo__link {
      display: flex !important;
    }

    @media (max-width: 767px) {
      .home .header-logo__link {
        /* display: none; */
      }
    }

    .home-hero__logo-wrapper {
      display: none !important;
    }

    @media (min-width: 767px) {
      .home-hero__logo-wrapper {
        /* display: none; */
      }
    }

    @media (min-width: 768px) {
      .home-hero__list:last-child {
        padding-top: .8rem;
      }
    }

    @media (max-width: 767px) {
      .home-hero__title {
        margin-bottom: 1.2rem;
      }

      .home-hero__list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        grid-row-gap: .8rem;
        row-gap: .8rem;
        grid-column-gap: .8rem;
        -moz-column-gap: .8rem;
        column-gap: .8rem;
        max-width: 72rem;
        margin: 0 auto;
      }

      .home-hero__list:nth-last-child(2) .home-hero__list-item:last-child,
      .home-hero__list:nth-last-of-type(2) .home-hero__list-item:last-child {
        display: none;
      }

      .home-hero__list:last-child {
        display: none;
      }

      .btn--small {
        padding: .4rem 1.6rem;
      }

      .home-hero__list .cta-2 {
        font-size: 1.2rem;
      }
    }

    .nav-footer__plus {
      opacity: 0;
    }

    .cursor-trigger {
      cursor: auto;
    }

    .client-modal {
      pointer-events: none;
      transform: translateY(0%) scale(.95);
      opacity: 0;
      transition: transform .5s cubic-bezier(.75, .1, .25, 1), opacity .1s cubic-bezier(.75, .1, .25, 1);
    }

    .--visible {
      pointer-events: auto;
      transform: translateY(0%) scale(1);
      opacity: 1;
    }

    @media (max-width: 767px) {

      .client-modal {
        pointer-events: none;
        opacity: 1;
        transform: translateY(100%) scale(1);
      }

      .--visible {
        pointer-events: auto;
        transform: translateY(0%) scale(1);
      }
    }

    .modal-header {
      cursor: auto;
    }

    /* error */
    .r .home-hero__logo {
      fill: #1e1e1e;
    }

    .error-hero {
      height: 100vh;
      height: 100lvh
    }

    .r .error-hero {
      color: #1e1e1e;
      background-color: #eaeef4;
    }

    @media (hover: hover) {
      .modal .underline-link {
        text-shadow: 0 .08em #1e1e1e, .08em .08em #1e1e1e, -.08em .08em #1e1e1e;
      }
    }

    @media (hover: hover) {
      .r .error-hero .underline-link {
        text-shadow: 0 .08em #eaeef4, .08em .08em #eaeef4, -.08em .08em #eaeef4;
      }

      body:not(.r) .error-hero .underline-link {
        text-shadow: 0 .08em #1e1e1e, .08em .08em #1e1e1e, -.08em .08em #1e1e1e;
      }
    }

    .error-hero__wrapper {
      height: 100%
    }

    .error-hero__wrapper.grid {
      padding-top: 9.3rem
    }

    @media(min-width:1024px) {
      .error-hero__wrapper.grid {
        padding-top: 10rem
      }
    }

    @media(min-width:1240px) {
      .error-hero__wrapper.grid {
        padding-top: 5.95238vw
      }
    }

    .error-hero__copy-wrapper {
      grid-column: 1/span 24
    }

    @media(min-width:1024px) {
      .error-hero__copy-wrapper {
        grid-column-end: span 24
      }
    }

    @media(min-width:768px) {
      .error-hero__copy {
        max-width: 35.2rem
      }
    }

    @media(min-width:1024px) {
      .error-hero__copy {
        max-width: 30.9rem
      }
    }

    @media(min-width:1240px) {
      .error-hero__copy {
        max-width: 36.7rem
      }
    }

    .error-hero__title-wrapper {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      grid-column-end: span 24;
      order: 4;
      margin-top: auto
    }

    @media(min-width:1024px) {
      .error-hero__title-wrapper {
        grid-column-end: span 24
      }
    }

    .error-hero__count {
      position: relative;
      left: -.07em;
      line-height: .65
    }

    /* log in invalid */
    .input-wrapper--invalid {
      pointer-events: none !important;
      text-transform: uppercase;
      color: #fc605c;
      /* text-indent: 2rem; */
      padding-left: 2rem;
      transition: opacity .6s cubic-bezier(.75, .1, .25, 1);
      opacity: 0;
    }

    .--invalid {
      transition: none;
      opacity: 1;
    }

    .curtain__overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 950;
      pointer-events: none;
      background-color: #000;
      transform: scaleY(1);
      transform-origin: bottom;
    }

    /* glitch */
    .error-hero__wrapper {
      z-index: 1;
    }

    .base-video--fit video {
      /* filter: brightness(1); */
    }

    .m {
      position: fixed;
      top: -50%;
      left: -50%;
      width: 200%;
      height: 200%;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAACKZSURBVHgB1V0HeBTVFr43CT2AhBaQEgKhBERAQQRCFUJXonRpQYoIQTqEFloooYYAAiYSkID0CBEQKRGkiKBYnuWJoE+wg1geIOi+89/sndydnZmd3Sy+9/7vO5nZmbuzm70z957zn3LZkvjxq5mXWJEw6UVsZ415dpF6PDqqSSfmR7z64ooj2LZ6tFF0hZIl76fdQnhdq2rVOswPaFC3FqSxeuyzo69ykm+ZH/BUh3aQvuqx6aOGcpK5VcqVq6web9+qKaQr69wy6gkcuPzm/p/ZPUTm+uWH5X5ktUqR+vP9Yzo/w/KIpCnjVmG7PnEmJ3mZ+QHHd2zgJBe8eU/rJo9A2tlszt2O3EewekeNKlVqMJtIGDN8odHxs3u3fIbtS4vnbLd6v2z3d8OkEwO2r07iJK8xm8jelsZJzmF/9tgRnESMIl+8mcUvZmf9+GBktfrMW+h7N7ZHt+Fbkxe82qT+A83x+vTuTR/p3zO0z5Nx+mPns7ZelPsx7dr0lO9NnjlxvTxev06Nh9k9wqXjr3GSn5ifULt6dVanRo0Hxw7tN1V/7sL+7ZzkC6v3lytXDlJJf/xIxjpO8rZ4sXnZ/D3sfxijBvaeIPfHPfN0PLa4Oey+//KJ/Zzk+juZGZ+YtRk7uB9kiqdrTX1uMCeZrT+eNGUMJ1k56dlBM406pXXTxpAOzB8Y1P2JZ9XX9AgmMT/gh/PH7igvCzA/4tu3D9/UH/vk0B5OcoX5gFrVqkFqMx+wfgENhQvc57OtKxdyEusbq2qFCtWUl0We7d9zLHb81rt+xpCeT45kPmDnmiWc5MCe9csPMR/hfPKu6Q4XYf7EqjnxL7G/B4XY34i9aSv43tQVR/SqpopmD9eDtDR77Qv6dGkPGWjV5oODOzjJ5Wkjn+Ekc1xOpus0oL7dOsWy/2N8985RTnJbf3xATBfIUPmaOopZdZZd1KwZDnmAeQlSbIRyExkRUY+FhYaGmTUcPbDPJLkvtSQgMpLeqMCuKvdKyqIs5iO2pyS91rLxw49ZtbH7PR57tBFr1/SR9id3pr9v1qZ8+fKQiti/cvoQJ/lV3yZ7WyqpuKnnmJcID78fUt1IM7WE1QQuL/Ze1jZLVU9i9Zxp6VbnPzmc+Y3ZubOZmz9hfoDTLkhqWK9OE+ZHnN+3lZP8k/kbxYoVC5H7ZcsGl0n3YMT5CW4TYY9ObZ/29KZv3z5yy+wcaIiObZo9/o9Du/5lcQkav3fS+L3zS+YD6GnUnsi2zZtCOmL/2b49IM/bucak4bFs0rBBCZIt0aDnc6xAKuUtT23yYuzVqVGlrv6YOnQCx7e99J76ujRjwXKfJsa52CbPmMhJ1jIbGPjU45Bh8nVaUgIn2Wr1nv0vreIkb2Kfnn5OskHfxidebES/3uOwlXZB59YturF7iFO7cq18sguuYpu2MOEVeYwMNBcrOHHi6GU6dZytdJKbNlCIjEnNoAS8pUL+J1G8ePESRseNKBQPKOipwYLJzyfL/e/OHf3DrJ3ZBP/hwZ0uw5QcWtYlTuMkm5gF6L38Q4MhbAfZLST75Wua7zjJVeYDSpUqBSmn3iiGTMGy6RNsPd7/TaCDyLrdx/yApx/vCBnE/GsTBeBPtYoVIVXlwWUzJ3CSF7BPcx8nuenpQvmMDi520tlGUIcBM0gy0ghGKt/udcteZ36EtAsqly1bxU57Jxl5bfPyxF1mbUjhsFQ6kiYTrzV5TDLzFcQynjU7RxPSd+y/DG+ofxVySGjT7NH28pjRj/n1qdc5yS/ytQklYob8Q/o8yUgsKZypzw3hU0cOnfPVyQPe+Zykh05CeLAIyQkT1zEfYEQ158X6nxE3LJH9TYCT6bFmjaOps35FJ9L31r7759n7OMn3zDvkZ/4E9e4N567lxHz1zKHfsd28LHE38wOkC7Rjy6jH5TFY7Z7eRwoHh9JB844bdaJOouTC5kvix63OK28FkAvbP27spVPHrzE7hzuE5RFndr/8D+YlVLvACkRp/IYtxn6zNmYuXZojOUkK9smFzUmuq+fJ+8lJFujfN37oQMh0+frjN3Zzkq+xL33mLK/44MAOF3Xvo4PWVq6KhyMjG8l9yW6qY7ddWNEnEqd3ea1q+xXqD66ff/QoXbo0JJTdK2xbleQzOehvkE3xspn//dy+rbb88u8f2MFJLpudnzl6OCfx97yVz2MDuETlBG4FlbJWcXr3yx9je/XMG//GFl5Gb54wQK9QeAq8MENE5cq1nLuI5giw+z7ivbgZ99WhRTNIF/3xuAG9IOPla3Xit4Kk2y0bPdm+be9hT3cfzXzAhqTZ27BdO3faxpQ5U9LElx3Ud6Kn99G4vpl5gdDgYKKtPGsrjevVhjRlXgIGXfVKlaoa+c2NkDgpjpMsMzs/uGcMZAT21flKhSUZGTfA+EdMXZiQoexvYRbo80THgeweIH5ErK0fyR+4fPIgJ7nB8gByNjHhcGKuUSVGwXOGkESfEZRhwA0fvr7zK2aB6mFhNZkHhISEFGM+4lEL3wbdPDx14cyM+JHPzNKfq0icEkl57Pfo1B5ian13bdsa0p15gFSnixYtykhK4Zit4ckOZO+qqFSpTLj6+ujWHG/Zhf3bL7E8AHOOnTAciS9PHLhXUZaBzE8g2siSOgL8qTRYEnLk9PnKyi7wBlkvpWQzL0EKBSf5ivkGw8gR4t6YHZdr767tIQM8tdu0dB4n2el2YtKI2AR2D2BGj/tin2SlrTwm9+1647yBVcwWqdac5FOWR0BptNAcrRlnMx82WcW/Mz9Aah7+RotHHmqFLXW6Tx0P7Fq7jJN4xTqTwsFJZpmd379hNSc5zrxFxor5mR6aCL3eSqVMih+bwnyEERmpwt/0vB6k9jM7qv9TndtBPGtK7uAeWyDutXb16g+y/yGkJExOxVaJcSowabj70Dp3/MglZtcwG4ZUApD898KHj5AcfbuJwwdCZq6eM5X85VNtBxD6On8Ru8A1hkEytPcK+iAFK8ggBfIM7lWPg2zU822SAYYRapeM9BWwSO/Pn6+oatyRwsFJjunb0rzMJtucm70lI0UQdE+Dx9MOBW4FNfDODP2e6DTY6rwnMtIsqt2OxmT2Y9vFI3VrQRr36hLNSPqZNCvM7gXe2mEeAfhMr27Psf8SyHXLDNy3gtwjBUBTAvwFu3PQ3wIjzelsZoZQF8GTeXq/FRmpBjYgD0N/Pi0pJ4wIVLfZ8Oiv+F0rEvKe4uTO9A8MDnvWEggXDmy/LPd9CBUSyN6Wel5/zBcj0Qz64DY1tCekeLHCZ00SfOaMe46T5ClHxiVjykeoDKstekENg5FQeK0gg7fYpsqNoNLgduFMmtmrBin8cO4YJ/lDBlobcVFEGXGSd6yunb54DifZxrwFUc0iJ0EyvfqMKYAe0a+N3mtlF1iFEJnh6ZjOz/iQFKk9tXYoC4lxQwaw8UMGTPM2wxagYZE9T0OjTOjUozRzDW+V0Ie3ktbIP9A7yPRMrqeQfxWIxlg2Y/wLVm30VLPqi4a6nbZollsMrQxvtQtfcu0BaWvoj095bjAnSWA+wE6STq2qVf2Ta28WI/VEdKsezEfIIAUV+olZDn8rZk5cb0fdFhlTaa4eyG7t20B6qcf0HdK0QV1IFMsDrHIH6UZzu9nskpFuZFdWai7BZ4RG9R941FltwWPgmFv4vZewcpMaWd1WUCNGzHB083pOcobZh60YLKKq+Gaiq0hz9D3S8YODO3zKp1AQYDThA3bzUdRhzwzOBH5NU1PTB4CNS+Zxkh3s/x171i9/w1MbaRf4CW4amZ5W8RdkGGkJosmNhq6tyQs4iScC9v8PDWrWfIj5iM+z9/3grKRgSjtIldUORg3s7VKcwAgntm/gJO95uBTr8lhLyJN5pV18giy/YSf9zBtsX50k8jDU/EZ9xpQK8l0Y5pr/eD6bk9w9uHHNiWvvvclJ/mQWGNY7BjKKecC37xzhJJZZZMWLFzfNqfnbYRR6qtdurLDrhSUHzc5BVbQT3ajCLGMqtkdXyHCz95kl76jYtJzcsMsN3LAm2PXCUk5ygHkD/dhpFY0CeMo+bd6oQWt2D/GWAcWjqpeblydyq3wPM6hBCmaBcn8LjOwCMyyeOm6NnXb6vHZ/wMigc0IfpKBZ8mQEC0P4paTZnMRN8fCWATZhk/MGGbxsdmHkwxkd11vHCEfFcIInrN8TXQYjZMjT5O2LS9bfwcvvZW3jJBf1x8muYif2bLF1DelfiWrUQOTUJCcQRZIwce2Ifj3oSe0xBm3o93ALo1Jxbu8Wfs6bYArVQgbVbjSZ+lScKw/4xqDqjxH6PNHRYxsZGCGfEhi6J3akc/L1uHBdqDBn9H6EoUaQfdX1seYxzB/wNUpDH/CgZtG2a/ZoZzvXkHeRt5BZupIPg89Dj56do9EhAy4et66EVK1aJYhL6UH9pO0s96dpfHpGN3H8SE6yWH4X+F+2kO3C8oK6tao10FelkVRzyZCQkvr2GQYfaBRU7C2s8i6M0OKRh6UDqgg9zSJtYsnUcfhuwrC8fDyLk1zLyZga7xUT7fSRz2ReYkteDcmohu4jTuLE0doPvmpOfJr+fIbFB5JPnPkTUEXl/oRhuXzc5mXzOXVIW3IXi9egZoiI5CRWuZH5kTNuF/FxsSLD1vnSMMcjtrtx+G/9iAhmBSfB2B/7Lk4h+rQWBu1FqE2JEiXYZxcvu5F6feImP66+xo+GFDLQ0ATLIAUfcFnZn6Hs78o+8w7mNOG/z85Iu9gtujUbPWuRWz4LknQ+z97D3n1tGypXFNWfT06MZ+vmz3B76ksULo5jYjg+uW3DndO7XxZt8GMjoh2oWL6kW6zuleOHWNLM8dzKjb3l1QOQjdgXHbJtVZK4eL9uXYdgCz1eIn7RirF0MewWJzH0Vy+bMUH9B2BMbeKcD9y0JytV39bZUW6wk58TNztJ84l/+MnFd+V+3zFTxKPxQI0Iofn9Gfgnvs81DDUq0Bm0+eKvvwJ4kUIFr/74449uRmxBHoQ2G/XHyXkGERd0BHJq4/joIv3YC6aLYbEPjs9a8YKDxCV/H9+lenjlazsPHNoSHBzMIskXcjZzs0uHx8fFIc9THJNPiCDrhsTPkjSI3kHU+/r16zdWbMhwKwGbMmcKLqSpwHWin6yE6zw/uN9kZoyBJsdFj2CoMToJnoiglRq89N3VvXClgjdSmglv3LWffnG8feHDEDrhMu5/e/2G46efb4RXb9XVQWKozk9dusZB4sZtlWvUxnHq3PkioMzb9BkasHDthlmB/C6vEV75xx37X89gJqjUpL2DRNAo5XOGSDgEXeIMShXNj//Bel6bNyHOlnZAHZLq/LF8Ritl7tKP+0GBgcK3ANJOPY6oRigbIPGQvI/KO/Lc2cwMTiLS7HBXkqIiho73D2wPoPecZT4gIjSULY4fyyXTHNuhgyivpKJUifsgwnV79KVVgvJn3uLTI5mGb6IOWcJsQv9jeYOjW17k1CFtzK/dyvDa6Uvmat8bDjGzMkjoDGiOX508wElE2nOHDlHCL+4NOraKQqSkloeJzpg83FXzcpKYd7Hv9L94HyVDHfKNmbYBioHdIxwmLxy21CFnoYqatVuRMGm90XHqEJ+Lq6EzSDzmQJrhCukPX508eM9+G9AjIrWL7gAR9iJhxPdYARQCYHT3oZiwisOKS9TILoBfnNkE2R1++XE8PTkdoqKEwoPOIBFZXPXrR7A+j3dwm6jt4L2920T+iXpMTOqkbUhGFyrswwgaIyubDZowQ8TfwgfA7CGuRhVBiRlpY9qEjPThNn2HPCJfj0tcbBRuqhXvRzarB4jIxoTnh9v6nlH165NG6U4i1ChbEaq/aWB4lbAK2Iyt1CSaJupooYTUzPFGwyjyFBAovpu0Zz44uIcF5AvA7/9xEs1NMCsAFzvktWPHM9/98FNY5Qjj74xqnM5TtjijdRk7k/MFBdU00saOvHV6P5IwnS9NgxS2Oi3/LrGjVdp+BCqJmqH7yAnSAp3PbCAsTMRiuK3GEBJyHycp2SGqvnja5ZbsDlE7ZfWmLYxkqfoe2BBHDh9PHzV7YaQchk3gwB+nPbMiXxDn+fPl+9exU2ehdSUHcF6ceYKein/1RddhBMMQykdIIHDAqDhXy8Y5gX+pC13z0ssZcE9mVAN1SDSzidDQYNakQV2P7aCBVQ8LczvuZG9HrZ4bz7HdvXYpCtlofhcMUz075xb7BjPc+KG6TQ7rIlOgferUckM4y0aJ+DW38E1UWtP2x0zVR9/pAxzwrVQ6fHtoo9aFggsX1vskRPDd4Emz9GkNLhlTCGTupbP8tQ8+9babJ9HsqQkvH47xwWN8ldMucEvbpieddW7dPKVCaNk3Dp06vXLcwiURjbv10wokV79flIDUUgzu3r3D/qQ/xYoFu9zlPOf3PcI8YFvWIYhxEQVn2TuBVl7clcChTS+Iu0HvpiSfuDh+Pmur5d1iFVW+Pne40yCfGtS2MsL1d48KVZRZAPwT0pOxf/WtLERTin34xVWc2JKq/R/hFSpANIIKVjbJauSjmOHqW4fhLjD8LrBxoFYDbk/Iy5mvaelbRw3uSiOQm1buvoU/McPH6vkRGR+luXtRe1BtgOT9Zj2fcVuB4NV1cph0uJVXkk8ND+DtZsQN066HOuqJ8XHs86+u4v+7wywA/ok288SLIGEx/+LsDJcghV9u3cI5kZf/xddfs9Xzp//z4MY14jP7xnSCYF40YidEfTGeT0zqht7YiJoRmGG66jUuW0AKlv6YXb+5Gs+qn2vMKilQhxzWH9OruQiIow6ZJ1/DfUD2CzezYYwAlfbZ/j2FBqbX6oxSmtEZJN5n1hoAdmD58uXKU4eYV/BWqGYX6PLhtJBJo94lB5J2TJ38VcS0MzXSXTB/cq4bYPsq++l0yfSkrJo9mZPrwO37YYKEpw9AZ2B5DmfBmGdZHlCgQH5SwYfxKhjaKt3v1V3vNmQ1zdVO3OJNkbI1Z+W6acoh4bFzPjWfkLdQ/+Fq/FIoci+YOzzmGjqhVd2pGV7FcnEVqWXhpg4sWBifmeqUnPOkXaFiUGhOZwhDolhwEVY8uEjR1Fd2MRJbwRvqtVzgYIVIx03s0qYZ69wqaizLCxCkgN41csib5c/Jp4Y6ZAWzABJh5L6Ru1WPsmVzlbwGNXOVIavPgbMHnUESpR9mdq1JEtHpvpZv0qMgPQmjBvTi+mth/kpJmOw/amXm88MWSI3CLpDqhW1YaK4WrE60hAJSU4JnzyzfD35puY8FAeS+jGABGcksgNB+gyeVdSd2NpnmFZNUAZ9WxqEOKWSU3obOIHEphw7+67IN/ksbsuCwl/sf//OLD2lzHqsMeID6jyyqV1s8umEIrXEeU+eb24qm9Nylb775EjtI8NddU/sHv/vuN60U6/lPPpHrdIjcvK2KLx9hoBJkOafTZrnumqxShTLsyyvfxvcaNcmocp5Pefq3bv9xc9eR1yfonW4zVqx1zEhe6+JTufPHX/i+1/XXyFg+T3MQusAoH85O2T8V1CENsVXjnLB+n9V7UG3h5K6NWpu1c6fZejJVi95OTK4V4mK7Y9VS08+tT5rXk9FCkXR7kpwZUwMwVEpy1ZugCHQGyb7Y7h1YPKnr4gnBii83/7jtNrleunz1U70bVAK6eoWSuUEosLLf++gj4fyp16mHmv/xg9xRgxQkarZ9AsSSGg66gZlABjEAqkW/N/v0StWFYGaACXaVnFfYV9uXLF4Kx7RysJLVBdKS57EebaN4oYIFB7KcJ8mlUzL2HmAOzvBUgmAUN8bC1Wlsweq0WWo74b41CHbo8dwEB0nn0LJCG0uQQxayjjZmpa0UXxZBCth+eunSp7STwAxAZBgMp/tzDTdmWN8jvHkn1dly2ajNpS+vaAbjsGlzrdK7zIoQVCQffnnltaEBduevu/iuqCGMqBGt/cxlaxwkGssbXqUCI6+5cGNzGmpCy5R+hQzmDRcPvcouZu/9t/66ziCFdKJcRA69ZG4lEAH5Yk7ghGFILbyLUQ83YIkpL7o+VdQhR7G1s46sLBdhZLgBWPvPCElTxml370qaZLFF3jazADQjs+tJDO+TM2xhWSP9OZCBKHFhFxcObOckLks5XT1/mP3r5MEA6pDvL7z2MlPmSRegM0hceJe3ciIgtQA7KH+q38lZvulNVDl1sUM6xY5qhe2xs++Y5nzIC23de1CsxdF16Ggzy87MVlArMUhL2lP+Xqb+etIhBMMOC3j1jekq6XQ36r9GBaHB285jebB9dweJi9ofcJfzfEH5fqvaoksZh0NQLIZR/9evX4e4FNBs+tQAB4l4OpyaOP5oue8dBo5wHDh6vDln3DjXXk2qRMyrCn+uXesp+d4KssgaguKMMqY2JiWx1AVi6C0EClwl8LzFeRpyVMXDCLBxtqxYqLWRvhQ7BCfw07vHOMkdw+oJm3dniQhFp1fNRae79PV3n6uvPdkFZkCQQqtegy0798s39xteG/Vyf7t5S8wT39+4cf3q1asuLHEWjclFggN5wQIFdlJngC04GlErh8Azuh4mcbAQnVvmdhg4LaxNBdz66w6+h2WBgds5am3m0L5PsaT48bxiRfGAjXLwQBx3ITgPbFqrMeMST8dNd8QvWZXPUzmLIYdPnAKVrq1V+zMBW3jHkHvHnHaBHvjBPQQC2Ck7YVZIc6nszJUzJrjp9rdu3+YFC+Y/+tPN32KufPs9e+vce61eO3ocHlHDiOtKlYUxi3JNj4NaB6pWFa4aEfnYJKa/g8TN4wUeoaqzfe/RkxxHz7zdNec6jhT4VDDJh9Rr7iBxSVwNhF5Gc73JdzCHvEOMAO8YEiGlha4HokJkIIAZoG5LoBKbWbtixczL+qr2E1ZzxlZmTCEklGSTUd1ew++j+DmS503RtE1A7yUE0Bn6BcsQUyALLMC+mT1mBNKzeRQNYaraLj4jMZ6tnTfdPchBYq5CWzghqrQZOV4QpNCs+0BMVIb1PgaMm9Z94vylngw2Ncn/S/1JUmVlpm2I/pwMUhgwfnoPZDI5IX74vs/HC9P91q8/O/64e6e/mzrJjOcF+DlIxGRdiIuJW1tETOclDECI1EVqTyKGcElohteswKJbNhGJN077BkrG2Rr3h+GQSwmrAg4xnKUzM8x15jbo4U2R47xA9XPAcItqWF8Ef59QkmTkU0UdMkQ7Vr68GLBVgh/jNKxgRFaqn4H5YmT/Xmzb6sWcOuR9WNhWCCVloEl916wAmRIXERHKuj6WUytZluWIG9QXJQcnYI11dUizQmJcnBYf7fKETFuc4qZ2Zb+SxpembpqPlCwVertAxjPpAq+RtMM8QaGv1RXYih4/+262c/9d5bh4qjbt3qc5nxbnrICGeU6jh4NIhwwpXuzkyOnzXSLwq+Z06LhZy9fVXbkhA/NCf2aB8BxW2qVC9aAJMxwIkapVWXwVMQ7VJq9fZM2Iuo2bRLIHa1bDjb1i8MA++C1cfihQJBhacfNIxaHQfQXQTsRHu03q+9NX64ctQeoFBQXpy2Ho7Qxp6brkHgYEcNMsqsz1y+VnCRbzgRoRWls1Mr3ZUwM1C/eLL664rA2C8Tlm2BjkA9z+wWmhIyo9vHJF9tjTw3Bdl/8nJX0rS9m4dUl+h+PC3b8crHunaMu1DUNKFIOEGJ179Y03IWJpJ0zi6zN2rsp3Jz8vVjQ46+bt26NLhty38Peff/4c9RclypUpj++DoTVYKg7tmzdhY2YnGTvFqENOGB03q7DmCQgVlftORlkUtoFTK1NXpgNEI0JiJPQUhAxeRj6GHP+pQ7TVmmXkvLNExk/MAh1aNmXdO0f3lUWTQc9bBSnYAR7PcGWIgvq9Zm48RzFMlTlXyw3qi9+4PSG//f67lkom2UtgatJKt3CZIX08x1i36v1MQ+UlQlOlL33O40Oe12pzocSFk2gUFjVWGGA5OSkq5BCGcCJReLNFj1jhJ3FGnoh0hLBmHRwkbul34VUqizXW4eV7950LpbfvO7gZTxeSbkrcJzyLLkEKercz3UCi8rX+uiBZMeeVyekMjUH8y3GXVyhX9vCNP26DlOwir0euBybdD9du/AKxvHk0qKVUjRI4PZVhAowmTRk89krKIu2f09cbkcs92AWWuJP7sNJRMEA9jx+sapWwYtQhbmUx1EA1UO0IdTVaP8qoDDk6A2WpZPq4jHLM+T9XiRhl5BqGUWfZSem2NAwRGir3Xz9xat/VM2+IDxrUPafcFY2Z+uROrR4jqGanXWDE3h5zbrWqPis3bHHxvP36668/YquSkQCS/42Qtii3AlFQfsHqupS8oDmJVShT6hdQ3epx5I0snjqelw0pJQLVIsMECTzohx9+YCQixUEGYdPT5HDOV0L7QqDe1z/9BLlC1xclPwLyCVVWPL14QogdAPm6J39QUE1c703S/iSZiqEL8V7Zr6SierY4FsS8AyZN+AMwAWmBALijAmjuJM1HFHiBXRAYEABdsRvR0jOg+kFnlwguXFiMRz1HTrSTNr0yceLoUfGLVjhQSXTZi5swdH6sb1SpSXvNfx4QEJBp5BnMPiOoMzFvbSM/x02iO/4M/AuUCqz92SRLDx4/g85zKTtYvaygypC+oNlcdaqICbldUGDg631jOrL07Tn3VuNu/Rw0BD6Aea5L7GjE87qESN0V6XDsNHUGxtjKfwaS28LB8MXQiYNEo1YN85bvDzISdoEzvU1UhTj08tpT8rzempVBCvKu8ATqkKU57d3XLAcHpUcZLkwA9nn2QbEqp9E1ZY55bI9ujERoOGCNSSrJIRVOJaynawTYIG2jHmHkuAoe0L3LEPWcc1kjYQfgSYom1R8ZBTlPQ5q4tizzYXhxqwwmLFoFWEV2S1evzggrwDxAX+Re+teNghTMoEbCSGfZww9GCkXCuUSq23q++KEfqhspfBzfvP1GwNUzuUHlaq0rubix0efCIOzatkWMNKZVMhKApzEtKYH37hLNqUM6oiYwOoPkHLMLBCnoDbtn+/YUC6gc9q7moE+QqxkYhfnAlYz0NBSuBFDUEk4i3HmyDZxlbZs3RdEB0wW9QkJCRGeQPPItuXpJbq5fkBOVH+WkzFUIWt2iGoMMUkBnkGhp2OgMkq3k7x95YT85vPZvd6mnIuh5Yob1dJV+UsedpRl2KC1RpEghMd6rCTZWCAwMtAypWaybpHFHRkbmaIoJyWuEGT15wfLRel++05WMIGLJS/Wig/gnr2ARe8DpLOsYGf2Ui7osQ5NKly6F71fs3Pv/YA/WqHxmZXoG+/nX3wpHNWzQEudrEWXu0LmJb9/5E4P+HmYA2C7XbvyG/2fvhh2ZpIk2Wic1x9gJCQ6SXi1aP5Ty2aXL7MEO3TXDGnFbDR9qhHbQYpPg68dyFcwKDevVYbLOB4KXmU14WjZCX2AZw8MDdWqISQxuYdTMRZCCutyDdL/q7QK58LBS9EaQkcQOa5Y1OoMkDPtqbiE0QLvrFQIY5mpXr876x+TqISjGTDJVvkZnkKj0j2EBNXXB+wjSRvGEUYd8qv4obj94w/q5y9Hpa58YQYb7PBZlXcTGqA7KPmWNKRQwpg4RgQQnd6aLa0r/vZker0TfGwI/pjPVThuCnEtZxDObgBpfu3pEPeoQyY0VbNrgAXYxO8v2zWoEZ53G3MAy6MJGBRuJ++8vM6aG2rDIqUOE3WAWcW4VpGC2pAV1yPs/nsvW/mG9l01Cjb43zB10+iiQArHFT5VFQYhShzSlDvle5sgnx8fb1hxlWKvbCaslHKhDRESJneXiPIE6pDbzAdQhmvuTOuSkp/YqLa8CnUHyb+ZnoDNIhFHozfJIciEA/fH/AEPq/xjQC6IDAAAAAElFTkSuQmCC);
      animation: movie 5s steps(4) infinite;
      pointer-events: none;
      opacity: 0.35;
      z-index: 0;
    }

    @keyframes movie {
      0% {
        transform: translate(0, 0);
      }

      10% {
        transform: translate(-5%, -5%);
      }

      20% {
        transform: translate(-10%, 5%);
      }

      30% {
        transform: translate(5%, -10%);
      }

      40% {
        transform: translate(-5%, 15%);
      }

      50% {
        transform: translate(-10%, 5%);
      }

      60% {
        transform: translate(15%, 0);
      }

      70% {
        transform: translate(0, 10%);
      }

      80% {
        transform: translate(-15%, 0);
      }

      90% {
        transform: translate(10%, 5%);
      }

      to {
        transform: translate(5%, 0);
      }
    }

    /* color */
    /*
    html.d {
      background-color: #1e1e1e;
    }
    html.l {
      background-color: #eaeef4;
    } 
    */
    html.d body {
      background-color: #1e1e1e;
    }

    html.l body {
      background-color: #eaeef4;
    }

    .d {}

    .l {}

    .a {}