.elementor-127 .elementor-element.elementor-element-fa18e7c{z-index:999;font-family:"host-grotesk", Sans-serif;font-size:16px;font-weight:300;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-127 .elementor-element.elementor-element-43190e0{--display:flex;}.elementor-127 .elementor-element.elementor-element-7910f16{width:var( --container-widget-width, 623px );max-width:623px;--container-widget-width:623px;--container-widget-flex-grow:0;font-family:"instrument-serif", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-127 .elementor-element.elementor-element-80ed3ef{width:var( --container-widget-width, 623px );max-width:623px;--container-widget-width:623px;--container-widget-flex-grow:0;font-family:"instrument-serif", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-127 .elementor-element.elementor-element-8ffc413{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:1;text-align:end;}.elementor-127 .elementor-element.elementor-element-8ffc413 img{height:100vh;object-fit:cover;object-position:center right;}.elementor-127 .elementor-element.elementor-element-f505303{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:1;text-align:end;}.elementor-127 .elementor-element.elementor-element-f505303 img{height:100vh;object-fit:cover;object-position:center right;}.elementor-127 .elementor-element.elementor-element-940a13d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-940a13d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-127 .elementor-element.elementor-element-97d0858 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-127 .elementor-element.elementor-element-62e58d3 .scroll-sync-wrapper-e60dbeb0{background-color:var( --e-global-color-text );}.elementor-127 .elementor-element.elementor-element-62e58d3 .scroll-sync-sticky-viewport-e60dbeb0{padding:0px 0px 0px 0px;}.elementor-127 .elementor-element.elementor-element-62e58d3 .scroll-sync-grid-e60dbeb0{gap:20px;}.elementor-127 .elementor-element.elementor-element-62e58d3 .scroll-sync-title-item-e60dbeb0.is-active{color:var( --e-global-color-secondary );opacity:var( --e-global-color-secondary );}.elementor-127 .elementor-element.elementor-element-62e58d3 .scroll-sync-title-item-e60dbeb0:not(.is-active){color:#CCCCCC94;opacity:0.3;}.elementor-127 .elementor-element.elementor-element-62e58d3 .scroll-sync-title-item-e60dbeb0{font-family:"host-grotesk", Sans-serif;font-size:18px;font-weight:300;letter-spacing:-0.1px;}.elementor-127 .elementor-element.elementor-element-62e58d3 .scroll-sync-title-item-e60dbeb0:not(:last-child){margin-bottom:40px;}.elementor-127 .elementor-element.elementor-element-62e58d3 .scroll-sync-image-item-e60dbeb0 img{max-width:25vw;width:100%;}.elementor-127 .elementor-element.elementor-element-62e58d3 .scroll-sync-images-container-e60dbeb0{height:80vh;}.elementor-127 .elementor-element.elementor-element-62e58d3 .scroll-sync-text-item-e60dbeb0{color:var( --e-global-color-secondary );font-family:"instrument-serif", Sans-serif;font-size:16px;}.elementor-127 .elementor-element.elementor-element-eb9830c{text-align:start;}.elementor-127 .elementor-element.elementor-element-eb9830c img{width:65%;}.elementor-127 .elementor-element.elementor-element-7e29ca5{width:var( --container-widget-width, 255px );max-width:255px;--container-widget-width:255px;--container-widget-flex-grow:0;}.elementor-127 .elementor-element.elementor-element-7e29ca5 .elementor-heading-title{font-family:"host-grotesk", Sans-serif;font-size:28px;font-weight:300;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-127 .elementor-element.elementor-element-1af9ce1{padding:200px 0px 0px 0px;}body.elementor-page-127:not(.elementor-motion-effects-element-type-background), body.elementor-page-127 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-127 .elementor-element.elementor-element-62e58d3 .scroll-sync-grid-e60dbeb0{gap:40px;}.elementor-127 .elementor-element.elementor-element-62e58d3 .scroll-sync-image-item-e60dbeb0 img{max-width:80vw;width:100%;}.elementor-127 .elementor-element.elementor-element-62e58d3 .scroll-sync-images-container-e60dbeb0{height:40vh;}.elementor-127 .elementor-element.elementor-element-1af9ce1{padding:50px 0px 0px 0px;}}@media(min-width:768px){.elementor-127 .elementor-element.elementor-element-43190e0{--width:500px;}.elementor-127 .elementor-element.elementor-element-940a13d{--width:100%;}}@media(min-width:1600px){.elementor-127 .elementor-element.elementor-element-fa18e7c{font-size:24px;}.elementor-127 .elementor-element.elementor-element-7910f16{font-size:24px;}.elementor-127 .elementor-element.elementor-element-80ed3ef{font-size:24px;}.elementor-127 .elementor-element.elementor-element-62e58d3 .scroll-sync-grid-e60dbeb0{gap:100px;}.elementor-127 .elementor-element.elementor-element-62e58d3 .scroll-sync-images-container-e60dbeb0{height:60vh;}.elementor-127 .elementor-element.elementor-element-62e58d3 .scroll-sync-text-item-e60dbeb0{font-size:22px;}}@media(max-width:767px){.elementor-127 .elementor-element.elementor-element-43190e0{--width:100%;}.elementor-127 .elementor-element.elementor-element-7910f16{font-size:16px;}.elementor-127 .elementor-element.elementor-element-80ed3ef{font-size:16px;}.elementor-127 .elementor-element.elementor-element-940a13d{--width:360px;}.elementor-127 .elementor-element.elementor-element-62e58d3 > .elementor-widget-container{padding:50px 0px 0px 0px;}.elementor-127 .elementor-element.elementor-element-62e58d3 .scroll-sync-sticky-viewport-e60dbeb0{padding:0px 0px 0px 0px;}.elementor-127 .elementor-element.elementor-element-62e58d3 .scroll-sync-grid-e60dbeb0{gap:40px;}.elementor-127 .elementor-element.elementor-element-62e58d3 .scroll-sync-title-item-e60dbeb0{font-size:16px;}.elementor-127 .elementor-element.elementor-element-62e58d3 .scroll-sync-images-container-e60dbeb0{height:30vh;}.elementor-127 .elementor-element.elementor-element-62e58d3 .scroll-sync-text-item-e60dbeb0{font-size:14px;}.elementor-127 .elementor-element.elementor-element-7e29ca5{--container-widget-width:276px;--container-widget-flex-grow:0;width:var( --container-widget-width, 276px );max-width:276px;}.elementor-127 .elementor-element.elementor-element-7e29ca5 .elementor-heading-title{font-size:17px;}}/* Start custom CSS *//* ==========================================
   GLOBAL VARIABLES
========================================== */

/* Hoogte van de witte navigatie bovenaan */
:root {
    --header-height: 0px;
}

/* Indien je ingelogd bent in WordPress */
body.admin-bar {
    --adminbar-height: 32px;
}

body:not(.admin-bar) {
    --adminbar-height: 0px;
}


/* ==========================================
   STORY SECTION
========================================== */

/* Volledige scrollzone */
.story-scroll {
    position: relative !important;

    height: calc(
        250vh - var(--header-height) - var(--adminbar-height)
    ) !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}


/* Zichtbare sticky hero */
.story-sticky {
    position: sticky !important;

    top: calc(
        var(--header-height) + var(--adminbar-height)
    ) !important;

    width: 100% !important;

    height: calc(
        100vh - var(--header-height) - var(--adminbar-height)
    ) !important;

    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
}


/* ==============================
   LEFT SIDE
============================== */

.story-left {
    flex: 0 0 50% !important;

    width: 50% !important;
    max-width: 50% !important;

    height: 100% !important;
    min-height: 0 !important;

    display: flex !important;
    flex-direction: column !important;

    box-sizing: border-box !important;

    overflow: visible !important;
}


/* ==============================
   TEXT
============================== */

.story-copy {
    width: 80% !important;
    margin-top: auto !important;

    display: grid !important;
    position: relative !important;

    overflow: visible !important;

    /* beide teksten onderaan exact uitlijnen */
    align-items: end !important;
}

.story-copy-item {
    grid-area: 1 / 1 !important;

    width: 80% !important;

    position: relative !important;

    align-self: end !important;

    margin: 0 !important;

    pointer-events: none;

    will-change: opacity;
}

.copy-1 {
    opacity: 1;
    transform: none !important;
    visibility: visible !important;
}

.copy-2 {
    opacity: 0;
    transform: none !important;
    visibility: visible !important;
}


/* ==============================
   RIGHT SIDE
============================== */

.story-images {
    position: relative !important;

    flex: 0 0 50% !important;

    width: 50% !important;
    max-width: 50% !important;

    height: 100% !important;
    min-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
}


/* First image fills right side */
.story-image {
    display: block !important;

    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    visibility: visible !important;

    will-change: opacity;
}

.image-1 {
    opacity: 1;
    z-index: 2;
}

.image-2 {
    opacity: 0;
    z-index: 1;
}

.story-image .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
}

.story-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* Elementor wrapper */
.image-1 .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
}


/* Actual image */
.image-1 img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==========================================
   IMAGE REVEAL SECTION
========================================== */

.image-reveal-section {
    position: relative !important;

    /* 100vh beeld + 100vh scrollruimte */
    height: 200vh !important;

    width: 100% !important;

    padding: 0 !important;
    margin: 0 !important;

    overflow: visible !important;
}


/* Sticky viewport */
.image-reveal-sticky {
    position: sticky !important;
    top: 0 !important;

    width: 100% !important;
    height: 100vh !important;

    padding: 0 !important;
    margin: 0 !important;

    overflow: hidden !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}


/* Elementor image widget */
.image-reveal {
    width: 100% !important;
    height: 100% !important;

    /* Beginpositie:
       slechts een deel van het beeld zichtbaar */
    clip-path: inset(18% 25% 18% 25%);

    will-change: clip-path;
}


.image-reveal .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
}


.image-reveal img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* ==========================================
   IMAGE REVEAL - DESKTOP / MOBILE IMAGES
========================================== */

/*
Desktop afbeelding:
image-reveal image-reveal-desktop

Mobiele afbeelding:
image-reveal image-reveal-mobile
*/


/* Desktop standaard zichtbaar */
.image-reveal-desktop {
    display: block !important;
}


/* Mobiele afbeelding standaard verborgen */
.image-reveal-mobile {
    display: none !important;
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    /* ======================================
       STORY SECTION - MOBILE
    ====================================== */

    /*
    Op mobiel staan tekst en foto's onder elkaar.
    Beide delen krijgen elk de helft van de
    beschikbare sticky viewport.
    */
    .story-sticky {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
    }

    .story-left {
        flex: 0 0 50% !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 50% !important;
        min-height: 0 !important;
    }

    .story-images {
        position: relative !important;

        flex: 0 0 50% !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 50% !important;
        min-height: 0 !important;

        overflow: hidden !important;
    }

    .story-image {
        position: absolute !important;

        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;
    }

    .story-image .elementor-widget-container {
        width: 100% !important;
        height: 100% !important;
    }

    .story-image img {
        display: block !important;

        width: 100% !important;
        height: 100% !important;

        max-width: none !important;

        object-fit: cover !important;
        object-position: center center !important;
    }


    /* ======================================
       IMAGE REVEAL SECTION - MOBILE
    ====================================== */

    /* Desktop foto verbergen */
    .image-reveal-desktop {
        display: none !important;
    }

    /* Mobiele foto tonen */
    .image-reveal-mobile {
        display: block !important;

        width: 100% !important;
        height: 100% !important;
    }

    .image-reveal-mobile .elementor-widget-container {
        width: 100% !important;
        height: 100% !important;
    }

    .image-reveal-mobile img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }

}



