:root {

   --color-dark-rgb: 50, 32, 24;
   --color-dark: rgba(var(--color-dark-rgb), 1);

   --color-light-rgb: 234, 229, 223;
   --color-light: rgba(var(--color-light-rgb), 1);

   --color-white-rgb: 248, 246, 244;
   --color-white: rgba(var(--color-white-rgb), 1);



   --color-stone-50: var(--color-light);
   --color-stone-100: var(--color-lightgray);
   --color-stone-900: var(--color-dark);
   --color-butterflygreen-500: #2CA09E;
   --color-butterflygreen-700: var(--color-secondary);
   --color-butterflygreen-900: #00383C;
   --color-sunsetorange-800: var(--color-primary);
   --color-blur: rgba(210, 205, 200, 0.3);

   --color-border: rgba(var(--color-dark-rgb), 0.15);
   --color-border-light: rgba(var(--color-white-rgb), 0.175);
   --color-border-active: rgba(var(--color-dark-rgb), 0.25);
   --color-border-active-light: rgba(var(--color-white-rgb), 0.275);
   --color-text: rgba(var(--color-dark-rgb), 0.9);
   --color-text-light: rgba(var(--color-white-rgb), 0.9);

  

   --animation-fast: .4s cubic-bezier(.3, 1, .3, 1);
   --animation-primary: .1.5s cubic-bezier(0.9, 0, 0.1, 1);
   --animation-smooth: 1.5s cubic-bezier(0.9, 0, 0.1, 1);
   --animation-slow: .8s cubic-bezier(.6, 0, .2, 1);
   --animation-slider: 1.5s cubic-bezier(0.9, 0, 0.1, 1);
   --animation-nav: .4s cubic-bezier(.3, 0, .3, 1);
   --animation-nav-smooth: .6s cubic-bezier(.3, 0, .3, 1);

   --gap: calc(var(--title-size) * 0.3);

   --section-padding: calc(var(--title-size) * 1.2);
   --container-padding: calc(var(--gap) * 1.5);

   --title-size: clamp(5em, 7.5vw, 7.5em);

   --copy-size-l: 0.9em;
   --copy-size-m: 0.8em;
   --copy-size-s: 0.725em;

   --border-radius: 100em;

   --btn-height: 3em;
   --btn-height-small: 2.625em;
   --btn-shadow-distance: 1.25em;
   --nav-bar-height: calc(var(--btn-height) + (var(--gap) * 2));
   --nav-bar-height-mobile: calc(var(--btn-height) + (var(--gap) * 0.6));
   --card-width: calc(var(--title-size) * 2.25);
}






@media screen and (min-width:990px){
.swiper-slider-group .swiper-controls .swiper-arrow {
    position: relative;
    width: var(--btn-height-small);
    height: var(--btn-height-small);
    border-radius: 50%;
    background-color: rgba(var(--color-white-rgb), 0.7);
    backdrop-filter: blur(1em);
    -webkit-backdrop-filter: blur(1em);
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: all;
    transform: scale(1) rotate(0.001deg);
    transition: transform var(--animation-primary);
    border: 0;
    outline: 0;
}}
@media screen and (max-width:990px) {
    .swiper-slider-group .swiper-controls .swiper-arrow {
        position: relative;
        width: var(--btn-height-small);
        height: var(--btn-height-small);
        border-radius: 50%;
        background-color: var(--coofficedark);
        backdrop-filter: blur(1em);
        -webkit-backdrop-filter: blur(1em);
        display: flex;
        justify-content: center;
        align-items: center;
        pointer-events: all;
        transform: scale(1) rotate(0.001deg);
        transition: transform var(--animation-primary);
        border: 0;
        outline: 0;
        top:70px;
        margin:15px
    }
}




















.swiper-slide-inner > h2 {
  color:var(--white);
  font-family: var(--fontuse);
  font-weight:400;
}

.swiper-slide-inner > p {
  color:var(--white);
  font-family: var(--fontuse);
  font-weight:400;
}

