.elementor-kit-13{--e-global-color-primary:#E8EBDD;--e-global-color-secondary:#FBFBF7;--e-global-color-text:#000000;--e-global-color-accent:#FFFF7F;--e-global-typography-primary-font-family:"Switzer";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Apparat";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Switzer";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Bogart";--e-global-typography-accent-font-weight:500;background-image:url("https://watson.echtonline.dev/wp-content/uploads/2022/02/Watson_gradient_background-300x300.jpg");background-repeat:repeat;}.elementor-kit-13 e-page-transition{background-color:#FFBC7D;}.elementor-kit-13 h1{color:var( --e-global-color-text );font-family:"Apparat", Sans-serif;font-size:3vw;text-transform:uppercase;line-height:78%;word-spacing:-4%;}.elementor-kit-13 h2{color:var( --e-global-color-text );font-family:"Apparat", Sans-serif;font-size:2vw;text-transform:uppercase;line-height:84%;word-spacing:-2%;}.elementor-kit-13 h3{color:var( --e-global-color-text );font-family:"Switzer", Sans-serif;font-size:2vw;font-weight:200;line-height:112%;letter-spacing:-1%;}.elementor-kit-13 h4{color:var( --e-global-color-text );font-size:1.5px;font-weight:200;line-height:115%;letter-spacing:-1%;}.elementor-kit-13 h5{color:var( --e-global-color-text );font-family:"Apparat", Sans-serif;font-size:1vw;text-transform:uppercase;line-height:90%;letter-spacing:-2%;}.elementor-kit-13 h6{color:var( --e-global-color-text );font-family:"Switzer", Sans-serif;font-weight:400;text-transform:uppercase;line-height:90%;letter-spacing:-2%;}.elementor-kit-13 button,.elementor-kit-13 input[type="button"],.elementor-kit-13 input[type="submit"],.elementor-kit-13 .elementor-button{font-family:"Bogart", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(min-width:1025px){.elementor-kit-13{background-attachment:fixed;}}@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-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
   01. ALGEMEEN
========================================================= */

::selection{background:#F5F6F0;color:#000;text-shadow:none}
::-moz-selection{background:#F5F6F0;color:#000;text-shadow:none}
html,body{overflow-x:clip}
.elementor-location-footer,footer{overflow-y:hidden!important}

.boghig{font-family:'Switzer';font-weight:300;font-style:italic!important}
.boghig2{font-family:'Apparat'!important;font-size:.99em!important;letter-spacing:-3%}
.brmb{display:none}
.bgvid{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.font-morph{-webkit-user-select:none;user-select:none}

@media(max-width:767px){.brmb{display:block}}

@media(min-width:768px){
  .scaling-wrapper{overflow:hidden;border-radius:15px;height:200px;transition:height .1s linear}
}

.mask-wrapper,.mask-wrapper2,.mask-wrapper3,.mask-inner,.mask-inner2,.mask-inner3{overflow:hidden}
.mask-title,.mask-title2,.mask-title3{display:inline-block;transform:translateY(100%);will-change:transform}

/* Shared yellow button hover */
:is(.draw-border a,button.draw-border,.elementor-button.draw-border){
  position:relative!important;overflow:hidden!important;isolation:isolate;
  background:#FFFF7F!important;color:#000!important;transition:color 250ms ease!important
}
:is(.draw-border a,button.draw-border,.elementor-button.draw-border)::after{display:none!important;animation:none!important}
:is(.draw-border a,button.draw-border,.elementor-button.draw-border)::before{
  content:"";position:absolute;left:50%;top:50%;width:22%;aspect-ratio:2.35/1;border-radius:50%;
  background:#000;transform:translate(-50%,-50%) rotate(-20deg) scale(.01);transform-origin:50% 50%;
  z-index:0;pointer-events:none;will-change:transform;transition:transform 650ms cubic-bezier(.16,1,.3,1)
}
:is(.draw-border a,button.draw-border,.elementor-button.draw-border):is(:hover,:focus-visible)::before{
  transform:translate(-50%,-50%) rotate(-20deg) scale(9)
}
:is(.draw-border a,button.draw-border,.elementor-button.draw-border):is(:hover,:focus-visible){color:#FFFF7F!important}
:is(.draw-border a,button.draw-border,.elementor-button.draw-border)>*,
:is(.draw-border,button.draw-border,.elementor-button.draw-border) :is(.elementor-button-content-wrapper,.elementor-button-text,.elementor-button-icon){
  position:relative;z-index:2
}

/* Shared cursor labels */
:is(.slider-cursor-label,.join-cursor-label,.job-cursor-label,.bts-cursor-label,.cdp-cursor-label){
  position:fixed;top:0;left:0;z-index:99999;padding:.4vw .7vw;border:0;border-radius:15px;
  background:#FFFF7F;font-family:'Switzer';text-transform:lowercase;font-size:.7vw;line-height:1;
  white-space:nowrap;pointer-events:none;opacity:0;
  transform:translate3d(var(--cursor-x,-500px),var(--cursor-y,-500px),0) translate(18px,-50%);
  transition:opacity 150ms ease;will-change:transform,opacity
}

@media(hover:hover) and (pointer:fine){
  :is(.slider-cursor-label,.join-cursor-label,.job-cursor-label,.bts-cursor-label,.cdp-cursor-label).is-visible{opacity:1}
  :is(.click-next-slider,.atfjoin,.btsvideo,.cdpbox,.worthu){cursor:pointer}
}
@media(hover:none),(pointer:coarse){
  :is(.slider-cursor-label,.join-cursor-label,.job-cursor-label,.bts-cursor-label,.cdp-cursor-label){display:none!important}
  :is(.draw-border a,button.draw-border,.elementor-button.draw-border)::before{display:none}
}

@media (max-width:767px) {

  .draw-border a,
  .draw-border a:hover,
  .draw-border a:active,
  .draw-border a:focus,
  .draw-border a:focus-visible,
  button.draw-border,
  button.draw-border:hover,
  button.draw-border:active,
  button.draw-border:focus,
  button.draw-border:focus-visible,
  .elementor-button.draw-border,
  .elementor-button.draw-border:hover,
  .elementor-button.draw-border:active,
  .elementor-button.draw-border:focus,
  .elementor-button.draw-border:focus-visible {
    color:#000 !important;
    background:#FFFF7F !important;
  }

  /* Tekst zelf altijd zichtbaar en zwart houden */
  .draw-border a *,
  button.draw-border *,
  .elementor-button.draw-border * {
    color:inherit !important;
    opacity:1 !important;
  }

  /* Desktop hover-ovaal volledig uitschakelen op mobile */
  .draw-border a::before,
  button.draw-border::before,
  .elementor-button.draw-border::before {
    display:none !important;
  }
}

/* Shared native sticky ATF */
:is(.elementor,.e-con,.e-con-inner):has(.atffs){overflow-y:visible!important}
.atffs{position:-webkit-sticky!important;position:sticky!important;top:0!important;align-self:flex-start!important;z-index:0}
.atffs~:is(.e-con,.elementor-element){position:relative;z-index:1}

/* Scroll velocity media */
@media(min-width:1025px){
  .velocity-media{--velocity-y:0px;--velocity-scale:1;translate:0 var(--velocity-y);scale:var(--velocity-scale);transform-origin:50% 50%;will-change:translate,scale}
}
@media(max-width:1024px),(prefers-reduced-motion:reduce){
  .velocity-media{translate:none!important;scale:1!important}
}

/* Let's chat */
.lets-chat-button{
  --magnetic-x:0px;--magnetic-y:0px;--tail-rotate:0deg;
  position:fixed;right:1.3%;bottom:2.1%;width:5vw;height:5vw;z-index:9999!important;
  display:flex;align-items:center;justify-content:center;color:#000;text-decoration:none;cursor:pointer;
  overflow:visible;background:transparent;opacity:0;visibility:hidden;pointer-events:none;
  transform:translate3d(var(--magnetic-x),var(--magnetic-y),0);
  transition:opacity 200ms ease,visibility 200ms ease;will-change:transform,opacity
}
.lets-chat-button.is-visible{opacity:1;visibility:visible;pointer-events:auto}
.lets-chat-button[data-footer-hidden="true"]{pointer-events:none!important}
.lets-chat-button::before{content:"";position:absolute;inset:0;background:#FFFF7F;border-radius:50%;z-index:0}
.lets-chat-button::after{
  content:"";position:absolute;left:2px;bottom:2px;width:31px;height:31px;background:#FFFF7F;
  clip-path:polygon(0 100%,22% 30%,100% 8%,72% 78%);z-index:2;
  transform:rotate(var(--tail-rotate));transform-origin:75% 75%;will-change:transform
}
.lets-chat-label{
  position:relative;z-index:3;display:block;color:#000;text-align:center;font-size:1.3vw;margin-top:.1vw;
  pointer-events:none;font-family:'Bogart';text-transform:uppercase;letter-spacing:-3%;line-height:100%
}
.lets-chat-label .lets-chat-line{display:block}
.lets-chat-label .lets-chat-line--2{font-family:'Apparat'!important}
.lets-chat-circle-text{
  position:absolute;top:50%;left:50%;width:153%;height:153%;overflow:visible;opacity:0;z-index:1;
  pointer-events:none;animation:lets-chat-rotate 5s linear infinite;transition:opacity 200ms ease;will-change:transform,opacity
}
.lets-chat-circle-text text{fill:#000;font-size:.9vw;font-family:'Switzer';letter-spacing:-2%!important}
.lets-chat-button:hover .lets-chat-circle-text{opacity:1}
@keyframes lets-chat-rotate{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(720deg)}}
@media(max-width:1024px){.lets-chat-button{display:none}}
@media(hover:none),(pointer:coarse){.lets-chat-button,.lets-chat-button::after{transform:none!important}}

.cmplz-header, .cmplz-documents, .cmplz-links {display:none !important;}

.cmplz-cookiebanner {box-shadow: none!important;z-index:99999 !important; background: #E8EBDD !important}

.cmplz-btn, .cmplz-btn a {background:none !important; padding:0 !important;font-family:'Switzer' !important; text-transform:uppercase!important; letter-spacing:-1%; font-weight:500 !important; font-size: 14px !important; color:black !important; border:0 !important ; width:55px !important; margin-top: -30px !important; margin-bottom:-7px !important}


.cmplz-message {font-family:'Switzer' !important; letter-spacing:0; font-size: 13px !important; color:black !important; line-height: 15px !important;font-weight:200 !important;}

.cmplz-message a {font-weight:500 !important; color:black !important}



@media (hover:hover) and (pointer:fine) {

  #cmplz-cookiebanner-container button,
  .cmplz-cookiebanner button {
    position:relative !important;
    text-decoration:none !important;
  }

  #cmplz-cookiebanner-container button::after,
  .cmplz-cookiebanner button::after {
    content:"" !important;
    display:block !important;

    position:absolute !important;

    left:50% !important;
    top:calc(50% + .55em) !important;

    width:var(--cookie-underline-width, 0px) !important;
    height:1px !important;

    background:currentColor !important;

    opacity:0 !important;

    transform:
      translateX(-50%)
      translateY(3px) !important;

    transition:
      opacity 160ms ease,
      transform 220ms cubic-bezier(.22,1,.36,1) !important;

    pointer-events:none !important;
  }

  #cmplz-cookiebanner-container button:hover::after,
  .cmplz-cookiebanner button:hover::after {
    opacity:1 !important;

    transform:
      translateX(-50%)
      translateY(0) !important;
  }

  #cmplz-cookiebanner-container button:not(:hover)::after,
  .cmplz-cookiebanner button:not(:hover)::after {
    opacity:0 !important;

    transform:
      translateX(-50%)
      translateY(3px) !important;
  }
}

@media(max-width:767px) {
    #cmplz-cookiebanner-container .cmplz-cookiebanner,
.cmplz-cookiebanner {
width:95vw !important; max-width: 95vw !important; margin:2.5vw !important;
}


  .cmplz-cookiebanner .cmplz-buttons,
  #cmplz-cookiebanner-container .cmplz-buttons {
    display:flex !important;
    flex-direction:row !important;
    justify-content:flex-start !important;
    align-items:center !important;
    gap:20px !important;
  }

  .cmplz-cookiebanner .cmplz-buttons button,
  #cmplz-cookiebanner-container .cmplz-buttons button {
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
  }
}

.cmplz-cookiebanner {
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;

  transform:translateY(12px) !important;

  transition:
    opacity 250ms ease,
    transform 300ms cubic-bezier(.22,1,.36,1),
    visibility 0s linear 300ms !important;
}


/* Tonen nadat gebruiker scrollt */
html.cookie-scroll-revealed .cmplz-cookiebanner {
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;

  transform:translateY(0) !important;

  transition:
    opacity 250ms ease,
    transform 300ms cubic-bezier(.22,1,.36,1),
    visibility 0s !important;
}


.cookiepolicy h5 {font-size:1vw; font-family: 'Switzer'; font-weight:600 !important; letter-spacing:2%; margin-top:2vw; margin-bottom:1.4vw}

.cookiepolicy h6 {font-size:.8vw; font-family: 'Switzer'; font-weight:400 !important; letter-spacing:2%;margin-top:1.7vw;}

.cookiepolicy a {color:black;}

@media(max-width:767px) {
    
    .cookiepolicy h5 {font-size:3.5vw; margin-top:7vw; margin-bottom:4vw; line-height:4.2vw}

.cookiepolicy h6 {font-size:2.6vw;margin-top:6vw;}
}

/* =========================================================
   02. HEADER
========================================================= */

.site-header,.site-header2{
  top:0;left:0;z-index:9999;background:rgba(255,255,255,0);
  -webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);
  width:100vw!important;min-width:100vw!important;max-width:100vw!important;box-sizing:border-box!important;
  transition:background-color .35s ease,backdrop-filter .35s ease,-webkit-backdrop-filter .35s ease
}
.site-header{
  position:fixed;height:6.7vh;
  --n-menu-title-color-normal:#fff;--n-menu-title-color-hover:#fff;--n-menu-title-color-active:#fff;
  --n-menu-icon-color:#fff;--n-menu-icon-color-hover:#fff
}
.site-header2{
  position:fixed!important;
  --n-menu-title-color-normal:#000;--n-menu-title-color-hover:#000;--n-menu-title-color-active:#000;
  --n-menu-icon-color:#000;--n-menu-icon-color-hover:#000
}

.site-header :is(a,a span,.elementor-item,.e-n-menu-title-text){color:#fff!important;transition:color .3s ease}
.site-header a{text-decoration-line:underline!important;text-decoration-color:transparent!important;text-decoration-thickness:1px!important;text-underline-offset:1vh;transition:text-decoration-color .3s ease,text-underline-offset .3s cubic-bezier(.22,1,.36,1)}
.site-header a:hover{text-decoration-color:currentColor!important;text-underline-offset:.35vh}

.site-header2 .elementor-nav-menu{height:7.5vh!important}
.site-header2 .menu-item{margin-top:.5vh}
.site-header2 .site-logo{margin-top:1.6vh}
.site-header2 :is(.elementor-nav-menu a,.elementor-item,.e-n-menu-title-container,.e-n-menu-title-text){color:#000!important}
.site-header2 img{filter:brightness(0)!important}
.site-header2 :is(svg,svg path,svg line){color:#000!important;fill:currentColor!important;stroke:currentColor!important}

.elementor-element-759a6c4,:is(.site-header,.site-header2) .elementor-menu-toggle{z-index:999!important}
:is(.site-header,.site-header2) .elementor-menu-toggle{
  position:relative;padding:0;padding-top:.3vh;background:none;transition:color .3s ease
}
.site-header .elementor-menu-toggle{color:#fff!important}
.site-header2 .elementor-menu-toggle{color:#000!important;background:none!important;padding:0!important;padding-top:.3vh!important}
:is(.site-header,.site-header2) .elementor-menu-toggle svg{
  display:block;width:20px!important;height:20px!important;animation:header-toggle-fade 1.2s ease
}
:is(.site-header,.site-header2) .elementor-menu-toggle :is(svg,svg path,svg line){fill:currentColor!important;stroke:currentColor!important;transition:fill .3s ease,stroke .3s ease}
:is(.site-header,.site-header2) .elementor-menu-toggle.elementor-active svg{padding:.8vw!important;margin:.5vw 0 1vw 1vw!important}
.site-header2 .elementor-menu-toggle.elementor-active{color:#000!important;z-index:1000!important}
.site-header2 .elementor-menu-toggle.elementor-active svg *{fill:#000!important;stroke:#000!important}
@keyframes header-toggle-fade{from{opacity:0}to{opacity:1}}

.site-header .site-logo img,.site-header a img{transition:filter .3s ease}
.site-header.is-scrolled .site-logo img,.site-header.is-scrolled a img{filter:invert(1)}

:is(.site-header,.site-header2).is-scrolled{
  -webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);
  --n-menu-title-color-normal:#000;--n-menu-title-color-hover:#000;--n-menu-title-color-active:#000;
  --n-menu-icon-color:#000;--n-menu-icon-color-hover:#000
}
.site-header.is-scrolled{background:rgba(251,251,247,.42)!important}
.site-header2.is-scrolled{background:rgba(255,255,255,.68)}
.site-header.is-scrolled :is(a,a span,.elementor-item,.e-n-menu-title-container,.e-n-menu-title-text,.elementor-menu-toggle){color:#000!important}
.site-header.is-scrolled a :is(svg,svg path){fill:#000!important;stroke:#000}
.site-header.is-scrolled .elementor-menu-toggle svg *{stroke:#000!important;fill:#000!important}
.site-header.is-scrolled :is(.elementor-nav-menu img,.elementor-item img,.e-n-menu-title-container img,.e-n-menu-title-text img){filter:brightness(0)!important}

:is(.site-header,.site-header2).menu-open{
  --n-menu-title-color-normal:#000;--n-menu-title-color-hover:#000;--n-menu-title-color-active:#000;
  --n-menu-icon-color:#000;--n-menu-icon-color-hover:#000
}
:is(.site-header,.site-header2).menu-open :is(.elementor-nav-menu a,.elementor-item,.e-n-menu-title-container,.e-n-menu-title-text,.elementor-menu-toggle){color:#000!important}
:is(.site-header,.site-header2).menu-open :is(.elementor-menu-toggle svg,.elementor-menu-toggle svg *,svg path,svg line){color:#000!important;fill:#000!important;stroke:#000!important}
:is(.site-header,.site-header2).menu-open :is(.elementor-nav-menu img,.elementor-item img,.e-n-menu-title-container img,.e-n-menu-title-text img){filter:brightness(0)!important}
.site-header.menu-open :is(.elementor-nav-menu img,.elementor-item img,.e-n-menu-title-container img,.e-n-menu-title-text img){transition:filter .3s ease}
.site-header.menu-open .site-logo img{filter:invert(1)!important}

:is(.site-header,.site-header2).elementor-sticky--active{
  width:100vw!important;min-width:100vw!important;max-width:100vw!important;left:0!important;right:auto!important;box-sizing:border-box!important
}
:is(.site-header,.site-header2).elementor-sticky__spacer{width:100vw!important;min-width:100vw!important;max-width:100vw!important;box-sizing:border-box!important}

@media(min-width:768px){
  :is(.site-header,.site-header2,.elementor-location-header) :is(.elementor-nav-menu a,.e-n-menu-title a,.e-n-menu-title-container){
    text-decoration-line:underline!important;text-decoration-color:transparent!important;text-decoration-thickness:1px!important;text-underline-offset:12px;
    transition:color .3s ease,text-decoration-color .5s ease,text-underline-offset .5s cubic-bezier(.22,1,.36,1)!important
  }
  :is(.site-header,.site-header2,.elementor-location-header) :is(.elementor-nav-menu a:hover,.e-n-menu-title:hover a,.e-n-menu-title-container:hover){
    text-decoration-color:currentColor!important;text-underline-offset:3px
  }
  :is(.site-header,.site-header2) :is(.current-menu-item>a,.current_page_item>a,.elementor-item-active,.e-n-menu-title[aria-current="page"] a,.e-n-menu-title-container[aria-current="page"]){
    text-decoration-line:underline!important;text-decoration-color:currentColor!important;text-decoration-thickness:1px!important;text-underline-offset:3px!important
  }
}

:is(.site-header,.site-header2) .elementor-nav-menu--dropdown{
  height:100vh!important;margin-top:-10vh!important;z-index:1!important;background:#F5F6F0;transition-duration:800ms!important
}

@media(max-width:767px){
  .site-header,.site-header2{width:100%!important;height:7vh!important}
  :is(.site-header,.site-header2) .elementor-nav-menu{height:62vh!important}

  :is(.site-header,.site-header2) .elementor-nav-menu--dropdown{
    height:100vh!important;background:#F5F6F0!important;margin-top:-10vh!important;z-index:1!important;
    transform:none!important;animation:none!important;max-height:none!important;opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity 200ms ease,visibility 0s linear 200ms!important
  }
  :is(.site-header,.site-header2).menu-open .elementor-nav-menu--dropdown{
    opacity:1;visibility:visible;pointer-events:auto;transform:none!important;
    transition:opacity 200ms ease,visibility 0s linear 0s!important
  }
  :is(.site-header,.site-header2).menu-closing .elementor-nav-menu--dropdown{
    opacity:0;visibility:visible;pointer-events:none;transform:none!important;transition:opacity 200ms ease!important
  }

  :is(.site-header,.site-header2) .elementor-nav-menu--dropdown .elementor-nav-menu{
    position:absolute!important;left:0!important;right:0!important;bottom:30px!important;width:100%!important;height:62vh!important;margin:0!important;
    transform:translateX(4vw)!important
  }
  .page-id-912 .site-header .elementor-nav-menu--dropdown .elementor-nav-menu{transform:translateX(0)!important}

  .site-header .elementor-nav-menu--dropdown{width:100vw!important;min-width:100vw!important;max-width:100vw!important;box-sizing:border-box!important;box-shadow:40px 0 0 #F5F6F0!important}
  .site-header2 .elementor-nav-menu--dropdown{box-shadow:100px 0 0 #F5F6F0!important}

  :is(.site-header,.site-header2) .elementor-nav-menu--dropdown .menu-item{overflow:hidden}
  :is(.site-header,.site-header2) .elementor-nav-menu--dropdown .menu-item img{width:7vw!important;margin-left:2vw!important}
  :is(.site-header,.site-header2) .elementor-nav-menu--dropdown .elementor-item{
    opacity:0;transform:translateY(110%);transition:transform 420ms cubic-bezier(.22,1,.36,1),opacity 250ms ease!important;will-change:transform,opacity
  }
  :is(.site-header,.site-header2).menu-open .elementor-nav-menu--dropdown .elementor-item{opacity:1;transform:translateY(0)}
  :is(.site-header,.site-header2).menu-open .elementor-nav-menu--dropdown .menu-item:nth-child(1) .elementor-item{transition-delay:40ms!important}
  :is(.site-header,.site-header2).menu-open .elementor-nav-menu--dropdown .menu-item:nth-child(2) .elementor-item{transition-delay:70ms!important}
  :is(.site-header,.site-header2).menu-open .elementor-nav-menu--dropdown .menu-item:nth-child(3) .elementor-item{transition-delay:100ms!important}
  :is(.site-header,.site-header2).menu-open .elementor-nav-menu--dropdown .menu-item:nth-child(4) .elementor-item{transition-delay:130ms!important}
  :is(.site-header,.site-header2).menu-open .elementor-nav-menu--dropdown .menu-item:nth-child(5) .elementor-item{transition-delay:160ms!important}
  :is(.site-header,.site-header2).menu-closing .elementor-nav-menu--dropdown .elementor-item{
    transform:translateY(0)!important;opacity:0!important;transition:opacity 200ms ease!important;transition-delay:0!important
  }

  :is(.site-header,.site-header2):is(.menu-open,.menu-closing) :is(.elementor-nav-menu--dropdown,.elementor-nav-menu__container){
    width:102vw!important;min-width:102vw!important;max-width:102vw!important;box-sizing:border-box!important;
    margin-left:calc(50% - 8.5vw)!important;margin-right:calc(50% - 8.5vw)!important
  }

  .site-header2 .site-logo{margin-left:4.5%!important;margin-top:2.1vh}
  .site-header2 .elementor-menu-toggle{position:relative!important;right:2.2vw!important;top:1.9vh!important}
}


/* =========================================================
   03. FOOTER
========================================================= */

.elementor-location-footer a {color:black !important;}

.footer-logo-squeeze{position:relative}
.footer-logo-svg{display:block;width:100%;height:auto;transform-origin:50% 100%;will-change:transform}
.footer-eye{transform-box:fill-box;will-change:transform}
.footercontact a{color:#000!important}

@media(min-width:768px){
  .ftr a{
    text-decoration-line:underline!important;text-decoration-color:transparent!important;text-decoration-thickness:1px!important;text-underline-offset:2px;
    transition:color .3s ease,text-decoration-color .5s ease,text-underline-offset .5s cubic-bezier(.22,1,.36,1)!important
  }
  .ftr a:hover{text-decoration-color:currentColor!important;text-underline-offset:2px}
}

@media(min-width:1025px){
  .footer-logo-squeeze .footer-logo-svg{
    --footer-breathe-x:1;--footer-breathe-y:1;scale:var(--footer-breathe-x) var(--footer-breathe-y);transform-origin:50% 100%;will-change:scale
  }
}
@media(max-width:1024px),(prefers-reduced-motion:reduce){
  .footer-logo-squeeze .footer-logo-svg{scale:1!important}
}


/* =========================================================
   04. HOME
========================================================= */

.home-brand-switch{display:grid!important;align-items:center!important;position:relative;height:auto!important;min-height:0!important;perspective:700px}
.home-brand-title,.home-brand-logo{
  grid-area:1/1;display:block!important;visibility:visible!important;align-self:center!important;margin:0!important;padding:0!important;
  transform-origin:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;
  transition:transform .3s cubic-bezier(.65,0,.35,1),opacity .21s ease!important
}
.home-brand-title .elementor-widget-container,.home-brand-logo .elementor-widget-container{margin:0!important;padding:0!important}
.home-brand-title .elementor-heading-title{margin:0!important;padding:0!important;line-height:1!important}
.home-brand-title{opacity:1;transform:rotateX(0) translateY(0);pointer-events:auto;z-index:2}
.home-brand-logo{opacity:0;transform:rotateX(82deg) translateY(3px);pointer-events:none;z-index:1}
.home-brand-logo :is(img,svg,svg *){filter:brightness(0)!important;transition:none!important}
.elementor-sticky__spacer :is(.home-brand-switch,.home-brand-title,.home-brand-logo){visibility:hidden!important;opacity:0!important;pointer-events:none!important}
.home-hero-original-title,.home-hero-title-auto-hidden{display:none!important}

/* Homepage entrance */
.watson-home-entrance{
  position:fixed;inset:0;z-index:999999;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;background:transparent;pointer-events:all
}
.watson-home-entrance::before,.watson-home-entrance::after{
  content:"";position:absolute;
  -webkit-mask-image:linear-gradient(to top left,transparent 0,transparent 10%,rgba(0,0,0,.03) 20%,rgba(0,0,0,.1) 30%,rgba(0,0,0,.22) 40%,rgba(0,0,0,.4) 52%,rgba(0,0,0,.62) 64%,rgba(0,0,0,.8) 76%,rgba(0,0,0,.93) 88%,#000 100%);
  mask-image:linear-gradient(to top left,transparent 0,transparent 10%,rgba(0,0,0,.03) 20%,rgba(0,0,0,.1) 30%,rgba(0,0,0,.22) 40%,rgba(0,0,0,.4) 52%,rgba(0,0,0,.62) 64%,rgba(0,0,0,.8) 76%,rgba(0,0,0,.93) 88%,#000 100%);
  -webkit-mask-size:300% 300%;mask-size:300% 300%;-webkit-mask-position:0 0;mask-position:0 0;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  transition:-webkit-mask-position 1050ms cubic-bezier(.55,0,.25,1),mask-position 1050ms cubic-bezier(.55,0,.25,1)
}
.watson-home-entrance::before{
  inset:-10%;z-index:0;
  background:linear-gradient(125deg,#FFFF7F 0,#FFFF7F 26%,#FFFFA0 40%,#FFFEC2 54%,#FFFDE1 66%,#FBFBF7 82%,#FBFBF7 100%);
  background-size:220% 220%;background-position:0 50%;animation:watson-entrance-gradient 850ms cubic-bezier(.65,0,.35,1) forwards
}
.watson-home-entrance::after{
  inset:-50%;z-index:1;pointer-events:none;opacity:.055;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
  background-repeat:repeat;background-size:180px 180px;animation:watson-entrance-grain 180ms steps(2) infinite
}
.watson-home-entrance__logo{
  position:absolute;z-index:2;left:var(--entrance-logo-left,0);top:var(--entrance-logo-top,0);width:var(--entrance-logo-width,100%);
  padding:0!important;margin:0!important;overflow:hidden;opacity:1!important
}
.watson-home-entrance__logo :is(img,svg){
  display:block;width:100%!important;height:auto!important;max-width:none!important;margin:0!important;padding:0!important;opacity:1!important;
  transform:translate3d(0,105%,0);transform-origin:50% 0;will-change:transform;
  animation:watson-entrance-logo-slide-up 700ms cubic-bezier(.16,1,.3,1) 70ms forwards;transition:none!important
}
.watson-home-entrance.is-leaving{pointer-events:none}
.watson-home-entrance.is-leaving::before,.watson-home-entrance.is-leaving::after{-webkit-mask-position:100% 100%;mask-position:100% 100%}
.watson-home-entrance.is-leaving .watson-home-entrance__logo{opacity:1!important}

@keyframes watson-entrance-logo-slide-up{from{transform:translate3d(0,105%,0)}to{transform:translate3d(0,0,0)}}
@keyframes watson-entrance-gradient{from{background-position:0 50%}to{background-position:100% 50%}}
@keyframes watson-entrance-grain{
  0%{transform:translate3d(0,0,0)}25%{transform:translate3d(2%,-3%,0)}50%{transform:translate3d(-3%,2%,0)}75%{transform:translate3d(3%,3%,0)}100%{transform:translate3d(-2%,-2%,0)}
}

.home-logo-squeeze{
  opacity:0!important;visibility:visible!important;transition:none!important;will-change:opacity,scale;
  backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-origin:50% 0!important;transform-box:border-box!important;margin-bottom:-.55vw!important
}
body.watson-home-logo-ready .home-logo-squeeze{opacity:1!important}
.home-logo-squeeze :is(.elementor-widget-container,img,svg){
  transform-origin:50% 0!important;transform-box:border-box!important;backface-visibility:hidden;-webkit-backface-visibility:hidden
}
body.watson-entrance-active .home-intro-content{position:relative!important;z-index:1000000!important}

/* Font morph */
.brm{display:none}
.font-morph{position:relative;padding-bottom:3.5vw}
.font-morph__title{position:sticky;top:50vh;transform:translateY(-50%);margin:0;font-size:clamp(3rem,7vw,8rem);line-height:.75;text-align:center}
.word,.word span{
  --morph:0;position:relative;display:inline-grid;margin-right:-.25vw;white-space:nowrap;vertical-align:baseline;color:transparent;
  font-family:"Switzer",sans-serif;line-height:.75;text-align:center
}
.word::before,.word::after,.word span::before,.word span::after{
  content:attr(data-text);grid-area:1/1;color:#000;pointer-events:none;transform-origin:center;line-height:.75;text-align:center
}
.word::before,.word span::before{
  font-family:"Switzer",sans-serif;font-weight:200;font-size:4.5vw;letter-spacing:-2%!important;
  opacity:calc(1 - var(--morph));transform:scaleX(calc(1 - var(--morph)*.02)) scaleY(calc(1 + var(--morph)*.02));filter:blur(calc(var(--morph)*1px))
}
.word::after,.word span::after{
  font-family:"Bogart",serif;font-weight:400;font-size:4.5vw;letter-spacing:-2%;opacity:var(--morph);
  transform:scaleX(calc(.98 + var(--morph)*.02)) scaleY(calc(1.02 - var(--morph)*.02));filter:blur(calc((1 - var(--morph))*1px))
}

@media(max-width:1024px){
  .font-morph{height:6vw}
  .word::before,.word span::before{font-size:5vw;letter-spacing:-3%!important}
  .word::after,.word span::after{font-size:5.2vw;letter-spacing:-4%}
}
@media(max-width:767px){
  .home-brand-logo{position:relative;top:-10%!important}
  .home-site-header:is(.menu-open,.menu-closing) .home-brand-logo :is(img,svg){translate:0 -1px}
  .watson-home-entrance::before,.watson-home-entrance::after{-webkit-mask-size:340% 340%;mask-size:340% 340%}
  .font-morphmobile{display:block;height:70vw!important;margin-top:60vw}
  .font-morphdesktop{display:none}.brm{display:block}
  .word::before,.word span::before,.word::after,.word span::after{font-size:12.2vw;line-height:112%;letter-spacing:-2%}
}
@media(prefers-reduced-motion:reduce){
  .watson-home-entrance::before,.watson-home-entrance::after,.watson-home-entrance__logo :is(img,svg){animation:none!important}
}


/* =========================================================
   05. WORK
========================================================= */

.worcat,.worcat2,.e-filter-item{
  font-family:'Switzer'!important;text-transform:none;font-weight:400!important;border:.5px solid #000!important;border-radius:15px!important;
  padding:.3vw .5vw!important;margin-left:.3vw!important
}
.worcat{font-size:.7vw!important;letter-spacing:-2%!important}
.worcat2,.e-filter-item{font-size:1vw!important;letter-spacing:-2%!important}

.worthu,.worimg,.worimg div,.wortit{height:27vw}
.worthularge,.worthularge .worimg,.worthularge .worimg div,.worthularge .wortit{height:34vw!important}
.worthu div{background-position:center!important}
.worimg{border-radius:1.5vw!important;overflow:hidden!important;isolation:isolate;clip-path:inset(0 round 1.5vw);-webkit-clip-path:inset(0 round 1.5vw)}
.worimg img{display:block;border-radius:inherit!important}
.wortit,.wortit h6{position:absolute!important;bottom:0!important}
.wortit{width:100%!important}
.wortit h6:nth-child(2){position:absolute!important;right:0!important}
.worthu-cursor-text{display:none!important}

@media(max-width:1024px){.worcat2{font-size:1.3vw!important;padding:.7vw!important}}

@media(min-width:768px){
  .worthu,.worimg,.worimg div,.wortit,.wortit h6{transition:200ms!important}
  .worthu:hover .worimg{height:24vw!important;margin-bottom:3vw!important}
  .worthu:hover{height:27vw!important}
  .worthularge:hover{height:34vw!important}
  .wortit{opacity:0}
  .worthu div,.worthu a{height:27vw!important}
  .worthularge div,.worthularge a{height:34vw!important}
  .worthu:hover .wortit{opacity:1;padding-bottom:.7vw}

  .worthularge{height:34vw!important;position:relative}
  .worthularge *{animation:none!important}
  .worthularge .worimg *{transition:none!important}
  .worthularge .worimg{
    height:34vw!important;min-height:34vw!important;max-height:34vw!important;margin:0!important;border-radius:1.5vw!important;
    overflow:hidden!important;isolation:auto!important;clip-path:inset(0 0 0 0 round 1.5vw)!important;
    -webkit-clip-path:inset(0 0 0 0 round 1.5vw)!important;
    transition:clip-path 250ms cubic-bezier(.22,1,.36,1),-webkit-clip-path 250ms cubic-bezier(.22,1,.36,1)!important;will-change:clip-path
  }
  .worthularge:hover .worimg{clip-path:inset(0 0 3vw 0 round 1.5vw)!important;-webkit-clip-path:inset(0 0 3vw 0 round 1.5vw)!important}
  .worthularge .worimg :is(div,img){
    height:34vw!important;min-height:34vw!important;max-height:34vw!important;margin:0!important;transform:none!important;scale:1!important;translate:none!important;transition:none!important
  }
  .worthularge .worimg img{width:100%!important;object-fit:cover!important}
  .worthularge .wortit{
    height:34vw!important;opacity:0;padding-bottom:0!important;pointer-events:none;
    transition:opacity 180ms ease,padding-bottom 250ms cubic-bezier(.22,1,.36,1)!important
  }
  .worthularge:hover .wortit{opacity:1;padding-bottom:.7vw!important}

  .workloopgrid .e-loop-item{height:27vw;margin-bottom:12px}
  .workloopgrid .e-loop-item:nth-child(3){height:34vw}
}

@media(max-width:767px){
  .worcat{padding:.8vw 1.3vw!important;margin-left:1vw!important;font-size:1.9vw!important}
  .worcat2,.e-filter-item{font-size:2.6vw!important;padding:1vw 1.5vw!important;margin-left:1vw!important;margin-bottom:1vw!important}
  .elementor-widget-loop-grid h6{margin-top:-2%!important}
  .worthu,.worthularge{height:30.8vh!important}
  .worimg,.worimg div,.worthularge .worimg,.worthularge .worimg div{height:27vh!important}
  .wortit{height:30.8vh!important}
}

/* Work → case transition */
.case-transition-clone,.case-transition-image{
  position:fixed!important;margin:0!important;padding:0!important;z-index:9000!important;pointer-events:none!important;overflow:hidden!important;
  will-change:top,left,width,height,border-radius,opacity
}
.case-transition-clone{
  transform:none!important;transform-origin:center!important;
  transition:top 650ms cubic-bezier(.76,0,.24,1),left 650ms cubic-bezier(.76,0,.24,1),width 650ms cubic-bezier(.76,0,.24,1),height 650ms cubic-bezier(.76,0,.24,1),border-radius 650ms cubic-bezier(.76,0,.24,1)
}
.case-transition-image{
  top:0;left:0;background-repeat:no-repeat!important;background-position:center!important;background-size:cover!important;transform:translateZ(0);
  transition:top 2000ms cubic-bezier(.76,0,.24,1),left 2000ms cubic-bezier(.76,0,.24,1),width 2000ms cubic-bezier(.76,0,.24,1),height 2000ms cubic-bezier(.76,0,.24,1),border-radius 2000ms cubic-bezier(.76,0,.24,1)
}
.case-transition-source-hidden{opacity:0!important;transition:none!important}
:is(html,body).case-transition-running .worthu{pointer-events:none!important}
:is(html,body).case-transition-running .lets-chat-button{opacity:0!important;pointer-events:none!important}

@media (min-width:768px) {

  .worthularge {
    opacity:1 !important;
    visibility:visible !important;
  }

  .worthularge .worimg {
    opacity:1 !important;
    visibility:visible !important;

    /*
     * Eigen compositor layer.
     * Stabiliseert de geanimeerde clip-path.
     */
    transform:translateZ(0) !important;
    -webkit-transform:translateZ(0) !important;

    backface-visibility:hidden !important;
    -webkit-backface-visibility:hidden !important;
  }

  /*
   * Mocht Elementor de grote case soms
   * als "elementor-invisible" laten staan.
   */
  .worthularge.elementor-invisible,
  .worthularge .worimg.elementor-invisible {
    opacity:1 !important;
    visibility:visible !important;
  }
}


/* =========================================================
   06. CASE (BERICHTEN)
========================================================= */

.bgvid{width:100vw!important;min-width:100vw!important;max-width:100vw!important;box-sizing:border-box!important}
.bgvid.elementor-sticky--active{width:100vw!important;min-width:100vw!important;max-width:100vw!important;left:0!important;right:auto!important;box-sizing:border-box!important}
.bgvid.elementor-sticky__spacer{width:100vw!important;min-width:100vw!important;max-width:100vw!important;box-sizing:border-box!important}

.catt .elementor-heading-title{position:absolute!important;right:0!important}
.click-next-slider .elementor-slides-wrapper,.cdpbox .elementor-slides-wrapper{border-radius:15px!important}
.elementor-swiper-button{display:none!important}
.swiper-slide-bg{background-position:bottom!important}

.category-shortcode{position:absolute!important;right:1.5vw!important;bottom:1.5vw!important;width:auto!important;max-width:none!important;margin:0!important;z-index:10}
.post-category-badges{
  display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:end!important;justify-content:flex-end!important;
  width:max-content!important;max-width:none!important;position:relative;top:1vw!important;right:-.5vw!important;bottom:0!important
}
.post-category-badge{
  display:inline-flex!important;align-items:flex-end!important;justify-content:flex-end!important;width:auto!important;margin-left:.3vw!important;
  color:#000;font-family:'Switzer'!important;font-size:.7vw!important;text-transform:none!important;letter-spacing:-2%!important;font-weight:400!important;
  border:.5px solid #000!important;border-radius:15px!important;padding:.3vw .5vw!important;white-space:nowrap;line-height:1
}

.case-transition-hero{overflow:hidden!important;transition:height 850ms cubic-bezier(.76,0,.24,1)!important;will-change:height}
.case-transition-hero :is(video,.elementor-background-video-container,.elementor-background-video-container video){width:100%!important;height:100%!important;object-fit:cover!important}

.worcatcase span, .worcatcase a {padding:.3vw !important; padding-left:.4vw !important;padding-right:.4vw !important;  border:.5px solid black; border-radius:15px; text-transform:lowercase; margin-left:.4vw; transition:200ms !important;
}

.worcatcase a:hover {background:black !important; color:#FFFF7F !important}

@media(max-width:767px){
  .single-post .catt .elementor-heading-title{position:absolute!important;left:0!important;font-size:2.6vw!important}
  .single-post .catt{margin-right:1vw!important;margin-left:-.4vw!important}
  .post-category-badges{top:2.2vw!important}
  .post-category-badge{padding:1vw 1.2vw!important;margin-left:1vw!important;font-size:1.9vw!important}
  .txtwht,.watsonbrandshowcase h5{color:#000!important}
  .elementor-swiper-button{display:block!important}
  .elementor-swiper-button-prev{content:url("https://watson.echtonline.dev/wp-content/uploads/2026/08/Group-386-1.svg");width:7vw}
  .elementor-swiper-button-next{content:url("https://watson.echtonline.dev/wp-content/uploads/2026/08/Group-387-1.svg");width:7vw}
  
 .worcatcase span, .worcatcase a {padding:1vw !important; padding-left:1.4vw !important;padding-right:1.4vw !important;  border:.5px solid black; border-radius:15px; text-transform:lowercase; margin-left:1vw;
}
}



/* =========================================================
   07. ABOUT
========================================================= */

.team-grid{overflow:hidden!important}
.team-grid .team-col{position:relative!important;overflow:visible!important;pointer-events:none}
.team-grid .team-col>:is(.e-con-inner,.elementor-widget-wrap){overflow:visible!important;pointer-events:none}
.team-grid .team-col .elementor-widget-flip-box{position:relative!important;overflow:visible!important;pointer-events:auto!important}
.team-grid .team-col .elementor-widget-flip-box>.elementor-widget-container{pointer-events:auto!important}

.elementor-flip-box__layer__overlay{padding:1vw!important}
.elementor-flip-box__layer__title,.elementor-flip-box__layer__description{
  width:50%!important;float:left!important;position:relative!important;bottom:0!important;padding:0!important;margin:0!important
}
.elementor-flip-box__layer__description{text-align:right}
.team-grid .elementor-widget-flip-box:hover{z-index:auto!important}
.team-grid .team-col.team-col-z1{z-index:10!important}
.team-grid .team-col.team-col-z2{z-index:20!important}
.team-grid .team-col.team-col-z3{z-index:30!important}
.team-grid .team-col.team-col-z4{z-index:40!important}

.apply div{border-radius:15px!important}
.apply{cursor:pointer!important}
.apply h3{
  position:absolute!important;top:38%!important;left:50%!important;transform:translate(-50%,0)!important;
  width:60%!important;margin:0!important;text-align:center!important;z-index:3;padding:5%!important
}

.team-grid .elementor-flip-box div {transition:300ms !important}

.team-grid .elementor-flip-box__back{position:relative!important;overflow:hidden!important}
.team-grid .elementor-widget-flip-box:not(.apply) .elementor-flip-box__back::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:36%;pointer-events:none;z-index:1;
  background:radial-gradient(ellipse 85% 115% at 0 100%,rgba(0,0,0,.48) 0,rgba(0,0,0,.12) 45%,transparent 78%),
             radial-gradient(ellipse 85% 115% at 100% 100%,rgba(0,0,0,.28) 0,rgba(0,0,0,.12) 45%,transparent 78%),
             linear-gradient(to top,rgba(0,0,0,.2) 0,rgba(0,0,0,.1) 28%,rgba(0,0,0,.1) 58%,rgba(0,0,0,.05) 82%,transparent 100%)
}
.team-grid .elementor-flip-box__back .elementor-flip-box__layer__overlay{position:relative;z-index:2}

.team-sticky,.team-sticky.elementor-sticky--active,.team-sticky.elementor-sticky--effects{transition:none!important;animation:none!important}
.team-sticky{transform:none!important;will-change:opacity}
.team-sticky.elementor-sticky__spacer{visibility:hidden!important;opacity:0!important;pointer-events:none!important;transition:none!important;animation:none!important}

@media(max-width:1024px){
  .team-grid :is(.elementor-flip-box__layer,.elementor-flip-box__layer__overlay,.elementor-flip-box){transition:none!important;animation:none!important}
  .team-grid .elementor-flip-box__front{opacity:0!important;visibility:hidden!important;transform:none!important;pointer-events:none!important}
  .team-grid .elementor-flip-box__back{opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important}
  .team-grid .elementor-flip-box:hover :is(.elementor-flip-box__front,.elementor-flip-box__back){transform:none!important}
}
@media(hover:none),(pointer:coarse){
  .team-grid .elementor-flip-box__front{opacity:0!important;visibility:hidden!important;transform:none!important;pointer-events:none!important}
  .team-grid .elementor-flip-box__back{opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important}
}
@media(max-width:767px){
  .apply h3{font-size:4vw!important;line-height:3.8vw!important}
  .elementor-flip-box__layer__overlay{padding:3vw!important}
  .elementor-flip-box__layer__title{width:30%!important}
  .elementor-flip-box__layer__description{width:70%!important}
  .elementor-flip-box__layer__title,.elementor-flip-box__layer__description{font-size:2.5vw!important}
}

@media (max-width:767px) {

  /* echte titel */
  .team-sticky:not(.elementor-sticky__spacer),
  .team-sticky.elementor-sticky--active:not(.elementor-sticky__spacer),
  .team-sticky.elementor-sticky--effects:not(.elementor-sticky__spacer) {
    position: -webkit-sticky !important;
    position: sticky !important;

    top: 0 !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;

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

    transform: none !important;
    translate: none !important;

    transition: none !important;
    animation: none !important;

    align-self: flex-start !important;
  }


  /*
   * Elementor maakt nog steeds een spacer.
   *
   * We houden hem technisch in de DOM omdat
   * je bestaande sticky-fade JS hem gebruikt
   * om de oorspronkelijke positie te bepalen.
   *
   * Maar hij mag geen extra ruimte innemen.
   */
  .team-sticky.elementor-sticky__spacer {
    display: block !important;

    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;

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

    visibility: hidden !important;
    opacity: 0 !important;

    pointer-events: none !important;

    transition: none !important;
    animation: none !important;
  }
}


/* =========================================================
   08. EXPERTISE
========================================================= */

.e-n-accordion-item-title,.e-n-accordion .elementor-element{border:0!important}
.e-n-accordion-item-title-text span{padding-top:1%!important;padding-bottom:1%}
.e-n-accordion-item,.e-n-accordion-item-title,.e-n-accordion-item-title-header,.e-n-accordion-item-title-text{width:100%!important;padding:0!important;margin:0!important}
.field,.fielddesc{width:46.5%!important;display:block!important;float:left!important}
.fielddesc{font-family:'Switzer';font-size:1.4vw!important;letter-spacing:-2%;margin-top:2.2%!important}
.e-n-accordion-item-title-icon{margin-top:.3%;right:1.5vw!important}
.e-n-accordion-item-title-icon svg{width:1vw!important}
.e-n-accordion-item[open]{
  background:url("https://watson.echtonline.dev/wp-content/uploads/2026/08/Watson_gradient2.png");background-size:80%;background-repeat:no-repeat!important;
  background-position:-10%;border-radius:15px;border-bottom:0!important
}
.field,.fielddetails,.e-n-accordion-item{transition:200ms!important}
.e-n-accordion-item[open] .field{padding-left:1.7vw}
.expertise-accordion .e-n-accordion-item:has(+ .e-n-accordion-item[open]){border-bottom:0!important}

.expertise-accordion .e-n-accordion-item>.e-n-accordion-item-title{border-bottom:0!important}
.expertise-accordion .e-n-accordion-item{position:relative}
.expertise-accordion .e-n-accordion-item::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#000;opacity:1;pointer-events:none;transition:opacity 200ms ease 100ms
}
.expertise-accordion .e-n-accordion-item[open]::after,
.expertise-accordion .e-n-accordion-item:has(+ .e-n-accordion-item[open])::after{opacity:0}

.expertise-accordion .e-n-accordion-item-title-icon{position:relative!important;width:18px!important;height:18px!important;flex:0 0 18px!important}
.expertise-accordion .e-n-accordion-item-title-icon :is(svg,i){display:none!important}
.expertise-accordion .e-n-accordion-item-title-icon::before,
.expertise-accordion .e-n-accordion-item-title-icon::after{content:"";position:absolute;background:currentColor;transform-origin:center}
.expertise-accordion .e-n-accordion-item-title-icon::before{top:50%;left:0;width:100%;height:.2vh;transform:translateY(-50%)}
.expertise-accordion .e-n-accordion-item-title-icon::after{
  top:0;left:50%;width:.2vh;height:100%;transform:translateX(-50%) scaleY(1);transition:transform 250ms cubic-bezier(.22,1,.36,1)
}
.expertise-accordion .e-n-accordion-item[open]>.e-n-accordion-item-title .e-n-accordion-item-title-icon::after{transform:translateX(-50%) scaleY(0)}

@media(max-width:1024px){
  .field,.fielddesc{width:47.4%!important}
  .e-n-accordion-item-title-text span{padding-top:3%!important;padding-bottom:3%}
  .fielddesc{font-size:1.7vw!important}
  .e-n-accordion-item-title-icon{right:2vw!important}
  .e-n-accordion-item[open] .field{padding-left:2.4vw}
}
@media(max-width:767px){
  .fielddesc{display:none!important}
  .field{width:100%!important;font-size:10vw}
  .e-n-accordion-item[open]{background-size:150%!important;background-repeat:no-repeat!important;background-position:50% 0;border-radius:15px;border-bottom:0!important}
  .e-n-accordion-item-title-icon{right:5vw!important}
  .e-n-accordion-item[open] .field{padding-left:4.4vw}
}


/* =========================================================
   09. JOIN
========================================================= */




/* =========================================================
   10. VACATURE — CREATIVE DESIGNER
========================================================= */

.jobdesc li{margin-bottom:.8vw}
/* .job-cursor-label uses the shared cursor-label component from ALGEMEEN. */


/* =========================================================
   11. CONTACT
========================================================= */

.inline-contact-form{position:relative;--textarea-extra-space:0px;margin-bottom:var(--textarea-extra-space)!important}
.inline-contact-form .elementor-form-fields-wrapper{
  display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;column-gap:.35vw;row-gap:.6vw
}
.inline-contact-form .elementor-field-group{width:auto!important;margin:0!important;padding:0!important;height:2.6vw!important}
.inline-contact-form .elementor-field-type-html{display:inline-flex!important;align-items:baseline!important;font-size:3vw;line-height:1.15;color:#000}
.inline-contact-form .elementor-field-type-html p{margin:0!important;padding:0!important;font-size:inherit!important;line-height:inherit!important;letter-spacing:inherit!important}

.inline-contact-form input.elementor-field,
.inline-contact-form textarea.elementor-field{
  border:0!important;border-bottom:1px solid rgba(0,0,0,.75)!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;outline:none!important;margin:0!important;position:relative!important
}
.inline-contact-form input.elementor-field{
  width:auto!important;min-width:5em;font-size:3vw;line-height:1.15;color:#000;padding:0 0 0 .7vw!important;
  min-height:0!important;height:1.7em!important;vertical-align:bottom!important;bottom:.4vw!important
}
.inline-contact-form select.elementor-field{
  width:auto!important;min-width:5em;padding:0 .1em .08em!important;border:0!important;border-bottom:1px solid currentColor!important;border-radius:0!important;
  background:transparent!important;font-size:3vw;line-height:1.15;color:#000
}
.inline-contact-form textarea.elementor-field{
  padding:0 0 2.2vw!important;min-height:0!important;height:1.35em;line-height:2vw!important;resize:none!important;overflow:hidden!important;
  box-sizing:border-box!important;bottom:.5vw!important
}
.inline-contact-form input.elementor-field::placeholder,
.inline-contact-form textarea.elementor-field::placeholder{color:rgba(0,0,0,.22)!important;opacity:1!important}
.inline-contact-form :is(input,select,textarea):focus{outline:none!important;box-shadow:none!important;border-color:currentColor!important}
.inline-contact-form :is(input.elementor-field,textarea.elementor-field):focus{border-bottom-color:#000!important}

.inline-contact-form .elementor-field-group-name input{width:30.5vw!important;min-width:22vw!important;margin-left:.5vw!important;margin-right:.5vw!important}
.inline-contact-form .elementor-field-group-company input{width:30.5vw!important;min-width:31vw!important;margin-left:.5vw!important}
.inline-contact-form .elementor-field-group-goal input{width:48vw!important;min-width:44vw!important;margin-left:.5vw!important}
.inline-contact-form .elementor-field-group-contact input{width:40vw!important;min-width:36vw!important;margin-left:.5vw!important;margin-right:.5vw!important}
.inline-contact-form .elementor-field-group-more{flex:1 1 0%!important;width:100%!important}
.inline-contact-form .elementor-field-group-more textarea{width:90%!important;min-width:90%!important;margin-left:.5vw!important;margin-right:1vw!important}

.inline-contact-form .elementor-field-type-submit{flex:0 0 auto!important;width:auto!important;margin-left:auto!important;bottom:.1vw!important}
.inline-contact-form .elementor-button{
  border:0!important;border-radius:15px!important;background:#FFFF7F!important;color:#000!important;box-shadow:none!important;
  font-size:1.3vw!important;font-weight:500!important;padding:1.1vw 1.2vw!important;min-height:auto!important
}
.inline-contact-form .elementor-button:hover{background:#E8EBDD!important}
.inline-contact-form label{display:none!important}
.inline-contact-form :is(.elementor-field-subgroup,.elementor-field-description){margin:0!important}
.inline-contact-form .break-after{flex-basis:100%!important;width:100%!important;height:0!important}

.inline-contact-form,
.inline-contact-form .elementor-widget-container,
.inline-contact-form form,
.inline-contact-form .elementor-form-fields-wrapper{height:auto!important;min-height:0!important;overflow:visible!important}

/* Reactive copy */
.contact-reactive-copy{display:none}
@media(min-width:1025px){
  .contact-reactive-copy{display:block;width:100%!important;height:4vw!important;margin-bottom:2vw;overflow:hidden;pointer-events:none}
  .contact-reactive-copy__mask{position:relative;display:block;width:100%;height:100%;overflow:hidden}
  .contact-reactive-copy__text{
    display:block;font-family:"Apparat",sans-serif;font-size:4vw!important;line-height:100%;text-transform:uppercase;letter-spacing:-.03em;color:#000;
    transform:translateY(0);opacity:1;will-change:transform,opacity
  }
  .contact-reactive-copy__text.is-leaving{transform:translateY(-110%);opacity:0;transition:transform 300ms cubic-bezier(.22,1,.36,1),opacity 180ms ease}
  .contact-reactive-copy__text.is-entering{transform:translateY(110%);opacity:0}
  .contact-reactive-copy__text.is-entering.is-visible{transform:translateY(0);opacity:1;transition:transform 380ms cubic-bezier(.22,1,.36,1),opacity 220ms ease}
}

/* Send → sent */
.inline-contact-form button[type="submit"] .elementor-button-text{position:relative;display:grid;overflow:hidden;line-height:1em}
.inline-contact-form :is(.send-morph__send,.send-morph__sent){grid-area:1/1;display:block;transition:transform 420ms cubic-bezier(.22,1,.36,1),opacity 220ms ease;will-change:transform,opacity}
.inline-contact-form .send-morph__send{transform:translateY(0);opacity:1}
.inline-contact-form .send-morph__sent{transform:translateY(120%);opacity:0}
.elementor-message{display:none}
.inline-contact-form button[type="submit"].is-sent .send-morph__send{transform:translateY(-120%);opacity:0}
.inline-contact-form button[type="submit"].is-sent .send-morph__sent{transform:translateY(0);opacity:1}
.inline-contact-form button[type="submit"].send-success-pop{animation:send-success-pop 500ms cubic-bezier(.22,1,.36,1)}
@keyframes send-success-pop{0%,100%{scale:1}45%{scale:1.035}}

/* Stable submit loading */
.inline-contact-form .elementor-field-type-submit.contact-submit-lock{
  width:var(--submit-wrap-width)!important;min-width:var(--submit-wrap-width)!important;max-width:var(--submit-wrap-width)!important;
  height:var(--submit-wrap-height)!important;min-height:var(--submit-wrap-height)!important;max-height:var(--submit-wrap-height)!important
}
.inline-contact-form button[type="submit"].contact-submit-lock{
  width:var(--submit-button-width)!important;min-width:var(--submit-button-width)!important;max-width:var(--submit-button-width)!important;
  height:var(--submit-button-height)!important;min-height:var(--submit-button-height)!important;max-height:var(--submit-button-height)!important
}
.inline-contact-form button[type="submit"] .elementor-form-spinner{
  position:absolute!important;width:0!important;height:0!important;margin:0!important;padding:0!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important
}
.inline-contact-form button[type="submit"]:disabled{opacity:1!important}

@media(max-width:1024px){
  .inline-contact-form .elementor-button{font-size:1.6vw!important;padding:1.2vw 1.3vw!important}
}

@media(max-width:767px){
  .inline-contact-form .elementor-form-fields-wrapper{width:100%!important;row-gap:6vw!important}
  .inline-contact-form .elementor-field-type-html{
    width:100%!important;flex:0 0 100%!important;max-width:100%!important;margin:0!important;padding-left:.2vw!important
  }
  .inline-contact-form .elementor-field-group:not(.elementor-field-type-html):not(.elementor-field-type-submit):not(.elementor-field-type-hidden){
    width:100%!important;flex:0 0 100%!important;max-width:100%!important;margin:0!important
  }
  .inline-contact-form :is(input.elementor-field,select.elementor-field){width:100%!important;min-width:100%!important;max-width:100%!important;bottom:3vw!important;font-size:7vw}
  .inline-contact-form input.elementor-field{padding-left:0!important}

  .inline-contact-form .elementor-field-type-textarea{
    position:relative!important;width:100%!important;max-width:100%!important;flex:0 0 100%!important;height:auto!important;min-height:0!important;
    overflow:visible!important;margin-bottom:0!important
  }
  .inline-contact-form textarea.elementor-field{
    display:block!important;width:100%!important;min-width:100%!important;max-width:100%!important;position:relative!important;
    resize:none!important;overflow:hidden!important;line-height:5vw!important;padding-bottom:5.7vw!important
  }

  .inline-contact-form .elementor-field-type-submit{
    position:relative!important;clear:both!important;margin:3vw 0 0!important;align-self:flex-start!important;display:flex!important;justify-content:flex-start!important
  }
  .inline-contact-form .elementor-field-type-submit .elementor-button{width:auto!important;min-width:0!important;margin:0!important}
  .inline-contact-form .elementor-button{font-size:3.5vw!important;padding:3vw!important}
  .elementor-field-type-html{font-size:1.1em!important}
  .elementor-field-group-field_882854d{visibility:hidden!important;opacity:0!important;position:absolute!important}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Switzer';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://watson.echtonline.dev/wp-content/uploads/2026/08/Switzer-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Switzer';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://watson.echtonline.dev/wp-content/uploads/2026/08/Switzer-Regular.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Apparat';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://watson.echtonline.dev/wp-content/uploads/2026/08/Apparat_Black.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Bogart';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://watson.echtonline.dev/wp-content/uploads/2026/08/Bogart-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Bogart';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://watson.echtonline.dev/wp-content/uploads/2026/08/Bogart-Semibold.woff2') format('woff2');
}
/* End Custom Fonts CSS */