@font-face{font-family:Pacaembu;src:url(../fonts/Pacaembu-Extralight-subset.woff2)format("woff2");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Pacaembu;src:url(../fonts/Pacaembu-Regular-subset.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Pacaembu;src:url(../fonts/Pacaembu-Semibold-subset.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box;font-family:Pacaembu}:root{--primary:#5766ab;--black:#121212;--white:#fff;--grey:#1D1D1D;--size-container-ideal:390;--size-container-min:320px;--size-container-max:479px;--size-container:clamp(var(--size-container-min), 100vw, var(--size-container-max));--size-unit:10;--size-font:calc(var(--size-container) / (var(--size-container-ideal) / var(--size-unit)));--grid-columns:4;--grid-gap:1em;--container-padding:2em}@media screen and (min-width:480px){:root{--size-container-ideal:550;--size-container-min:480px;--size-container-max:767px}}@media screen and (min-width:768px){:root{--size-container-ideal:834;--size-container-min:768px;--size-container-max:991px;--grid-columns:6;--grid-gap:2em}}@media screen and (min-width:992px){:root{--size-container-ideal:1512;--size-container-min:992px;--size-container-max:1920px;--grid-columns:12;--container-padding:3em}}@media screen and (min-width:1920px){:root{--size-container-min:1920px;--size-container-max:3840px}}::selection{background-color:var(--primary);color:#fff}html{background-color:var(--black);color:var(--white);scrollbar-gutter:stable;overscroll-behavior-y:none}main{min-height:100vh}main>.page-bg{background-color:var(--black);min-height:100vh}body{font-size:var(--size-font)}header{z-index:20;position:fixed;top:0;left:0;width:100%}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-2%}h1{font-size:3.3em;line-height:1.2;margin-bottom:.25em}h2{font-size:2.5em;margin-bottom:.7em}p{font-size:1.6em;font-weight:200;letter-spacing:-2%}@media screen and (min-width:768px){h1{font-size:4em}}@media screen and (min-width:992px){h1{font-size:6em;line-height:1.1}h2{font-size:4.5em;margin-bottom:.7em}p{font-size:2.5em}}picture,picture img{object-fit:cover;width:100%;height:auto}.flex{display:flex}nav{padding:2em;display:flex;align-items:start;justify-content:space-between}nav .logo{width:5em;display:inline-block;transition:opacity .3s ease}header{transition:transform .5s cubic-bezier(.33,1,.68,1),opacity .25s;transform:translateY(0) rotate(.001deg);pointer-events:none}header nav>*{pointer-events:all}body.nav-hidden header{opacity:0;transition:transform .5s cubic-bezier(.33,1,.68,1),opacity 1s}body.video-cursor-hidden .mf-cursor{opacity:0;transition:transform .5s cubic-bezier(.33,1,.68,1),opacity 1s}[data-scrolling-started=true][data-scrolling-direction=down] header{transition:transform .3s cubic-bezier(.32,0,.67,0);transform:translateY(-100%) rotate(.001deg)}@media screen and (min-width:768px){nav .logo{width:8em}}@media screen and (min-width:992px){nav{padding:3em}}.sidebar .nav-links{display:flex;flex-direction:column;align-items:start;margin-top:25vh}.sidebar .menu-reveal{overflow:hidden;padding-block:.25em;margin-block:-.25em}.sidebar .menu-reveal__item{display:block;will-change:transform}.sidebar .nav-links .menu-reveal{font-size:4em}.sidebar .nav-links a{color:#fff;text-decoration:none;padding-bottom:calc(var(--size-font)*1.2);--roll-line:1.45;--roll-trim:.225em}.sidebar .nav-links a.active,.sidebar .nav-links a.active .text-roll__el{color:var(--primary)}.sidebar .nav-links .text-roll__el:nth-child(2){color:#fff}.sidebar .nav-contact{display:flex;flex-direction:column;align-items:start;--nav-contact-gap:calc(var(--size-font) * 1.2);--nav-contact-font:max(calc(var(--size-font) * 1.6), calc(24px - var(--nav-contact-gap)))}.sidebar .nav-contact .menu-reveal{font-size:var(--nav-contact-font)}.sidebar .nav-contact span{color:#ffffff80;font-size:var(--nav-contact-font)}.sidebar .nav-contact a span,.sidebar .nav-contact button span{color:#fff}.sidebar .nav-contact .whatsapp-link{display:flex;align-items:center;gap:.5em}.whatsapp-link__icon{flex-shrink:0;width:.85em;height:.85em;transform:translateY(.075em);transition:color .25s ease-in-out}.sidebar .nav-contact .whatsapp-link:hover .whatsapp-link__icon{color:#25d366}.sidebar .nav-contact a,.sidebar .nav-contact .copy-email{color:#fff;text-decoration:none;padding-top:var(--nav-contact-gap);font-size:var(--nav-contact-font);--roll-line:1.45;--roll-trim:.225em}.sidebar-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:10;opacity:0;pointer-events:none;cursor:pointer}.menu-toggle{background-color:transparent;border:0;color:#fff;font-weight:400;cursor:pointer;font-size:1.6em;display:flex;align-items:center;gap:calc(var(--size-font)*1.2);z-index:1;padding:.3em 0}.menu-toggle__label{display:grid;justify-items:end;height:1.5em;line-height:1.5;overflow:hidden}.menu-toggle__label span{grid-area:1/1;transition:transform .55s cubic-bezier(.625,.05,0,1)}.menu-toggle__label span:nth-child(2){transform:translateY(100%)}.menu-toggle[aria-expanded=true] .menu-toggle__label span:nth-child(1){transform:translateY(-100%)}.menu-toggle[aria-expanded=true] .menu-toggle__label span:nth-child(2){transform:translateY(0)}.menu-toggle .hamburger{position:relative;height:max(10px,var(--size-font));width:calc(2.4*var(--size-font));margin-top:calc(var(--size-font)*.3)}.menu-toggle .hamburger__lines{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.menu-toggle .hamburger__line{width:100%;height:2px;background-color:#fff}.menu-toggle .hamburger__cross{position:absolute;inset:0;pointer-events:none}.menu-toggle .hamburger__cross-line{position:absolute;top:50%;left:50%;width:100%;height:2px;margin-top:-1px;transform:translate(-50%) rotate(45deg)}.menu-toggle .hamburger__cross-line:nth-child(2){transform:translate(-50%) rotate(-45deg)}.menu-toggle .hamburger__cross-line span{display:block;width:100%;height:100%;background-color:#fff;transform:scaleX(0)}.menu-toggle:focus-visible{outline:2px solid var(--white);outline-offset:.3em}@media (prefers-reduced-motion:reduce){.menu-toggle__label span{transition:none}}.sidebar{background-color:var(--black);position:fixed;top:0;right:0;height:100vh;width:100%;clip-path:inset(0 0 0 100%);z-index:10;padding:0}.sidebar .sidebar-inner{height:100dvh;display:flex;flex-direction:column;justify-content:space-between;padding:2em}.sidebar .logo-icon{width:5em;display:none}@media screen and (min-width:992px){.sidebar{width:60vw}.sidebar .sidebar-inner{padding:3.5em 3em 3em}.sidebar .logo-icon{display:block}.sidebar .nav-links{margin-top:min(13em,130px)}.sidebar .nav-links .menu-reveal{font-size:min(6.8em,68px)}.sidebar .nav-links a{margin-bottom:calc(var(--size-font)*1)}.menu-toggle{font-size:2em;padding:0}.menu-toggle .hamburger{margin-top:calc(var(--size-font)*.6)}}@media screen and (min-width:1200px){.sidebar{width:50.66137566vw}}@media screen and (min-width:1920px){.sidebar .nav-links{margin-top:10.24em}.sidebar .nav-links .menu-reveal{font-size:5.355em}}.hero{position:relative;width:100vw;height:100svh;height:var(--locked-vh, 100svh);z-index:4;cursor:pointer}.hero h1{font-size:2.66em}.hero-video-layer{position:fixed;inset:0;z-index:-1;visibility:hidden;opacity:0;background-size:cover;background-position:center;background-repeat:no-repeat}.hero-video-layer[data-visible=true]{z-index:3;visibility:visible;opacity:1}.hero-video-layer[data-hero-offscreen]{visibility:hidden;opacity:0}mux-video[data-viewport-video],[data-video-controller] mux-video{background-size:cover;background-position:center;background-repeat:no-repeat}mux-video[data-poster-dropped],.hero-video-layer[data-poster-dropped]{background-image:none!important}mux-video:not([slot=media]){overflow:clip}mux-video:not([slot=media])::part(video){display:block;width:calc(100% + 2px);height:calc(100% + 2px);max-width:none;max-height:none;margin:-1px}.hero-video-layer{overflow:clip}.hero-video-layer mux-video{display:block;width:100%;height:100%;overflow:visible;object-fit:cover;--media-object-fit:cover}.hero-ui{position:absolute;z-index:1;width:100%;height:100%;top:0;left:0;display:flex;align-items:end;justify-content:center;padding:2em;color:#fff;text-decoration:none}.hero-ui>svg,#about .hero svg{width:8.8em;display:none}.hero-title{display:flex;flex-direction:column;gap:1.2em}.hero-play-hint{--hint-dim:rgba(255, 255, 255, .8);display:none;align-items:center;gap:.6em;color:var(--hint-dim);font-size:calc(var(--size-font)*1.4);font-weight:600;line-height:1;transition:opacity .3s}.hero-play-hint__icon{display:grid;place-items:center;width:1.2em;height:1.2em;border:1px solid currentColor;border-radius:50%}.hero-play-hint__icon svg{width:.45em;height:auto;margin-left:.08em}.hero-play-hint__text{padding-bottom:.1em;background:linear-gradient(100deg,var(--hint-dim) 40%,var(--white) 50%,var(--hint-dim) 60%) 100%0/300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-ui:active .hero-play-hint{opacity:.6}@media (hover:none),(pointer:coarse){.hero-play-hint{display:inline-flex}}@media screen and (min-width:480px){.hero h1{font-size:3.87em}}@media screen and (min-width:768px){.hero h1{font-size:2em}.hero-ui{justify-content:space-between;padding:3em}.hero-title{align-items:flex-start}.hero-ui>svg,#about .hero svg{display:block}}.intro-title{padding:7em 0 8em;cursor:pointer}.intro-title .container{display:grid;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));gap:2em}.intro-title h2{grid-column:1/5;margin:0 auto;text-align:center;font-size:2.35em;line-height:1.3;user-select:none}.intro-title .text-wrapper{position:relative}.intro-title img{position:absolute;left:0;top:0}.intro-title .vlag{width:calc(2.9*var(--size-font));top:calc(1*var(--size-font));height:auto}.intro-title .martini{width:calc(1.9*var(--size-font));left:calc(2*var(--size-font));top:calc(-1.7*var(--size-font));height:auto}.intro-title .eierbal{width:calc(3*var(--size-font));top:calc(1.7*var(--size-font));left:calc(.739*var(--size-font));height:auto}.intro-title .grunn{position:absolute;top:.1em;left:calc(var(--size-font)*4.3);text-align:left;white-space:nowrap;overflow:clip;vertical-align:top;display:none}.intro-title .grunn>div{transform:translateY(100%)}.vlag,.martini{transform-origin:bottom center}.eierbal,.vlag,.martini{transform:scale(0)}#home .bg{position:relative;z-index:5;background-color:var(--black)}.intro-title .groningen{display:inline-block;vertical-align:top;overflow:clip;line-height:inherit;padding-bottom:10px;margin-bottom:-10px}@media screen and (min-width:768px){.intro-title{padding:10em 0 11em}.intro-title h2{grid-column:1/7;font-size:4.5em}.intro-title .vlag{width:calc(5*var(--size-font));top:calc(1.7*var(--size-font))}.intro-title .martini{width:calc(3.5*var(--size-font));left:calc(4.2*var(--size-font));top:calc(-2.8*var(--size-font))}.intro-title .eierbal{width:calc(6.3*var(--size-font));top:calc(3*var(--size-font));left:calc(.9*var(--size-font))}.intro-title .grunn{left:calc(var(--size-font)*8.7)}}@media screen and (min-width:992px){.intro-title{padding:17em 0 22em}.intro-title h2{grid-column:2/12;letter-spacing:-2%;line-height:1.25;margin:0 auto;font-size:6.856em}.intro-title .vlag{width:calc(7.26*var(--size-font));top:calc(2.96*var(--size-font))}.intro-title .martini{width:calc(4.5*var(--size-font));top:calc(-2.7*var(--size-font));left:calc(5*var(--size-font))}.intro-title .eierbal{width:calc(6.5*var(--size-font));top:calc(5.5*var(--size-font));left:calc(2.27*var(--size-font))}.intro-title .grunn{left:calc(var(--size-font)*11.3)}}#home .about picture{margin-bottom:6.5em}#home .about .text{margin:3.5em auto 0;padding-bottom:6.5em}#about .intro-text .text{margin:3.5em auto 0}@media screen and (min-width:992px){#home .about .text,#about .intro-text .text{width:calc((((100% - 22em)/12)*7) + 12em)}#about .intro-text .text{margin:10em auto}}.project-feed{margin:12em 0 17em}.project-feed .wrapper{grid-column:2/6;grid-column:1/-1}.project-feed .wrapper{margin-top:-10em}.project-feed .wrapper .video-wrapper{width:100%;aspect-ratio:1920/1080;border-radius:1em;overflow:hidden;display:block;will-change:transform;transform-origin:50% 100%;transition:transform 1s cubic-bezier(.16,1,.3,1),transform-origin .5s cubic-bezier(.16,1,.3,1);margin-bottom:2em}.project-feed .wrapper .video-wrapper.active{transform:none}.project-feed .wrapper .video-wrapper.above-active{transform-origin:50%0}.project-feed .wrapper .video-wrapper mux-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;--media-object-fit:cover}.project-feed .wrapper p.title{z-index:1;font-weight:600;font-size:1.8em;position:absolute;overflow:clip;bottom:20px;left:20px;color:#fff}.project-feed .wrapper p.title span{display:inline-block;transition:transform .5s cubic-bezier(.33,1,.68,1)}.project-feed .wrapper .video-wrapper.active+p.title span{transform:translateY(0)}.project-feed .title-indicator{position:sticky;top:50%;width:100%;transform:translateY(-50%);z-index:1;display:none;pointer-events:none}.project-feed .title-indicator .inner{display:flex;position:relative}.project-feed .title-indicator p{font-size:calc(var(--size-font)*2);font-weight:400}.project-feed .title-wrapper{height:100%;overflow:clip;position:absolute;right:0}.project-feed .title-wrapper p{text-align:right}.project-feed .btn.primary{margin:1em auto auto;position:absolute;left:50%;transform:translate(-50%);white-space:nowrap}@media screen and (min-width:768px){.project-feed .wrapper{grid-column:2/6}.project-feed .wrapper p.title{transform:translate(20px,-10px)}}@media screen and (min-width:992px){.project-feed{margin:17em 0 50.3em}.project-feed .wrapper{grid-column:3/11;padding:0 6.2em}.project-feed .title-indicator{display:flex}.project-feed .wrapper .video-wrapper{transition:transform 1.5s cubic-bezier(.16,1,.3,1),transform-origin .5s cubic-bezier(.16,1,.3,1)}.project-feed .wrapper .video-wrapper{transform:scale(.56);margin-bottom:-21%}.project-feed .wrapper .video-wrapper.active{margin-bottom:-22%}.project-feed .btn.primary{margin-top:13em}.project-feed .wrapper p.title{display:none}}#about .project-feed .title-indicator .title-wrapper{display:flex;align-items:center;justify-content:flex-end}.year-odometer{display:inline-flex;align-items:center;font-variant-numeric:tabular-nums}.year-odometer__affix{white-space:pre}.year-odometer__digit{display:inline-block;overflow:clip;height:1em}.year-odometer__roller{display:block;line-height:1;white-space:pre;text-align:center}.animated-grid{position:fixed;inset:0;z-index:200;pointer-events:none;display:block;opacity:0}.container{width:100%;max-width:var(--size-container);margin-inline:auto;padding-inline:var(--container-padding)}.container.is--full-height{height:100%}.animated-grid__row{display:grid;gap:var(--grid-gap);grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));width:100%;height:100%;overflow:clip}.animated-grid__col{width:100%;height:100%;min-height:100%;opacity:.1;background-color:red;display:none}.animated-grid__col:nth-child(-n+4){display:block}@media screen and (min-width:768px){.animated-grid__row{grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr))}.animated-grid__col:nth-child(-n+6){display:block}}@media screen and (min-width:992px){.animated-grid__row{grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr))}.animated-grid__col{display:block}}.transition{z-index:100;pointer-events:none;position:fixed;inset:0;overflow:clip}.transition__dark{opacity:0;background-color:#000;width:100%;height:100%;position:absolute;top:0;left:0}#about .hero{overflow:clip}#about .hero-media{position:absolute;inset:0}#about .hero picture,#about .hero picture img{display:block;object-fit:cover;width:100%;height:100%}#about h1{font-size:3.3em;margin-bottom:0}#about .overlay{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:end;padding-bottom:2em}#about .overlay .flex{justify-content:space-between}#about .intro-images{overflow-x:clip;margin:7em 0}#about .interactive-collage{grid-column:1/-1;width:100%;aspect-ratio:var(--collage-aspect-mobile)}@media screen and (min-width:768px){#about .interactive-collage{aspect-ratio:var(--collage-aspect)}#about .intro-images{margin:12em 0}}@media screen and (min-width:992px){#about .interactive-collage{grid-column:2/12}#about .intro-images{margin:17em 0}}#about .interactive-collage__list{width:100%;height:100%;position:relative}#about .interactive-collage__item{position:absolute;left:var(--collage-x-mobile);top:var(--collage-y-mobile);width:var(--collage-width-mobile);aspect-ratio:var(--collage-ratio);will-change:transform;cursor:pointer}@media screen and (min-width:768px){#about .interactive-collage__item{left:var(--collage-x);top:var(--collage-y);width:var(--collage-width)}}@media screen and (max-width:767px){#about .interactive-collage__item.is--mobile-hidden{opacity:0;visibility:hidden}#about [data-interactive-collage-open] .interactive-collage__item.is--mobile-hidden,#about [data-interactive-collage-animating] .interactive-collage__item.is--mobile-hidden{opacity:1;visibility:visible}#about [data-interactive-collage-animating] .interactive-collage__item.is--mobile-hidden{left:0;top:0;height:var(--collage-slider-height);width:calc(var(--collage-slider-height)*var(--collage-ratio))}}#about .interactive-collage__item-inner{position:relative;width:100%;height:100%;border-radius:1em;overflow:hidden}#about .interactive-collage__item-inner picture,#about .interactive-collage__item-inner img,#about .interactive-collage__item-inner mux-video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;--media-object-fit:cover}#about .interactive-collage{--collage-slider-height:min(60svh, 70vw)}#about .interactive-collage__backdrop{position:fixed;inset:0;z-index:49;background-color:var(--black);opacity:0;visibility:hidden}#about [data-interactive-collage-open] .interactive-collage__list{position:fixed;inset:0;width:auto;height:auto;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}#about [data-interactive-collage-pointer=grabbing] .interactive-collage__list{cursor:grabbing}#about .interactive-collage__item img{-webkit-user-drag:none;user-select:none}#about [data-interactive-collage-open] .interactive-collage__list,#about [data-interactive-collage-animating] .interactive-collage__list{z-index:50}#about [data-interactive-collage-open] .interactive-collage__item{left:0;top:calc(50% - var(--collage-slider-height)/2);height:var(--collage-slider-height);width:calc(var(--collage-slider-height)*var(--collage-ratio))}#about .interactive-collage__hint{display:none;position:absolute;right:.8em;bottom:.8em;width:2.6em;height:2.6em;border-radius:50%;background-color:var(--white);color:var(--black);place-items:center;pointer-events:none;transition:opacity .3s}#about .interactive-collage__hint svg{width:1.3em;height:1.3em}@media (hover:none),(pointer:coarse){#about .interactive-collage__hint{display:grid}}#about [data-interactive-collage-open] .interactive-collage__hint,#about [data-interactive-collage-animating] .interactive-collage__hint{opacity:0}#about .interactive-collage__indicator{position:fixed;left:50%;bottom:calc((50% - var(--collage-slider-height)/2)/2);transform:translate(-50%,50%);z-index:51;display:flex;align-items:center;opacity:0;visibility:hidden}#about .interactive-collage__indicator,#about .interactive-collage__close{touch-action:manipulation}#about .interactive-collage__indicator button{display:flex;align-items:center;height:4.4em;padding:0 .5em;border:0;background:0 0;cursor:pointer}#about .interactive-collage__indicator span{display:block;width:2px;height:1.6em;border-radius:2px;background-color:var(--white);transform:scaleY(.75);opacity:.35}#about .interactive-collage__close{position:fixed;top:2em;right:2em;z-index:51;width:4.8em;height:4.8em;border:0;border-radius:50%;background-color:var(--white);color:var(--black);display:grid;place-items:center;cursor:pointer;opacity:0;visibility:hidden;transition:background-color .4s cubic-bezier(.625,.05,0,1),color .4s cubic-bezier(.625,.05,0,1)}#about .interactive-collage__close svg{width:1.8em;height:1.8em;transition:transform .6s cubic-bezier(.625,.05,0,1)}@media (hover:hover) and (pointer:fine){#about .interactive-collage__close:hover{background-color:var(--primary);color:var(--white)}#about .interactive-collage__close:hover svg{transform:rotate(90deg)}}#about .interactive-collage__close:focus-visible{background-color:var(--primary);color:var(--white);outline:2px solid var(--white);outline-offset:3px}#about .usps{--usps-top:9em;--usps-space:1.6em;--usps-number-size:1.4em;--usps-peek:calc(var(--usps-space) * 2 + var(--usps-number-size) * 1.2)}#about .usps__list{list-style:none}#about .usps__item-wrap{margin-bottom:calc(var(--usp-extra, 0px)*-1)}#about .usps__item-wrap:after{content:"";display:block;height:var(--usp-extra, 0px)}#about .usps__item{position:sticky;top:calc(var(--usps-top) + var(--usp-index)*var(--usps-peek));padding:var(--usps-space)0 4em 0;background-color:var(--black);min-height:36em}#about .usps__line{position:absolute;top:0;left:0;width:100%;height:1px;background-color:#ffffff0d;overflow:hidden}#about .usps__line-fill{position:absolute;inset:0;background-color:var(--white);transform:scaleX(0);transform-origin:0 50%}#about .usps__number{font-size:var(--usps-number-size);font-weight:600;line-height:1.2;letter-spacing:-.02em;opacity:.5}#about .usps__row{padding-top:var(--usps-space)}#about .usps__title{font-size:2.8em;line-height:normal;letter-spacing:0;margin-bottom:.4em}#about .usps__text{font-size:1.6em;line-height:1.6;letter-spacing:0}@media screen and (min-width:768px){#about .usps__row{display:grid;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));gap:var(--grid-gap);align-items:start}#about .usps__title{grid-column:1/4;margin-bottom:0}#about .usps__text{grid-column:4/-1}}@media screen and (min-width:992px){#about .usps{--usps-top:12em;--usps-space:2.2em;--usps-number-size:1.6em}#about .usps__item{padding-bottom:6em}#about .usps__title{font-size:4.5em;grid-column:1/9}#about .usps__text{font-size:2.2em;grid-column:9/-1}}#about .showreels-title h2{line-height:normal;letter-spacing:0;text-align:left;margin-bottom:5em}@media screen and (min-width:768px){#about .showreels-title{display:none}}#about .img-wide-text .text{grid-column:1/-1;margin:0 0 7em;text-align:center}#about .img-wide-text picture{border-radius:1em;overflow:hidden;display:block}#about .img-wide-text picture img{display:block}#about .img-wide-text .video-frame{position:relative;aspect-ratio:2176/920;border-radius:1em;overflow:hidden}#about .img-wide-text .video-frame mux-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;--media-object-fit:cover}@media screen and (min-width:768px){#about h1{font-size:4em}}@media screen and (min-width:992px){#about h1{font-size:5em}}@media screen and (min-width:992px){#about .img-wide-text .text{grid-column:2/12;margin:0 0 10em}}.grain{position:fixed;inset:0;z-index:999;pointer-events:none;background:url(/noise.avif)50% 50%/7.8125em;opacity:.3;filter:contrast(125%) brightness(60%)}.grain[data-grain-animate=true]{animation:grain .6s steps(1,end) infinite}@keyframes grain{0%{background-position:0 0}20%{background-position:-.5em .3em}40%{background-position:.4em -.2em}60%{background-position:-.3em -.4em}80%{background-position:.2em .5em}}.btn.primary{background-color:var(--primary);color:#fff;font-size:calc(var(--size-font)*1.6);padding:calc(var(--size-font)*1.2) calc(var(--size-font)*4) calc(var(--size-font)*1.7);border-radius:100px;text-decoration:none;display:inline-block;margin-top:calc(var(--size-font)*3.5);font-weight:400;letter-spacing:normal}@media screen and (min-width:992px){.btn.primary{font-size:calc(var(--size-font)*2);padding:calc(var(--size-font)*1.5) calc(var(--size-font)*5) calc(var(--size-font)*2);margin-top:calc(var(--size-font)*5)}}@media (hover:hover) and (pointer:fine){.btn[data-btn-hover]{--btn-fill:var(--white);--btn-fill:#5f6fb6;--btn-text-duplicate-distance:2lh;position:relative;overflow:clip}.btn__circle-wrap{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}.btn__circle{display:block;position:absolute;top:50%;left:50%;width:115%;aspect-ratio:1;background-color:var(--btn-fill);border-radius:50%;transform:translate(-50%,-50%) scale(0) rotate(.001deg);transition:transform .7s cubic-bezier(.625,.05,0,1)}.btn[data-btn-hover]:hover .btn__circle{transform:translate(-50%,-50%) scale(1) rotate(.001deg)}.btn[data-btn-hover] .btn__inner{position:relative;z-index:1;display:flex;justify-content:center}.btn[data-btn-hover] .btn__text{text-shadow:0 var(--btn-text-duplicate-distance)0 currentColor;transition:color .7s cubic-bezier(.625,.05,0,1),translate .3s cubic-bezier(.785,.135,.15,.86)}.btn[data-btn-hover]:hover .btn__text{color:var(--btn-fill-text);translate:0 calc(var(--btn-text-duplicate-distance)*-1)0}}#projecten .intro{padding:9em 0 6.2em;border-bottom:1px solid rgba(255,255,255,.05)}#projecten .intro .footer-eyebrow{margin-bottom:calc(var(--size-font)*1.4);display:none}#projecten .intro .text{grid-column:1/-1;order:2;text-wrap:pretty}#projecten .intro .text h1{text-wrap:balance}#projecten .intro picture{grid-column:1/-1;order:1;border-radius:1em;overflow:hidden;max-height:425px;margin-bottom:1em}#projecten .intro picture img{display:block;max-height:425px}#projecten .project-card{grid-column:1/-1;aspect-ratio:1920/1080;position:relative;overflow:hidden;border-radius:1em}#projecten .projects{padding:6.2em 0 7em}#projecten .project-card mux-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;--media-object-fit:cover;transition:transform .25s ease-in-out}#projecten .project-card h2{position:absolute;bottom:0;left:0;z-index:1;color:#fff;font-size:1.8em;margin-bottom:0;bottom:calc(var(--size-font)*1.5);left:calc(var(--size-font)*1.5);right:calc(var(--size-font)*1.5)}.over-ruben-link img{position:absolute;right:calc(var(--size-font)*1);bottom:-2px;opacity:0;transform:translateY(100%) scale(.75);transition:all .5s cubic-bezier(.16,1,.3,1);width:2.7em;height:auto;will-change:transform}.over-ruben-link:hover img{opacity:1;transform:translateY(0) scale(1)}@media screen and (min-width:480px){#projecten .intro picture,#projecten .intro picture img{max-height:none}#projecten .intro picture{grid-column:1/3}#projecten .project-card h2{font-size:2.2em;bottom:calc(var(--size-font)*2);left:calc(var(--size-font)*2)}}@media screen and (min-width:768px){.over-ruben-link img{right:calc(var(--size-font)*2);width:2.3em}#projecten .intro picture{grid-column:6/7;order:2}#projecten .intro img{height:100%}#projecten .intro .text{grid-column:1/6;order:1}#projecten .intro{padding:15em 0 6.2em}#projecten .intro .row{align-items:start}#projecten .intro .footer-eyebrow{display:block;margin-bottom:var(--size-font)}#projecten .project-card h2{font-size:3em;bottom:calc(var(--size-font)*2.5);left:calc(var(--size-font)*2.5)}}@media screen and (min-width:992px){#projecten .intro .btn.primary{margin-top:calc(var(--size-font)*4)}#projecten .project-card{grid-column:1/7}#projecten .project-card:nth-child(2n){grid-column:7/13}#projecten .intro{padding:15em 0 6.2em}#projecten .intro .text{grid-column:1/9;order:1}#projecten .intro picture{grid-column:11/13;order:2}#projecten .intro .footer-eyebrow{margin-bottom:calc(var(--size-font)*1.4)}}#project media-controller,#showreel media-controller{width:100%;height:100svh;height:var(--locked-vh, 100svh);display:flex;flex-direction:column;justify-content:end;background-color:var(--black);--media-range-bar-color:var(--primary);--media-range-thumb-background:var(--primary);--media-range-padding:calc(var(--container-padding) + 5px);--media-control-background:transparent;--media-font:"Pacaembu";--media-font-weight:200;--media-control-hover-background:transparent;overflow:clip}#project media-controller[mediaisfullscreen] mux-video,#showreel media-controller[mediaisfullscreen] mux-video{transform:none!important}#project media-controller:not(:defined),#showreel media-controller:not(:defined){position:relative;overflow:hidden}#project media-controller:not(:defined)>[slot=media],#showreel media-controller:not(:defined)>[slot=media]{position:absolute;inset:0;width:100%;height:100%}#project media-controller:not(:defined)>media-control-bar,#showreel media-controller:not(:defined)>media-control-bar{visibility:hidden}#project media-controller h1,#showreel media-controller h1{margin-bottom:calc(var(--size-font)*3);font-size:3em;text-wrap:balance}#project media-controller .flex,#showreel media-controller .flex{align-items:start;flex-direction:column}#project media-controller .flex>div,#showreel media-controller .flex>div{flex-shrink:0;display:flex;width:100%;justify-content:space-between}media-play-button{--media-button-icon-width:calc(var(--size-font) * 1.2);--media-button-icon-height:calc(var(--size-font) * 1.6);margin-right:calc(var(--size-font)*1.2);margin-top:2px;margin-left:1px}media-play-button svg{overflow:visible}media-play-button path{fill:none;stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke}#project media-control-bar,#showreel media-control-bar{pointer-events:none}#project media-control-bar>*,#showreel media-control-bar>*{pointer-events:all}body.page-transitioning #project media-control-bar,body.page-transitioning #showreel media-control-bar{opacity:0!important}body.page-transitioning #project media-controller,body.page-transitioning #showreel media-controller{z-index:1!important}#project media-controller mux-video,#showreel media-controller mux-video{cursor:pointer}body.video-cursor-hidden #project media-controller mux-video,body.video-cursor-hidden #showreel media-controller mux-video{cursor:none}#project media-time-range,#showreel media-time-range{--media-preview-box-margin:0 0 -30px}#project media-time-display,#showreel media-time-display{font-variant-numeric:tabular-nums;font-size:2em;font-weight:200;line-height:1.2;margin-right:1em;height:1lh;box-sizing:content-box;overflow:clip;transform:translateY(-2px)}media-mute-button{--media-button-icon-width:calc(var(--size-font) * 2.2);--media-button-icon-height:calc(var(--size-font) * 2);margin-right:calc(var(--size-font)*1.2)}media-mute-button svg,media-mute-button path,media-fullscreen-button svg,media-fullscreen-button path{fill:none;stroke:#fff}media-fullscreen-button{--media-button-icon-width:calc(var(--size-font) * 2);--media-button-icon-height:calc(var(--size-font) * 1.5)}#showreel .intro{position:relative}#showreel .showreel-nav{position:absolute;inset:0;z-index:3;pointer-events:none}#showreel .showreel-nav__btn{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:3.6em;height:3.6em;color:var(--white);pointer-events:auto;transition:opacity .3s ease}#showreel .showreel-nav__btn--prev{left:calc(var(--container-padding)/2)}#showreel .showreel-nav__btn--next{right:calc(var(--container-padding)/2)}#showreel .showreel-nav__btn svg{width:100%;height:100%;display:block;pointer-events:none}#showreel .showreel-nav__btn.is-disabled{opacity:.2;pointer-events:none}@media (hover:hover){#showreel .showreel-nav__btn:not(.is-disabled):hover{opacity:.6}}@media (hover:none),(pointer:coarse){#showreel .showreel-nav__btn:not(.is-disabled):after{content:"";position:absolute;inset:-.7em}}body.nav-hidden #showreel .showreel-nav__btn{opacity:0;pointer-events:none;transition:transform .5s cubic-bezier(.33,1,.68,1),opacity 1s}body.arrow-tapping #showreel .showreel-nav__btn:not(.is-disabled){opacity:1;pointer-events:auto}@media screen and (min-width:992px){#showreel .showreel-nav__btn{width:4.4em;height:4.4em}#showreel .showreel-nav__btn--prev{left:var(--container-padding)}#showreel .showreel-nav__btn--next{right:var(--container-padding)}media-play-button{display:none}#project media-controller h1,#showreel media-controller h1{margin-bottom:var(--size-font);font-size:6em}#project media-controller .flex,#showreel media-controller .flex{justify-content:space-between;align-items:end;flex-direction:row}#project media-controller .flex>div,#showreel media-controller .flex>div{width:auto}}#project .description{margin:6.4em 0 4em}#project .description .text{grid-column:1/-1}#project .description .row{align-items:start}#project .description .credits{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:start;grid-column-gap:var(--grid-gap);grid-row-gap:2em;margin-top:3em}#project .description .credits .credit{width:calc(50% - (var(--grid-gap)/2))}#project .description .credits .footer-eyebrow{font-size:1.2em;margin-bottom:.5em}#project .description .credits p{font-size:1.6em;font-weight:400}#project .next-project{width:100vw;padding:20em 0;display:flex;align-items:center;justify-content:center;position:relative;--np-scale:.25;--np-shift-start:-7;--np-shift-end:6.5;--np-ease:cubic-bezier(.625, .05, 0, 1)}#project .next-project a{color:#fff;text-decoration:none;width:100%;text-align:center}#project .next-project h2{margin-bottom:0}#project .next-project a h2 span{display:inline-block}#project .next-project a h2 span:nth-child(1){transform:translate(calc(var(--np-progress, 0)*var(--np-shift-start)*var(--size-font)))}#project .next-project a h2 span:nth-last-child(1){transform:translate(calc(var(--np-progress, 0)*var(--np-shift-end)*var(--size-font)))}#project .next-project .video-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(calc(var(--np-progress, 0)*var(--np-scale)));width:calc(var(--size-font)*45.8);height:calc(var(--size-font)*23);clip-path:polygon(95.88% 100%,0 100%,0 0,94.78%0,100% 50%)}#project .next-project mux-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;--media-object-fit:cover}@media (hover:hover) and (pointer:fine){#project .next-project a h2 span{transition:transform .6s var(--np-ease);transition-delay:.05s}#project .next-project .video-wrapper{transition:transform .6s var(--np-ease)}#project .next-project a:hover h2 span{transition-delay:0s}#project .next-project a:hover .video-wrapper{transition-delay:.1s;transform:translate(-50%,-50%) scale(var(--np-scale))}#project .next-project a:hover h2 span:nth-child(1){transform:translate(calc(var(--np-shift-start)*var(--size-font)))}#project .next-project a:hover h2 span:nth-last-child(1){transform:translate(calc(var(--np-shift-end)*var(--size-font)))}}@media screen and (min-width:768px){#project .next-project{padding:25em 0}#project .description .text{grid-column:1/6}#project .next-project{--np-scale:.75;--np-shift-start:-20;--np-shift-end:19}#project .next-project a{width:80%}}@media screen and (min-width:992px){#project .description{margin:6.4em 0 12em}#project .description .text{grid-column:1/7}#project .description .credits{grid-column:8/12;grid-row-gap:3em;margin-top:0}#project .description .credits .footer-eyebrow{font-size:1.4em}#project .description .credits p{font-size:2em}#project .next-project{--np-scale:1;--np-shift-start:-30;--np-shift-end:28}#project .next-project a{width:70%}}#project .section picture{border-radius:1em;overflow:hidden;display:inline-block}#project .section picture img{display:block}#project .section[data-type=photoSection]{margin:var(--grid-gap)0}#project .section[data-type=photoSection] .row{display:flex;flex-wrap:wrap}#project .section[data-type=photoSection] picture{width:100%}#project .section[data-type=photoSection] .video-frame{position:relative;width:100%;border-radius:1em;overflow:hidden}#project .section[data-type=photoSection] .video-frame mux-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;--media-object-fit:cover}#project .section [data-parallax=target]{scale:1.15}#project .section[data-type=textSection]{margin:8em 0}#project .text-section .text{grid-column:1/-1}#project .text-section--center .text{text-align:center}#project .text-section--right .text{text-align:end}#project .text-section--quote .row{display:flex}#project .section blockquote{text-align:center;margin:0 auto}#project .section blockquote p{font-size:1.6em;font-weight:400;line-height:1.5}#project .quote-from{display:flex;flex-direction:column;margin-top:3em}#project .quote-from span{font-size:1.4em;font-weight:600;line-height:1.2;letter-spacing:-2%;opacity:.5;margin-bottom:var(--size-font)}#project .quote-from cite{font-size:2em;line-height:1;font-style:normal}#project .section[data-type=photoSection][data-aspect-ratio="9/16"][data-count="2"] picture,#project .section[data-type=photoSection][data-aspect-ratio="9/16"][data-count="4"] picture{width:calc(50% - (var(--grid-gap)/2))}@media screen and (min-width:480px){#project .section[data-type=photoSection][data-aspect-ratio="9/16"][data-count="3"] picture{width:calc(33.33% - ((var(--grid-gap)/3)*2))}#project .section blockquote{width:40em}}@media screen and (min-width:768px){#project .section[data-count="2"] picture,#project .section[data-count="2"] .video-frame{width:calc(50% - (var(--grid-gap)/2))}#project .section[data-count="2"] picture,#project .section[data-count="2"] .video-frame,#project .section[data-count="4"] picture,#project .section[data-count="4"] .video-frame{width:calc(50% - (var(--grid-gap)/2))}#project .section[data-count="3"] picture,#project .section[data-count="3"] .video-frame{width:calc(33.33% - ((var(--grid-gap)/3)*2))}#project .section[data-type=textSection]{margin:13em 0}#project .section blockquote{width:55em}}@media screen and (min-width:992px){#project .section blockquote{width:84em}#project .section[data-type=textSection]{margin:13em 0}#project .text-section--left .text{grid-column:1/9}#project .text-section--center .text{grid-column:3/11}#project .text-section--right .text{grid-column:5/13}#project .section[data-count="4"] picture,#project .section[data-count="4"] .video-frame{width:calc(25% - (var(--grid-gap)*.75))}#project .section blockquote p{font-size:3em}#project .quote-from{margin-top:4.5em}#project .quote-from span{font-size:1.6em}#project .quote-from cite{font-size:2.5em}}.footer-wrap{position:relative;overflow:hidden;padding:5em 0 0;border-top:1px solid rgba(255,255,255,.05)}.footer-wrap__dark{opacity:0;pointer-events:none;background-color:#201d1d;width:100%;height:100%;position:absolute;top:0;left:0}.footer-eyebrow{font-size:calc(var(--size-font)*1.4);opacity:.5;font-weight:600;margin-bottom:calc(var(--size-font)*1)}.footer-links .footer-eyebrow{margin-bottom:.5em}.footer-wrap .row,.contact-form-wrapper .row,.kantoor .row,.row{display:grid;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));gap:var(--grid-gap)}.footer-wrap .row .footer-links{grid-column:1/-1;line-height:1.31}.footer-wrap .row .footer-links a{color:#fff;display:block;font-size:calc(var(--size-font)*2.5);padding:calc(var(--size-font)*1.15)0;text-decoration:none;letter-spacing:-2%;border-bottom:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden;transition:all .5s cubic-bezier(.16,1,.3,1)}.directional-list__hover-tile{background-color:var(--grey);width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}[data-directional-hover-tile]{transition:transform .5s cubic-bezier(.16,1,.3,1);transform:translateY(calc(-100% - 2px));will-change:transform}@media (hover:hover) and (pointer:fine){.footer-wrap .row .footer-links a:hover{padding-left:calc(var(--size-font)*2.5)}}.contact-socials{grid-column:1/-1}.contact-socials a,.contact-socials .copy-email{font-size:2em;color:#fff;text-decoration:none}.text-roll{display:block;--roll-line:1.5;--roll-trim:0em;line-height:var(--roll-line)}.text-roll__text{display:flex;flex-direction:column;align-items:start;height:calc(1em*var(--roll-line));margin-block:calc(var(--roll-trim)*-1);overflow:hidden}.text-roll__el{white-space:nowrap;transition:transform .45s cubic-bezier(.625,.05,0,1)}.nav-links a .text-roll__el{transition:transform .55s cubic-bezier(.625,.05,0,1),color .25s ease-in-out}@media (hover:hover) and (pointer:fine){.text-roll:hover .text-roll__el{transform:translateY(-100%)}}.text-roll:focus-visible{outline:2px solid var(--white);outline-offset:.2em}.text-roll:focus-visible .text-roll__el{transform:translateY(-100%)}.copy-email{background:0 0;border:0;padding:0;font-weight:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}[data-copy-button=copied] .text-roll__el{transform:translateY(-200%)!important}.footer-clients{grid-column:1/-1;margin-top:3em}.footer-contact,.footer-socials{display:flex;flex-direction:column;align-items:start}.footer-contact{margin:2em 0 4em}.footer-clients .logo-wall__list{display:grid;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));gap:var(--grid-gap)}.footer-clients .logo-wall__item{grid-column:span 2;background-color:var(--grey);padding:1.5em 3.6em;display:flex;align-items:center;justify-content:center;border-radius:1em}.logo-wall__logo{display:flex;justify-content:center;align-items:center;position:relative;width:100%}.logo-wall__logo-before{padding-top:66.66%}.logo-wall__logo-target{position:absolute;width:100%;height:var(--logo-height, 40%);display:flex;justify-content:center;align-items:center}.footer-clients .logo-wall__item picture{display:block}.logo-wall__logo-img,.logo-wall__logo-img img{width:100%;height:100%;max-height:100%;object-fit:contain}[data-logo-wall-list] [data-logo-wall-item]:nth-child(n+7){display:none}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.05)}.footer-bottom a,.footer-bottom span{color:#fff;opacity:.75;font-size:1.3em;padding:calc(var(--size-font)*2)0}.footer-bottom a{text-decoration:none;transition:opacity .25s ease-in-out}.footer-bottom a:hover{opacity:1}@media screen and (min-width:480px){.footer-clients .logo-wall__item{padding:2em 4.8em}}@media screen and (min-width:992px){.footer-wrap .row .footer-links{grid-column:1/8}.contact-socials{grid-column:9/13}.footer-clients{grid-column:1/13;margin-top:50px}.footer-bottom{grid-column:1/13}.footer-eyebrow{font-size:calc(var(--size-font)*1.6);margin-bottom:calc(var(--size-font)*2)}.footer-links .footer-eyebrow{margin-bottom:.25em}.footer-wrap .row .footer-links a{padding:calc(var(--size-font)*1.5)0;font-size:calc(var(--size-font)*4.5)}.contact-socials a,.contact-socials .copy-email{font-size:2.5em}.footer-contact{margin-bottom:7em}.footer-clients .logo-wall__item{padding:2em 4.8em}.footer-bottom a,.footer-bottom span{font-size:1.4em}}.image-sequence__wrap{width:100%;position:relative}.image-sequence__sticky{width:100%;height:26.25em}.image-sequence__element{z-index:0;width:100%;height:100%;position:absolute;inset:0;border-radius:1em;overflow:hidden}.image-sequence__canvas{width:100%;height:100%;padding:0;position:relative}@media screen and (min-width:480px){.image-sequence__sticky{height:38.25em}}@media screen and (min-width:768px){.image-sequence__sticky{height:59.55em}}@media screen and (min-width:992px){.image-sequence__sticky{height:60.5em}}.mf-cursor{position:fixed;top:0;left:0;z-index:250;direction:ltr;contain:layout style size;pointer-events:none;transition:opacity .3s,color .4s}.mf-cursor:before{content:"";position:absolute;top:-24px;left:-24px;display:block;width:48px;height:48px;transform:scale(.2);color:var(--primary);background:currentColor;border-radius:50%;transition:transform .25s ease-in-out,opacity .1s}.mf-cursor.-inverse{color:#fff}@supports (mix-blend-mode:exclusion){.mf-cursor.-exclusion{mix-blend-mode:exclusion}.mf-cursor.-exclusion:before{background:#fff}}.mf-cursor.-pointer:before{transform:scale(.15)}.mf-cursor.-text:before{transform:scale(1.7)}.mf-cursor.-text.-active:before{transform:scale(1.6);transition-duration:.2s}.mf-cursor.-icon:before{transform:scale(1.5)}.mf-cursor.-icon.-active:before{transform:scale(1.4)}.mf-cursor.-hidden:before{transform:scale(0)}body.btn-hovered .mf-cursor{opacity:0}body.btn-hovered .mf-cursor:before{color:#5f6fb6}.mf-cursor-text{position:absolute;top:-18px;left:-18px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transform:scale(0) rotate(10deg);opacity:0;color:#fff;font-size:16px;line-height:20px;text-align:center;transition:opacity .4s,transform .3s}.mf-cursor.-text .mf-cursor-text,.mf-cursor.-icon .mf-cursor-text{opacity:1;transform:scale(1)}.mf-cursor-media{position:absolute;width:400px;height:400px;margin:-200px 0 0-200px}.mf-cursor-media img,.mf-cursor-media video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}@supports (object-fit:cover){.mf-cursor-media img,.mf-cursor-media video{position:static;width:100%;height:100%;object-fit:cover;transform:translateZ(0)}}.mf-cursor-media-box{position:relative;width:100%;height:100%;overflow:hidden;transform:scale(0) translateZ(0);padding:1px;opacity:0;border-radius:50%;transition:transform .35s,opacity .2s .2s}.mf-cursor.-media .mf-cursor-media-box{opacity:1;transform:scale(.696);transition-duration:.4s,.4s;transition-delay:0s,0s}.mf-svgsprite{width:16px;height:16px}.mf-svgsprite.-switch-icon{width:20px;height:auto}.mf-svgsprite.-zoom-icon{width:20px;height:20px}.mf-svgsprite.-drag-icon{width:24px;height:auto}.contact-form-wrapper{padding:9em 0}.contact-form-wrapper .intro,.contact-form-wrapper .form-wrap{grid-column:1/-1}.contact-form-wrapper .intro{order:2}.contact-form-wrapper .form-wrap{order:3}.contact-form-wrapper .image{grid-column:1/-1}.hide-label{border-width:0!important;clip:rect(1px,1px,1px,1px)!important;height:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}form.contactform{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:2em}input,textarea{background-color:var(--grey);border:0;font-size:1.5em;padding:calc(var(--size-font)*1) calc(var(--size-font)*1.5) calc(var(--size-font)*1.2) calc(var(--size-font)*1.5);width:100%;margin-bottom:calc(var(--size-font)*1);border-radius:calc(var(--size-font)*.5);color:#fff;border:3px solid var(--grey);transition:background-color .15s ease-in-out}textarea{width:100%;min-height:calc(var(--size-font)*15.4)}input:hover,textarea:hover{background-color:var(--black)}input:focus,textarea:focus{outline:0;background-color:var(--black)}form.contactform .btn.primary{margin-top:calc(var(--size-font)*1);border:0;cursor:pointer}form.contactform .btn.primary:disabled{opacity:.6;cursor:wait}form.contactform .form-message{width:100%;margin-top:1.5em}form.contactform .form-message[data-type=error]{color:#ff6b6b}.form-overlay{--u:min(var(--size-font), calc(100svh / 72));position:fixed;inset:0;z-index:240;display:flex;align-items:center;justify-content:center;height:100svh;padding-block:calc(var(--u)*4);overflow:hidden;overscroll-behavior:contain}.form-overlay[hidden]{display:none}.form-overlay__backdrop{position:absolute;inset:0;background-color:#000000bf}.form-overlay__content{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.form-overlay__video{position:relative;width:calc(var(--u)*26);aspect-ratio:377.5/464;border-radius:calc(var(--u)*1);overflow:hidden;background-color:var(--grey);margin-bottom:calc(var(--u)*3.5)}.form-overlay__video mux-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;--media-object-fit:cover}.form-overlay__title{font-size:calc(var(--u)*3.3);font-weight:600;line-height:1.25;letter-spacing:0;margin-bottom:0}.form-overlay__text{font-size:calc(var(--u)*1.6);font-weight:200;line-height:1.6;letter-spacing:0;margin-top:calc(var(--u)*.4)}.form-overlay .form-overlay__btn{margin-top:calc(var(--u)*3);font-size:calc(var(--u)*1.6);padding:calc(var(--u)*1.2) calc(var(--u)*4) calc(var(--u)*1.7);border:0;cursor:pointer}@media screen and (min-width:992px){.form-overlay{--u:min(var(--size-font), calc(100svh / 99.4))}.form-overlay__video{width:calc(var(--u)*37.75);margin-bottom:calc(var(--u)*5.1)}.form-overlay__title{font-size:calc(var(--u)*6.856)}.form-overlay__text{font-size:calc(var(--u)*2.5);margin-top:calc(var(--u)*.6)}.form-overlay .form-overlay__btn{margin-top:calc(var(--u)*4);font-size:calc(var(--u)*2);padding:calc(var(--u)*1.8) calc(var(--u)*4.6) calc(var(--u)*2.2)}}.contact-form-wrapper .image{order:1}.contact-form-wrapper .image img{border-radius:1em;display:block}.contact-whatsapp-scope{padding-bottom:4em}.contact-whatsapp-scope .kantoor .row{margin-bottom:0}.contact-whatsapp-sticky{position:sticky;bottom:var(--container-padding);z-index:5;height:0;display:flex;justify-content:flex-end;align-items:flex-end}.contact-whatsapp-sticky .button-040{flex-shrink:0;font-size:calc(var(--size-font)*1.6)}@media screen and (max-width:767px){.contact-whatsapp-sticky .button-040__text-wrap{display:none}.contact-whatsapp-sticky .button-040__icon-wrap.is--duplicate .button-040__icon{width:1.25em;height:1.25em}}@media screen and (min-width:992px){.contact-whatsapp-scope{padding-bottom:7em}}:root{--button-040-color:#131313;--button-040-color-background:#fff;--button-040-color-arrow:#efeeec;--button-040-color-arrow-background:#202623;--button-040-color-focus:#fff;--button-040-height:3em;--button-040-padding-x:1.6em;--button-040-border-radius:2.5em;--button-040-gap:0em;--button-040-focus-inset:-.125em;--button-040-ease-hover:cubic-bezier(.625, .05, 0, 1);--button-040-ease-focus:cubic-bezier(.32, .72, 0, 1)}.button-040{color:var(--button-040-color);-webkit-user-select:none;user-select:none;height:var(--button-040-height);grid-column-gap:var(--button-040-gap);grid-row-gap:var(--button-040-gap);background-color:#0000;outline-style:none;justify-content:center;align-items:center;padding:0;line-height:1;text-decoration:none;display:inline-flex;position:relative;--button-040-translate-x:calc((var(--button-040-height) + var(--button-040-gap, 0em)) * -1);-webkit-tap-highlight-color:transparent}.button-040:after{content:"";display:block;position:absolute;inset:var(--button-040-focus-inset);border-radius:var(--button-040-border-radius);transition:box-shadow .3s var(--button-040-ease-focus);pointer-events:none;z-index:1}.button-040:is(:focus-visible):after{box-shadow:0 0 0 .125em var(--button-040-color-focus)}.button-040__icon-wrap{aspect-ratio:1;background-color:var(--button-040-color-arrow-background);border-radius:var(--button-040-border-radius);justify-content:center;align-items:center;height:100%;display:flex;will-change:transform;transform-origin:left center;scale:0;transition:scale .6s var(--button-040-ease-hover)}.button-040__icon-wrap.is--duplicate{z-index:1;position:absolute;right:0;transform-origin:right center;scale:1}.button-040__icon{width:1em;height:1em;color:var(--button-040-color-arrow);transition:rotate .6s var(--button-040-ease-hover);rotate:45deg}.button-040__icon-wrap.is--duplicate .button-040__icon{rotate:0deg}.button-040__text-wrap{height:100%;padding:0 var(--button-040-padding-x);background-color:var(--button-040-color-background);border-radius:var(--button-040-border-radius);justify-content:center;align-items:center;display:flex;translate:var(--button-040-translate-x)0 0;transition:translate .6s var(--button-040-ease-hover)}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.button-040:is(:hover,:focus-visible) .button-040__icon-wrap,[data-hover]:is(:hover,:focus-visible) .button-040 .button-040__icon-wrap{scale:1;transition:scale .735s .05s var(--button-040-ease-hover)}.button-040:is(:hover,:focus-visible) .button-040__icon-wrap.is--duplicate,[data-hover]:is(:hover,:focus-visible) .button-040 .button-040__icon-wrap.is--duplicate{scale:0;transition:scale .735s .05s var(--button-040-ease-hover)}.button-040:is(:hover,:focus-visible) .button-040__icon-wrap.is--duplicate .button-040__icon,[data-hover]:is(:hover,:focus-visible) .button-040 .button-040__icon-wrap.is--duplicate .button-040__icon{rotate:45deg}.button-040:is(:hover,:focus-visible) .button-040__icon,[data-hover]:is(:hover,:focus-visible) .button-040 .button-040__icon{rotate:0deg;transition:rotate .735s .05s var(--button-040-ease-hover)}.button-040:is(:hover,:focus-visible) .button-040__text-wrap,[data-hover]:is(:hover,:focus-visible) .button-040 .button-040__text-wrap{translate:0 0 0;transition:translate .735s .05s var(--button-040-ease-hover)}}.button-040.is--whatsapp{--button-040-color-arrow:#fff;--button-040-color-arrow-background:#25D366}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.button-040.is--whatsapp{--button-040-duration:.5s;--btn-text-duplicate-distance:var(--button-040-height)}.button-040.is--whatsapp .button-040__text-wrap{overflow:clip}.button-040.is--whatsapp .button-040__text{text-shadow:0 var(--btn-text-duplicate-distance)0 currentColor}.button-040.is--whatsapp:is(:hover,:focus-visible) .button-040__text{translate:0 calc(var(--btn-text-duplicate-distance)*-1)0}.button-040.is--whatsapp .button-040__icon-wrap,.button-040.is--whatsapp:is(:hover,:focus-visible) .button-040__icon-wrap{transition:scale var(--button-040-duration) var(--button-040-ease-hover)}.button-040.is--whatsapp .button-040__icon,.button-040.is--whatsapp:is(:hover,:focus-visible) .button-040__icon{transition:rotate var(--button-040-duration) var(--button-040-ease-hover)}.button-040.is--whatsapp .button-040__text-wrap,.button-040.is--whatsapp:is(:hover,:focus-visible) .button-040__text-wrap{transition:translate var(--button-040-duration) var(--button-040-ease-hover)}.button-040.is--whatsapp .button-040__text,.button-040.is--whatsapp:is(:hover,:focus-visible) .button-040__text{transition:translate var(--button-040-duration) var(--button-040-ease-hover)}}@media screen and (min-width:768px){input{width:calc(50% - (calc(var(--size-font)*.5)))}.contact-form-wrapper{padding:11em 0 10em}.contact-form-wrapper .intro{order:1;grid-column:1/4;margin-top:3em}.contact-form-wrapper .image{order:2;margin-bottom:1em;margin-left:auto;grid-column:5/7}.contact-form-wrapper .form-wrap{order:3}}@media screen and (min-width:992px){.contact-form-wrapper{padding:10em 0 17em}form.contactform{margin-top:2.9em}.contact-form-wrapper .intro,.contact-form-wrapper .form-wrap{grid-column:1/7}.contact-form-wrapper .intro{order:1;margin-top:5em}.contact-form-wrapper .form-wrap{order:3}.contact-form-wrapper .image{grid-column:8/13;grid-row:1/span 2;order:2;width:auto;margin:0}input,textarea{font-size:1.8em;padding:calc(var(--size-font)*1.1) calc(var(--size-font)*1.8) calc(var(--size-font)*1.3) calc(var(--size-font)*1.8)}}.kantoor .row{align-items:end;margin-bottom:4em}.kantoor h2{grid-column:1/-1;font-size:3.3em;line-height:1.2;margin-bottom:calc(var(--size-font)*.5)}.kantoor .locatie{grid-column:1/-1}.kantoor .footer-eyebrow{margin-bottom:0}.kantoor .adres{font-size:2em;font-weight:400}@media screen and (min-width:768px){.kantoor h2{font-size:4em;grid-column:1/4}}@media screen and (min-width:992px){.kantoor h2{grid-column:1/7;font-size:6.8em;margin-bottom:0}.kantoor .locatie{grid-column:8/13}.kantoor .adres{font-size:2.5em}.kantoor .footer-eyebrow{margin-bottom:calc(var(--size-font)*1)}.kantoor .row{margin-bottom:7em}}#contact .image-sequence__wrap{width:100%;height:300vh;position:relative;--clip-x:2em;--clip-r:10px;clip-path:inset(0 var(--clip-x)0 var(--clip-x) round var(--clip-r))}#contact .image-sequence__sticky{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:sticky;top:0}@media screen and (min-width:992px){#contact .image-sequence__wrap{width:100%;height:300vh;position:relative;--clip-x:3em;--clip-r:1em}}#contact .image-sequence__element{border-radius:0}.loader{--loader-logo-width:14em;position:fixed;inset:0;background-color:var(--black);z-index:998;clip-path:polygon(0 0,100%0,100% 100%,0 100%,0 calc(50% - .24983*var(--loader-logo-width)),calc(50% - .5*var(--loader-logo-width)) calc(50% - .24983*var(--loader-logo-width)),calc(50% - .5*var(--loader-logo-width)) calc(50% + .24983*var(--loader-logo-width)),calc(50% + .45879*var(--loader-logo-width)) calc(50% + .24983*var(--loader-logo-width)),calc(50% + .5*var(--loader-logo-width)) 50%,calc(50% + .44777*var(--loader-logo-width)) calc(50% - .24983*var(--loader-logo-width)),calc(50% - .5*var(--loader-logo-width)) calc(50% - .24983*var(--loader-logo-width)),0 calc(50% - .24983*var(--loader-logo-width)))}.loader-fill{background-color:var(--black);position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:997;pointer-events:none}.loader-fill .inner{width:100%;height:100%;background-color:#fff;opacity:0;animation:loader-fill-in .7s cubic-bezier(.38,.005,.215,1) forwards}@keyframes loader-fill-in{to{opacity:1}}@media screen and (min-width:480px){.loader{--loader-logo-width:16em}}@media screen and (min-width:768px){.loader{--loader-logo-width:20em}}@media screen and (min-width:992px){.loader{--loader-logo-width:18em}}#not-found .not-found{min-height:100svh;display:flex;align-items:center;padding:10em 0 8em}#not-found .not-found .text{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;text-align:center;text-wrap:pretty}#not-found .not-found h1{text-wrap:balance}#not-found .not-found p{opacity:.8;max-width:32em;text-wrap:balance}#not-found .not-found__buttons{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 2.4em}#not-found .not-found__link{color:var(--white);font-size:1.6em;font-weight:400;text-underline-offset:.3em;margin-top:calc(var(--size-font)*3.5);transition:color .3s ease}@media (hover:hover) and (pointer:fine){#not-found .not-found__link:hover{color:var(--primary)}}@media screen and (max-width:767px){#not-found .not-found h1{font-size:2.5em}#not-found .not-found p{font-size:1.4em;max-width:22em}#not-found .not-found__buttons{gap:0 1.6em}#not-found .not-found .btn.primary{font-size:calc(var(--size-font)*1.4);padding-inline:calc(var(--size-font)*2.8);margin-top:calc(var(--size-font)*2.5)}#not-found .not-found__link{font-size:1.4em;margin-top:calc(var(--size-font)*2.5)}}@media screen and (min-width:768px){#not-found .not-found h1{font-size:4em}}@media screen and (min-width:992px){#not-found .not-found .text{grid-column:3/11}#not-found .not-found h1{font-size:5em}#not-found .not-found__link{font-size:2em;margin-top:calc(var(--size-font)*5)}}