.elementor-kit-18{--e-global-color-primary:#051A38;--e-global-color-secondary:#F3F5F8;--e-global-color-text:#051937;--e-global-color-accent:#16A8AA;--e-global-color-60da78b:#02010100;--e-global-color-c696dce:#FFFFFF;--e-global-color-14ef391:#C8D5DC;--e-global-color-764183d:#F9FAFD;--e-global-color-d6cea4e:#FFFFFF;--e-global-color-86b4fcd:#02010100;--e-global-color-57c8da2:#000000CC;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-size:65px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:1.2em;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-size:36px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-text-transform:capitalize;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-text-font-family:"Barlow";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:300;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:1.5em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-text-transform:capitalize;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:0px;--e-global-typography-392b9e0-font-family:"Poppins";--e-global-typography-392b9e0-font-size:22px;--e-global-typography-392b9e0-font-weight:600;--e-global-typography-392b9e0-text-transform:capitalize;--e-global-typography-392b9e0-font-style:normal;--e-global-typography-392b9e0-text-decoration:none;--e-global-typography-392b9e0-line-height:1.2em;--e-global-typography-392b9e0-letter-spacing:0px;--e-global-typography-c05b693-font-family:"Poppins";--e-global-typography-c05b693-font-size:22px;--e-global-typography-c05b693-font-weight:300;--e-global-typography-c05b693-text-transform:none;--e-global-typography-c05b693-font-style:normal;--e-global-typography-c05b693-text-decoration:none;--e-global-typography-c05b693-line-height:1.5em;--e-global-typography-c05b693-letter-spacing:0px;--e-global-typography-6558fb1-font-family:"Poppins";--e-global-typography-6558fb1-font-size:16px;--e-global-typography-6558fb1-font-weight:300;--e-global-typography-6558fb1-text-transform:uppercase;--e-global-typography-6558fb1-font-style:normal;--e-global-typography-6558fb1-text-decoration:none;--e-global-typography-6558fb1-line-height:1.5em;--e-global-typography-6558fb1-letter-spacing:10px;--e-global-typography-92bce3b-font-family:"Poppins";--e-global-typography-92bce3b-font-size:16px;--e-global-typography-92bce3b-font-weight:400;--e-global-typography-92bce3b-text-transform:capitalize;--e-global-typography-92bce3b-font-style:italic;--e-global-typography-92bce3b-text-decoration:underline;--e-global-typography-92bce3b-line-height:1em;--e-global-typography-92bce3b-letter-spacing:0px;--e-global-typography-b2deeae-font-family:"Poppins";--e-global-typography-b2deeae-font-size:85px;--e-global-typography-b2deeae-font-weight:600;--e-global-typography-b2deeae-text-transform:none;--e-global-typography-b2deeae-font-style:normal;--e-global-typography-b2deeae-text-decoration:none;--e-global-typography-b2deeae-line-height:1em;--e-global-typography-b2deeae-letter-spacing:0px;--e-global-typography-fb1a3e0-font-family:"Poppins";--e-global-typography-fb1a3e0-font-size:200px;--e-global-typography-fb1a3e0-font-weight:600;--e-global-typography-fb1a3e0-text-transform:none;--e-global-typography-fb1a3e0-font-style:normal;--e-global-typography-fb1a3e0-text-decoration:none;--e-global-typography-fb1a3e0-line-height:1.2em;--e-global-typography-fb1a3e0-letter-spacing:0px;--e-global-typography-397e168-font-family:"Poppins";--e-global-typography-397e168-font-size:16px;--e-global-typography-397e168-font-weight:400;--e-global-typography-397e168-text-transform:capitalize;--e-global-typography-397e168-font-style:italic;--e-global-typography-397e168-text-decoration:none;--e-global-typography-397e168-line-height:1.3em;--e-global-typography-397e168-letter-spacing:0px;color:var( --e-global-color-v4-color-text-body );font-family:var( --e-global-typography-v4-text-body-font-family ), Sans-serif;font-size:var( --e-global-typography-v4-text-body-font-size );font-weight:var( --e-global-typography-v4-text-body-font-weight );background-color:var( --e-global-color-c696dce );}.elementor-kit-18 a{color:var( --e-global-color-v4-color-accent-1 );}.elementor-kit-18 a:hover{color:var( --e-global-color-v4-color-accent-2 );}.elementor-kit-18 h1{color:var( --e-global-color-v4-color-text-tile );font-family:var( --e-global-typography-v4-text-title-h1-font-family ), Sans-serif;font-size:var( --e-global-typography-v4-text-title-h1-font-size );font-weight:var( --e-global-typography-v4-text-title-h1-font-weight );line-height:var( --e-global-typography-v4-text-title-h1-line-height );letter-spacing:var( --e-global-typography-v4-text-title-h1-letter-spacing );}.elementor-kit-18 h2{color:var( --e-global-color-v4-color-text-tile );font-family:var( --e-global-typography-v4-text-title-h2-font-family ), Sans-serif;font-size:var( --e-global-typography-v4-text-title-h2-font-size );font-weight:var( --e-global-typography-v4-text-title-h2-font-weight );line-height:var( --e-global-typography-v4-text-title-h2-line-height );letter-spacing:var( --e-global-typography-v4-text-title-h2-letter-spacing );}.elementor-kit-18 h3{color:var( --e-global-color-v4-color-text-tile );font-family:var( --e-global-typography-v4-text-title-h3-font-family ), Sans-serif;font-size:var( --e-global-typography-v4-text-title-h3-font-size );font-weight:var( --e-global-typography-v4-text-title-h3-font-weight );line-height:var( --e-global-typography-v4-text-title-h3-line-height );}.elementor-kit-18 h4{color:var( --e-global-color-v4-color-text-tile );font-family:var( --e-global-typography-v4-text-title-h4-font-family ), Sans-serif;font-size:var( --e-global-typography-v4-text-title-h4-font-size );font-weight:var( --e-global-typography-v4-text-title-h4-font-weight );text-transform:var( --e-global-typography-v4-text-title-h4-text-transform );line-height:var( --e-global-typography-v4-text-title-h4-line-height );}.elementor-kit-18 h5{color:var( --e-global-color-v4-color-text-tile );font-family:var( --e-global-typography-v4-text-title-h5-font-family ), Sans-serif;font-size:var( --e-global-typography-v4-text-title-h5-font-size );font-weight:var( --e-global-typography-v4-text-title-h5-font-weight );line-height:var( --e-global-typography-v4-text-title-h5-line-height );}.elementor-kit-18 h6{color:var( --e-global-color-v4-color-text-tile );font-family:var( --e-global-typography-v4-text-title-h6-font-family ), Sans-serif;font-size:var( --e-global-typography-v4-text-title-h6-font-size );font-weight:var( --e-global-typography-v4-text-title-h6-font-weight );line-height:var( --e-global-typography-v4-text-title-h6-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1600px;}.e-con{--container-max-width:1600px;--container-default-padding-top:0rem;--container-default-padding-right:2rem;--container-default-padding-bottom:0rem;--container-default-padding-left:2rem;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-18 e-page-transition{background-color:#FFBC7D;}@media(max-width:1440px){.elementor-kit-18{font-size:var( --e-global-typography-v4-text-body-font-size );}.elementor-kit-18 h1{font-size:var( --e-global-typography-v4-text-title-h1-font-size );line-height:var( --e-global-typography-v4-text-title-h1-line-height );letter-spacing:var( --e-global-typography-v4-text-title-h1-letter-spacing );}.elementor-kit-18 h2{font-size:var( --e-global-typography-v4-text-title-h2-font-size );line-height:var( --e-global-typography-v4-text-title-h2-line-height );letter-spacing:var( --e-global-typography-v4-text-title-h2-letter-spacing );}.elementor-kit-18 h3{font-size:var( --e-global-typography-v4-text-title-h3-font-size );line-height:var( --e-global-typography-v4-text-title-h3-line-height );}.elementor-kit-18 h4{font-size:var( --e-global-typography-v4-text-title-h4-font-size );line-height:var( --e-global-typography-v4-text-title-h4-line-height );}.elementor-kit-18 h5{font-size:var( --e-global-typography-v4-text-title-h5-font-size );line-height:var( --e-global-typography-v4-text-title-h5-line-height );}.elementor-kit-18 h6{font-size:var( --e-global-typography-v4-text-title-h6-font-size );line-height:var( --e-global-typography-v4-text-title-h6-line-height );}}@media(max-width:1024px){.elementor-kit-18{--e-global-typography-primary-font-size:45px;--e-global-typography-secondary-font-size:25px;--e-global-typography-text-font-size:14px;--e-global-typography-accent-font-size:14px;--e-global-typography-c05b693-font-size:14px;--e-global-typography-6558fb1-font-size:14px;--e-global-typography-92bce3b-font-size:14px;--e-global-typography-b2deeae-font-size:65px;--e-global-typography-fb1a3e0-font-size:145px;--e-global-typography-397e168-font-size:14px;font-size:var( --e-global-typography-v4-text-body-font-size );}.elementor-kit-18 h1{font-size:var( --e-global-typography-v4-text-title-h1-font-size );line-height:var( --e-global-typography-v4-text-title-h1-line-height );letter-spacing:var( --e-global-typography-v4-text-title-h1-letter-spacing );}.elementor-kit-18 h2{font-size:var( --e-global-typography-v4-text-title-h2-font-size );line-height:var( --e-global-typography-v4-text-title-h2-line-height );letter-spacing:var( --e-global-typography-v4-text-title-h2-letter-spacing );}.elementor-kit-18 h3{font-size:var( --e-global-typography-v4-text-title-h3-font-size );line-height:var( --e-global-typography-v4-text-title-h3-line-height );}.elementor-kit-18 h4{font-size:var( --e-global-typography-v4-text-title-h4-font-size );line-height:var( --e-global-typography-v4-text-title-h4-line-height );}.elementor-kit-18 h5{font-size:var( --e-global-typography-v4-text-title-h5-font-size );line-height:var( --e-global-typography-v4-text-title-h5-line-height );}.elementor-kit-18 h6{font-size:var( --e-global-typography-v4-text-title-h6-font-size );line-height:var( --e-global-typography-v4-text-title-h6-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-18{--e-global-typography-primary-font-size:28px;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-size:20px;--e-global-typography-392b9e0-font-size:18px;--e-global-typography-b2deeae-font-size:48px;--e-global-typography-b2deeae-line-height:1em;--e-global-typography-fb1a3e0-font-size:100px;--e-global-typography-fb1a3e0-line-height:1em;font-size:var( --e-global-typography-v4-text-body-font-size );}.elementor-kit-18 h1{font-size:var( --e-global-typography-v4-text-title-h1-font-size );line-height:var( --e-global-typography-v4-text-title-h1-line-height );letter-spacing:var( --e-global-typography-v4-text-title-h1-letter-spacing );}.elementor-kit-18 h2{font-size:var( --e-global-typography-v4-text-title-h2-font-size );line-height:var( --e-global-typography-v4-text-title-h2-line-height );letter-spacing:var( --e-global-typography-v4-text-title-h2-letter-spacing );}.elementor-kit-18 h3{font-size:var( --e-global-typography-v4-text-title-h3-font-size );line-height:var( --e-global-typography-v4-text-title-h3-line-height );}.elementor-kit-18 h4{font-size:var( --e-global-typography-v4-text-title-h4-font-size );line-height:var( --e-global-typography-v4-text-title-h4-line-height );}.elementor-kit-18 h5{font-size:var( --e-global-typography-v4-text-title-h5-font-size );line-height:var( --e-global-typography-v4-text-title-h5-line-height );}.elementor-kit-18 h6{font-size:var( --e-global-typography-v4-text-title-h6-font-size );line-height:var( --e-global-typography-v4-text-title-h6-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --color-white:#ffffff; --button-base-text:Poppins; --color-accent-1:#bf953f; --button-base-border-radius:30px; --button-base-border-width:1px; --color-accent-2:#a27d31; --text-title-font:Playfair Display; --text-h1-size:clamp(1.75rem, 1rem + 3.3333vw, 5rem); --text-body-font:Barlow; --text-body-size:clamp(1rem, 0.9423rem + 0.2564vw, 1.25rem); --color-text-body:#2d2d2e; --color-text-tile:#2a2b2d; --color-text-light:#ffffff; --text-h2-size:clamp(1.5rem, 0.9808rem + 2.3077vw, 3.75rem); --text-h3-size:clamp(1.75rem, 1.5192rem + 1.0256vw, 2.75rem); --text-h4-size:clamp(1.5rem, 1.3846rem + 0.5128vw, 2rem); --text-h5-size:clamp(1.25rem, 1.1923rem + 0.2564vw, 1.5rem); --text-h6-size:clamp(1.125rem, 1.0962rem + 0.1282vw, 1.25rem); --text-subtitle-size:clamp(1.125rem, 1.0673rem + 0.2564vw, 1.375rem); --text-special-size:clamp(0.875rem, 0.8462rem + 0.1282vw, 1rem); --color-transparent:#ffffff00; --text-card-title-size:clamp(1.125rem, 1.0385rem + 0.3846vw, 1.5rem); --image-border-radius:6px; --color-shadow:rgba(50, 50, 50, 0.2); --container-max-width:calc(1600px + 4rem); --button-base-text-size:clamp(0.875rem, 0.8173rem + 0.2564vw, 1.125rem); --color-button-text-light:#ffffff; --color-button-text-dark:#2d2d2e; --color-primary-1:#070609; --text-small-size:clamp(0.75rem, 0.7212rem + 0.1282vw, 0.875rem); --card-button-radius:50px; --card-button-text-size:clamp(0.875rem, 0.8462rem + 0.1282vw, 1rem); --color-secondary-1:#f6ebdd; --color-secondary-2:#e7d8d0; --form-border-color:#ebeef1; --form-border-radius:6px; --card-tag-radius:6px; --container-responsive-side-padding:max(2rem, calc((100% - 1600px) / 2)); --container-responsive-top-margin:clamp(6rem, 5vw + 4rem, 10rem); --color-hero-overlay:rgba(0, 0, 0, 0.5); --color-secondary-3:#e8e0dc; --color-secondary-4:#faeeea; --color-primary-2:#272929; --color-primary-3:#313234; --color-primary-4:#595b5a; --container-responsive-top-margin-extra:clamp(6rem + 40px, 5vw + 4rem + 40px, 10rem + 40px); --color-accent-3:#8c6a26; }
/* Start custom CSS *//* Buttons */

.button-hover-icon .e-svg-base {
    max-width: 0;
    opacity: 0;
    margin-left: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.button-hover-icon:hover .e-svg-base {
    max-width: 24px;
    opacity: 1;
    margin-left: 0px;
}

/* FX Organic Wave */

.fx-organic-wave {
  animation: fx-organic-wave-edges 10s ease-in-out infinite alternate;
}

@keyframes fx-organic-wave-edges {
0% {
    /* Aloitusmuoto */
    border-radius: 60% 45% 40% 70% / 60% 45% 60% 50%;
  }
  50% {
    /* Keskivaihe - muoto "venyy" eri suuntiin */
    border-radius: 35% 80% 70% 30% / 50% 60% 50% 60%;
  }
  100% {
    /* Loppumuoto */
    border-radius: 40% 60% 50% 50% / 40% 40% 60% 60%;
  }
}

.background-fx-1-left,
.background-fx-1-right {
    position: relative;
    z-index: 1; 
}

.background-fx-1-left::before,
.background-fx-1-right::before {
    content: "";
    position: absolute;
    z-index: -1; 
    opacity: 0.5;
    
    background-color: var(--color-secondary-4);
    
    animation: fx-organic-wave-edges 10s ease-in-out infinite alternate;
}

.background-fx-1-left::before {
    top: -60px;
    left: -20px;
    width: 60%;
    height: 90%;
}

.background-fx-1-right::before {
    top: -10px;
    right: -20px;
    left: auto;
    width: 60%;
    height: 60%;
}

/* LuovaQ Slider */

/* Pääkontin asetukset */
.luovaq-css-slider {
  position: relative;
  overflow: hidden;
}

/* Yksittäisen sliden asetukset */
.luovaq-css-slider-slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 0;
  
  display: flex;
  align-items: center;
  justify-content: center;
  
  /* Pehmeästi reunasta sulautuva pisara (täydellisen pyöreä) */
  --pisara: radial-gradient(circle, #000 50%, transparent 52%);
  
  -webkit-mask-image: var(--pisara), var(--pisara), var(--pisara), var(--pisara), var(--pisara);
  mask-image: var(--pisara), var(--pisara), var(--pisara), var(--pisara), var(--pisara);
  
  -webkit-mask-position: 15% 25%, 85% 15%, 45% 75%, 70% 80%, 35% 35%;
  mask-position: 15% 25%, 85% 15%, 45% 75%, 70% 80%, 35% 35%;
  
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  
  /* TÄRKEÄÄ: Pakotetaan näytönohjain käsittelemään tämä maski pehmeyden takaamiseksi */
  will-change: mask-size, -webkit-mask-size, z-index, opacity;
  
  /* Käytetään ease-in-käyrää, jolloin pisara lähtee pehmeästi liikkeelle ja kiihtyy */
  animation: pisara-slider 21s ease-in infinite;
}

/* Ajastetaan slidet näkymään 5 sekunnin välein */
.luovaq-css-slider-slide:nth-child(1) { animation-delay: 0s; }
.luovaq-css-slider-slide:nth-child(2) { animation-delay: 7s; }
.luovaq-css-slider-slide:nth-child(3) { animation-delay: 14s; }


/* Varsinainen sadepisara-animaatio (Sujuva kerrostus) */
@keyframes pisara-slider {
  0% {
    opacity: 1;
    z-index: 2; 
    
    /* Kaikki pisarat ovat nollassa */
    -webkit-mask-size: 0vmax 0vmax, 0vmax 0vmax, 0vmax 0vmax, 0vmax 0vmax, 0vmax 0vmax;
    mask-size: 0vmax 0vmax, 0vmax 0vmax, 0vmax 0vmax, 0vmax 0vmax, 0vmax 0vmax;
  }
  3% {
    opacity: 1;
    z-index: 2;
    /* Annamme parille pisaralle pienen varaslähdön. 
       Selain hoitaa tästä eteenpäin kiihtyvyyden täysin liukuvasti. */
    -webkit-mask-size: 3vmax 3vmax, 1vmax 1vmax, 0vmax 0vmax, 0vmax 0vmax, 0vmax 0vmax;
    mask-size: 3vmax 3vmax, 1vmax 1vmax, 0vmax 0vmax, 0vmax 0vmax, 0vmax 0vmax;
  }
  15% {
    opacity: 1;
    z-index: 2;
    /* Kaikki kasvavat riittävän isoiksi peittääkseen ruudun, mutta ERI kokoisiksi.
       Erot loppukoossa pakottavat ne laajenemaan eri nopeuksilla -> täydellisen sulava porrastus! */
    -webkit-mask-size: 300vmax 300vmax, 280vmax 280vmax, 250vmax 250vmax, 220vmax 220vmax, 180vmax 180vmax;
    mask-size: 300vmax 300vmax, 280vmax 280vmax, 250vmax 250vmax, 220vmax 220vmax, 180vmax 180vmax;
  }
  33.33% {
    opacity: 1;
    z-index: 1; /* Pudotetaan kerrosta alemmas uuden sliden tieltä */
    -webkit-mask-size: 300vmax 300vmax, 280vmax 280vmax, 250vmax 250vmax, 220vmax 220vmax, 180vmax 180vmax;
    mask-size: 300vmax 300vmax, 280vmax 280vmax, 250vmax 250vmax, 220vmax 220vmax, 180vmax 180vmax;
  }
  43.33% {
    /* Uusi slide on nyt täysin päällä, feidataan tämä nätisti pois alta */
    opacity: 0;
    z-index: 0;
  }
  100% {
    opacity: 0;
    z-index: 0;
  }
}/* End custom CSS */