.form-content-wr {
      display: flex
    }

    !important .line {
      font-kerning: none;
      overflow: hidden
    }

    [random-stagger] {
      opacity: 0
    }

    [typewriter="on"] {
      opacity: 0;
      position: relative;
      display: inline-block
    }

    [carousel] {
      opacity: 0
    }

    .char {
      display: inline-block
    }

    <meta name="p:domain_verify" content="a18d8a1ebaff323b544922243b346a53" />.letter {
      display: inline-block;
    }

    [carousel] .line {
      perspective: 8em;
    }

    .rt {
      opacity: 0
    }

    .mobile-tooltip {
      display: none;
      opacity: 0;
    }

    .carousel> :not(:first-child) {
      position: absolute;
      top: 0;
      right: 0;
    }

    .swiper-pagination {
      position: fixed !important
    }
  


    .cases-wr {
      transform-style: preserve-3d
    }

    .hero-text .char {
      transform: scaleY(0)
    }

    .hero-text .line {
      perspective: 850px
    }

    .hero-text {
      opacity: 0
    }

    .showreel {
      height: 0%;
      opacity: 0
    }

    .mobile-showreel_gradient {
      opacity: 0
    }

    .mobile-heading .h4 {
      opacity: 0
    }

    .frame-line.is--mid {
      transform: scaleX(0)
    }

    .frame-top-bot_flex {
      transform: scaleX(0)
    }

    .frame-line.is--vert {
      transform: scaleY(0)
    }

    .angle-cross {
      opacity: 0
    }

    .frame-line.is--menu {
      transform: scaleX(0)
    }

    .cta-btn-wr {
      transform: translateX(100%);
      opacity: 0
    }

    .menu-flex {
      transform: translateY(150%);
      opacity: 0
    }


    .mobile-sound-button {
      opacity: 0
    }


    .price-move {
      top: 700px;
    }

    @media only screen and (min-width: 992px) {
      .price-move {
        top: 800px
      }

      .menu_wrapper {
        transform: translateY(-100%);
        opacity: 0
      }

      .preloader {
        display: flex;
        opacity: 0
      }

      .container:not(.hero-sticky .container) {
        opacity: 0
      }

      .awards-track,
      .footer-anim {
        opacity: 0;
      }

      body {
        overflow: hidden
      }

      [purpose="sound"] {
        display: none;
        opacity: 0;
      }

    }
  


        body {}

        @media screen and (max-width:991px) {
          .frame-top-bot.cc--top .frame-line {
            display: none
          }

          :root {
            --container--padding: 32px
          }
        }

        .rt-team strong {
          margin-left: -4.5rem;
          font-weight: normal
        }


        @media screen and (max-width:767px) {
          :root {
            --font-size--h2: 2.875rem;
            --font-size--h3: 2.125rem;
            --font-size--h4: 1rem;
            --font-size--h5: 1rem;
            --font-size--p-large: 1.5rem;
            --font-size--p-small: 1rem;
            --font-size--accent: 1.5rem;
            --font-size--additional: 0.75rem;
            --container--padding-hero: 10px;
            --container--padding: 8px;
          }

          .rt-team strong {
            margin-left: -3.2rem;
            font-weight: normal
          }
        }

        /* Desktop Only CSS (i.e. hover states) */
        @media only screen and (min-width: 992px) {

          :root {
            --font-size--h2: clamp(4.5rem, 7.5vw, 8.375rem);
            --font-size--h3: clamp(4rem, 5.5vw, 5.25rem);
            --font-size--h4: clamp(1.625rem, 2.1vw, 2.125rem);
            --font-size--accent: clamp(2rem, 2.8vw, 3rem);
            --font-size--p-large: clamp(1.5rem, 1.8vw, 1.75rem);
          }

          .menu-link .gridular {
            font-family: var(--font-family--body)
          }

        }



        @media (min-width: 767px) and (max-width: 991px) {
          :root {
            --font-size--h2: 4rem;
            --font-size--h3: 3rem;
            --font-size--accent: 2rem;
          }
        }




        /* Main Variables */
        :root {
          --main-dark: black;
          --main-light: white;
          --nav-angle: -70deg;
          --xPercent: 50%;
          --yPercent: 50%;
        }



        /* Global Styles */
        ::selection {
          background: var(--white);
          color: var(--grey-100);
          text-shadow: none;
        }

        img::selection,
        svg::selection {
          background: transparent;
        }

        /* Link color inherits from parent font color  */
        a {
          color: inherit;
        }


        /* Target any element with a certain "word" in the class name  */
        [class*="spacer"] {}

        .cta-btn-shadow-holder {
          animation: rotation 10s infinite linear;
        }

        @keyframes rotation {
          from {
            transform: rotate(0deg);
          }

          to {
            transform: rotate(359deg);
          }
        }

        .cta-btn:hover .cta-btn-shadow-holder {
          opacity: 0
        }

        .cta-btn:hover .cta-btn-overlay {
          transform: scale(1);
          opacity: 1
        }

        .cta-btn:hover .cta-btn-text-wr {
          transform: scale(1);
          opacity: 1
        }

        .cta-btn-text {
          animation: rotation 30s infinite linear;
        }

        .menu,
        .cta-btn {
          pointer-events: auto
        }


        .menu-btn.w--current .menu-active-line-wr {
          width: 1rem
        }

        .menu-btn.w--current {
          color: #0075ff
        }

        .form-content .subheading {
          margin-bottom: 1.8rem
        }

        .subheading.is--marg-10 {
          margin-bottom: 0.625rem
        }



        .case-element:after {
          content: "";
          background-image: url("https://cdn.prod.website-files.com/64354a08ff4dd15c2539372b/6638fb40bf0fadd1eb19eeb0_noise-light.png");
          background-position: 0px 0px;
          background-size: 192px;
          animation: grain 8s steps(10) infinite;
          opacity: 0.7;
          height: 350%;
          width: 350%;
          position: absolute;
          left: -150%;
          top: -150%;
          right: 0%;
          bottom: 0%;
          z-index: 4;
          pointer-events: none
        }

        @keyframes grain {

          0%,
          100% {
            transform: translate(0, 0)
          }

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

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

          30% {
            transform: translate(7%, -25%)
          }

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

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

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

          70% {
            transform: translate(0%, 15%)
          }

          80% {
            transform: translate(3%, 35%)
          }

          90% {
            transform: translate(-10%, 10%)
          }
        }


        .case-blur {
          mask-image: radial-gradient(circle 140px at 50% 50%,
              rgba(0, 0, 0, 1) 30%,
              rgba(0, 0, 0, 0) 100%);
        }



        .button-halo:hover .button-halo-inner {
          opacity: 0
        }

        .button-halo>* {
          transition-property: transform, opacity;
          transition-duration: 0.5s, 600ms;
          transition-timing-function: ease-out, cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }


        .button-halo:hover>* {
          transform: scale(1.04);
        }


        @keyframes halo-animation {
          0% {
            box-shadow: inset 0 0 0.9rem 5px #C2C2C2;
          }

          100% {
            box-shadow: inset 0 0 2.2rem 5px #C2C2C2;
          }
        }

        /* rotation */

        @keyframes rotate3d {
          from {
            transform: rotate3d(.5, .5, .5, 360deg);
          }

          to {
            transform: rotate3d(0deg);
          }
        }


        @keyframes rotate360 {
          to {
            transform: rotate(360deg);
          }
        }


        .navigator_random-lines path {
          stroke-dasharray: 55;
          stroke-dashoffset: 0
        }

        .plane_outer-part_lines path {
          stroke-dasharray: 260;
          stroke-dashoffset: 0
        }

        .plane_random-lines path {
          stroke-dasharray: 23;
          stroke-dashoffset: 0
        }


        .cc--stories-thumb {
          height: 0px !important
        }

        .thumb-next,
        .thumb-prev {
          width: 62px !important;
          height: 62px !important
        }


        .swiper-slide-thumb-active {
          width: 94px !important;
          height: 94px !important;
          filter: saturate(100%) !important;
        }



        .email-footer .line {
          overflow: visible
        }

        .award .button_wrapper {
          display: none
        }

        .award:last-of-type .button_wrapper {
          display: block
        }

        .menu-button {
          pointer-events: auto
        }

        .cc--clipx {
          overflow-x: clip;
        }

        .case.case-hovered {
          filter: blur(0px) !important;
          opacity: 1 !important
        }

        .menu-link a {
          display: block
        }

        .swiper-pagination-fraction {
          color: var(--grey-50)
        }

        .swiper-pagination-current {
          color: var(--white)
        }


        .rt> :first-child {
          margin-top: 0
        }

        .rt> :last-child {
          margin-bottom: 0
        }


        .swiper-pagination-bullet.viewed .pagination-progress {
          width: 100%
        }

        .swiper-pagination-bullet-active {
          background-color: transparent !important
        }

        .swiper-pagination-bullet {
          opacity: 1 !important;
          margin: 0px !important
        }

        .swiper-pagination-bullet:hover .pagination-tooltip {
          opacity: 1
        }

        .swiper-pagination-bullet-active .pagination-tooltip {
          opacity: 1
        }

        .radio-button.selected {
          color: var(--grey-100);
          background-color: var(--white-text)
        }

        .swiper-pagination {
          grid-column-gap: 3px !important;
        }

        .hero-sticky .additional-text,
        .hero-sticky .h4 {
          pointer-events: auto
        }

        [typewriter="on"] {
          overflow: hidden
        }

        .no-scroll {
          overflow: hidden
        }

        button {
          background-color: inherit
        }

        [purpose="sound"] {
          transform: scale(0.8)
        }


        @media (min-width: 992px) and (max-width: 1200px) {
          .flex-vertical-sides.cc--team {
            min-width: 0px;
            max-width: none
          }

          .team_right-side {
            padding-right: 3rem
          }

          .story-phone-wrapper {
            padding-left: 3rem
          }

          .cc--story_quotes {
            display: none
          }
        }

        @media (min-width: 992px) and (max-width: 1440px) {
          .form-heading {
            font-size: 3.125rem
          }

          .input {
            font-size: 1.375rem;
          }

          .pagination-text {
            font-size: 1rem;
          }

          .circle-button {
            width: 90px
          }

          .radio-button {
            font-size: 1.375rem
          }
        }


        @keyframes plus {
          0% {
            transform: translate(-0.1rem, 0)
          }

          25% {
            transform: translate(0.1rem, 0)
          }

          50% {
            transform: translate(0, 0.1rem)
          }

          75% {
            transform: translate(0, -0.1rem)
          }

          100% {
            transform: translate(-0.1rem, 0)
          }
        }

        .cta-btn-wr {
          position: fixed !important;
          z-index: 999
        }