[data-theme-section="dark"] {
   --color-border: rgba(var(--color-light-rgb), 0.15);
   --color-text: rgba(var(--color-white-rgb), 0.9);
}

@media screen and (max-width: 1024px) {
   :root {
      --container-padding: var(--gap);
   }
}

@media screen and (max-width: 540px) {
   :root {
      --container-padding: clamp(1.25em, 4vw, 2.5em);
      --card-width: calc(var(--title-size) * 1.75);
   }
}


body::-webkit-scrollbar{display: none;}
body {-ms-overflow-style: none;} 
html {scrollbar-width: none;}


/* *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
li, ul, figure { padding: 0; margin: 0; list-style: none;} */

html {
   scroll-behavior: initial;
}


main {
   overflow: hidden;
   box-sizing: border-box;
}

.main-wrap {
   will-change: transform;
   box-sizing: border-box;
}


canvas, img, video, picture, figure {
   max-width: 100%;
   height: auto;
   box-sizing: border-box;
   display: block;
}

svg {
   max-width: none;
   height: auto;
   box-sizing: border-box;
}

audio, canvas, iframe, img, svg, video, picture, figure {
   vertical-align: middle;
}

video {
   pointer-events: none;
   user-select: none;
}

.styled-image,
.styled-video {
   display: flex;
   flex-direction: column;
   position: relative;
}

.styled-image[data-ratio-status="true"] img,
.styled-video[data-ratio-status="true"] video {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   object-fit: cover;
}

.styled-image.overlay,
.styled-video.overlay {
   object-fit: cover;
}

.overlay {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
}

.overlay.overlay-dark {
   background-color: rgba(var(--color-black-rgb), 0.5);
}

img.overlay,
video.overlay {
   object-fit: cover;
}

/* No select */

.no-select {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}



main {
   overflow: hidden;
   box-sizing: border-box;
}

.main-wrap {
   will-change: transform;
   box-sizing: border-box;
}



audio, canvas, iframe, img, svg, video, picture, figure {
   vertical-align: middle;
}

video {
   pointer-events: none;
   user-select: none;
}


    .section {
   padding-top: 0;
   padding-bottom: var(--section-padding);
   position: relative;
}

.section-wrap {
   position: relative;
}

.section.full-height {
   padding-top: 0;
   padding-bottom: 0;
}

.section.full-height .container > .row {
   min-height: 100vh;
   padding-top: var(--section-padding);
   padding-bottom: var(--section-padding);
}

@media (hover: none) { 
   @media screen and (max-width: 1024px) {
      .section.full-height .container > .row {
         min-height: 100vh;
         min-height: calc(var(--vh, 1vh) * 100);
      }
   }
}

/* Section Colors */

[data-bg-section="dark"] {
   background-color: var(--color-dark);
}

[data-bg-section="lightgray"] {
   background-color: var(--color-lightgray);
}

.container {
   margin: 0 auto;
   padding-left: var(--container-padding);
   padding-right: var(--container-padding);
   max-width: calc(var(--title-size) * 11);
}

.container.wide {
   max-width: 100%;
}

.container.medium {
   max-width: calc(var(--title-size) * 9);
}

.container.small {
   max-width: calc(var(--title-size) * 7.75);
}

.container.full {
   max-width: 100vw;
   padding-left: 0;
   padding-right: 0;
}

/* Row/Col */

.row {
   display: flex;
   width: 100%;
   position: relative;
}

.col {
   display: flex;
   flex-direction: column;
   position: relative;
}


/**** COMPS *****/
.overlay-no-image {
   background-color: var(--color-lightgray);
   display: flex;
   align-items: center;
   justify-content: center;
}

.overlay-no-image::before {
   content:"No image found";
   font-size: 10px;
   font-weight: 400;
   opacity: 0.66;
}

[data-theme-section="dark"] .overlay-no-image,
.overlay-no-image.dark {
   background-color: #55514f;
}

