.elementor-kit-6{--e-global-color-primary:#E94571;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-f790dc2:#E94571;--e-global-color-323558d:#263F60;--e-global-color-ab6446d:#C0D233;--e-global-color-fad526c:#FFE54B;--e-global-color-8a27c7b:#F59A36;--e-global-color-647a502:#C361A2;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-15a1f88-font-family:"hagrid";--e-global-typography-15a1f88-font-size:40px;--e-global-typography-983747a-font-family:"hagrid";--e-global-typography-983747a-font-size:28px;--e-global-typography-68b9b3f-font-family:"Poppins";--e-global-typography-68b9b3f-font-size:20px;--e-global-typography-c9e6be6-font-family:"Poppins";--e-global-typography-c9e6be6-font-size:16px;--e-global-typography-c9e6be6-font-weight:300;--e-global-typography-c9e6be6-text-transform:uppercase;--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-exit-animation:e-page-transition-fade-in;--e-page-transition-animation-duration:200ms;}.elementor-kit-6 e-page-transition{background-color:var( --e-global-color-323558d );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-15a1f88-font-size:34px;--e-global-typography-983747a-font-size:25px;--e-global-typography-68b9b3f-font-size:18px;--e-global-typography-c9e6be6-font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Subtiele binnenkomst voor volledige tekstblokken */
.fx-in {
  will-change: transform, opacity, filter;
  opacity: 0;
  transform: translateY(16px);
  filter: blur(3px);
  transition:
    opacity .6s ease,
    transform .6s cubic-bezier(.2,.7,.2,1),
    filter .6s ease;
}
.fx-in.is-in {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}
.fx-in[data-speed="slow"] { transition-duration: .9s; }
.fx-in[data-speed="fast"] { transition-duration: .4s; }
.fx-in[data-distance="lg"] { transform: translateY(28px); }
.fx-in[data-distance="sm"] { transform: translateY(8px); }

/* Stagger per woord/karakter — typografie erft van de widget */
.fx-stagger .unit {
  opacity: 0;
  transform: translateY(18px) scale(.98);
  filter: blur(4px);
  font: inherit;
  color: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  font-kerning: inherit;
  font-variant-ligatures: inherit;
  display: inline; /* behoudt wrapping */
}
@keyframes riseFade {
  from { opacity: 0; transform: translateY(18px) scale(.98); filter: blur(4px); }
  to   { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
}
.fx-stagger.is-in .unit {
  animation: riseFade 1.8s both cubic-bezier(.2,.7,.2,1);
  animation-delay: calc(var(--i) * 80ms);
}

/* Toegankelijkheid */
@media (prefers-reduced-motion: reduce) {
  .fx-in { transition: none; opacity: 1 !important; transform: none !important; filter: none !important; }
  .fx-stagger .unit { opacity: 1; transform: none; filter: none; animation: none !important; }
}










/* Basis */
.postit-sticker {
  display: inline-block;
  position: relative;
  transform-origin: top center;
  will-change: transform, box-shadow, opacity;
  opacity: 0;                       /* start onzichtbaar */
  filter: drop-shadow(0 0 0 rgba(0,0,0,0)); /* schaduw bouwt op */
}

/* Zorg dat de SVG zelf blok is en het ankerpunt klopt */
.postit-sticker img,
.postit-sticker svg {
  display: block;
  transform-origin: top center;
}

/* In-view: start de ‘plak’-animatie éénmalig */
.postit-sticker.in-view {
  animation: postit-stick 900ms cubic-bezier(.22,1,.36,1) forwards;
}

/* Smaakvolle hover-microinteractie (heel subtiel) */
.postit-sticker.in-view:hover {
  transform: rotate(0.4deg) translateY(-1px);
}

/* Optionele ‘curl’ schaduw onder de note voor wat diepte */
.postit-sticker::after {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: 6%;
  height: 16%;
  pointer-events: none;
  background: radial-gradient(100% 80% at 50% 0%,
    rgba(0,0,0,.25) 0%, rgba(0,0,0,.18) 35%, rgba(0,0,0,0) 100%);
  opacity: 0;
  transform: translateY(-6px) scaleY(0.6);
  filter: blur(6px);
  transition: opacity 600ms ease, transform 600ms ease;
}
.postit-sticker.in-view::after {
  opacity: .35;
  transform: translateY(0) scaleY(1);
}

/* Keyframes: ‘plakken’ met lichte overshoot + squash */
@keyframes postit-stick {
  0% {
    transform: translateY(-60px) rotate(-7deg) scale(0.98, 1.02);
    opacity: 0;
    filter: drop-shadow(0 0 0 rgba(0,0,0,0));
  }
  55% { /* snel neerplakken met lichte squash */
    transform: translateY(4px) rotate(2deg) scale(1.02, 0.98);
    opacity: 1;
    filter: drop-shadow(0 18px 16px rgba(0,0,0,.18));
  }
  75% { /* kleine terugkaats */
    transform: translateY(-2px) rotate(-1.2deg) scale(0.998, 1.002);
  }
  100% {
    transform: translateY(0) rotate(0deg) scale(1,1);
    opacity: 1;
    filter: drop-shadow(0 10px 14px rgba(0,0,0,.14));
  }
}

/* Respecteer ‘reduce motion’ */
@media (prefers-reduced-motion: reduce) {
  .postit-sticker { 
    animation: none !important; 
    opacity: 1 !important; 
    filter: drop-shadow(0 10px 14px rgba(0,0,0,.14));
  }
  .postit-sticker::after { opacity: .3; transform: none; }
}/* End custom CSS */