/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/fast-css-loader/lib/index.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./blocks/header/grid-area/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
/* Bootstrap */
/* Vendors */
body:not(.wp-admin) .h--grid-area .gradient-bg {
  position: sticky;
  top: 0;
  left: 0;
  margin-top: -100vh !important;
  height: 100vh !important;
  overflow: hidden;
  opacity: calc(1 - var(--progress, 0) * 2);
}
@media (max-width: 767.98px) {
  body:not(.wp-admin) .h--grid-area .gradient-bg {
    opacity: 1;
  }
}
body:not(.wp-admin) .h--grid-area .gradient-bg canvas {
  width: 100%;
  height: 100% !important;
}
body:not(.wp-admin) .h--grid-area .l__wrapper {
  height: 300vh;
}
body:not(.wp-admin) .h--grid-area .l__cnt {
  opacity: var(--text-progress);
  text-align: center !important;
}
@media (max-width: 767.98px) {
  body:not(.wp-admin) .h--grid-area .l__cnt {
    opacity: 1;
  }
}
@media (min-width: 768px) {
  body:not(.wp-admin) .h--grid-area .l__wrapper-inner {
    height: 100vh;
  }
}

body:not(.mobile) .h--grid-area .l__cnt-wrapper {
  white-space: nowrap;
}

.h--grid-area {
  margin-top: 0 !important;
  padding-top: 0 !important;
  background: #e1e2e6 !important;
}
.h--grid-area .l__top-wrapper {
  height: auto;
}
@media (min-width: 768px) {
  .h--grid-area .l__top-wrapper {
    height: 60vh;
  }
}
.h--grid-area .l__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: var(--spacers-vw);
  padding-left: var(--spacers-vw);
  height: 100vh;
}
@media (orientation: portrait), (max-aspect-ratio: 6/5) {
  .h--grid-area .l__top {
    height: 100vh !important;
  }
}
@media (max-width: 559.98px) {
  .h--grid-area .l__top {
    height: 80vh !important;
    padding-top: clamp(100px * var(--min-font-size-controler), 5.7803468208 * 1vw, 100px * var(--max-font-size-controler));
  }
}
@media (max-width: 559.98px) {
  .h--grid-area .l__top {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
.h--grid-area .l__wrapper {
  --adjusted-progress: clamp(-0.5, calc((var(--progress, 0) - 0.5) * 2.5), 1);
  --text-progress: clamp(0, calc(var(--progress, 0) * 2.5), 1);
  top: 0;
  z-index: 2;
}
@media (max-width: 767.98px) {
  .h--grid-area .l__wrapper {
    height: auto !important;
    min-height: auto !important;
  }
}
.h--grid-area .l__wrapper-inner {
  position: sticky;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.h--grid-area .l__wrapper-inner .container-fluid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 5;
}
@media (min-width: 768px) {
  .h--grid-area .l__wrapper-inner .container-fluid {
    height: 100vh;
  }
}
.h--grid-area .l__container {
  position: relative;
  z-index: 3;
}
.h--grid-area .l__cnt-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.h--grid-area .l__cnt-wrapper .typed-cursor {
  font-size: var(--page-title-md);
  line-height: var(--page-title-md-line-height);
  font-weight: 300;
  -webkit-animation: pulse 0.8s both infinite;
          animation: pulse 0.8s both infinite;
}
.h--grid-area .l__title-wrapper {
  min-height: 50vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
  .h--grid-area .l__cnt {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
.h--grid-area .l__grid {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  -webkit-perspective: 800px;
          perspective: 800px;
  pointer-events: none;
  overflow: hidden;
  z-index: 1;
}
@media (max-width: 991.98px) {
  .h--grid-area .l__grid {
    display: none;
  }
}
.h--grid-area .l__item {
  position: absolute;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  will-change: transform, opacity, filter;
  --pos-x: 50%;
  --pos-y: 50%;
  --depth: 0.5;
  left: var(--pos-x);
  top: var(--pos-y);
  --item-progress: clamp(0, calc((var(--progress, 0) - var(--depth) * 1.5) * 2), 1);
  --opacity-val: clamp(0, calc(var(--item-progress) * 3.33), 1);
  --blur-val: clamp(0, calc(var(--item-progress) * 2.5), 1);
  opacity: var(--opacity-val);
  -webkit-filter: blur(calc(10px * (1 - var(--blur-val))));
          filter: blur(calc(10px * (1 - var(--blur-val))));
  --z-pos: calc(-100vh + (175vh * var(--item-progress)));
  -webkit-transform: translate(-50%, -50%) translate3d(0, 0, var(--z-pos));
          transform: translate(-50%, -50%) translate3d(0, 0, var(--z-pos));
}
.h--grid-area .l__item[data-size=small] {
  width: clamp(120px, 15vw, 220px);
}
.h--grid-area .l__item[data-size=medium] {
  width: clamp(160px, 20vw, 300px);
}
.h--grid-area .l__item[data-size=large] {
  width: clamp(220px, 25vw, 400px);
}
.h--grid-area .l__img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
}
.h--grid-area .l__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}