[data-bg-section="white"] .overlay-no-image {
   background-color: rgba(var(--color-dark-rgb),0.05);
}


@media screen and (min-width: 1025px) {

   [data-parallax-strength] {
      overflow: hidden;
      --parallax-strength: 0%;
      --parallax-height: 0%;
   }

   [data-parallax-strength] [data-parallax-target] {
      height: calc(100% + (var(--parallax-height) * 2));
      top: calc(var(--parallax-height) * -1);
      will-change: transform;
      -webkit-transform: translate3d(0,0,0);
      z-index: 0;
      rotate: 0.001deg;
   }

}

/*** SWIPER ****/
.swiper-slider-group {
   width: 100%;
   position: relative;
}

.swiper-slider-group .swiper-carousel {
   width: 100%;
   position: relative;
   display: flex;
}

.swiper-slider-group .swiper-wrapper {
	position: relative;
	width: 100%;
   -webkit-transform-style: preserve-3d;
}

.swiper-slider-group .swiper-slide {
   width: 100%;
   flex-shrink: 0;
   margin-right: 0;
   display: block;
   overflow: hidden;
   -webkit-backface-visibility: hidden; 
   -webkit-transform: translateZ(0);
}

/* Swiper Controls */

.swiper-slider-group .swiper-controls {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   pointer-events: none;
   z-index: 1;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: var(--gap);
}



.swiper-slider-group .swiper-controls .swiper-arrow svg {
   width: 40%;
}

.swiper-slider-group .swiper-controls .swiper-arrow svg :is(polyline, line, path) {
   stroke: var(--color-white);
   stroke-width: 1px;
}

.swiper-slider-group .swiper-controls .swiper-arrow[data-swiper-control="prev"] svg {
   transform: scaleX(-1);
}

.swiper-slider-group .swiper-controls .swiper-arrow.swiper-button-disabled {
   transform: scale(0) rotate(0.001deg);
   pointer-events: none;
}


/* Swiper Progress Bar */

.swiper-slider-group .swiper-slider-info {
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: calc(var(--gap) * 0.5);
   align-items: center;
   padding-top: var(--gap);
}

.swiper-slider-group .swiper-count span {
   opacity: 0.5;
   line-height: 1;
   font-size: var(--copy-size-m);
}

.swiper-slider-group .swiper-count .swiper-active-slide {
   opacity: 1;
   font-weight: 400;
}

.swiper-slider-group .progress-bar {
   width: 20em;
   display: flex;
   flex-direction: column;
}

.swiper-slider-group .swiper-pagination {
   position: relative;
   width: 100%;
   display: flex;
   bottom: unset;
   left: unset;
   gap: 0.75em;
}

.swiper-slider-group .swiper-pagination .swiper-pagination-bullet {
   height: var(--gap);
   position: relative;
   border-radius: 0;
   margin: unset;
   width: 100%;
   background-color: transparent;
   display: flex;
   opacity: 1;
   flex-direction: column;
   justify-content: center;
   border: 0;
   outline: 0;
}

.swiper-slider-group .swiper-pagination .swiper-pagination-bullet::after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translate(-50%, 100%) rotate(0.001deg);
   width: 4px;
   height: 4px;
   background-color: rgba(var(--color-dark-rgb), 0.8);
   border-radius: 50%;
   opacity: 0;
   transition: transform var(--animation-primary), opacity var(--animation-primary);
   pointer-events: none;
}

.swiper-slider-group .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
   transform: translate(-50%, 0%) rotate(0.001deg);
   opacity: 1;
}

.swiper-slider-group .swiper-pagination .swiper-pagination-bullet::before {
   content: "";
   width: 100%;
   height: 1px;
   background-color: var(--color-border);
   position: absolute;
}
 
.swiper-slider-group .swiper-pagination .swiper-progress {
   height: 1px;
   position: absolute;
   width: 100%;
   background-color: var(--color-primary);
   transform: scaleX(0);
   transform-origin: left top;
   opacity: 0;
   transition: opacity .3s ease-in-out;
}

