.st0[data-v-0cbdb79a]{fill-rule:evenodd;clip-rule:evenodd}.contact-page[data-v-73802db2]{background:linear-gradient(45deg,#ff0,green)}body,html{font-family:Teko,sans-serif;font-size:16px}@media screen and (max-height:600px){body,html{font-size:2vh}}@media screen and (max-width:1000px){body,html{font-size:calc(8px + .5vw)}}body h1,html h1{font-size:2rem}body h2,html h2{font-size:1.5rem}body label,body p,body span,html label,html p,html span{font-size:1rem}body .content,body .title-panel,html .content,html .title-panel{font-family:Open Sans,sans-serif}body img,html img{-webkit-user-select:none;-ms-user-select:none;user-select:none}.about-page .nav-bar,.landing-page .nav-bar{--main-blokje-color:#fff;--active-blokje-color:#fff;--ynk-logo-color:#fff}.clients-page .nav-bar{--main-blokje-color:#fff;--active-blokje-color:#fc0;--text-color:#fff;--text-active-color:#fc0}.nav-bar{position:absolute;bottom:0;left:0;width:100%;z-index:2;--main-blokje-color:#fc0;--active-blokje-color:#fc0;--ynk-logo-color:#fc0}.nav-bar .custom-css-grid{display:grid;grid-template-columns:repeat(6,16.66667%);grid-template-rows:1fr}.nav-bar .custom-css-grid>div:first-child{grid-column-start:1}.nav-bar .custom-css-grid .logo{grid-column:3/span 2}@media screen and (min-width:1000px){.nav-bar .custom-css-grid{grid-template-columns:repeat(12,8.33333%)}.nav-bar .custom-css-grid>div:first-child{grid-column-start:4}.nav-bar .custom-css-grid .logo{grid-column:6/span 2}}.nav-bar .block{text-align:right;height:50%;cursor:pointer;font-family:Oswald,sans-serif;text-transform:uppercase;line-height:1;-webkit-user-select:none;-ms-user-select:none;user-select:none}.nav-bar .block>*{display:inline-block;vertical-align:top}.nav-bar .block.logo{text-align:center;margin-bottom:2rem;padding:0 .5rem}.nav-bar .block.logo svg{max-width:100%}.nav-bar .block.logo svg>*{fill:var(--ynk-logo-color)}.nav-bar .block.logo~div{text-align:left}.nav-bar .block .blokje{width:1rem;height:1rem;background-color:var(--main-blokje-color);display:inline-block;margin-right:.25rem}.nav-bar .block span{color:var(--text-color)}.nav-bar .block.active{color:var(--active-blokje-color)}.nav-bar .block.active .blokje{background-color:var(--active-blokje-color)}.nav-bar .block.active span{color:var(--text-active-color)}.button,button{background:transparent;border:none;cursor:pointer;outline:none}.button.view-case-button,button.view-case-button{line-height:1;font-family:Abel;font-size:1.25rem;text-transform:uppercase}.button.view-case-button:hover,button.view-case-button:hover{text-decoration:underline}.button.view-case-button:before,button.view-case-button:before{content:"";display:inline-block;height:1rem;width:1rem;margin-right:.5rem;vertical-align:middle;position:relative;top:-2px;background-color:#000}.scroll-indicator{position:relative;width:calc(10px + .5vw + .5vh);margin:0 auto 1rem auto}.scroll-indicator .wheel{position:absolute;top:7%;left:50%;transform:translateX(-50%);width:20%;padding-bottom:20%;height:0;background-color:#000;border-radius:100px}.main-layout{min-height:var(--vh100)}.main-layout>.main-content{position:relative;height:100%}.main-layout>.main-content>div{position:relative;min-height:var(--vh100);width:100%}.main-layout>.main-content>div.clip{-webkit-mask-image:url(/static/img/ynk-logo.svg);mask-image:url(/static/img/ynk-logo.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center center;mask-position:center center}.css-grid-main{display:grid;grid-template-columns:repeat(12,8.33333%);grid-template-rows:repeat(12,calc(var(--vh100)/12));overflow:hidden}.css-grid-main .title{grid-column-start:2;grid-column-end:span 8;grid-row-start:2;grid-row-end:span 2;z-index:2}.css-grid-main .title-panel{grid-column-start:2;grid-column-end:span 4;grid-row-start:4;grid-row-end:span 6;z-index:1;margin-top:calc(var(--vh100)/24);margin-bottom:calc(var(--vh100)/24)}.css-grid-main .visual{grid-column-start:4;grid-column-end:13;grid-row-start:1;grid-row-end:13}@media screen and (min-width:1000px){.css-grid-main .title{grid-column-start:2;grid-column-end:span 3;grid-row-start:2;grid-row-end:span 2}.css-grid-main .title-panel{grid-column-start:2;grid-column-end:span 2;grid-row-start:3;grid-row-end:span 5}}.css-grid-wrapper{overflow-x:hidden;overflow-y:auto}.scroll-wrapper{width:400%;height:var(--vh100)}@media screen and (min-width:1000px){.scroll-wrapper{width:200%}}.scroll-inner{display:flex}.details{z-index:2}.details .css-grid-main{grid-template-columns:repeat(48,16.66667vw)}@media screen and (min-width:1000px){.details .css-grid-main{grid-template-columns:repeat(24,8.33333vw)}}.details .css-grid-main .title{grid-column-start:2;grid-row-start:2}.details .css-grid-main .title-img{grid-column:3/span 4;grid-row:3/span 5}.details .css-grid-main .title-panel{grid-column-start:2;grid-row-start:4;grid-row-end:span 8}@media screen and (min-width:1000px){.details .css-grid-main .title-panel{grid-row-end:span 8;grid-column-end:span 3}}.landing-page{background-color:#fc0;display:flex;flex-direction:column;align-items:center;justify-content:center}.landing-page h1{font-size:8rem}.landing-page .visual{position:relative;width:50vw;text-align:right}.landing-page .visual .ynk-logo{width:100%;display:block}.landing-page .visual h1{font-size:3.5vw;position:absolute;right:0}.css-grid-main .title h1{font-size:6.8rem;font-size:10.83333vh;line-height:.84;font-weight:500;margin:0;padding-left:.8rem}.css-grid-main .title-panel .actual-panel{display:block;background-color:#fff;color:#000;padding:1rem;padding-top:4.16667vh;padding-bottom:4.16667vh;margin-bottom:1rem;min-height:16.66667vh;max-height:100%}.css-grid-main .title-panel .actual-panel :first-child{margin-top:.5rem}.css-grid-main .title-panel .actual-panel :last-child{margin-bottom:0}.details .css-grid-main img{object-fit:cover}.details .css-grid-main .title{z-index:3}.details .css-grid-main .title-img{z-index:2}.details .css-grid-main .title-img img{position:relative;top:4.16667vh;height:33.33333vh;max-height:100%;max-width:100%}.details .css-grid-main .title-panel{z-index:1}.details .css-grid-main .title-panel .actual-panel{padding-top:25vh}.details .css-grid-main .content-block{position:relative;background-color:#fff;grid-column:var(--grid-column);grid-row:var(--grid-row)}.details .css-grid-main .content-block p{margin:0}.details .css-grid-main .content-block .content{padding:1rem}.details .css-grid-main .content-block .content ul{padding:0}.details .css-grid-main .content-block.wide{background-color:transparent}.details .css-grid-main .content-block.wide img{position:relative;width:33.33333%;height:100%;object-fit:cover;float:left;z-index:2}.details .css-grid-main .content-block.wide .content{position:relative;top:1rem;left:1rem;margin-right:1rem;height:100%;background-color:#fff}.details .css-grid-main .content-block.tall{padding:.5rem}.details .css-grid-main .content-block.clear{background:transparent;color:#fff}.details .css-grid-main .content-block[data-index="7"] img{width:40%;height:100%;float:left;object-fit:cover;margin-right:1rem}.details .css-grid-main .content-block[data-index="7"] .content{padding-top:0}.details .css-grid-main .content-block[data-index="7"] .content h3{margin-top:0}.about-page{background-color:#fc0}.about-page .css-grid-main .title{grid-column-end:12;grid-row-start:2;grid-row-end:2}.about-page .css-grid-main .title-panel{grid-row-start:3;grid-row-end:9;margin-bottom:0}.about-page .css-grid-main .tech-grid{grid-column-start:6;grid-column-end:12;grid-row-start:4;grid-row-end:9;display:grid;grid-template-columns:repeat(6,16.66667%);grid-template-rows:repeat(5,20%)}.about-page .css-grid-main .tech-grid .block{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.25rem .25rem 0 .25rem;box-shadow:inset 0 0 0 1px #fc0,inset 0 0 0 2px #000;cursor:pointer;transition:all .25s ease-out}.about-page .css-grid-main .tech-grid .block.wide{grid-column-end:span 2}.about-page .css-grid-main .tech-grid .block .icon-wrapper{width:60%;height:60%;margin-bottom:.25rem}.about-page .css-grid-main .tech-grid .block img{max-width:100%;max-height:100%}.about-page .css-grid-main .tech-grid .block p{margin:0 auto;line-height:1;font-size:1.2rem}.about-page .css-grid-main .tech-grid .block:last-of-type{grid-column-end:span 6}.about-page .css-grid-main .tech-grid .block:hover{background-color:#000}.about-page .css-grid-main .tech-grid .block:hover p{color:#fff}.about-page .css-grid-main .tech-grid .block:hover img{-webkit-filter:invert(1);filter:invert(1)}@media screen and (min-width:1000px){.about-page .css-grid-main .title-panel{grid-row-start:2;grid-column-end:span 3;grid-row-end:span 9;margin-bottom:4.16667vh}.about-page .css-grid-main .title-panel .actual-panel{min-height:100%}}.clients-page{background-color:#000}.clients-page .css-grid-main .title{grid-column-end:12;text-align:center;text-transform:uppercase}.clients-page .css-grid-main .title h1{color:#fc0}.clients-page .css-grid-main .client-grid{grid-column:2/span 10;grid-row:4/span 7;display:grid;grid-template-columns:repeat(10,10%);grid-template-rows:repeat(7,14.28571%)}.clients-page .css-grid-main .client-grid .block{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #fc0;cursor:pointer;transition:all .25s ease-out}.clients-page .css-grid-main .client-grid .block.wide{grid-column-end:span 2}.clients-page .css-grid-main .client-grid .block img{margin-bottom:.25rem;max-height:100%;-webkit-filter:invert(.5);filter:invert(.5);transition:-webkit-filter .3s ease-out;transition:filter .3s ease-out;transition:filter .3s ease-out,-webkit-filter .3s ease-out}.clients-page .css-grid-main .client-grid .block p{margin:0 auto;line-height:1;font-size:1.2rem;color:#fc0}.clients-page .css-grid-main .client-grid .block:hover{background-color:#000}.clients-page .css-grid-main .client-grid .block:hover p{color:#fff}.clients-page .css-grid-main .client-grid .block:hover img{-webkit-filter:invert(.9);filter:invert(.9)}.clients-page .css-grid-main .payoff{grid-column:2/span 10;grid-row:9;color:#fc0;text-align:center}.clients-page .css-grid-main .payoff h2{text-transform:uppercase}.spa-page{background-color:#06529a;background-image:url(/static/img/spa-visual.jpg);background-size:cover}.spa-page .title h1,.spa-page .view-case-button{color:#06529a}.spa-page .view-case-button:before{background-color:#06529a}@media screen and (min-width:1000px){.spa-page .title{grid-column-start:7;grid-column-end:span 6;grid-row-start:5}.spa-page .title-panel{grid-column-start:7;grid-row-start:6}}.spa-page.details{background-image:linear-gradient(#06529a 40%,#3271ac 60%,#06529a)}.spa-page.details .title h1{color:#fff}.spa-page.details .content-block[data-index="7"] img{object-position:18% center}.ing-page{background-image:url(/static/img/ing-visual.jpg);background-size:cover}.ing-page.details{background-image:linear-gradient(#ff6200 40%,#ffa166 60%,#ff6200)}.ing-page .title{grid-row-start:4}.ing-page .title-panel{grid-row-start:5}@media screen and (min-width:1000px){.ing-page .title{grid-column-start:8;grid-row-start:5}.ing-page .title-panel{grid-column-start:8;grid-column-end:span 3;grid-row-start:6}}.ing-page.details .content-block[data-index="7"] img{object-position:43%}.audi-page,.audi-page.details{background-image:linear-gradient(90deg,#eae9e9,#757575)}.audi-page .title-panel{grid-row-start:3}.audi-page .visual{display:flex;align-items:center;justify-content:flex-end;grid-column-start:1}.audi-page .visual img{margin-top:30vh}@media screen and (min-width:1000px){.audi-page .visual{grid-column-start:4}.audi-page .visual img{margin-top:0}}.audi-page.details .content-block[data-index="7"] img{object-position:80% center}.peugeot-page{background-image:url(/static/img/peugeot-visual.jpg);background-position:47%;background-size:cover}.peugeot-page.details{background-image:url(/static/img/peugeot-visual-wide.jpg);background-position:0}.peugeot-page .title{grid-row-start:3;grid-column-end:span 5}.peugeot-page .title-panel{grid-row-start:4}.peugeot-page.details .content-block[data-index="7"] img{object-position:80% center}body,html{margin:0;padding:0}*{box-sizing:border-box}img{max-width:100%}::selection{background:rgba(255,204,0,.5)}::-moz-selection{background:rgba(255,204,0,.5)}.small-only{display:initial}@media screen and (min-width:1000px){.small-only{display:none}}.page-wrapper{padding:.1px;height:100vh;background-size:cover;position:-webkit-sticky;position:sticky;top:0;overflow:hidden}.page-parent{height:300vh;margin-bottom:-100vh;box-sizing:content-box}.clip{-webkit-mask-image:url(/static/img/ynk-logo.svg);mask-image:url(/static/img/ynk-logo.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:58% top;mask-position:58% top}