@font-face{font-family:HelveticaNeue;src:url(fonts/HelveticaNeue-01.woff2)format("woff2"),url(fonts/HelveticaNeue-01.woff)format("woff"),url(fonts/HelveticaNeue-01.ttf)format("truetype");font-style:normal;font-weight:400}@font-face{font-family:HelveticaNeue;src:url(fonts/HelveticaNeue-Bold-02.woff2)format("woff2"),url(fonts/HelveticaNeue-Bold-02.woff)format("woff"),url(fonts/HelveticaNeue-Bold-02.ttf)format("truetype");font-style:normal;font-weight:600}@font-face{font-family:HelveticaNeue;src:url(fonts/HelveticaNeue-Italic-03.woff2)format("woff2"),url(fonts/HelveticaNeue-Italic-03.woff)format("woff"),url(fonts/HelveticaNeue-Italic-03.ttf)format("truetype");font-style:italic;font-weight:400}@font-face{font-family:HelveticaNeue;src:url(fonts/HelveticaNeue-BoldItalic-04.woff2)format("woff2"),url(fonts/HelveticaNeue-BoldItalic-04.woff)format("woff"),url(fonts/HelveticaNeue-BoldItalic-04.ttf)format("truetype");font-style:italic;font-weight:600}@font-face{font-family:HelveticaNeue;src:url(fonts/HelveticaNeue-Light-08.woff2)format("woff2"),url(fonts/HelveticaNeue-Light-08.woff)format("woff"),url(fonts/HelveticaNeue-Light-08.ttf)format("truetype");font-style:normal;font-weight:300}@font-face{font-family:HelveticaNeue;src:url(fonts/HelveticaNeue-LightItalic-09.woff2)format("woff2"),url(fonts/HelveticaNeue-LightItalic-09.woff)format("woff"),url(fonts/HelveticaNeue-LightItalic-09.ttf)format("truetype");font-style:italic;font-weight:300}*,:before,:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth}@media (width>=900px){html{background:#0c3}}body{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;color:#000;background:#fff;min-height:100vh;font-family:HelveticaNeue,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:1.6;transition:background .3s,color .3s;overflow-x:hidden}.visually-hidden{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}svg{width:100%}h1,h2,h3{font-weight:600}picture{align-self:flex-start;display:flex}picture img{align-self:flex-start}header{mix-blend-mode:difference;z-index:3;padding:55px 30px 0;transition:padding .6s;position:absolute;top:0;left:0;right:0}@media (width>=600px){header{padding:60px 60px 0}}@media (width>=900px){header{padding:90px 90px 0;position:fixed}}@media (width>=1600px){header{padding:85px 81px 0}}header{pointer-events:none;justify-content:space-between;display:flex}header .brand{align-items:center;gap:14px;display:flex;position:relative}header a.logo{pointer-events:auto;width:160px}@media (width>=600px){header a.logo{width:180px}}header a.logo{transition:all .6s .15s}header a.logo svg .t,header a.logo svg .wo{fill:#fff;transition:all .6s .15s}header a.logo svg .p,header a.logo svg .ine{fill:#f3c;transform-origin:50%;transition:all .6s .15s}header a.back{pointer-events:auto;position:relative;top:-10%}header a.back span{width:20px;transition:transform .25s;display:block;transform:scaleX(-1)}@media (width>=600px){header a.back span{width:23px}}header a.back svg{fill:#fff;display:block}header a.back:hover span{transform:scaleX(-1)translate(3px)}header nav{pointer-events:auto;display:none}@media (width>=900px){header nav{display:block}}header nav{white-space:nowrap;opacity:1;transform-origin:50%;transition:transform .6s .15s,opacity .6s .15s;transform:translate(0)}header nav ul{align-items:center;margin:0;padding:0;font-size:1em;list-style:none;display:flex}@media (width>=1600px){header nav ul{font-size:1.1em}}header nav ul li{margin-right:30px}header nav ul li:last-child{margin-right:0}header nav ul li a{color:#fff;text-decoration:none;display:flex}header nav ul li a span.number-dot{color:#000;background:#fff;border-radius:100%;place-content:center;align-items:center;width:16px;height:16px;margin-left:3px;font-size:.65em;font-weight:600;line-height:1em;display:flex;position:relative;top:-2px}header nav ul li a svg{width:18px;height:18px}header nav ul li a.highlight{position:relative}header nav ul li.active a{border-bottom:2px solid #f3c}header .burger{pointer-events:auto;background:#000;width:25px;padding:10px;transition:all .6s;position:absolute;top:45px;right:20px}@media (width>=600px){header .burger{right:50px}}@media (width>=900px){header .burger{pointer-events:none;opacity:0;transform-origin:50%;width:20px;padding:10px;transition:transform .6s,opacity .6s;top:80px;right:80px;transform:translate(-90px)rotate(-90deg)scale(.3)}}@media (width>=1600px){header .burger{top:82px;right:75px}}header .burger{cursor:pointer;box-sizing:content-box;margin-left:4px;display:flex}header .burger span{width:100%;display:flex}header .burger>span{border-top:2px solid #fff;border-bottom:2px solid #fff}header .burger>span>span{height:2px;margin:6px 0}@media (width>=600px){header .burger>span>span{margin:5px 0}}header .burger>span>span{background:#fff}.werk-detail-page header nav{opacity:0;transition:transform .6s,opacity .6s;transform:translate(100%)}.werk-detail-page header .burger{opacity:1;pointer-events:auto;transition:transform .6s .15s,opacity .6s .15s;transform:translate(0)rotate(0)scale(1)}.werk-detail-page header a.logo{transform:translate(-10%)translateY(-10%)scale(.8)}.werk-detail-page header a.logo svg .wo{opacity:0;transform-origin:0;transition:all .45s;transform:scaleX(0)translate(45px)}.werk-detail-page header a.logo svg .ine{opacity:0;transition:all .45s;transform:translate(-88px)}.werk-detail-page header a.logo svg .p{transition:all .45s;transform:translate(-88px)}@media (width<=899px){.werk-page header a.logo{transform:translate(-10%)translateY(-10%)scale(.8)}.werk-page header a.logo svg .wo{opacity:0;transform-origin:0;transition:all .45s;transform:scaleX(0)translate(45px)}.werk-page header a.logo svg .ine{opacity:0;transition:all .45s;transform:translate(-88px)}.werk-page header a.logo svg .p{transition:all .45s;transform:translate(-88px)}}.scrolled nav{opacity:0;transition:transform .6s,opacity .6s;transform:translate(100%)}.scrolled .burger{opacity:1;pointer-events:auto;transition:transform .6s .15s,opacity .6s .15s;transform:translate(0)rotate(0)scale(1)}.scrolled a.logo{transform:translate(-10%)translateY(-10%)scale(.8)}.scrolled a.logo svg .wo{opacity:0;transform-origin:0;transition:all .45s;transform:scaleX(0)translate(45px)}.scrolled a.logo svg .ine{opacity:0;transition:all .45s;transform:translate(-88px)}.scrolled a.logo svg .p{transition:all .45s;transform:translate(-88px)}@media (width<=600px){.scrolled{padding:35px 30px 0}.scrolled .burger{transition:all .6s;top:25px}}.end nav{opacity:0;transition:transform .6s,opacity .6s;transform:translate(100%)}.end .burger{opacity:1;pointer-events:auto;transition:transform .6s .15s,opacity .6s .15s;transform:translate(0)rotate(0)scale(1)}@media (width<=600px){.end{padding:35px 30px 0}.end .burger{transition:all .6s;top:25px}}section{padding:0 30px;position:relative}@media (width>=600px){section{padding:0 60px}}@media (width>=900px){section{margin-left:auto;margin-right:auto;padding:0 90px}}@media (width>=1400px){section{max-width:90%}}@media (width>=1600px){section{max-width:1360px;padding:0}}.luma{pointer-events:none;width:100vw;height:100vh;position:absolute;inset:0}@media (width<=900px){.luma{display:none}}.luma video{object-fit:cover;filter:contrast(.2)grayscale()brightness(2);width:100%;height:100%}.luma:after{content:"";background:linear-gradient(#fff0 0%,#fff 99% 100%);height:300px;position:absolute;bottom:0;left:0;right:0}.hero{height:auto;margin-top:150px}@media (width>=900px){.hero{height:100vh;margin-top:0}}.hero{flex-wrap:wrap;align-content:center;align-items:center;width:100vw;display:flex}.hero>*{width:100%}.hero h1{pointer-events:none;flex-wrap:wrap;font-size:3.2em;display:flex;position:relative}@media (width>=600px){.hero h1{font-size:6em}}@media (width>=1200px){.hero h1{font-size:6.4em}}@media (width>=1600px){.hero h1{z-index:3;font-size:9.2em}}.hero h1{letter-spacing:-.005em;line-height:1em}.hero h1 span{width:100%}.hero p{margin-top:15px;margin-left:5px;font-size:2em}@media (width>=600px){.hero p{margin-top:30px;font-size:2.4em}}@media (width>=900px){.hero p{margin-top:45px;font-size:2.6em}}.hero .arrow-down{width:35px;display:none;position:absolute;bottom:-90px;left:80px}@media (width>=900px){.hero .arrow-down{display:block}}@media (width>=1600px){.hero .arrow-down{left:0}}.side-kick{flex-wrap:wrap;margin-top:60px;display:flex}@media (width>=1200px){.side-kick{margin-top:0}}.side-kick .office-img{flex-wrap:wrap;width:calc(40% - 15px);margin-right:15px}@media (width>=900px){.side-kick .office-img{width:55%;margin-top:-60px;margin-left:auto;margin-right:auto}}@media (width>=1600px){.side-kick .office-img{margin-top:-90px}}.side-kick .office-img{place-content:center;align-items:center;display:flex;position:relative}@media (width>=900px){.side-kick .office-img .image{width:65%;padding:0 45px}}@media (width>=1200px){.side-kick .office-img .image{width:65%}}@media (width>=1600px){.side-kick .office-img .image{width:60%;padding:0 15px}}.side-kick .office-img .image>div{width:100%;height:auto;position:relative}.side-kick .office-img .image>div #office-img-pt{position:relative}.side-kick .office-img .image>div #office-img-ls{width:166%;margin-left:-43%;display:none;position:absolute;top:calc(100% + 60px)}@media (width>=1200px){.side-kick .office-img .image>div #office-img-ls{display:block}}.side-kick .office-img .image>div img{cursor:pointer;width:100%;transition:opacity 1.5s}.side-kick .office-img .image>div img+img{opacity:0;position:absolute;top:0;left:0}.side-kick .image-slider{width:calc(60% - 15px);margin-left:15px}@media (width>=900px){.side-kick .image-slider{width:45%;margin-top:-90px;margin-left:auto;margin-right:0}}@media (width>=1200px){.side-kick .image-slider{margin-top:-120px}}.side-kick .image-slider{display:inherit;background:#fff;position:relative;overflow-x:auto}.side-kick .image-slider picture{object-fit:contain;object-position:center left;width:100%;height:100%;transition:opacity 1.5s}.side-kick .image-slider picture img{cursor:pointer;width:100%;height:auto}.side-kick .image-slider picture+picture{opacity:0;position:absolute;top:0;left:0}.side-kick .punchline{width:100%;display:none}@media (width>=900px){.side-kick .punchline{justify-content:space-between;align-items:center;display:flex}}.side-kick .punchline #horse-svg{width:46%;height:100%;margin-left:0%}.side-kick .punchline .content{width:45%;margin-top:60px;margin-bottom:180px;padding-top:75px}@media (width>=1200px){.side-kick .punchline .content{inline-size:45%;margin-top:60px}}@media (width>=1600px){.side-kick .punchline .content{margin-top:60px;margin-bottom:150px;padding-top:45px}}.side-kick .punchline h2{flex-wrap:wrap;inline-size:min-content;font-size:3.4em;line-height:1.1em}@media (width>=600px){.side-kick .punchline h2{font-size:4.8em}}@media (width>=900px){.side-kick .punchline h2{font-size:5em}}@media (width>=1200px){.side-kick .punchline h2{font-size:6em;line-height:1em}}@media (width>=1600px){.side-kick .punchline h2{font-size:8em}}.side-kick .punchline h2{letter-spacing:-.005em}.side-kick .punchline h2 span{white-space:nowrap;width:100%}.side-kick .punchline p{margin-top:20px}@media (width>=1600px){.side-kick .punchline p{margin-top:40px}}.side-kick .punchline p{margin-left:4px;font-size:2.4em}.side-kick .punchline p a{color:inherit;text-decoration:none}.side-kick .contact-details{position:absolute;bottom:90px;left:60px}.side-kick .contact-details ul{list-style:none}.side-kick .timeline{background:#000;width:3px;display:none;position:absolute;top:-60px}@media (width>=900px){.side-kick .timeline{height:calc(100% - 852px);display:block;top:180px}}@media (width>=1600px){.side-kick .timeline{top:-40px}}.side-kick .timeline{margin-left:6px}.side-kick .timeline .dash{flex-wrap:wrap;width:3px;margin-top:-160px;display:flex}.side-kick .timeline .arch{width:456px;display:none;position:absolute;top:100%;left:0}@media (width>=1250px){.side-kick .timeline .arch{display:block}}.side-kick .timeline .arch .rect-1,.side-kick .timeline .arch .rect-2,.side-kick .timeline .arch .rect-3,.side-kick .timeline .arch .rect-4{display:none}@media (width>=1310px){.side-kick .timeline .arch .rect-1{display:block}}@media (width>=1350px){.side-kick .timeline .arch .rect-2{display:block}}@media (width>=1390px){.side-kick .timeline .arch .rect-3{display:block}}@media (width>=1440px){.side-kick .timeline .arch .rect-4{display:block}}.about{margin-top:60px;display:flex}@media (width>=600px){.about{margin-top:90px}}@media (width>=900px){.about{margin-top:0}}.about .summary{width:50%;inline-size:min-content;margin-top:-50px;margin-left:auto;margin-right:90px;display:none}@media (width>=600px){.about .summary{display:block}}@media (width>=900px){.about .summary{margin-top:0;margin-right:120px}}.about .summary ul{inline-size:min-content;padding:0;font-size:2.9em;font-weight:600;line-height:1.5em;list-style:none}.about .summary ul:before{content:attr(aria-label);display:inherit;font-size:1.5rem;font-weight:400;line-height:1.4em}.about .summary ul .tech-line{color:#00f;text-decoration:underline;position:relative}.about .summary ul .tech-line .hover{color:#fd81e7;content:"techniek;";opacity:1;background:#333;padding:0 15px;font-family:monospace;font-size:.85em;font-weight:400;line-height:1.5;transition:opacity .15s;position:absolute;top:7px;left:-18px}.about .summary ul .tech-line .hover span{color:#b1b1b3;font-weight:400}.about .summary ul .tech-line:hover .hover{opacity:0}.about .content{max-width:720px;margin-right:auto}.about .content p{font-size:1.4em}@media (width>=600px){.about .content p{font-size:1.2em}}@media (width>=900px){.about .content p{font-size:1.4em}}@media (width>=1200px){.about .content p{font-size:1.5em}}.about .content p+p{margin-top:30px}.about .de-haan{width:calc(60vw - 816px);display:none;position:absolute;top:-75px;bottom:0;right:calc(-50vw + 680px)}.like{cursor:pointer;width:90px;padding:15px;display:none;position:absolute;top:50%;right:0;transform:translateY(-50%)}@media (width>=900px){.like{width:120px;display:block;right:80px}}@media (width>=1600px){.like{right:0}}.like .like-icon-wrapper{transform-origin:50%;transition:transform .3s;transform:scale(1)}.like:hover .like-icon-wrapper{transform:scale(1.1)}.like svg{transform-origin:50%;transition:transform .3s}.like svg #rose-overlay,.like svg #heart-overlay{transform-origin:0 0 0;transition:all .3s}.like .like-count{text-align:center;margin-top:3px;margin-left:-2px;font-size:.9em;position:relative}@media (width>=1600px){.like .like-count{margin-left:-8px;font-size:1.1em}}.like .like-count .total-count{color:#bfb7a3;font-weight:600;transition:color .6s}.like .like-count .total-count.liked{color:#af1f1a}.like .like-count .plus-wrapper{color:#bfb7a3;font-size:.85em}.like .like-count .plus{position:absolute;top:-6px;right:5px}.like .like-count .plus:not(.reset){transition:all .3s}.dot{background-color:#0645ad1a;width:2px;height:2px;position:absolute}section.clients{max-width:1024px;margin:0 auto}@media (width<=900px){section.clients{margin:60px 0}}@media (width>=900px){section.clients{margin-top:0;margin-bottom:90px}}@media (width>=1024px) and (width<=1200px){section.clients{margin:0 0 60px;padding:0 90px}}@media (width>=1201px){section.clients{padding:0}}section.clients>h2{text-align:left;margin-bottom:15px;margin-left:auto;font-size:1.5em;font-weight:400}section.clients .client-grid{flex-wrap:wrap;margin:0 auto;padding:0;list-style:none;display:flex}section.clients .client-grid.is-hovering .client-grid__item:not(.is-active){opacity:.5}section.clients .client-grid__item{aspect-ratio:5/3;flex:0 0 33.3333%;align-items:center;padding:15px 20px;transition:opacity .1s;display:flex}@media (width>=900px){section.clients .client-grid__item{cursor:none}}@media (width<=599px){section.clients .client-grid__item:nth-child(3n+1){padding-left:0}section.clients .client-grid__item:nth-child(3n){padding-right:0}}@media (width>=600px){section.clients .client-grid__item{justify-content:center;align-items:center;padding:15px 20px}section.clients .client-grid__item:nth-child(-n+6){flex:0 0 16.6667%}section.clients .client-grid__item:nth-child(n+7){flex:1 0 14.2857%}section.clients .client-grid__item:first-child,section.clients .client-grid__item:nth-child(7){padding-left:0}section.clients .client-grid__item:nth-child(6),section.clients .client-grid__item:last-child{padding-right:0}section.clients .client-grid__item:has(.bruidshoek){flex:0 0 16.6667%}section.clients .client-grid__item:has(.nibud){flex:0 0 10%}}section.clients .client-grid__link{cursor:pointer;display:contents}section.clients .client-grid__logo{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}@media (width<=599px){section.clients .client-grid__logo.ado{object-position:center center;margin:0 auto}}section.clients .since-cursor{z-index:60;pointer-events:none;color:#fff;white-space:nowrap;opacity:0;transform:translate3d(var(--x,0), var(--y,0), 0) translate(12px, 12px);background:#0c3;border-radius:0 30px 30px;align-items:center;padding:.55em .9em;font-size:1rem;font-weight:600;transition:opacity .15s;display:none;position:fixed;top:0;left:0;box-shadow:0 6px 20px #00000040}@media (width>=900px){section.clients .since-cursor{display:flex}}section.clients .since-cursor.is-visible{opacity:1}section.cases{position:relative}@media (width>=1600px){section.cases{margin:60px 0 0;padding-top:90px}}section.cases{max-width:100vw;padding:0}section.cases.home{margin-top:120px}@media (width>=600px){section.cases.home{margin-top:90px}}section.cases>h2{text-align:left;margin-bottom:35px;padding-left:30px;font-size:2em;font-weight:400}@media (width>=600px){section.cases>h2{padding-left:60px}}@media (width>=900px){section.cases>h2{padding-left:130px}}@media (width>=1600px){section.cases>h2{padding-left:calc(50vw - 680px)}section.cases:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#fff 100%);width:calc(66vw - 897.6px);height:100%;position:absolute;top:0;bottom:0;right:0}}.tile-hover-video{object-fit:cover;opacity:0;pointer-events:none;transition:opacity .16s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.tile-hover-video.is-playing{opacity:1}.project-cursor{z-index:60;pointer-events:none;color:#fff;white-space:nowrap;opacity:0;translate:var(--x,0) var(--y,0);background:#0c3;border-radius:0 30px 30px;align-items:center;gap:.5em;padding:.55em .9em .55em .85em;font-size:1rem;font-weight:600;transition:opacity .12s,scale .12s cubic-bezier(.4,0,.2,1);display:none;position:fixed;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 6px 20px #00000040}@media (hover:hover) and (width>=900px){.project-cursor{display:flex}}.project-cursor.is-visible{opacity:1;scale:1}.project-cursor__icon{flex:none;width:1.1em;height:1.1em}.reel-wrapper{width:100vw;position:relative;overflow:hidden}.arrow-left,.arrow-right{cursor:pointer;opacity:1;mix-blend-mode:difference;z-index:2;margin-top:-100px;padding-top:10px;padding-bottom:10px;transition:opacity .3s;display:none;position:absolute;top:50%;transform:translateY(-50%)}@media (width>=600px){.arrow-left,.arrow-right{display:block}}.arrow-left span,.arrow-right span{width:32px;display:flex}.arrow-left span svg,.arrow-right span svg{fill:#fff;width:100%}.arrow-left.inactive,.arrow-right.inactive{opacity:0}.arrow-left{left:30px}@media (width>=600px){.arrow-left{left:60px}}@media (width>=900px){.arrow-left{left:90px}}@media (width>=1600px){.arrow-left{left:85px}}.arrow-left span svg{transform:rotate(180deg)}.arrow-right{right:30px}@media (width>=600px){.arrow-right{right:60px}}@media (width>=900px){.arrow-right{right:90px}}@media (width>=1600px){.arrow-right{right:85px}}.cases .reel{width:100%;padding-left:30px;display:flex;position:relative;overflow-y:hidden}@media (width>=600px){.cases .reel{padding-left:60px}}@media (width>=900px){.cases .reel{padding-left:130px}}@media (width>=1600px){.cases .reel{padding-left:calc(50vw - 680px);padding-right:calc(50vw - 680px)}}.cases .reel{-ms-overflow-style:none;scrollbar-width:none;padding-bottom:50px;padding-right:60px;overflow:scroll}.cases .reel a.tile{color:inherit;text-decoration:none}.cases .reel .tile{padding:0 15px}@media (width>=900px){.cases .reel .tile{padding:0 20px;transition:transform .12s cubic-bezier(.2,0,0,1)}}.cases .reel .tile{cursor:pointer;position:relative}@media (hover:hover) and (width>=900px){.cases .reel .tile{cursor:none}}@media (width>=900px){.cases .reel .tile:hover{transform:scale(.99)}}.cases .reel .tile:first-child{padding-left:0}.cases .reel .tile:first-child span.logo{left:30px}.cases .reel .tile.tile-uc:after{content:"under construction";opacity:1;background:#fff;position:absolute;right:20px}@media (width<=600px){.cases .reel .tile.tile-uc:after{right:15px}}.cases .reel .tile.tile-uc:after{justify-content:center;align-items:center;padding:7px 15px;font-size:.85em;display:flex;top:0}.cases .reel .tile span.logo{width:60px;height:40px;position:absolute;top:30px;left:50px}.cases .reel .tile span.logo img{object-fit:scale-down;object-position:top left;width:100%;height:100%}.cases .reel .tile h3{max-width:360px;margin-top:20px;padding-right:30px;font-size:1.3em;font-weight:400;line-height:1.4}.cases .reel .tile h3+p{margin-top:10px;font-size:.9em;font-weight:600}.cases .reel .tile span.since{margin-top:8px;font-size:.9em;display:flex}.cases .reel .tile span.since:before{content:"";background-image:url(../images/handshake_1f91d.png);background-repeat:no-repeat;background-size:100%;width:20px;margin-top:2px;margin-right:7px;display:flex}.cases .reel .tile span.uc{color:#666;margin-top:8px;font-size:.9em;display:flex}.cases .reel .tile>img,.cases .reel .tile>video:not(.tile-hover-video){max-height:calc(100vh - 240px)}@media (width>=600px){.cases .reel .tile>img,.cases .reel .tile>video:not(.tile-hover-video){max-height:calc(100vh - 400px)}}@media (width>=1200px){.cases .reel .tile>img,.cases .reel .tile>video:not(.tile-hover-video){min-height:480px}}.cases .reel .tile>img,.cases .reel .tile>video:not(.tile-hover-video){max-width:calc(100vw - 90px)}.cases .reel .tile[data-case=uscd] span.since:before{background-image:url(../images/sign-of-the-horns_1f918.png)}.cases .reel .tile[data-case=nvb] span.logo{width:100px}.cases .reel .tile[data-case=l5] span.logo{height:34px}.cases .reel .tile[data-case=uscd] span.logo{width:90px;top:23px}.cases .reel .tile[data-case=kav] span.logo{width:100px}.cases .reel .tile[data-case=babassu] span.logo{height:50px;top:20px;left:45px}.cases .reel .tile[data-case=adodh] span.logo{height:55px}.cases .reel .tile[data-case=vps] span.logo{width:80px}.cases .reel .tile[data-case=cardia] span.logo{width:100px}.team{flex-wrap:wrap;margin-bottom:60px;display:flex}@media (width<=600px){.team{margin-bottom:0;padding:0}}@media (width>=900px){.team{margin-top:90px}}.team .intro{place-content:center flex-start;align-items:center;margin-bottom:35px;display:flex}@media (width<=600px){.team .intro{padding:0}}@media (width>=900px){.team .intro{justify-content:center;margin-bottom:0}}.team .intro{width:100%}.team .intro div{width:50%}.team .intro div img{width:100%}.team .intro h2{font-size:2em;font-weight:400}.team .intro h2 img{width:40px;margin-bottom:-7px}.team .people{flex-wrap:wrap;justify-content:flex-start;margin-left:auto;margin-right:auto;display:flex}@media (width>=900px){.team .people{justify-content:center;max-width:calc(100vw - 440px)}}@media (width>=1400px){.team .people{max-width:80%}}@media (width>=1600px){.team .people{max-width:63.75%}}.team .people div{width:50%;margin-bottom:15px;padding:0 15px 15px}@media (width>=600px){.team .people div{width:33.3333%}}@media (width>=900px){.team .people div{margin-bottom:20px;padding:0 20px 20px}}.team .people div img{width:100%;height:auto}.team .people div h3{font-size:.9em}@media (width>=600px){.team .people div h3{font-size:1em}}.team .people div h3{margin-top:10px}.team .people div p{font-size:.9em;line-height:1.5}section.timeline{max-width:100%;margin:0;padding:0}@media (width>=1600px){section.timeline:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#fff 100%);width:calc(66vw - 897.6px);height:100%;position:absolute;top:0;bottom:0;right:0}}.company-timeline{position:relative}.company-timeline h2{flex-wrap:wrap;width:auto;padding:0 30px;display:flex}@media (width>=600px){.company-timeline h2{padding:0 60px}}@media (width>=900px){.company-timeline h2{padding-left:130px}}@media (width>=1600px){.company-timeline h2{padding-left:calc(50vw - 680px)}}.company-timeline h2{margin:0 auto 30px;font-size:2em;font-weight:400;position:relative}.company-timeline h2 span{background:#fff;padding-right:30px;position:relative}.company-timeline h2:before{content:"";border-bottom:1px dashed #000;width:calc(80% - 60px);height:1px;position:absolute;top:50%}@media (width>=900px){.company-timeline h2:before{width:calc(60% - 60px)}}.company-timeline h2:after{content:"";border-bottom:1px solid #000;width:20%;height:1px;position:absolute;top:50%;left:80%}@media (width>=900px){.company-timeline h2:after{width:40%;left:60%}}.company-timeline .company-timeline-reel{white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;align-content:center;align-items:center;width:100vw;margin-bottom:0;display:flex;position:relative;overflow:auto}.company-timeline .company-timeline-reel>:first-child{padding-left:30px}@media (width>=600px){.company-timeline .company-timeline-reel>:first-child{margin-left:30px}}@media (width>=900px){.company-timeline .company-timeline-reel>:first-child{margin-left:100px}}@media (width>=1600px){.company-timeline .company-timeline-reel>:first-child{margin-left:calc(50vw - 710px)}}.company-timeline .company-timeline-reel>:last-child{padding-right:60px}.company-timeline .company-timeline-reel>div{object-fit:contain;flex-wrap:wrap;flex-shrink:0;width:260px;height:auto;padding:0 15px;display:flex}.company-timeline .company-timeline-reel>div img,.company-timeline .company-timeline-reel>div video{width:100%;padding:0}.company-timeline .company-timeline-reel>div img+img,.company-timeline .company-timeline-reel>div img+video,.company-timeline .company-timeline-reel>div video+img,.company-timeline .company-timeline-reel>div video+video{padding-top:30px}@media (width>=900px){.company-timeline .company-timeline-reel>div{width:312px}}@media (width>=1400px){.company-timeline .company-timeline-reel>div{width:360px}}.company-timeline .company-timeline-reel img,.company-timeline .company-timeline-reel video{object-fit:contain;flex-shrink:0;max-width:280px;height:auto;padding:0 15px;transition:opacity .2s}@media (width>=900px){.company-timeline .company-timeline-reel img,.company-timeline .company-timeline-reel video{max-width:340px}.company-timeline .company-timeline-reel img.xl,.company-timeline .company-timeline-reel video.xl{max-width:570px}.company-timeline .company-timeline-reel img.s,.company-timeline .company-timeline-reel video.s{max-width:280px}}@media (width<=1400px){.company-timeline .company-timeline-reel img,.company-timeline .company-timeline-reel video{width:auto;max-height:380px}}@media (width>=1400px){.company-timeline .company-timeline-reel img,.company-timeline .company-timeline-reel video{max-width:380px}}.company-timeline .arrow-left,.company-timeline .arrow-right{margin-top:-30px}#horse-svg{overflow:visible}@media (width<=900px){.specht{display:none}}@media (width>=900px){.specht{z-index:2;position:absolute;top:200px;transform:translateY(50%)}}@media (width>=1200px){.specht{top:350px}}@media (width>=1500px){.specht{top:450px}}.specht img{height:auto}@media (width>=900px){.specht img{width:80px}}@media (width>=1200px){.specht img{width:90px}}@media (width>=1500px){.specht img{width:120px}}footer{position:relative;overflow:hidden}@media (width<=600px){footer{flex-wrap:wrap;margin-top:30px;padding-bottom:60px;padding-left:10px;display:flex}footer svg.horse{order:2;width:260%;min-width:260%;margin-top:60px;padding-left:15px}}@media (width>=600px){footer svg.horse{width:200%;min-width:200%;margin-top:30px}}@media (width>=900px){footer{margin-top:90px;margin-bottom:180px;overflow:visible}footer svg.horse{display:none}}footer{margin-left:auto}footer ul{padding:0 0 0 20px;font-size:1.8em;font-weight:300;line-height:1.8;list-style:none}@media (width>=600px){footer ul{margin-top:-30px;margin-bottom:60px;margin-left:50%;padding:0}}@media (width>=900px){footer ul{background:#fff;margin-top:0;margin-bottom:0;margin-left:0;padding:45px;font-size:1em;line-height:1.6;position:absolute;top:50%;left:120px;transform:translateY(-50%)}}@media (width>=1400px){footer ul{font-size:1.4em}}@media (width>=1600px){footer ul{padding:120px;font-size:1.6em;left:90px}}footer ul li.title{font-size:.5em;font-weight:600}@media (width>=900px){footer ul li.title{margin-bottom:5px;font-size:1em}}footer ul li.pc-city,footer ul li.street{font-weight:400}@media (width<=900px){footer ul li.pc-city,footer ul li.street{display:none}}footer ul a{color:inherit;letter-spacing:-.002em;border-bottom:2px solid #0c3;font-weight:600;text-decoration:none}@media (width>=900px){footer ul a{letter-spacing:0;border-bottom:1px solid #0c3;font-weight:400}}footer .open-now{width:120px;display:none}@keyframes spin{0%{transform:rotate(0)}5%{transform:rotate(360deg)}to{transform:rotate(360deg)}}.spin-wrapper{display:inline-flex;position:relative}.spin-wrapper .spin{transform-origin:50%;justify-content:center;line-height:1em;animation:10s infinite spin;display:flex}.close{width:44px;height:44px;padding:10px;display:flex;position:fixed;top:20px;right:20px}@media (width>=900px){.close{position:absolute;top:60px;right:60px}}.close{cursor:pointer;transition:transform 1s;transform:rotate(-45deg)}.close:hover{transform:rotate(-1845deg)}.close span{background:#000;width:22px;height:2px;position:absolute;top:50%;transform:translateY(-50%)}.close span span{background:#000;width:2px;height:22px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.project{width:100%;position:fixed;inset:0 auto 0 50%}@media (width>=900px){.project{align-content:center;align-items:center;width:80%;top:10%;bottom:10%;overflow:hidden}}.project{background:#fff;border:none;outline:none;max-width:1360px;height:auto;margin:0;padding:0;transform:translate(-50%)}.project[open]{animation:.3s project-in;display:flex}.project::backdrop{cursor:pointer;background:#0009}.project>.wrapper{flex-wrap:wrap;width:100%;height:100%;margin-left:auto;margin-right:auto;padding:60px 30px;display:flex;overflow:hidden auto}@media (width>=900px){.project>.wrapper{padding:0}}.project>.wrapper .scrollbar{display:none}@media (width>=900px){.project>.wrapper .scrollbar{display:block}}.project>.wrapper .scrollbar:before{content:"";background:#ddd;width:100%;height:calc(100% + 60px);display:flex;position:relative;top:-30px}.project>.wrapper .scrollbar{background:#ddd;width:3px;height:33vh;position:absolute;top:50%;left:59px;transform:translateY(-50%)}.project>.wrapper .scrollbar .scrubber{background:#3c0;width:100%;height:60px;position:absolute;top:50%;transform:translateY(-50%)}.project>.wrapper .images{order:2;width:calc(100% + 10px);height:auto;margin-top:20px;margin-left:-5px;margin-right:-5px}@media (width>=600px){.project>.wrapper .images{width:calc(100% + 40px);margin-left:-20px;margin-right:-20px}}@media (width>=900px){.project>.wrapper .images{order:1;width:calc(45% + 40px);height:80vh;margin:0;padding:20px 20px 0 100px;position:fixed;overflow:auto}}.project>.wrapper .images{-ms-overflow-style:none;scrollbar-width:none;grid-template-columns:1fr 1fr;display:grid}.project>.wrapper .images>div{padding:0 5px}@media (width>=600px){.project>.wrapper .images>div{padding:0 20px}}.project>.wrapper .images img,.project>.wrapper .images picture{width:100%;margin-bottom:5px}@media (width>=600px){.project>.wrapper .images img,.project>.wrapper .images picture{margin-top:20px;margin-bottom:20px}}.project>.wrapper .images img,.project>.wrapper .images picture{height:auto}.project>.wrapper .images img.wide,.project>.wrapper .images picture.wide{grid-column:1/span 2;width:calc(100% - 10px);margin-left:5px}@media (width<=600px){.project>.wrapper .images img.wide+.wide,.project>.wrapper .images picture.wide+.wide{margin-top:20px}}@media (width>=600px){.project>.wrapper .images img.wide,.project>.wrapper .images picture.wide{width:calc(100% - 40px);margin-left:20px}}.project>.wrapper .images img.box-shadow,.project>.wrapper .images picture.box-shadow{box-shadow:0 0 30px #0000001a}.project>.wrapper .images img img,.project>.wrapper .images picture img{margin:0}.project>.wrapper .images .bump{margin-top:90px}.project>.wrapper>.content{order:1;width:100%}@media (width>=900px){.project>.wrapper>.content{order:2;width:calc(55% - 40px);margin-left:auto;padding:60px}}@media (width>=1600px){.project>.wrapper>.content{padding:60px 60px 60px 80px}}.project>.wrapper>.content{flex-wrap:wrap;align-content:center;align-items:center;max-width:1440px;display:flex}.project>.wrapper>.content h3.client{align-content:center;align-items:center;width:100%;font-size:.95em;display:flex}.project>.wrapper>.content h3.client img{width:45px;margin-right:20px}.project>.wrapper>.content h3.client{margin-bottom:20px}@media (width>=600px){.project>.wrapper>.content h3.client{margin-bottom:25px}}@media (width<=600px){.project>.wrapper>.content h3.client span{display:none}}.project>.wrapper>.content h2{width:100%;margin-bottom:20px;font-size:1.6em;font-weight:600}@media (width>=600px){.project>.wrapper>.content h2{margin-bottom:25px;font-size:2em}}.project>.wrapper>.content h2{line-height:1.4}@media (width>=1600px){.project>.wrapper>.content h2{font-size:2em;line-height:1.4}}.project>.wrapper>.content h2.smaller{font-size:1.8em}.project>.wrapper>.content .quotes{margin-bottom:15px;display:flex}@media (width>=600px){.project>.wrapper>.content .quotes{margin-bottom:30px}}@media (width<=900px){.project>.wrapper>.content .quotes{margin-left:0}.project>.wrapper>.content .quotes blockquote:first-child p:before{left:-20px}}.project>.wrapper>.content .quotes.multiple{flex-wrap:wrap}.project>.wrapper>.content .quotes.multiple blockquote{width:100%}.project>.wrapper>.content .quotes.multiple blockquote+blockquote{margin-top:30px;margin-right:30px}.project>.wrapper>.content .quotes blockquote p{position:relative}.project>.wrapper>.content .quotes blockquote p:before{content:"“";opacity:.2;font-size:2em;position:absolute;top:-10px;left:-30px}.project>.wrapper>.content .quotes blockquote p{margin-bottom:5px;font-weight:600}.project>.wrapper>.content .quotes blockquote p:after{content:"”"}.project>.wrapper>.content .quotes blockquote small{font-size:.85em;line-height:1.5;display:inline-block}.project>.wrapper>.content .quotes blockquote{margin-right:30px}.project>.wrapper>.content .quotes blockquote:last-child{margin-right:0}.project>.wrapper>.content .quotes blockquote.long p{font-style:italic;font-weight:400}.project>.wrapper>.content .quotes blockquote.long.superlong p{font-size:.85em}.project>.wrapper>.content .quotes blockquote.long.superlong small{font-size:.75em}.project>.wrapper>.content ul.timeline{width:100%;margin-bottom:20px;padding:0;list-style:none;display:flex}.project>.wrapper>.content ul.timeline li{padding-right:45px;position:relative}.project>.wrapper>.content ul.timeline li:before{content:"";background:#ddd;width:100%;height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.project>.wrapper>.content ul.timeline li{text-align:left}.project>.wrapper>.content ul.timeline li span{font-size:.9em;display:inline-block}.project>.wrapper>.content ul.timeline li .date{margin-bottom:35px}.project>.wrapper>.content ul.timeline li .date:before{content:"";opacity:1;background:#fff;border:2px solid #ddd;border-radius:100%;width:12px;height:12px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.project>.wrapper>.content ul.timeline li span.content{align-items:center;display:flex}.project>.wrapper>.content ul.timeline li span.content img{width:22px;height:22px;margin-right:5px}.project>.wrapper>.content ul.timeline li:last-child:before{content:"";background:#ddd;width:50%;height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.project>.wrapper>.content ul.timeline li:last-child:after{content:"";background:0 0;border-bottom:2px dashed #ddd;width:50%;height:2px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.project>.wrapper>.content ul.tags{flex-wrap:wrap;width:100%;padding:0;font-size:.75em;list-style:none;display:flex}@media (width<=600px){.project>.wrapper>.content ul.tags{flex-wrap:nowrap;width:100vw;margin-left:-30px;margin-right:-30px;padding-left:30px;padding-right:30px;overflow:auto}}.project>.wrapper>.content ul.tags li{color:#fff;white-space:nowrap;background:#cbcbcb;border-radius:20px;margin-bottom:10px;margin-right:10px;padding:4px 11px}.project[data-case=kav]>.wrapper>.content h3.client img,.project[data-case=uscd]>.wrapper>.content h3.client img{width:90px}@keyframes project-in{0%{opacity:0;transform:translate(-50%)translateY(100%)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes uc-in{0%{opacity:0;transform:translate(-50%,calc(16px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}body:has(dialog[open]),.nav-open,.uc-open{overflow:hidden}.nav-open:before,.uc-open:before{content:"";z-index:4;background:#0009;position:fixed;inset:0}.mobile-nav{color:#fff;z-index:10;pointer-events:none;opacity:0;background:#000;align-items:center;max-width:640px;padding:0 30px;font-weight:600;transition:all .3s;display:flex;position:fixed;inset:0 0 0 30px;transform:translate(100%)}@media (width>=600px){.mobile-nav{padding:0 60px;left:auto}}@media (width>=900px){.mobile-nav{padding:0 120px}}.mobile-nav.open{opacity:1;pointer-events:auto;transform:translate(0)}.mobile-nav .close-nav{width:44px;height:44px;padding:10px;display:flex;position:fixed;top:30px;right:30px}@media (width>=900px){.mobile-nav .close-nav{position:absolute;top:55px;right:50px}}.mobile-nav .close-nav{cursor:pointer;transition:transform 1s;transform:rotate(-45deg)}.mobile-nav .close-nav:hover{transform:rotate(-1845deg)}.mobile-nav .close-nav span{background:#fff;width:22px;height:2px;position:absolute;top:50%;transform:translateY(-50%)}.mobile-nav .close-nav span span{background:#fff;width:2px;height:22px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.mobile-nav .container{max-width:640px;margin-left:auto;margin-right:auto}.mobile-nav .container ul{letter-spacing:-.04em;padding:0;font-size:3em;list-style:none}.mobile-nav .container ul a{color:inherit;text-decoration:none;display:flex;position:relative}.mobile-nav .container ul a span.number-dot{color:#000;background:#0c3;border-radius:100%;place-content:center;align-items:center;width:28px;height:28px;margin-left:3px;font-size:1.1rem;font-weight:600;line-height:1em;display:flex;position:relative;top:8px}.mobile-nav .container ul a span.number-dot span{margin-top:-1px;margin-left:-2.5px}.mobile-nav .container .socials{margin-top:45px;display:flex}.mobile-nav .container .socials li{margin-right:30px}.mobile-nav .container .socials svg{fill:#fff;width:32px;height:32px}.jobs{width:100vw;height:auto;padding-top:145px}@media (width>=600px){.jobs{min-height:calc(100vh - 125px);padding-top:125px}}.jobs{flex-wrap:wrap;align-content:center;align-items:center;display:flex}.jobs h1{width:100%;font-size:2em}@media (width>=600px){.jobs h1{font-size:3em}}.jobs h1{margin-bottom:10px}.jobs h1 img{width:58px;margin-bottom:-10px}.jobs ul{padding:0;font-size:2em;list-style:none}@media (width>=600px){.jobs ul{font-size:3em}}.jobs ul li{margin-bottom:10px}.disclaimer{color:#999;margin-top:-30px;padding:0 30px 30px}@media (width>=600px){.disclaimer{padding:0 60px 30px}}@media (width>=900px){.disclaimer{padding:0 90px 30px}}@media (width>=1200px){.disclaimer{margin-top:-60px;padding:0 90px 60px}}@media (width>=1600px){.disclaimer{padding:0 85px 60px}}.disclaimer{display:flex}@media (width>=2600px){section{max-width:80vw}.hero h1{font-size:12.2em}.hero p{font-size:6.6em}.like{width:180px}header{padding:5vw 5vw 0}header a.logo{width:320px}header nav ul{font-size:1.8em}header nav ul li{margin-right:60px}header nav ul li a span.number-dot{width:26px;height:26px}header nav ul li a svg{width:32px;height:32px}.side-kick .punchline{inline-size:45%}.side-kick .punchline h2{font-size:12.4em}.side-kick .punchline p{font-size:5em}.about{margin-top:120px}.about .summary{margin-left:auto}.about .summary ul{font-size:4.2em}.about .summary ul:before{font-size:3rem}.about .content{max-width:840px;font-size:1.4em}section.cases>h2{padding-left:10vw;font-size:3.4em}.cases .reel .tile>img,.cases .reel .tile>video:not(.tile-hover-video){max-width:640px}.cases .reel{padding-left:10vw;padding-right:10vw}.company-timeline h2{padding-left:10vw;font-size:3.4em}.company-timeline .company-timeline-reel>:first-child{margin-left:calc(10vw - 30px)}.company-timeline .company-timeline-reel img,.company-timeline .company-timeline-reel video{max-width:20vw}.company-timeline .company-timeline-reel>div{width:20vw}.company-timeline .company-timeline-reel img.xl{max-width:30vw}.team .people div h3{font-size:1.6em}.team .people div p{font-size:1.4em}}span[data-typo=op-maat],span[data-typo=underline]{white-space:nowrap;position:relative}span[data-typo=op-maat]:after,span[data-typo=underline]:after{content:"";background:url(svgs/op-maat-u.svg) no-repeat;height:10px;position:absolute;top:100%;left:0;right:0}span[data-typo=o]{font-size:0}span[data-typo=o]:after{content:"";background:url(svgs/custom-o.svg) no-repeat;width:1.1rem;height:1.1rem;margin-right:1px;display:inline-block}span[data-typo=underline]:after{background:url(svgs/underline_green.svg) no-repeat;height:3px}.sticker-delftweg{width:171px;height:160px;position:absolute;top:23%;left:60%}@media (width<=1600px){.sticker-delftweg{display:none}}@keyframes borderAnimation{0%{outline-color:red}33%{outline-color:#f0e200}66%{outline-color:#19bc03}to{outline-color:red}}.contact-btn{justify-content:center;align-items:center;width:100%;margin-top:5vh;margin-bottom:25vh;font-size:1.2vw;display:flex}@media (width>=600px){.contact-btn{margin-top:30px}}@media (width>=1200px){.contact-btn{height:90vh;margin:0;font-size:1em}}.contact-btn a{color:#fff;background-color:#00f;border-radius:5em;margin-top:-.5em;padding:1em 1.5em;font-size:5em;font-weight:700;line-height:1;text-decoration:none}@media (width>=600px){.contact-btn a{font-size:4.5em}}.contact-btn a{outline-offset:.25em;outline:.15em dotted red;transition:all .2s;animation:1.5s step-end infinite borderAnimation;box-shadow:inset 0 -.2em #00000080}.contact-btn a span{transition:all .2s;display:flex;transform:translateY(-3px)}.contact-btn a:hover span{transform:translateY(0)}.contact-btn a:hover{box-shadow:inset 0 -.2em #fff3,inset .05em .2em #0000004d}.contact-btn a:active span{transform:translateY(10px)}.contact-btn a:active{border-bottom:none}.project.uc{background:#fff url(../images/uc/uc-tape.png) 0 0/auto 8px repeat-x;max-width:480px;height:auto;padding:60px;font-size:1.8rem;line-height:1.5;top:50%;bottom:auto;transform:translate(-50%,-50%)}@media (width<=600px){.project.uc{max-width:calc(100vw - 30px);padding:60px 30px;font-size:1.5em}}.project.uc[open]{animation:.35s cubic-bezier(.25,.46,.45,.94) both uc-in;display:block}.project.uc::backdrop{animation:.35s both backdrop-in}.project.uc .close{top:30px;right:30px}.project.uc .wrapper{height:auto;padding:0;overflow:visible}.project.uc p:after{content:"";background:url(../images/uc/cone.png) 0 0/100% no-repeat;width:16px;height:22px;margin-left:5px;display:inline-block}.project.uc p span[data-typo=ontwikkeling]{white-space:nowrap}.project.uc p span[data-typo=ontwikkeling] span[data-typo=o]{font-size:0}.project.uc p span[data-typo=ontwikkeling] span[data-typo=o]:after{content:"";background:url(../images/uc/gear-o.png) 0 0/22px no-repeat;width:1.25rem;height:1.25rem;margin-right:1px;display:inline-block;position:relative;top:1px}.subscription{color:#ddd;background:#1e1e1e;padding-left:0}@media (width>=1400px){.subscription{max-width:none}}.subscription .burger{top:40px;right:3.5vw}@media (width>=600px){.subscription .burger{right:3.5vw}}.subscription .logo svg .t,.subscription .logo svg .wo,.subscription .logo svg .p,.subscription .logo svg .ine{fill:#ddd}.subscription header{padding:40px 3.5vw}.subscription .hero{border-bottom:1px solid #ffffff38;padding:0 3.5vw 60px;position:relative}.subscription .hero h1{text-align:left;white-space:nowrap;z-index:0;margin:0;padding:0;font-size:8.9vw;font-weight:600;overflow:hidden}.subscription .hero p{text-align:left;width:100%;margin:0;padding:0;font-size:2.4em;font-weight:300}@media (width<=900px){.subscription .hero p{font-size:24px}}.subscription .hero .arrow-down{color:#ddd;width:24px;display:none;position:absolute;bottom:60px;left:80px}@media (width>=900px){.subscription .hero .arrow-down{display:block}}@media (width>=1600px){.subscription .hero .arrow-down{left:50vw}}.subscription .elements{padding-left:3.5vw;padding-right:3.5vw}.subscription h2{color:#ddd;text-transform:uppercase;margin-bottom:24px;font-size:40px;font-style:normal;line-height:normal}.subscription .cases h2{font-size:40px;font-weight:600}.subscription .cases h2,.subscription .cases .reel{padding-left:3.5vw}.subscription .cases .reel{border-bottom:1px solid #ffffff38;padding-bottom:100px}.subscription .hero_img{justify-content:center;align-items:center;max-width:50vw;margin-left:20vw}.subscription .cases .reel .tile{flex-shrink:0;width:25%}.subscription .cases .reel .tile:not(:first-child){padding:0 1.75vw}.subscription .cases .reel .tile img{width:100%;min-height:0;display:flex}.subscription .elements{margin-top:90px;padding-bottom:1200px}.subscription :root{--bg:#7b776200;--light:#ddd}.subscription .custom-list-item{color:var(--light);letter-spacing:-.01em;background-color:var(--bg);border-top:1px solid #ffffff38;grid-template-columns:24% 32% auto 23%;grid-template-areas:"title. .image"".description quote image";grid-auto-rows:max-content;gap:20px;height:auto;padding-top:30px;padding-bottom:30px;font-size:13px;line-height:1.3;display:grid;position:sticky;top:0}@media (width<=900px){.subscription .custom-list-item{grid-template-rows:repeat(3,max-content);grid-template-columns:50% auto;grid-template-areas:"title image""description image""quote image"}}.subscription .info-section{flex-direction:column;display:flex}.subscription .title{text-transform:uppercase;grid-area:title;font-size:16px;font-weight:700}.subscription .sub-info{grid-area:sub-info;font-size:12px}.subscription .quote{text-align:right;grid-area:quote;padding-top:25px;padding-right:40px;font-size:14px}.subscription .description{grid-area:description;font-size:14px}.subscription .element-image{object-fit:cover;border-radius:4px;grid-area:1/4/span 3/5;justify-self:end;width:auto;height:120px}.subscription .custom-list-item{margin-bottom:20px;overflow:hidden}.subscription .custom-list-item.compressed{grid-template-rows:repeat(2,max-content);grid-template-columns:1fr;gap:0;height:40px;margin-bottom:20px;overflow:hidden}.werkwijze-page{color:#fff;background:#000926;transition:background-color .5s cubic-bezier(.4,0,.2,1),color .7s cubic-bezier(.4,0,.2,1)}.werkwijze-page #header{mix-blend-mode:normal}.werkwijze-page #header .logo svg .t,.werkwijze-page #header .logo svg .wo,.werkwijze-page #header .logo svg .p,.werkwijze-page #header .logo svg .ine{fill:#fff}.werkwijze-page #header nav a{color:#fff}.werkwijze-page #header .burger{background:0 0}.werkwijze-page.is-light{color:#000;background:#fff}.werkwijze-page.is-light #header{mix-blend-mode:difference}.werkwijze-page.is-light #header .logo svg .t,.werkwijze-page.is-light #header .logo svg .wo{fill:#fff}.werkwijze-page.is-light #header .logo svg .p,.werkwijze-page.is-light #header .logo svg .ine{fill:#f3c}.werkwijze-page.is-light .sun .sun-ring-outer,.werkwijze-page.is-light .sun .sun-ring-mid{fill:#f4b202;fill-opacity:.05;filter:blur(8px)}.werkwijze-page.is-light .sun .sun-core{fill:#f4b202;fill-opacity:.8}.werkwijze-page.is-contact-dark{color:#fff;background:#000}.werkwijze-page.is-contact-dark #header{mix-blend-mode:normal}.werkwijze-page.is-contact-dark #header .logo svg .t,.werkwijze-page.is-contact-dark #header .logo svg .wo,.werkwijze-page.is-contact-dark #header .logo svg .p,.werkwijze-page.is-contact-dark #header .logo svg .ine{fill:#fff}.werkwijze-page.is-contact-dark #header nav a{color:#fff}.werkwijze-page.is-contact-dark #header .burger{background:0 0}.werkwijze-page .werkwijze{z-index:2;background-image:image-set("/images/werkwijze/stars-bg.webp" 1x type("image/webp"),"/images/werkwijze/stars-bg.png" 1x type("image/png"));background-position:50%;background-repeat:no-repeat;background-size:100%;justify-content:center;align-items:center;width:100%;height:100dvh;transition:background-color .7s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.werkwijze-page .werkwijze h1{z-index:2;text-align:center;white-space:nowrap;text-transform:uppercase;font-family:obviously-compressed,sans-serif;font-size:21vw;font-style:normal;font-weight:800;line-height:1;position:relative;transform:rotate(-2deg)}@media (width<=900px){.werkwijze-page .werkwijze h1{font-size:38vw;line-height:.85}}@media (width>=900px){.werkwijze-page .werkwijze h1 .mobile-only{display:none}}.werkwijze-page .werkwijze h1:before{content:"";aspect-ratio:309/401;pointer-events:none;z-index:2;background-image:url(/images/werkwijze/cherry-on-the-pie.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:.2em;position:absolute;top:.1rem;left:65.4%;transform:translate(-50%)}@media (width<=900px){.werkwijze-page .werkwijze h1:before{top:31vw;left:54vw}}.werkwijze-page .werkwijze .sun{will-change:transform;pointer-events:none;z-index:0;width:525px;max-width:80vw;height:auto;position:absolute;bottom:0;left:50%;transform:translate(-50%,70%)}@media (width<=1000px){.werkwijze-page .werkwijze .sun{width:340px}}.werkwijze-page .werkwijze .sun circle{transition:fill .7s cubic-bezier(.4,0,.2,1),fill-opacity .7s cubic-bezier(.4,0,.2,1)}.werkwijze-page .werkwijze-second{margin-top:70vh;padding:0}@media (width<=900px){.werkwijze-page .werkwijze-second{margin-top:40vh;margin-bottom:10vh}}.werkwijze-page .werkwijze-second h2{text-align:center;margin:0}.werkwijze-page .werkwijze-second__svg{width:min(60vw,720px);height:auto;margin:0 auto;display:block}@media (width<=900px){.werkwijze-page .werkwijze-second__svg{width:80vw}}@media (width>=1600px){.werkwijze-page .werkwijze-second__svg{width:min(60vw,840px)}}@media (width>=2200px){.werkwijze-page .werkwijze-second__svg{width:min(60vw,950px)}}.werkwijze-page .route{width:100vw;max-width:none;height:350vh;margin-left:calc(50% - 50vw);position:relative}@media (width<=900px){.werkwijze-page .route{display:none}}.werkwijze-page .route .canvas{flex-direction:column;justify-content:center;width:100%;height:100vh;display:flex;position:sticky;top:0}@media (width>=1600px){.werkwijze-page .route .canvas{width:calc(100% - 160px)}}.werkwijze-page .route .canvas{padding-left:40px;padding-right:40px}@media (width>=1600px){.werkwijze-page .route .canvas{margin:0 80px}}.werkwijze-page .route .stage{position:relative}.werkwijze-page .route .drawing{width:100%;height:auto;display:block}.werkwijze-page .route .base{stroke:#fff}.werkwijze-page .route .draw{stroke:url(#line-end-fade)}.werkwijze-page .route .steps{pointer-events:none;font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,monospace;position:absolute;inset:0}.werkwijze-page .route .step{--stem:60px;--gap:18px;z-index:5;width:0;height:0;position:absolute}.werkwijze-page .route .step:before{content:"";z-index:6;background:#0c3;border-radius:50%;width:8px;height:8px;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.werkwijze-page .route .step:after{content:"";z-index:6;opacity:0;border:2px solid #0c3;border-radius:50%;width:30px;height:30px;transition:transform .5s,opacity .5s;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(0)}.werkwijze-page .route .step.is-on:after{opacity:.5;transform:translate(-50%,-50%)scale(1)}.werkwijze-page .route .step-stem{width:1px;height:calc(var(--stem) - var(--gap));background:#000;position:absolute;left:-.5px}.werkwijze-page .route .step-head{white-space:nowrap;pointer-events:auto;cursor:pointer;color:inherit;align-items:center;gap:.9rem;text-decoration:none;display:flex;position:absolute;left:-.75rem}.werkwijze-page .route .step-head:hover .step-number{color:#0c3}.werkwijze-page .route .step-head:hover .step-label{color:#fff;background:#0c3;border-color:#0c3}.werkwijze-page .route .step-number{font-family:obviously,sans-serif;font-size:2rem;font-weight:800;line-height:1;transition:color .2s}.werkwijze-page .route .step-label{text-transform:uppercase;letter-spacing:.06em;background:#fff;border:1px solid #000;padding:.5em .9em;font-size:1rem;font-weight:500;transition:background-color .2s,border-color .2s,color .2s}@media (width<=1200px){.werkwijze-page .route .step-label{font-size:.7rem}}.werkwijze-page .route .step--up .step-stem{bottom:var(--gap)}.werkwijze-page .route .step--up .step-head{bottom:calc(var(--stem) - 4px + 0rem)}.werkwijze-page .route .step--down .step-stem{top:var(--gap)}.werkwijze-page .route .step--down .step-head{top:calc(var(--stem) - 4px + 0rem)}.werkwijze-page .route .step--left .step-stem{left:auto;right:var(--gap);width:calc(var(--stem) - var(--gap));height:1px;top:-.5px}.werkwijze-page .route .step--left .step-head{left:auto;right:calc(var(--stem) + .6rem);flex-direction:row-reverse;top:0;transform:translateY(-50%)}.werkwijze-page .route .step--1{top:.5%;left:0%}.werkwijze-page .route .step--2{top:.5%;left:20%}.werkwijze-page .route .step--3{top:20%;left:37.7%}.werkwijze-page .route .step--4,.werkwijze-page .route .step--5{top:20%;left:75%}.werkwijze-page .route .step--6{--stem:60px;top:83.2%;left:70%}.werkwijze-page .route .step--7{top:83.2%;right:62.3%}.werkwijze-page .proces{z-index:2;background-image:url(/images/werkwijze/proces-lijn-basis.svg);background-position:top;background-repeat:no-repeat;flex-direction:column;max-width:1024px;margin:0 auto;padding:0 24px;display:flex;position:relative}@media (width<=1200px){.werkwijze-page .proces{background-image:url(/images/werkwijze/proces-lijn-basis-mobiel.svg);background-position:14px 0}}.werkwijze-page .proces:before{content:"";z-index:-1;height:var(--bg-height,0px);pointer-events:none;background-image:url(/images/werkwijze/proces-lijn-actief.svg);background-position:top;background-repeat:no-repeat;position:absolute;inset:0 0 auto}@media (width<=1200px){.werkwijze-page .proces:before{background-image:url(/images/werkwijze/proces-lijn-actief-mobiel.svg);background-position:14px 0}}.werkwijze-page .proces__item{width:100%;margin-top:60px;padding-left:40px}@media (width>=1200px){.werkwijze-page .proces__item{flex-direction:column;align-items:center;margin-top:270px;padding-left:0;display:flex}}.werkwijze-page .proces__item:last-child{margin-bottom:120px}@media (width>=1200px){.werkwijze-page .proces__item:last-child{margin-bottom:350px}}.werkwijze-page .proces__inner{max-width:440px;position:relative}.werkwijze-page .proces__sticker{opacity:0;width:110px;height:auto;transition:transform .5s,opacity .5s;position:absolute;bottom:-80px;left:-7%;transform:rotate(-4deg)scale(0)}@media (width<=1200px){.werkwijze-page .proces__sticker{margin-right:30px;left:auto;right:0}}.werkwijze-page .proces__item.active .proces__sticker{opacity:1;transform:rotate(-4deg)scale(1)}@media (width<=1200px){.werkwijze-page .proces__item:first-child .proces__inner{max-width:260px;transform:translate(33px)}.werkwijze-page .proces__item:nth-child(2) .proces__inner{max-width:280px;transform:translate(12px)}.werkwijze-page .proces__item:nth-child(3) .proces__inner{max-width:280px;transform:translate(2px)}.werkwijze-page .proces__item:nth-child(4) .proces__inner{max-width:280px;transform:translate(24px)}.werkwijze-page .proces__item:nth-child(5) .proces__inner{max-width:280px;transform:translate(-3px)}.werkwijze-page .proces__item:nth-child(6) .proces__inner{max-width:260px;transform:translate(33px)}.werkwijze-page .proces__item:nth-child(7) .proces__inner{max-width:300px;transform:translate(4px)}}@media (width>=1200px){.werkwijze-page .proces__item:first-child .proces__inner{transform:translate(-326px)}.werkwijze-page .proces__item:nth-child(2) .proces__inner{transform:translate(285px)}.werkwijze-page .proces__item:nth-child(3) .proces__inner{transform:translate(-200px)}.werkwijze-page .proces__item:nth-child(4) .proces__inner{transform:translate(340px)}.werkwijze-page .proces__item:nth-child(5) .proces__inner{transform:translate(-324px)}.werkwijze-page .proces__item:nth-child(6) .proces__inner{transform:translate(296px)}.werkwijze-page .proces__item:nth-child(7) .proces__inner{transform:translate(-230px)}}.werkwijze-page .proces__dot{background:#0c3;border-radius:50%;width:8px;height:8px;display:block;position:absolute;top:10px;left:-50px}.werkwijze-page .proces__dot:before{content:"";opacity:0;border:2px solid #0c3;border-radius:50%;width:30px;height:30px;margin-top:4px;margin-left:4px;transition:transform .5s,opacity .5s;position:absolute;transform:translate(-50%,-50%)scale(0)}@media (width<=1200px){.werkwijze-page .proces__dot:before{width:20px;height:20px}}@media (width>=1200px){.werkwijze-page .proces__dot{left:-75px}.werkwijze-page .proces__item:nth-child(odd) .proces__dot{left:auto;right:-75px}.werkwijze-page .proces__item:first-child .proces__dot{right:-15px}.werkwijze-page .proces__item:nth-child(5) .proces__dot{right:-45px}}.werkwijze-page .proces__item.active .proces__dot:before{opacity:.5;transform:translate(-50%,-50%)scale(1)}.werkwijze-page .proces__number{color:#fff;font-size:160px;font-weight:700;line-height:1;transition:color .3s}@media (width<=1200px){.werkwijze-page .proces__number{font-size:120px}}.werkwijze-page .proces__item.active .proces__number{color:#0c3}.werkwijze-page .proces__title{margin:15px 0;font-size:1.5em;font-weight:900;line-height:1.1}@media (width<=1200px){.werkwijze-page .proces__title{font-size:24px}}.werkwijze-page .proces__content{text-wrap:pretty;margin:0;padding-left:20px;font-size:1.125rem;line-height:1.45}@media (width<=1200px){.werkwijze-page .proces__content{font-size:16px}}.werkwijze-page .long-term{text-align:center}@media (width<=600px){.werkwijze-page .long-term{padding:0}}.werkwijze-page .long-term h2{text-transform:uppercase;margin-bottom:6rem;font-family:obviously-compressed,sans-serif;font-size:10rem;font-weight:900;line-height:1}@media (width<=600px){.werkwijze-page .long-term h2{margin-bottom:0;font-size:5.75rem}}.werkwijze-page .long-term__circled{display:inline-block;position:relative}.werkwijze-page .long-term__circle{pointer-events:none;z-index:1;width:118%;height:165%;position:absolute;top:55%;left:60%;overflow:visible;transform:translate(-50%,-50%)}@media (width<=600px){.werkwijze-page .long-term__circle{display:none}}.werkwijze-page .long-term__circle path{stroke-width:3px;stroke-dasharray:none;stroke-dashoffset:0}.werk-overview{padding:150px 0 90px}@media (width>=600px){.werk-overview{padding:180px 0 120px}}@media (width>=1600px){.werk-overview{padding-left:80px;padding-right:80px}}.werk-overview{margin:0 auto}.werk-overview .werk-hero,.werk-overview .werk-filter,.werk-overview .werk-grid{max-width:none}.werk-overview .werk-hero{padding:0}.werk-overview .werk-hero .claw-mount{aspect-ratio:1920/1080;width:80%;margin:-180px auto 0}@media (width<=1400px){.werk-overview .werk-hero .claw-mount{width:85%}}@media (width<=1200px){.werk-overview .werk-hero .claw-mount{width:90%}}@media (width<=1000px){.werk-overview .werk-hero .claw-mount{aspect-ratio:1920/1380;width:100%;margin:-150px auto 0}}@media (width<=1000px) and (width>=600px){.werk-overview .werk-hero .claw-mount{margin-top:-180px}}.werk-overview .werk-filter{margin-top:-80px;margin-bottom:20px;font-size:.85rem;position:relative}@media (width<=1200px){.werk-overview .werk-filter{margin-top:0}}.werk-overview .werk-filter__bar{align-items:center;gap:14px;display:flex}.werk-overview .werk-filter__toggle{cursor:pointer;font:inherit;z-index:9;color:#fff;letter-spacing:-.01em;text-transform:uppercase;background:#00f;border:none;border-radius:30px;align-items:center;gap:8px;padding:12px 20px 13px 24px;font-size:.85rem;font-weight:700;line-height:1;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:inset 0 -.2em #00000080}.werk-overview .werk-filter__toggle:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0003}.werk-overview .werk-filter__current{opacity:.6}.werk-overview .werk-filter__chevron{transform-origin:75% 60%;border-bottom:2px solid;border-right:2px solid;width:6px;height:6px;transition:transform .2s;transform:rotate(-135deg)}.werk-overview .werk-filter .icon{text-transform:uppercase;letter-spacing:.06em}.werk-overview .werk-filter ul{flex-wrap:wrap;gap:10px 22px;margin:20px 0 0 16px;padding:0;list-style:none;display:flex}.werk-overview .werk-filter ul li{cursor:pointer;border-bottom:2px solid #0000;padding-bottom:2px;transition:border-color .2s}.werk-overview .werk-filter ul li:hover{border-color:#ddd}.werk-overview .werk-filter ul li.active{border-color:#0c3}.werk-overview .werk-filter.is-collapsed ul{display:none}.werk-overview .werk-filter.is-collapsed .werk-filter__chevron{transform:rotate(45deg)}.werk-overview .werk-grid{grid-template-columns:repeat(1,1fr);gap:32px 12px;display:grid}@media (width>=900px){.werk-overview .werk-grid{grid-template-columns:repeat(3,1fr);gap:36px 20px}}@media (width>=1200px){.werk-overview .werk-grid{grid-template-columns:repeat(4,1fr)}}.case-card{color:inherit;flex-direction:column;text-decoration:none;transition:transform .12s cubic-bezier(.2,0,0,1);display:flex}.case-card.is-hidden{display:none}@media (hover:hover) and (width>=900px){.case-card{cursor:none}}@media (width>=900px){.case-card:hover{transform:translateY(-4px)}}.case-card__media{aspect-ratio:1000/1366;background:#f3f3f3;position:relative;overflow:hidden}.case-card__media img,.case-card__media video{object-fit:cover;width:100%;height:100%;display:block}.case-card__media .logo{width:60px;height:40px;position:absolute;top:20px;left:20px}.case-card__media .logo img{object-fit:scale-down;object-position:top left;width:100%;height:100%}.case-card__media .dev-badge{color:#000;background:#fff;justify-content:center;align-items:center;padding:7px 15px;font-size:.85em;display:flex;position:absolute;top:0;right:0}.case-card__body{padding-top:18px}.case-card__body h3{max-width:360px;font-size:1.15em;font-weight:400;line-height:1.35}.case-card__body p{margin-top:8px;font-size:.9em;font-weight:600}.werk-detail{background:#fff;padding:120px 30px 90px}@media (width>=600px){.werk-detail{padding:150px 60px 120px}}@media (width>=900px){.werk-detail{padding:170px 130px 120px}}@media (width>=1600px){.werk-detail{padding-left:calc(50vw - 680px);padding-right:calc(50vw - 680px)}}.werk-detail{margin:0 auto}.werk-detail .back-link{color:#000;opacity:.6;margin-bottom:40px;font-size:.9em;transition:opacity .2s;display:inline-block}.werk-detail .back-link:hover{opacity:1}.case-info .client{align-items:center;margin-bottom:25px;font-size:1em;font-weight:600;display:flex}.case-info .client img{width:45px;margin-right:20px}.case-info h2{margin-bottom:25px;font-size:1.8em;font-weight:600;line-height:1.4}@media (width>=600px){.case-info h2{font-size:2.2em}}.case-info .quotes{margin-bottom:30px}.case-info .quotes blockquote.long p{font-style:italic;font-weight:400}.case-info .quotes blockquote p{margin-bottom:5px;font-weight:600;position:relative}.case-info .quotes blockquote p:before{content:"“";opacity:.2;font-size:2em;position:absolute;top:-10px;left:-30px}.case-info .quotes blockquote p:after{content:"”"}.case-info .quotes blockquote small{font-size:.85em;line-height:1.5;display:inline-block}.case-info ul.timeline{margin-bottom:25px;padding:0;list-style:none;display:flex}.case-info ul.timeline li{text-align:left;padding-right:35px;position:relative}.case-info ul.timeline li:before{content:"";background:#ddd;width:100%;height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.case-info ul.timeline li span{font-size:.9em;display:inline-block}.case-info ul.timeline li .date{margin-bottom:35px}.case-info ul.timeline li .date:before{content:"";background:#fff;border:2px solid #ddd;border-radius:100%;width:12px;height:12px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.case-info ul.timeline li span.content{align-items:center;display:flex}.case-info ul.timeline li span.content img{width:22px;height:22px;margin-right:5px}.case-info ul.timeline li:last-child:before{width:50%}.case-info ul.timeline li:last-child:after{content:"";border-bottom:2px dashed #ddd;width:50%;height:2px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.case-info ul.timeline li.site .date:after{content:" "}.case-info ul.timeline li.site .content a{color:#000;text-underline-offset:3px;font-style:italic;text-decoration:underline 1px #0c3;transition:color .2s}.case-info ul.timeline li.site .content a:hover{text-decoration-color:#00f}.case-info ul.tags{flex-wrap:wrap;padding:0;font-size:.75em;list-style:none;display:flex}.case-info ul.tags li{color:#fff;white-space:nowrap;background:#cbcbcb;border-radius:20px;margin-bottom:10px;margin-right:10px;padding:4px 11px}.case-info .dev-badge{color:#fff;text-transform:uppercase;letter-spacing:.04em;background:#0c3;border-radius:20px;margin-bottom:20px;padding:4px 12px;font-size:.7em;display:inline-block}.case-images{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width>=600px){.case-images{gap:20px}}.case-images .column{flex-direction:column;gap:10px;display:flex}@media (width>=600px){.case-images .column{gap:20px}}.case-images picture{display:block}.case-images picture img{width:100%;height:auto;display:block}.case-images picture.wide{grid-column:1/span 2}.case-images picture.box-shadow{box-shadow:0 0 30px #0000001a}@media (width>=900px){.case-detail[data-layout=sticky]{grid-template-columns:minmax(420px,2fr) 3fr;align-items:start;gap:60px;display:grid}}@media (width>=900px) and (width>=1600px){.case-detail[data-layout=sticky]{grid-template-columns:minmax(300px,1fr) 2fr}}@media (width>=900px){.case-detail[data-layout=sticky] .case-info{align-self:start;position:sticky;top:170px}}.case-detail .case-info{margin-bottom:40px}.other-cases{padding-top:60px}@media (width>=600px){.other-cases{padding-top:90px}}.other-cases.cases>h2{font-size:1.4em}.other-cases .reel{padding-bottom:40px}.all-projects{justify-content:center;display:flex}@media (width<=900px){.all-projects{padding-bottom:30px}}.all-projects__btn{cursor:pointer;color:#fff;letter-spacing:-.01em;text-transform:uppercase;background:#00f;border:none;border-radius:30px;align-items:center;gap:8px;padding:12px 24px 13px;font-size:.85rem;font-weight:700;line-height:1;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:inset 0 -.2em #00000080}.all-projects__btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0003}.blog-overview,.blog-detail{margin:0 auto;padding:150px 30px 90px}@media (width>=600px){.blog-overview,.blog-detail{padding:200px 60px 120px}}@media (width>=1200px){.blog-overview,.blog-detail{padding-left:90px;padding-right:90px}}.blog-overview{max-width:1400px}.blog-overview .blog-intro{max-width:1140px;margin-bottom:60px}.blog-overview .blog-intro h1{letter-spacing:-.02em;font-size:clamp(2.4rem,7vw,4.5rem);font-weight:600;line-height:1.05}.blog-overview .blog-intro p{color:#444;margin-top:16px;font-size:1.05rem;font-weight:300}.blog-overview .blog-empty{color:#444;max-width:1140px;font-size:1.05rem;font-weight:300}.blog-list{max-width:1320px;margin:0;padding:0;list-style:none}.blog-row>a{color:inherit;justify-content:space-between;align-items:baseline;gap:10px 30px;padding:6px 0;text-decoration:none;display:flex}@media (width<=599px){.blog-row>a{flex-direction:column;gap:6px}}.blog-row>a:hover .blog-row__title{color:#00f}.blog-row__title{letter-spacing:-.01em;font-size:1.25rem;font-weight:600;line-height:1.3;transition:color .2s}@media (width>=900px){.blog-row__title{font-size:1.4rem}}.blog-row__date{text-transform:uppercase;letter-spacing:.04em;color:#888;white-space:nowrap;flex:none;font-size:.8rem;font-weight:600}.blog-detail{max-width:1320px}.blog-article__head{margin-bottom:40px}.blog-article__head time{text-transform:uppercase;letter-spacing:.04em;color:#888;font-size:.8rem;font-weight:600}.blog-article__head h1{letter-spacing:-.02em;margin-top:12px;font-size:clamp(2rem,5.5vw,3.4rem);font-weight:600;line-height:1.08}.blog-article__tags{flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none;display:flex}.blog-article__tags li{text-transform:uppercase;letter-spacing:.04em;background:#0000000f;border-radius:30px;padding:5px 11px 6px;font-size:.72rem;font-weight:600}.blog-article__cover{margin:0 0 50px}.blog-article__cover picture{display:block}.blog-article__cover img{width:100%;height:auto;display:block}.blog-article .blog-author{align-items:center;gap:12px;margin-top:22px;display:flex}.blog-article .blog-author__photo{background:#0000000f;border-radius:50%;flex:none;width:44px;height:44px;overflow:hidden}.blog-article .blog-author__photo picture{width:100%;height:100%;display:block}.blog-article .blog-author__photo img{object-fit:cover;object-position:50% 12%;width:100%;height:100%;display:block}.blog-article .blog-author__photo--remote img{object-position:center}.blog-article .blog-author__meta{flex-direction:column;line-height:1.3;display:flex}.blog-article .blog-author__name{font-size:.95rem;font-weight:600}.blog-article .blog-author__role{color:#888;font-size:.8rem;font-weight:300}.blog-article__back{border-top:1px solid #0000001a;margin-top:70px;padding-top:30px}.blog-article__back a{color:inherit;border-bottom:2px solid #0c3;padding-bottom:2px;font-size:.9rem;font-weight:600;text-decoration:none}.blog-article__back a:hover{color:#00f;border-color:#00f}.blog-article .notion-content{font-size:1.6rem;font-weight:300;line-height:1.7}.blog-article .notion-content>*+*{margin-top:1.1em}.blog-article .notion-content h1,.blog-article .notion-content h2,.blog-article .notion-content h3{letter-spacing:-.01em;margin-top:2em;font-weight:600;line-height:1.2}.blog-article .notion-content>:first-child{margin-top:0}.blog-article .notion-content h1{font-size:1.9rem}.blog-article .notion-content h2{font-size:1.5rem}.blog-article .notion-content h3{font-size:1.2rem}.blog-article .notion-content a{color:#00f;text-underline-offset:3px;text-decoration:underline}.blog-article .notion-content strong{font-weight:600}.blog-article .notion-content ul,.blog-article .notion-content ol{padding-left:1.3em}.blog-article .notion-content ul li+li,.blog-article .notion-content ol li+li{margin-top:.4em}.blog-article .notion-content blockquote{border-left:3px solid #0c3;margin-left:0;margin-right:0;padding:4px 0 4px 24px;font-size:1.6rem;font-style:italic;font-weight:300;line-height:1.45}.blog-article .notion-content figure{margin:2.2em 0}.blog-article .notion-content figure picture{display:block}.blog-article .notion-content figure img{width:100%;height:auto;display:block}.blog-article .notion-content figure figcaption{color:#888;margin-top:10px;font-size:.85rem}.blog-article .notion-content pre{color:#f4f4f4;background:#111;border-radius:4px;padding:22px 24px;font-size:.85rem;line-height:1.6;overflow-x:auto}.blog-article .notion-content pre code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.blog-article .notion-content p code,.blog-article .notion-content li code{background:#0000000f;border-radius:3px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em}.blog-article .notion-content hr{border:0;border-top:1px solid #0000001f;margin:2.5em 0}.blog-article .notion-content .callout{background:#00cc3314;border-left:3px solid #0c3;gap:14px;padding:20px 24px;display:flex}.blog-article .notion-content .callout .callout-icon{line-height:1.5}.blog-article .notion-content .todo-item{align-items:center}.blog-article .notion-content .todo-item .checked{color:#888}.blog-article .notion-content details{border-bottom:1px solid #0000001a;padding-bottom:.8em}.blog-article .notion-content details summary{cursor:pointer;font-weight:600}.blog-article .notion-content p:empty{display:none}@media (width<=700px){.blog-article .notion-content{font-size:1.1rem}.blog-article .notion-content .columns{flex-direction:column}}.link-preview{z-index:900;pointer-events:none;opacity:0;visibility:hidden;background:#fff;border-radius:12px;width:300px;max-width:calc(100vw - 24px);transition:opacity .16s,transform .16s,visibility 0s linear .16s;position:fixed;top:0;left:0;overflow:hidden;transform:translateY(4px);box-shadow:0 1px 2px #0000000f,0 12px 32px #00000029}.link-preview.is-visible{opacity:1;visibility:visible;transition-delay:0s;transform:none}.link-preview--below{transform:translateY(-4px)}.link-preview__image{aspect-ratio:16/9;object-fit:cover;background:#0000000f;width:100%;display:block}.link-preview__body{flex-direction:column;gap:3px;padding:12px 14px 14px;display:flex}.link-preview__site{text-transform:uppercase;letter-spacing:.04em;color:#00f;font-size:.7rem;font-weight:600}.link-preview__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.92rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.link-preview__description{color:#666;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.8rem;font-weight:300;line-height:1.45;display:-webkit-box;overflow:hidden}@media (prefers-reduced-motion:reduce){.link-preview{transition:opacity 10ms linear,visibility;transform:none}}.contact-darkmode{align-items:center;width:100vw;max-width:none;height:100vh;margin-left:calc(50% - 50vw);display:flex;position:relative;overflow:hidden}@media (width<=1000px){.contact-darkmode{justify-content:center}}.contact-darkmode .contact-card{width:320px;max-width:50vw}@media (width>=1600px){.contact-darkmode .contact-card{margin-left:81px}}.contact-darkmode .contact-card .contact-card__link{color:inherit;text-decoration:none;display:block}.contact-darkmode .contact-card .demo-card__wrap{width:100%;position:relative}.contact-darkmode .contact-card .demo-card__wrap .demo-card{width:100%;position:relative;overflow:hidden}.contact-darkmode .contact-card .demo-card__wrap .demo-card .demo-card__before{pointer-events:none;padding-top:150%}.contact-darkmode .contact-card .demo-card__wrap .demo-card .demo-card__image{object-fit:cover;width:100%;max-width:none;height:100%;position:absolute;top:0;left:0}.contact-darkmode .contact-card .demo-card__meta{color:#000;padding-top:.75em;transition:color .5s cubic-bezier(.4,0,.2,1)}.contact-darkmode .contact-card .demo-card__meta .demo-card__h3{margin-top:.3em;margin-bottom:.3em;font-size:.9em;font-weight:700;line-height:1}.contact-darkmode .contact-card .demo-card__meta .demo-card__h3.demo-card__h3--wide{white-space:nowrap;width:max-content}.contact-darkmode .contact-card .demo-card__meta .demo-card__h3:after{content:"";vertical-align:-.15em;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M13.06 3.06005L14.56 4.56005C14.8411 4.84143 15.2224 4.9997 15.62 5.00005H17.5C17.8979 5.00005 18.2794 5.15808 18.5607 5.43939C18.842 5.72069 19 6.10222 19 6.50005V8.38005C19.0004 8.77774 19.1587 9.15901 19.44 9.44005L20.94 10.94C21.0803 11.0786 21.1917 11.2437 21.2677 11.4257C21.3438 11.6076 21.3829 11.8028 21.3829 12C21.3829 12.1972 21.3438 12.3925 21.2677 12.5744C21.1917 12.7564 21.0803 12.9215 20.94 13.06L19.44 14.56C19.1587 14.8411 19.0004 15.2224 19 15.62V17.5C19 17.8979 18.842 18.2794 18.5607 18.5607C18.2794 18.842 17.8979 19 17.5 19H15.62C15.2224 19.0004 14.8411 19.1587 14.56 19.44L13.06 20.94C12.9215 21.0803 12.7564 21.1917 12.5744 21.2677C12.3925 21.3438 12.1972 21.3829 12 21.3829C11.8028 21.3829 11.6076 21.3438 11.4257 21.2677C11.2437 21.1917 11.0786 21.0803 10.94 20.94L9.44005 19.44C9.15901 19.1587 8.77774 19.0004 8.38005 19H6.50005C6.10222 19 5.72069 18.842 5.43939 18.5607C5.15808 18.2794 5.00005 17.8979 5.00005 17.5V15.62C4.9997 15.2224 4.84143 14.8411 4.56005 14.56L3.06005 13.06C2.91976 12.9215 2.80837 12.7564 2.73235 12.5744C2.65633 12.3925 2.61719 12.1972 2.61719 12C2.61719 11.8028 2.65633 11.6076 2.73235 11.4257C2.80837 11.2437 2.91976 11.0786 3.06005 10.94L4.56005 9.44005C4.84143 9.15901 4.9997 8.77774 5.00005 8.38005V6.50005C5.00005 6.10222 5.15808 5.72069 5.43939 5.43939C5.72069 5.15808 6.10222 5.00005 6.50005 5.00005H8.38005C8.77774 4.9997 9.15901 4.84143 9.44005 4.56005L10.94 3.06005C11.0786 2.91976 11.2437 2.80837 11.4257 2.73235C11.6076 2.65633 11.8028 2.61719 12 2.61719C12.1972 2.61719 12.3925 2.65633 12.5744 2.73235C12.7564 2.80837 12.9215 2.91976 13.06 3.06005Z' fill='%2300cc33'/><path d='M8.5 11.5L11 14L15 10' stroke='white' stroke-width='1.5' stroke-miterlimit='10'/></svg>");background-repeat:no-repeat;background-size:contain;width:1em;height:1em;margin-left:.35em;display:inline-block}.contact-darkmode .contact-card .demo-card__meta .demo-card__job-title-p{opacity:.67;margin-top:.4em;margin-bottom:.4em;font-size:.9em;font-weight:500;line-height:1}.contact-darkmode .contact-marquee{z-index:0;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}@media (width<=1000px){.contact-darkmode .contact-marquee{align-items:flex-start;padding-top:15vh}}.contact-darkmode .contact-marquee .contact-marquee__track{flex-wrap:nowrap;width:max-content;text-decoration:none;animation:30s linear infinite contact-marquee;display:flex}@media (width>=900px){.contact-darkmode .contact-marquee .contact-marquee__track{cursor:none}}.contact-darkmode .contact-marquee .contact-marquee__track:hover .clickable-text{color:#000;filter:none}.contact-darkmode .contact-marquee .clickable-text{white-space:nowrap;text-transform:uppercase;color:#fff;filter:drop-shadow(-2px 0 #0c3)drop-shadow(2px 0 #0c3)drop-shadow(0 -2px #0c3)drop-shadow(0 2px #0c3);flex:none;padding-right:.25em;font-family:obviously-compressed,sans-serif;font-size:20rem;font-style:italic;font-weight:900;line-height:.65;transition:color .5s cubic-bezier(.4,0,.2,1)}@media (width<=1600px){.contact-darkmode .contact-marquee .clickable-text{font-size:18rem}}@media (width<=1200px){.contact-darkmode .contact-marquee .clickable-text{font-size:16rem}}@media (width<=800px){.contact-darkmode .contact-marquee .clickable-text{font-size:14rem}}@media (width<=600px){.contact-darkmode .contact-marquee .clickable-text{font-size:12rem}}.contact-darkmode .mail-cursor{z-index:60;pointer-events:none;color:#fff;white-space:nowrap;opacity:0;transform:translate3d(var(--x,0), var(--y,0), 0) translate(-50%, -50%);background:#0c3;border-radius:0 30px 30px;align-items:center;gap:.45em;padding:.55em .9em .55em .75em;font-size:1rem;font-weight:600;transition:opacity .15s;display:none;position:fixed;top:0;left:0;box-shadow:0 6px 20px #00000040}@media (width>=900px){.contact-darkmode .mail-cursor{display:flex}}.contact-darkmode .mail-cursor.is-visible{opacity:1}.contact-darkmode .mail-cursor__icon{flex:none;width:1.2em;height:1.2em}.contact-darkmode .cta{color:#fff;justify-content:center;align-items:center;gap:10px;text-decoration:none;display:flex;position:absolute;top:75%}.contact-darkmode .cta .mail{text-transform:uppercase;font-family:obviously-compressed,sans-serif;font-size:4rem;font-style:italic;font-weight:700}.contact-darkmode .cta:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 133 129'%3E%3Cpath fill='white' d='M74.6458 111.163L92.9043 94.7837L101.094 103.913L73.7061 128.482L40.9478 91.9646L50.0771 83.7751L74.6458 111.163ZM111.163 78.4046L92.9043 94.7837L84.7148 85.6544L102.973 69.2753L111.163 78.4046ZM121.232 52.8962L102.973 69.2753L94.7837 60.1461L113.042 43.7669L121.232 52.8962ZM131.301 27.3878L113.042 43.7669L104.853 34.6377L123.111 18.2585L131.301 27.3878ZM77.4649 59.2064L50.0771 83.7751L41.8875 74.6458L69.2753 50.0771L77.4649 59.2064ZM132.24 10.0689L123.111 18.2585L114.922 9.12926L124.051 0.939689L132.24 10.0689ZM35.5773 30.8789L17.3188 47.258L41.8875 74.6458L32.7583 82.8354L0 46.3184L27.3878 21.7497L35.5773 30.8789ZM114.922 9.12926L96.6631 25.5084L88.4735 16.3791L106.732 1.81134e-06L114.922 9.12926ZM88.4735 16.3791L70.215 32.7583L62.0254 23.629L80.2839 7.24988L88.4735 16.3791ZM62.0254 23.629L43.7669 40.0082L35.5773 30.8789L53.8359 14.4998L62.0254 23.629Z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;flex:none;width:21px;height:20px}@media (width>=900px){.contact-darkmode .cta{display:none}}body.is-contact-dark{background:#000}body.is-contact-dark .contact-darkmode .contact-marquee .clickable-text{color:#000}body.is-contact-dark .contact-darkmode .contact-card .demo-card__meta,body.is-contact-dark .contact-darkmode .contact-marquee .contact-marquee__track:hover .clickable-text{color:#fff}@keyframes contact-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.curtain{z-index:1000;opacity:1;visibility:visible;transition:opacity 1s cubic-bezier(.2,.6,.35,1) 1.8s,visibility 1s cubic-bezier(.2,.6,.35,1) 1.8s,transform 1s cubic-bezier(.5,.05,.7,.2) 1.2s;position:fixed;inset:0}.curtain .curtain-background{transform-origin:top;background-color:#0c3;transition:transform .8s cubic-bezier(.77,0,.175,1) 1.2s;position:absolute;inset:0}.curtain .curtain-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=600px){.curtain .curtain-logo{max-width:160px}}.curtain .curtain-logo{max-width:320px;transition:transform .6s cubic-bezier(.5,.05,.7,.2) 1s,opacity .8s cubic-bezier(.2,.6,.35,1) 1.2s}.curtain .curtain-logo svg{fill:#fff;width:100%;position:relative}.curtain .curtain-logo:after{content:"";opacity:1;transform-origin:100%;background-color:#0c3;transition:transform .8s cubic-bezier(.5,.05,.7,.2);position:absolute;inset:0}body.loading .curtain{opacity:0;visibility:hidden;transform:translateY(-100%)}body.loading .curtain .curtain-background{transition-delay:1.2s;transform:scaleY(.0001)}body.loading .curtain .curtain-logo{opacity:0;transform:translate(-50%,-50%)translateY(-60px)}body.loading .curtain .curtain-logo:after{transform:scaleX(0)}.title-line-container{pointer-events:none;width:100%;margin-bottom:-15px;padding-bottom:15px;display:flex;overflow:hidden}@media (width>=1600px){.title-line-container{margin-bottom:-20px;padding-bottom:20px}}.title-line-container .title-line{transition:transform 1.2s cubic-bezier(.165,.84,.44,1) .2s;transform:translateY(100%)}.payoff-line-container{pointer-events:none;width:100%;display:flex;overflow:hidden}.payoff-line-container .payoff-line{transition:transform 1.2s;transform:translateY(100%)}.image-slider:after,.office-slider:after,.arrow-down:after{content:"";transform-origin:top;background-color:#fff;transition:transform 1s cubic-bezier(.25,.05,.1,.94);position:absolute;inset:0}body.is-loaded .image-slider:after,body.is-loaded .office-slider:after,body.is-loaded .arrow-down:after{transform:scaleY(0)}body.is-loaded span.title-line-container span.title-line{transform:translateY(5px)}body.is-loaded span.payoff-line-container span.payoff-line{transform:translateY(0)}.chat-trigger{z-index:9;color:#fff;letter-spacing:-.01em;text-transform:uppercase;cursor:pointer;background:#00f;border:none;border-radius:30px;padding:12px 24px 13px;font-size:.85rem;font-weight:700;line-height:1;transition:transform .2s,box-shadow .2s;position:fixed;bottom:30px;right:30px;box-shadow:inset 0 -.2em #00000080}.chat-trigger:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0003}#chat-drawer{color:#000;z-index:10;opacity:0;background:#fff;border:none;outline:none;width:100%;max-width:480px;height:100%;max-height:100%;margin:0;padding:0;transition:transform .3s,opacity .3s;position:fixed;inset:0;transform:translate(100%)}#chat-drawer[open]{flex-direction:column;display:flex;overflow:hidden}#chat-drawer.is-open{opacity:1;transform:translate(0)}#chat-drawer::backdrop{background:#00000080}@media (width>=600px){#chat-drawer{left:auto}}#chat-drawer .drawer-header{border-bottom:1px solid #00000014;flex-shrink:0;justify-content:space-between;align-items:center;padding:24px 30px 20px;display:flex}#chat-drawer .drawer-header .drawer-title{letter-spacing:-.02em;text-transform:uppercase;font-size:1.1rem;font-weight:600}#chat-drawer .drawer-close{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;margin:-10px -10px -10px 0;padding:10px;transition:transform 1s;display:flex;transform:rotate(-45deg)}#chat-drawer .drawer-close:hover{transform:rotate(-1845deg)}#chat-drawer .drawer-close>span{background:#000;width:22px;height:2px;display:block;position:relative}#chat-drawer .drawer-close>span>span{background:#000;width:2px;height:22px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}#chat-drawer .chat-messages{overscroll-behavior:contain;flex-direction:column;flex:1;gap:4px;padding:20px 30px 10px;display:flex;overflow-y:auto}#chat-drawer .chat-messages .chat-spacer{flex:1}#chat-drawer .indicator{opacity:0;pointer-events:none;flex-shrink:0;padding:10px 30px;transition:opacity .3s;display:flex}#chat-drawer .indicator.show{opacity:1}#chat-drawer .indicator span{transform-origin:50% 0;background:#0000002e;border-radius:100%;width:10px;height:10px;animation:1s ease-in-out infinite alternate bounceDot}#chat-drawer .indicator span+span{margin-left:8px;animation-delay:.2s}#chat-drawer .indicator span+span+span{animation-delay:.4s}#chat-drawer .user-replies{border-top:1px solid #00000014;flex-wrap:wrap;flex-shrink:0;place-content:flex-start flex-end;gap:8px;min-height:76px;padding:14px 30px 30px;display:flex}#chat-drawer .user-replies button{color:#fff;opacity:.6;cursor:pointer;background:#000;border:none;border-radius:25px;padding:11px 18px 10px;font-size:.9rem;line-height:1.4;transition:opacity .2s}#chat-drawer .user-replies button:hover{opacity:1}.msg-block{flex-direction:column;max-width:85%;display:flex}.msg-block.bot{align-self:flex-start}.msg-block.user{align-self:flex-end}.msg-block.user .msg{color:#fff;background:#000}.msg-block.user .time-send{text-align:right}.msg-block .msg-group{flex-direction:column;display:flex}.msg-block .msg-group>div:first-child:not(:last-child) .msg{border-bottom-left-radius:6px}.msg-block .msg-group>div:not(:first-child):not(:last-child) .msg{border-top-left-radius:6px;border-bottom-left-radius:6px}.msg-block .msg-group>div:last-child:not(:first-child) .msg{border-top-left-radius:6px}.msg-block .msg-group .msg{opacity:0;transition:opacity .5s,transform .5s cubic-bezier(.25,.05,.1,.94);transform:translateY(12px)}.msg-block .msg-group .msg.show{opacity:1;transform:translateY(0)}.msg-block .msg-group .msg{color:#fff;background:#0c3;border-radius:20px;max-width:280px;margin-bottom:3px;padding:11px 16px 10px;font-size:.95rem;line-height:1.5;display:inline-block}.msg-block .msg-group .msg a{color:inherit}.msg-block .msg-group .msg .msg-att{background:#0000002e;border-radius:8px 8px 18px 0;width:calc(100% + 30px);margin-top:10px;margin-bottom:-8px;margin-left:-15px;padding:10px;font-size:.8em;line-height:1.5;display:flex}.msg-block .msg-group .msg .msg-att .person-img{border-radius:100%;flex-shrink:0;width:44px;height:44px;margin-right:10px;overflow:hidden}.msg-block .msg-group .msg .msg-att .person-img picture,.msg-block .msg-group .msg .msg-att .person-img img{object-fit:contain;object-position:top right;width:100%;height:200%;display:block}.msg-block .msg-group .msg .msg-att .person-details{flex-wrap:wrap;align-content:center;align-items:center;display:flex}.msg-block .msg-group .msg .msg-att .name{flex-wrap:wrap;align-items:baseline;gap:0 4px;width:100%;display:flex}.msg-block .msg-group .msg .msg-att .name h4{font-weight:400;font-size:inherit;margin:0}.msg-block .msg-group .msg .msg-att .name h4:after{content:"·";margin-left:4px}.msg-block .msg-group .msg .msg-att .name p{font-size:inherit;margin:0}.msg-block .msg-group .msg .msg-att ul{gap:8px;margin:0;padding:0;list-style:none;display:flex}.msg-block .msg-group .msg .msg-att ul a{color:inherit}.msg-block .time-send{opacity:0;margin:2px 4px 8px;font-size:.7rem;transition:opacity .4s}.msg-block .time-send.show{opacity:.45}.chat-pool{display:none}@keyframes bounceDot{0%{transform:translateY(0)}50%{transform:translateY(-120%)}to{transform:translateY(0)}}.map{padding-left:calc(19.125vw - 18.25px);line-height:0;display:none;position:relative;overflow:hidden}@media (width>=900px){.map{display:block}}@media (width>=1600px){.map{padding-left:calc(50vw - 558px)}}.map img{width:100%}.map #boaty,.map #mcboatface{position:absolute;inset:0 0 0 auto}.map #boaty{width:auto;height:100%;margin-right:-11%}section.partners{margin-top:0;margin-bottom:60px}@media (width>=600px){section.partners{margin-top:90px;margin-bottom:0}}section.partners>h2{text-align:left;margin-bottom:15px;font-size:2em;font-weight:400}@media (width>=600px){section.partners>h2{text-align:center;margin-bottom:45px}}.logo-wall{justify-content:center;width:100%;display:flex}.logo-wall__collection{width:100%}.logo-wall__list{flex-flow:wrap;display:flex}.logo-wall__item{width:25%;position:relative}[data-logo-wall-list] [data-logo-wall-item]:nth-child(n+9){display:none}.logo-wall__logo{justify-content:center;align-items:center;display:flex;position:relative}.logo-wall__logo-before{padding-top:66.66%}@media (width>=992px){.logo-wall__logo-before{padding-top:50%}}.logo-wall__logo-target{justify-content:center;align-items:center;width:66.66%;height:50%;display:flex;position:absolute}.logo-wall__logo-img{object-fit:contain;width:100%;height:100%}.logo-wall__logo-img.combell{max-width:144px}@media (width>=1200px){.logo-wall__logo-img.combell{max-width:200px}}.logo-wall__logo-img.figlo{max-width:86px}@media (width>=1200px){.logo-wall__logo-img.figlo{max-width:90px}}.logo-wall__logo-img.hexon{max-width:173px}@media (width>=1200px){.logo-wall__logo-img.hexon{max-width:200px}}.logo-wall__logo-img.dif{max-width:130px}@media (width>=1200px){.logo-wall__logo-img.dif{max-width:134px}}.logo-wall__logo-img.ockto{max-width:144px}@media (width>=1200px){.logo-wall__logo-img.ockto{max-width:160px}}.logo-wall__logo-img.jimmys{max-width:137px}@media (width>=1200px){.logo-wall__logo-img.jimmys{max-width:146px}}.logo-wall__logo-img.google{max-width:130px}@media (width>=1200px){.logo-wall__logo-img.google{max-width:136px}}.logo-wall__logo-img.mailchimp{max-width:158px}@media (width>=1200px){.logo-wall__logo-img.mailchimp{max-width:167px}}.logo-wall__logo-img.mollie,.logo-wall__logo-img.ilsa{max-width:115px}@media (width>=1200px){.logo-wall__logo-img.mollie,.logo-wall__logo-img.ilsa{max-width:120px}}.logo-wall__logo-img.spotler,.logo-wall__logo-img.flexmail{max-width:122px}@media (width>=1200px){.logo-wall__logo-img.spotler,.logo-wall__logo-img.flexmail{max-width:130px}}.logo-wall__logo-img.datakeeper{max-width:286px}@media (width>=1200px){.logo-wall__logo-img.datakeeper{max-width:262px}}.logo-wall__logo-img.lef{max-width:130px}@media (width>=1200px){.logo-wall__logo-img.lef{max-width:140px}}@media screen and (width<=991px){.logo-wall__item{width:50%}.logo-wall__logo-target{justify-content:flex-start;left:0}.logo-wall__logo-img{object-position:left center}[data-logo-wall-list] [data-logo-wall-item]:nth-child(n+7){display:none}}.cursor-wrapper,.own-cursor-wrapper{background:url(svgs/cursor.svg) no-repeat;width:12px;height:18px;display:inline-block;position:absolute}.cursor-wrapper img,.own-cursor-wrapper img{width:16px;height:10px;position:absolute;top:100%;left:100%}.own-cursor-wrapper{background:0 0}@media (width<=600px){.own-cursor-wrapper{background:#000;border-radius:100%;width:10px;height:10px}}#cursors{pointer-events:none;position:fixed;inset:0}@keyframes case-cover-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes case-cover-under{0%{filter:brightness();transform:translate(0)}to{filter:brightness(.4);transform:translate(-16%)}}@keyframes case-uncover-out{0%{transform:translate(0)}to{transform:translate(100%)}}@media (width<=899px){:root.case-slide::view-transition-old(root),:root.case-slide::view-transition-new(root){mix-blend-mode:normal;animation-duration:.42s;animation-timing-function:cubic-bezier(.32,.72,0,1);animation-fill-mode:both}:root.case-slide::view-transition-old(root){animation-name:case-cover-under}:root.case-slide::view-transition-new(root){animation-name:case-cover-in;box-shadow:-24px 0 60px #00000073}:root.case-slide.case-slide-back::view-transition-old(root){z-index:1;animation-name:case-uncover-out;box-shadow:-24px 0 60px #00000073}:root.case-slide.case-slide-back::view-transition-new(root){box-shadow:none;z-index:0;animation-name:none}}@media (prefers-reduced-motion:reduce){:root.case-slide::view-transition-old(root),:root.case-slide::view-transition-new(root){animation:none}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}.big_data[data-astro-cid-z4jru4n3]{flex-wrap:wrap;max-width:100%;display:inline-flex}.big_data[data-astro-cid-z4jru4n3] .char[data-astro-cid-z4jru4n3]{white-space:normal;display:inline-block;position:static!important}.big_data[data-astro-cid-z4jru4n3] .char[data-astro-cid-z4jru4n3]:nth-child(3):after,.big_data[data-astro-cid-z4jru4n3] .char[data-astro-cid-z4jru4n3]:nth-child(7):after{content:"";width:.25em;display:inline-block}