.swiper-slider-group .swiper-pagination .swiper-pagination-bullet-active .swiper-progress {
   opacity: 1;
}

.swiper-slider-group .swiper-notification {
   position: absolute;
}

  
.swiper-slider-group[data-swiper-slider-type="stay"] {
   overflow: hidden;
}

.swiper-slider-group[data-swiper-slider-type="stay"] .swiper-carousel {
   overflow: hidden;
   transform: translateZ(0);
   isolation: isolate;
}

.swiper-slider-group[data-swiper-slider-type="stay"] .row-back {
   position: relative;
   width: 100%;
   overflow: hidden;
   background-color: var(--color-black);
   align-items: center;
}

.swiper-slider-group[data-swiper-slider-type="stay"] .row-slider-card {
   flex-direction: column;
   align-items: center;
}

.swiper-slider-group[data-swiper-slider-type="stay"] .overlay-dark {
   z-index: 2;
   background-color: unset;
   /* background: radial-gradient(circle at 50% 100%, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.2) 50%); */
}

.swiper-slider-group[data-swiper-slider-type="stay"] .swiper-pagination {
   position: absolute;
   top: var(--gap);
   z-index: -1;
   opacity: 0;
   pointer-events: none;
   visibility: hidden;
}

.swiper-slider-group[data-swiper-slider-type="stay"] .swiper-controls {
   position: absolute;
   top: 0;
   height: 100%;
   z-index: 5;
}

.swiper-slider-group[data-swiper-slider-type="stay"] .swiper-controls .swiper-arrow-overlay {
   position: absolute;
   left: 0;
   top: 0;
   min-width: 15vw;
   height: 100%;
   z-index: 10;
   transform: scaleX(-1);
   outline: 0 !important;
   border: 0 !important;
   display: flex;
   align-items: center;
   justify-content: flex-end;
   padding: var(--gap) var(--container-padding);
   cursor: pointer;
}

.swiper-slider-group[data-swiper-slider-type="stay"] .swiper-controls .swiper-arrow-overlay[data-swiper-control="next"] {
   left: unset;
   right: 0;
   transform: scaleX(1);
}

@media screen and (min-width: 1025px) {

   .swiper-slider-group[data-swiper-slider-type="stay"] .swiper-controls .swiper-arrow-overlay {
      pointer-events: all;
   }

   .swiper-slider-group[data-swiper-slider-type="stay"] .swiper-controls .swiper-arrow {
      display: none;
   }
}

@media screen and (max-width: 540px) {
   .swiper-slider-group[data-swiper-slider-type="stay"] .swiper-controls .swiper-arrow-overlay {
      padding: var(--gap) calc(var(--gap) * 0.5);
   }

   .swiper-slider-group[data-swiper-slider-type="stay"] .overlay-dark {
      /* background: radial-gradient(circle at 50% 50%, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.2) 50%); */
      transform: scale(1.5);
   }
}

.swiper-slider-group[data-swiper-slider-type="stay"] .swiper-count {
    position: absolute;
    z-index: 5;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    font-size: var(--font-xlarge);
    font-family:var(--fontuse);
    align-items: center;
    gap: 3em;
}
.swiper-slider-group[data-swiper-slider-type="stay"] .swiper-count span {
   color: var(--color-white);
   width: 1em;
   text-align: center;
}

/* Slider Fade (Back) */

.swiper-slider-group[data-swiper-slider-type="stay"] .swiper-carousel-fade {
   position: absolute;
   z-index: 1;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
}

.swiper-slider-group[data-swiper-slider-type="stay"] .swiper-carousel-fade .swiper-slide {
   position: relative;
   opacity: 1 !important;
   width: 100vw;
   height: 100%;
}


.swiper-slider-group[data-swiper-slider-type="stay"] .swiper-carousel-fade .swiper-slide img {
   opacity: 0;
   transition: opacity var(--animation-slider);
}

