[data-anim-load-fadein] {
    opacity: 0; 
    animation: fadeIn 0.5s forwards; 
    animation-delay: 0.2s;
  }
  @keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }
  /** 
  HEADER
  **/
  /** small dropdown menu **/
  .header-dropdown__list {
    pointer-events: none;
  }
  .header-dropdown__list.w--open {
    pointer-events: auto;
  }
  .header-dropdown__list>div {
    opacity: 0;
    transform-style: preserve-3d;
    transform: perspective(250px) rotateX(-5deg) rotateY(0) rotate(0);
    transform-origin: 50% 0;
  }
  .header-dropdown__list.w--open>div {
    opacity: 1;
    transform: perspective(250px) rotate(0);
  }
  /** big menu **/
  .menu.anim { 
    pointer-events: none; 
  }
  /** arrow of drop in adaptation **/
  [data-menu-open].header__nav-link.active > .w-embed { 
    transform: rotate(-180deg); 
  }
  [data-menu-services-link].header__nav-link.active > .w-embed { 
    transform: rotate(90deg); 
  }
  .menu, .header__blur { 
    pointer-events: none; 
  }
  .menu:not(.anim) > div { 
    pointer-events: auto; 
  }
  /** header**/
  header.is-header-hide [data-header-fixed], 
  [data-header-fixed].is-header-hide {
    transform: translate3d(0px, -5rem, 0px);
  }
  header.is-menu-open .header__line.is-bottom { 
    opacity: 0; 
  }
  header.is-menu-open .header__blur { 
    height: calc(100vh + 5rem) 
  }
  [data-subheader-fixed]:not(.is--subheader-anim) .header__blur {
    transition: all .8s;
  }
  [data-subheader-fixed="hidden"] {
    top: 0rem !important;
    transform: translate3d(0px, -5rem, 0px) !important;
  }
  /** 
  MASKS
  **/
  [data-mask] {
    -webkit-mask-position: 0% 0%;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
  }
  @media screen and (min-width:992px) {
    [data-mask="solution"] {-webkit-mask-image: url(https://uploads-ssl.webflow.com/63f38a8c92397a024fcb9ae8/64a8635c64fb995068b8c8dd_bg-card-solutionBorder_laptop.webp); }
    [data-mask="awards"] {-webkit-mask-image: url(https://uploads-ssl.webflow.com/63f38a8c92397a024fcb9ae8/6512ef9d06d51a6b376bab9d_award-border.svg); }
    [data-mask="benefits"] {-webkit-mask-image: url(https://uploads-ssl.webflow.com/63f38a8c92397a024fcb9ae8/651539b0daa2b9a3e60232ca_card-benefitsBorder.webp); }
    [data-mask="benefits-long"] {-webkit-mask-image: url(https://uploads-ssl.webflow.com/63f38a8c92397a024fcb9ae8/651539b01ac75a2f07a6f425_card-benefitsBorderLong.webp); }
    [data-mask="reviews"] {-webkit-mask-image: url(https://uploads-ssl.webflow.com/63f38a8c92397a024fcb9ae8/648c620695b80bc58810a156_bg-card-reviews_laptop.webp); }
    [data-mask="error"] {-webkit-mask-image: url(https://uploads-ssl.webflow.com/63f38a8c92397a024fcb9ae8/64b14376d206bc88a0374470_form-error_laptop.webp); }
    [data-mask="works"] {-webkit-mask-image: url(https://uploads-ssl.webflow.com/63f38a8c92397a024fcb9ae8/648b10ef9ccee0a3fa3ae1cb_bg-card-worksSlide_laptop.webp); }
    [data-mask="post"] {-webkit-mask-image: url(https://uploads-ssl.webflow.com/63f38a8c92397a024fcb9ae8/647f40ca80b2366090015301_bg-card-post_laptop.webp); }
    [data-mask="on-dribble"] {-webkit-mask-image: url(https://uploads-ssl.webflow.com/63f38a8c92397a024fcb9ae8/64afa9bfcc6b742829ac4578_bg-card-onDribble_laptop.webp); }
    [data-mask="projects-big"] {-webkit-mask-image: url(https://uploads-ssl.webflow.com/63f38a8c92397a024fcb9ae8/6488858ecefbe57e58587357_bg-card-postBig_laptop.webp); }
    [data-mask="projects-big-invert"],
    [data-projects-big] > div:nth-child(even) [data-mask="projects-big"] {-webkit-mask-image: url(https://uploads-ssl.webflow.com/63f38a8c92397a024fcb9ae8/6488858edd23f5690e30e623_bg-card-postBig2_laptop.webp); }
  }
  @media screen and (max-width: 991px) and (min-width:480px) {
    [data-mask="solution"] {-webkit-mask-image: url(https://uploads-ssl.webflow.com/63f38a8c92397a024fcb9ae8/64a8635b8d7cd698bc48de97_bg-card-solutionBorder_tablet.webp); }
    [data-mask="reviews"] {-webkit-mask-image: url(https://uploads-ssl.webflow.com/63f38a8c92397a024fcb9ae8/648c6205918a5b5121781a8b_bg-card-reviews_tablet.webp); }
    [data-mask="error"] {-webkit-mask-image: url(https://uploads-ssl.webflow.com/63f38a8c92397a024fcb9ae8/64b14376d206bc88a0374470_form-error_laptop.webp); }
    [data-mask="works"] {-webkit-mask-image: url(https://uploads-ssl.webflow.com/63f38a8c92397a024fcb9ae8/648b10ef60a6ff58e72bfc12_bg-card-worksSlide_tablet.png); }
    [data-mask="post"] {-webkit-mask-image: url(https://uploads-ssl.webflow.com/63f38a8c92397a024fcb9ae8/647f40ca4096796087778f34_bg-card-post_tablet.webp); }
    [data-mask="on-dribble"] {-webkit-mask-image: url(https://uploads-ssl.webflow.com/63f38a8c92397a024fcb9ae8/64afa9be376d3438a757bc33_bg-card-onDribble_tablet.webp); }
    [data-mask="projects-big"] {-webkit-mask-image: url(https://uploads-ssl.webflow.com/63f38a8c92397a024fcb9ae8/6488858d011d127471d61998_bg-card-postBig_tablet.webp); }
    [data-mask="projects-big-invert"],
    [data-projects-big] > div:nth-child(even) [data-mask="projects-big"] {-webkit-mask-image: url(https://uploads-ssl.webflow.com/63f38a8c92397a024fcb9ae8/6488858e9c6ab83eafdbd7a7_bg-card-postBig2_tablet.webp); }
  }
  @media screen and (max-width: 479px) {
    [data-mask="solution"] {-webkit-mask-image: url(https://uploads-ssl.webflow.com/63f38a8c92397a024fcb9ae8/64a8635ca0e69ebdfd26c3be_bg-card-solutionBorder_mobile.webp); }
    [data-mask="reviews"] {-webkit-mask-image: url(https://uploads-ssl.webflow.com/63f38a8c92397a024fcb9ae8/648c620595b80bc58810a130_bg-card-reviews_mobile.webp); }
    [data-mask="error"] {-webkit-mask-image: url(https://uploads-ssl.webflow.com/63f38a8c92397a024fcb9ae8/64b14376bfa43fcb0540d46e_form-error_mobile.webp); }
    [data-mask="works"] {-webkit-mask-image: url(https://uploads-ssl.webflow.com/63f38a8c92397a024fcb9ae8/648b10ef45910495411c1a28_bg-card-worksSlide_mobile.webp); }
    [data-mask="post"] {-webkit-mask-image: url(https://uploads-ssl.webflow.com/63f38a8c92397a024fcb9ae8/647f425dc9adcf998fe5ada2_bg-card-post_mobile.webp); }
    [data-mask="on-dribble"] {-webkit-mask-image: url(https://uploads-ssl.webflow.com/63f38a8c92397a024fcb9ae8/64afa9bec17b5670ade3f278_bg-card-onDribble_mobile.webp); }
    [data-mask="projects-big"], 
    [data-mask="projects-big-invert"] {-webkit-mask-image: url(https://uploads-ssl.webflow.com/63f38a8c92397a024fcb9ae8/6488858d2e8b1b93ebd64cb6_bg-card-postBig_mobile.webp); }
  }
  .rich-heading-4 h2::before {
    content: '';
    position: relative;
    display: inline-block;
    width: 13.125rem;
    height: 3rem;
    float: left;
  }
  /**  
  [data-anim-delay] { transition: transform .6s, opacity .4s; }
  **/  
  /** visible anim elements in dev **/  
  .wf-design-mode .anim[data-anim-delay] {
    opacity: initial !important;
    transform: initial !important;
  }
  .wf-design-mode .header__line { 
    width: 100% !important;
  }
  @media screen and (min-width:992px) {
    .menu .w-dropdown-list {
      height: auto !important;
    }
  }
  @media screen and (max-width: 991px) {
    .anim[data-anim-delay] {
      opacity: initial !important;
      transform: initial !important;
    }
    .header__blur { 
      pointer-events: auto; 
    }
    .footer__nav .w-dropdown-list {
      height: auto !important;
    }
    .rich-heading-4 h2::before {
      width: 7.125rem;
      height: 2rem;
    }
  }  
  @media screen and (max-width: 767px) {
    .rich-heading-4 h2::before {
      display: none;
    }
  }

  /* Shared button text swap animation. */
  [data-button-text] {
    position: relative;
    display: block;
    overflow: hidden;
  }

  [data-button-text] > div:last-child {
    position: absolute;
    width: 100%;
    bottom: -150%;
  }

  [data-button-text] > div {
    display: inline-block;
    transition: transform .3s;
  }

  [data-hover]:not([data-hover="false"]):hover [data-button-text] > div {
    transform: translateY(-150%);
  }