/* Over ons: mobile story keeps the synchronized scroll crossfade. */
@media (max-width: 767px) {
  .elementor-127 .story-sticky {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: max-content minmax(0, 1fr) !important;
    height: calc(100svh - var(--header-height) - var(--adminbar-height)) !important;
    gap: 0 !important;
  }
  .elementor-127 .story-sticky > .elementor-element-6fb6601 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 90px 20px 20px !important;
    gap: 12px !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
  }
  .elementor-127 .story-copy {
    display: grid !important;
    width: 100% !important;
    margin-top: 0 !important;
  }
  .elementor-127 .story-copy-item { width: 100% !important; }
  .elementor-127 .story-images {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    position: relative !important;
    overflow: hidden !important;
  }
  .elementor-127 .image-reveal-section { max-height: none !important; }
  .elementor-127 .image-reveal-mobile {
    width: 100% !important;
    height: 100% !important;
    flex: 0 0 100% !important;
    align-self: stretch !important;
  }
  .elementor-127 .image-reveal-mobile img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
  }
}

@media (max-width: 767px) and (max-height: 740px), (max-width: 360px) {
  .elementor-127 .story-copy-item { font-size: 14px !important; line-height: 1.4 !important; }
}
@media (max-width: 767px) and (orientation: landscape) {
  .elementor-127 .story-sticky {
    grid-template-columns: minmax(0, 58%) minmax(0, 42%) !important;
    grid-template-rows: minmax(0, 1fr) !important;
  }
  .elementor-127 .story-sticky > .elementor-element-6fb6601 {
    height: 100% !important;
    padding-top: 70px !important;
    overflow-y: auto !important;
  }
}