.swiper-slider-group[data-swiper-slider-type="stay"] .swiper-carousel-fade .slide-is-transitioning {
   opacity: 1;
   z-index: 1;
   transition: opacity var(--animation-slider);
}

.swiper-slider-group[data-swiper-slider-type="stay"] .swiper-carousel-fade .swiper-slide-visible img {
   opacity: 1;
   z-index: 2;
   transition: opacity 0.01s linear 0s;
}

/* Slider Text */

.swiper-slider-group[data-swiper-slider-type="stay"] .swiper-carousel-text {
   position: relative;
   background-color: #1a252859;
   z-index: 3;
   width: 100%;
   padding: calc(10vh + calc((var(--card-width) * 1.333333) * 0.666)) 0;
   text-align: center;
}

@media (hover: none) { 
   @media screen and (max-width: 1024px) {
      .swiper-slider-group[data-swiper-slider-type="stay"] .swiper-carousel-text {
         padding: calc((var(--vh, 1vh) * 10) + ((var(--card-width) * 1.333333) * 0.666)) 0;
      }
   }
}

.swiper-slider-group[data-swiper-slider-type="stay"] .swiper-carousel-text .swiper-slide {
   position: relative;
   width: unset;
   padding: 0 var(--title-size);
}

.swiper-slider-group[data-swiper-slider-type="stay"] .swiper-carousel-text .overlay-link {
   pointer-events: none;
}

.swiper-slider-group[data-swiper-slider-type="stay"] .swiper-carousel-text .swiper-slide-active .overlay-link {
   pointer-events: all;
}

.swiper-slider-group[data-swiper-slider-type="stay"] .swiper-carousel-text .swiper-slide-inner {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   height: 100%;
   gap: var(--gap);
   padding: calc(1.5em + var(--gap)) 0;
}

.swiper-slider-group[data-swiper-slider-type="stay"] .swiper-carousel-text p {
   position: absolute;
   top: 0;
   opacity: 0;
   transform: translateY(1em) rotate(0.001deg);
   transition: all var(--animation-smooth) 0.4s;
   max-width: calc(100vw - var(--container-padding) * 2);
}

.swiper-slider-group[data-swiper-slider-type="stay"] .swiper-carousel-text .swiper-slide-active p,
.swiper-slider-group[data-swiper-slider-type="stay"] .swiper-carousel-text .swiper-slide-duplicate-active p {
   opacity: 1;
   transform: translateY(0) rotate(0.001deg);
}

.swiper-slider-group[data-swiper-slider-type="stay"] .swiper-carousel-text h2 {
   text-align: center;
   font-size: calc(var(--title-size) * 1);
   letter-spacing: -0.05em;
}

.swiper-slider-group[data-swiper-slider-type="stay"] .swiper-carousel-text .swiper-wrapper {
   transition-timing-function: cubic-bezier(.6, 0, .2, 1);
   align-items: center;
}

@media screen and (max-width: 1024px) {

   .swiper-slider-group[data-swiper-slider-type="stay"] .swiper-carousel-text .swiper-slide {
      padding: 20px;
   }

   .swiper-slider-group[data-swiper-slider-type="stay"] .swiper-carousel-text .swiper-slide-inner {
      width: 100vw;
      padding: calc(1.5em + var(--gap)) calc((var(--gap) * 1) + var(--btn-height));
   }

}

@media screen and (max-width: 540px) {
   .swiper-slider-group[data-swiper-slider-type="stay"] .swiper-carousel-text h2 {
      font-size: calc(var(--title-size) * 0.6);
   }
}

/* Slider Blocks */

.swiper-slider-group[data-swiper-slider-type="stay"] .swiper-carousel-main {
   position: relative;
   z-index: 4;
   width: var(--card-width);
   margin-top: calc((var(--card-width) * 1.333333) * -0.666);
}

.swiper-slider-group[data-swiper-slider-type="stay"] .swiper-carousel-main .swiper-slide {
   position: relative;
}

.swiper-slider-group[data-swiper-slider-type="stay"] .swiper-carousel-main .swiper-slide::before {
   content: "";
   padding-top: 133.3333%;
   display: block;
}

.swiper-slider-group[data-swiper-slider-type="stay"] .swiper-carousel-main .swiper-slide-inner {
   width: 100%;
}

.swiper-slider-group[data-swiper-slider-type="stay"] .swiper-carousel-main .swiper-slide .swiper-slide-inner {
   overflow: hidden;
}

.swiper-slider-group[data-swiper-slider-type="stay"] .swiper-carousel-main .swiper-wrapper,
.swiper-slider-group[data-swiper-slider-type="stay"] .swiper-carousel-main .swiper-slide .swiper-slide-inner {
   transition-timing-function: cubic-bezier(.6, 0, .2, 1);
   -webkit-backface-visibility: hidden; 
   -webkit-transform: translateZ(0);
}


/**** CUSTOM CARDS SLIDER ****/

.swiper-slider-group[data-swiper-slider-type="double"] .row {
   gap: var(--container-padding);
}

.swiper-slider-group[data-swiper-slider-type="double"] .swiper-carousel {
   overflow: hidden;
   transform: translateZ(0);
   isolation: isolate;
}

.swiper-slider-group[data-swiper-slider-type="double"] .swiper-slide .swiper-slide-inner {
   position: relative;
   overflow: hidden;
}

.swiper-slider-group[data-swiper-slider-type="double"] .swiper-wrapper,
.swiper-slider-group[data-swiper-slider-type="double"] .swiper-slide .swiper-slide-inner {
   transition-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
   -webkit-backface-visibility: hidden; 
   -webkit-transform: translateZ(0);
}

@media screen and (max-width: 1024px) {
   .swiper-slider-group[data-swiper-slider-type="double"] .row {
      flex-direction: column;
   }

   .swiper-slider-group[data-swiper-slider-type="double"] .swiper-controls {
      height: calc(50% - (var(--container-padding) * 0.5));
   }
   
}  


.custom-cursor {
   position: fixed;
   z-index: 100;
   pointer-events: none;
   transform: translate(-48%, -75%) rotate(0.001deg);
   display: none;
   opacity: 0;
   visibility: hidden;
   display: flex;
   pointer-events: none;
}

.custom-cursor .cursor-bubble {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%) scale(0) rotate(-10deg);
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
   border-radius: calc(var(--btn-height) * 0.75);
   width: calc(var(--btn-height) * 1.5);
   background-color: rgba(var(--color-white-rgb), 0.2);
   background-color: var(--color-blur);
   backdrop-filter: blur(1em);
   -webkit-backdrop-filter: blur(1em);
   transition: transform var(--animation-nav) 0.2s;
}

.custom-cursor .cursor-bubble[data-cursor-bubble="active"] {
   transform: translate(-48%, -65%) scale(1.3) rotate(0.001deg);
   transition: transform var(--animation-primary) 0s;
}

.custom-cursor .cursor-bubble .cursor-before {
   position: relative;
   width: 100%;
   padding-top: 100%;
}

.custom-cursor .cursor-bubble .cursor-text {
   white-space: nowrap;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   color: var(--white);
   font-family: var(--fontuse);
   font-weight: 400;
   font-size: var(--copy-size-s);
   padding: 2.5em;
   opacity: 0;
   transition: opacity var(--animation-nav) 0.2s;
}

.custom-cursor .cursor-bubble[data-cursor-bubble="active"] .cursor-text {
   opacity: 1;
   transition: opacity var(--animation-nav) 0s;
}

@media (hover: hover) { 
   @media screen and (min-width: 1025px) {
      .custom-cursor[data-cursor-init="true"] {
         display: flex;
         opacity: 1;
         visibility: visible;
      }
   }
}