/* Over ons: synchronized Angie widget on phones. */
.elementor-127 .elementor-element-62e58d3 .codex-mobile-word-gap { display: none; }
@media (max-width: 767px) {
  .elementor-127 .elementor-element-a72362b {
    padding: 0 !important;
    justify-content: flex-start !important;
  }
  .elementor-127 .elementor-element-62e58d3 .scroll-sync-wrapper-e60dbeb0 {
    min-height: 240svh !important;
  }
  .elementor-127 .elementor-element-62e58d3 .scroll-sync-sticky-viewport-e60dbeb0 {
    position: sticky !important;
    top: var(--wp-admin--admin-bar--height, 0px) !important;
    height: calc(100svh - var(--wp-admin--admin-bar--height, 0px)) !important;
    padding: 24px 20px !important;
    overflow: hidden !important;
  }
  .elementor-127 .elementor-element-62e58d3 .scroll-sync-grid-e60dbeb0 {
    height: 100%;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: max-content minmax(80px, 1fr) max-content;
    gap: 16px !important;
    align-items: stretch;
  }
  .elementor-127 .elementor-element-62e58d3 .scroll-sync-title-item-e60dbeb0 {
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 12px !important;
  }
  .elementor-127 .elementor-element-62e58d3 .scroll-sync-title-item-e60dbeb0:last-child { margin-bottom: 0 !important; }
  .elementor-127 .elementor-element-62e58d3 .scroll-sync-title-item-e60dbeb0.is-active { opacity: 1; }
  .elementor-127 .elementor-element-62e58d3 .scroll-sync-middle-col-e60dbeb0 { min-height: 0; }
  .elementor-127 .elementor-element-62e58d3 .scroll-sync-images-container-e60dbeb0 { height: 100% !important; }
  .elementor-127 .elementor-element-62e58d3 .scroll-sync-image-item-e60dbeb0 img { max-width: 100% !important; }
  .elementor-127 .elementor-element-62e58d3 .scroll-sync-texts-container-e60dbeb0 {
    display: grid;
    height: auto;
    min-height: 0 !important;
  }
  .elementor-127 .elementor-element-62e58d3 .scroll-sync-text-item-e60dbeb0 {
    grid-area: 1 / 1;
    position: relative;
    top: auto;
    transform: none;
    font-size: 14px;
    line-height: 1.4;
  }
  .elementor-127 .elementor-element-62e58d3 .scroll-sync-text-item-e60dbeb0 br { display: none; }
  .elementor-127 .elementor-element-62e58d3 .codex-mobile-word-gap { display: inline; }
  .elementor-127 .elementor-element-62e58d3 .scroll-sync-text-item-e60dbeb0 p { margin: 0; }
}
@media (max-width: 767px) and (orientation: landscape) {
  .elementor-127 .elementor-element-62e58d3 .scroll-sync-grid-e60dbeb0 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: max-content minmax(0, 1fr);
  }
  .elementor-127 .elementor-element-62e58d3 .scroll-sync-left-col-e60dbeb0 { grid-column: 1; grid-row: 1; }
  .elementor-127 .elementor-element-62e58d3 .scroll-sync-middle-col-e60dbeb0 { grid-column: 2; grid-row: 1 / 3; }
  .elementor-127 .elementor-element-62e58d3 .scroll-sync-right-col-e60dbeb0 { grid-column: 1; grid-row: 2; overflow-y: auto; }
  .elementor-127 .elementor-element-62e58d3 .scroll-sync-text-item-e60dbeb0 { font-size: 13px; }
}/* End custom CSS */