1 2<!DOCTYPE html> 3<html lang='nl'> 4 <head> 5 <title>contact</title> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <meta name="Robots" content="index, follow"> 8 9 <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"> 10 <style> 11 @font-face{ font-family: 'Circular'; src: url('/lib/font/CircularStd-BookItalic.woff2') format('woff2'), url('/lib/font/CircularStd-BookItalic.woff') format('woff'); font-weight: 300; font-style: italic; font-display: swap; } @font-face{ font-family: 'Circular'; src: url('/lib/font/CircularStd-Book.woff2') format('woff2'), url('/lib/font/CircularStd-Book.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face{ font-family: 'Circular'; src: url('/lib/font/CircularStd-Light.woff2') format('woff2'), url('/lib/font/CircularStd-Light.woff') format('woff'); font-weight: 200; font-style: normal; font-display: swap; } @font-face{ font-family: 'Circular'; src: url('/lib/font/CircularStd-Medium.woff2') format('woff2'), url('/lib/font/CircularStd-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face{ font-family: 'Circular'; src: url('/lib/font/CircularStd-MediumItalic.woff2') format('woff2'), url('/lib/font/CircularStd-MediumItalic.woff') format('woff'); font-weight: 500; font-style: italic; font-display: swap; } ::-moz-selection{background: rgb(0 0 0 / 10%);color: #fff;} ::selection{background: rgb(0 0 0 / 10%);color: #fff;} ::placeholder{color: inherit;opacity: .5;} ::-ms-input-placeholder{color: inherit;opacity: .5;} html{scroll-behavior: smooth} *{box-sizing:border-box;margin:0;padding:0;text-rendering:optimizeLegibility;-webkit-font-smoothing: antialiased;outline:none} body{font-family: 'Circular', sans-serif;line-height:1.4;font-weight:200;} h1,h2,h3,h4,h5, h6,.h1,.h2,.h3,.h4, .h5, .h6{font-weight:500;text-wrap: balance;text-wrap: balance;hyphens: auto;line-height: 1} h1, .h1{font-size:min(3.5vw, 3.5rem);line-height: 1;font-weight:500;} h2, .h2, .p0{font-size:min(2.5vw, 2.5rem);line-height: 1;} h3, .h3{font-size:min(1.75vw, 1.75rem);line-height: 1.2;} h4, .h4{font-size:min(1.25vw, 1.25rem);line-height: 1.25;} h5, .h5{font-size:min(1vw, 1rem);line-height: 1.1;} h6, .h6{font-size:min(.8vw, .8rem);line-height: 1.25;} .p0{font-size:3.5vw;line-height: 1;line-height: 1.2;} .p1{font-size:2.5rem;line-height: 1.2;} .p2{font-size:1.5rem;line-height: 1.3;} .p3{font-size:1.2rem;} .p4{font-size:1rem;} strong, .strong{font-weight: 500;} .stronger{font-weight: 600;} small, .small{font-size:.9rem;} ul{list-style:none;} a{color:inherit;text-decoration: none;} a.ul{text-decoration: underline;text-decoration-color:color-mix(in srgb, currentColor 10%, transparent);text-decoration-thickness: 1px;text-underline-offset: .1em;transition: text-decoration-color .25s;} a.ul:hover, a.ul.active{text-decoration-color:inherit;} a.tick{transition: translate .5s;display:inline-block} a.tick:hover{translate:.25em} a.zoom{transition: scale .5s;display:inline-block;} a.zoom:hover{scale:1.1} a.button{padding: .5em 1em;display: inline-block;width: auto;min-width: 10rem;font-size: 1.25rem;transition: all .5s;cursor: pointer;letter-spacing: -.05em;border-radius: 1.5rem;border: 1px solid;text-align: center;} a.button:hover{background:#000;color:#fff;} a.button.small{padding:.5rem;font-size:1rem;} a.more{display:block;border:none;text-align:center;font-size:90%;} a.more:hover{background:rgba(151,152,141,.5);} a.tooltip{position:relative} a.tooltip:before{position:absolute;content:attr(data-tt);left:0;top:100%;background:rgb(0 0 0 /75%);color:#fff;padding:.25em;pointer-events:none;opacity:0;transition:opacity .5s;} a.tooltip:hover:before{opacity:1;} a.arw{padding-left:1rem;position:relative;} a.arw:before{content: '';position: absolute;width: .4em;height: .4em;transform: rotate(-135deg);margin-left: -1rem;top: .6rem;border-left: 1px solid;border-bottom: 1px solid;} a.download{display:inline-block;min-width:80%;} a.file{margin: 1rem 0;padding: 0.25em 0.57em;border: 1px solid;
11display: inline-block;transition:scale .25s;} a.file:hover{scale:1.05} a figure{overflow:hidden;} a figure img{display:block;transition:scale .5s;} a figure:hover img{scale:1.01;} .bullet{position:relative;display:block;margin:1em 0;padding-left:2em;font-style:normal;} .bullet:before{position:absolute;translate:-1.25em;content:'â¢';} hr{border:none;border-top:.5px solid;margin:.5rem 0;} hr.inset{margin:.5rem;} figure{position:relative;overflow: hidden;} figure img, figure video{width:100%;display: block;} figure img{transition:opacity 2s;display: block} figure figcaption{padding:.5em 0;font-size: 0.8rem;} figure figcaption strong{font-weight:300;} figure figcaption .author{position: absolute; left: 100%;top: 0;rotate: -90deg;white-space: nowrap;transform-origin: left top;font-size:.75rem;padding-top:.5em;} figure.nocaption figcaption{display:none;s} figure.r50{aspect-ratio:2;} figure.r60{aspect-ratio:10/6;} figure.r75{aspect-ratio:4/3;} figure.r100{aspect-ratio:1;} figure.r150{aspect-ratio:2/1;} figure.fit{width:100%;height:100%;} figure.fix img{width:100%;height:100%;object-fit:cover;} figure.fix.fit img{width:100%;height:100%;} figure.fix.contain img{object-fit:contain;background:linear-gradient(45deg, #f0f0f0, #fff);} figure.hero{height:calc(100vh - 10vw);} figure.hero img{width:100%;height:100%;object-fit:cover;} figure.hero figcaption{padding-left:2rem} figure.hero .author{left: unset;right: 2rem;text-align:right;rotate: 0deg;} figure.circled img{aspect-ratio:1/1;border-radius:100%;overflow:hidden} figure.circled.half{width:50%;} figure.circled.third{width:33.33%;} figure.circled picture img{width:100%;height:100%;object-fit:cover;} figure.shaded img{box-shadow: 0 0 1em rgb(0 0 0 / 10%)} iframe{border:0;width:100%;aspect-ratio:1.6} figure.zoom img{transition:scale .25s;} figure.zoom img{transition:scale .25s;} figure.zoom:hover img{scale:1.1} figure.lazy{background:linear-gradient(0deg, transparent, #f0f0f0)} figure.loaded{background:none} figure.lazy img{opacity:0;scale:.5;translate:0 10%;transition:scale .25s, opacity 2s, translate .5s;background:linear-gradient(transparent, #fafafa)} figure.loaded img{opacity:1;scale:1;translate:0;background:none;} .placeholder{aspect-ratio:4/3;background: linear-gradient(45deg, #999, #eee);} ul.inline{display:block;} ul.inline li{padding-left:20px;margin:5px 0;background:url(/lib/gfx/arw.svg) no-repeat 0 7px;} ion-icon{display: inline-block; vertical-align: text-bottom;} .ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block;} .up{text-transform:uppercase} .row{display:flex;flex-wrap: wrap;} .row.inset{margin:0 -1rem} .col{padding:1rem;} .col.m1{width:8.3333333333%;} .col.m2{width:16.6666666667%;} .col.m3{width:25%;} .col.m4{width:33.3333333333%;} .col.m5{width:41.6666666667%;} .col.m6{width:50%;} .col.m7{width:58.3333333333%;} .col.m8{width:66.6666666667%;} .col.m9{width:75%;} .col.m10{width:83.3333333333%;} .col.m11{width:91.6666666667%;} .col.m12{width:100%;} .offset-m0{margin-left:4.15%;} .offset-m1{margin-left:8.3333333333%;} .offset-m2{margin-left:16.6666666667%;} .offset-m3{margin-left:25%;} .offset-m4{margin-left:33.3333333333%;} .pr{padding-right:1em;} .read{max-width:40em} .read.c{margin:0 auto;} .lo{text-transform:lowercase;} .mr{margin-right:1em;} .mb0{display:block;margin-bottom:.5rem;} .mb{display:block;margin-bottom:1rem;} .mb2{display:block;margin-bottom:2rem;} .mb3{display:block;margin-bottom:3rem;} .mb4{display:block;margin-bottom:4rem;} .mb5{display:block;margin-bottom:5rem;} .pd0{padding:.5rem;} .pd{padding:1rem;} .pd2{padding:2rem;} .pd3{padding:3rem;} .pd4{padding:4rem;} .pv0{padding:.5rem 0;} .pv{padding:1rem 0;} .pv2{padding:2rem 0;} .pv3{padding:3rem 0;} .ph0{padding:0 .5rem ;} .ph{padding:0 1rem ;} .ph2{padding:0 2rem;} .ph3{padding:0 3rem;} .spacer{height:4rem;} .spacer-0{height:2rem;} .spacer-2{height:8rem;} .bb{border-bottom:.5px solid;} .qot{} .qot div:first-child:before{content:'â';position:absolute;translate:-.75em;} .qot div:first-child:after{content:' â';} .max-3{max-height:4em;overflow: hidden;mask-image: linear-gradient(to bottom, black 50%, transparent 100%);} .max-12{height:12em;overflow: hidden;mask-image: linear-gradient(to bottom, black 50%, transparent 100%);transition:height 2s;} .max-12:hover{height:18em;mask-image: linear-gradient(to bottom, black 90%, transparent 100%)} .lft{text-align: left;} .rgt{text-align: right;} .ctr{text-align: center;} .wfg{color:#fff;} .bfg{color:#000;} .dfg{color:#0071BC;} .wbg{background:#fff;} .dbg{background:#0071BC;} .bbg{background:#000;} .bbgg{background:linear-gradient(#000,#333)} .hide{transition: max-height .5s;max-height:0;overflow:hidden;} .ll{border-left:1px solid;} @media (max-width: 1240px){ .mb0{display:block;margin-bottom:.25rem;} .mb{display:block;margin-bottom:.5rem;} .mb2{display:block;margin-bottom:1rem;} .mb3{display:block;margin-bottom:1.5rem;} .pd0{padding:.25rem;} .pd{padding:.5rem;} .pd2{padding:1rem;} .pd3{padding:1.5rem;} .pd4{padding:2rem;} .pv0{padding:.25rem 0;} .pv{padding:.5rem 0;} .pv2{padding:1rem 0;} .pv3{padding:1.5rem 0;} .ph0{padding:0 .25rem ;} .ph{padding:0 .5rem ;} .ph2{padding:0 1rem;} .ph3{padding:0 1.5rem;} .spacer{height:2rem;} .spacer-0{height:1rem;} .spacer-2{height:4rem;} .col.t1{width:8.3333333333%;} .col.t2{width:16.6666666667%;} .col.t3{width:25%;} .col.t4{width:33.3333333333%;} .col.t5{width:41.6666666667%;} .col.t6{width:50% !important;} .col.t7{width:58.3333333333%;} .col.t8{width:66.6666666667%;} .col.t9{width:75%;} .col.t10{width:83.3333333333%;} .col.t11{width:91.6666666667%;} .col.t12{width:100%;} .offset-m0{margin-left:0;} .offset-m1{margin-left:0;} .offset-m2{margin-left:0;} .offset-m3{margin-left:0;} .offset-m4{margin-left:0;} } @media (max-width: 740px){ .mb0{display:block;margin-bottom:.25rem;} .mb{display:block;margin-bottom:.5rem;} .mb2{display:block;margin-bottom:1rem;} .mb3{display:block;margin-bottom:1.5rem;} .pd0{padding:.25rem;} .pd{padding:.5rem;} .pd2{padding:1rem;} .pd3{padding:1.5rem;} .pd4{padding:2rem;} .pv0{padding:.25rem 0;} .pv{padding:.5rem 0;} .pv2{padding:1rem 0;} .pv3{padding:1.5rem 0;} .ph0{padding:0 .25rem ;} .ph{padding:0 .5rem ;} .ph2{padding:0 1rem;} .ph3{padding:0 1.5rem;} .spacer{height:2rem;} .spacer-0{height:1rem;} .spacer-2{height:4rem;} .col.s1{width:8.3333333333%;} .col.s2{width:16.6666666667%;} .col.s3{width:25%;} .col.s4{width:33.3333333333%;} .col.s5{width:41.6666666667%;} .col.s6{width:50% !important;} .col.s7{width:58.3333333333%;} .col.s8{width:66.6666666667%;} .col.s9{width:75%;} .col.s10{width:83.3333333333%;} .col.s11{width:91.6666666667%;} .col.s12{width:100%;} .offset-m0{margin-left:0;} .offset-m1{margin-left:0;} .offset-m2{margin-left:0;} .offset-m3{margin-left:0;} .offset-m4{margin-left:0;} } main{min-height:100vh;} header #search{line-height:2;padding:0 .5em;margin-left:.5em} header #search svg{display:inline-block;fill:none;height:.5em;width:.5em;stroke:currentColor;stroke-width:2;overflow:visible;transition: scale .5s, rotate .5s;cursor:pointer;} header #search svg:hover{scale:1.2;rotate:90deg;} header #search input{display:inline-block;color:inherit;background:none;border:none;border-bottom:1px solid;font-family: inherit;font-size: 75%;font-weight:inherit;max-width:0;padding: 0;transition:max-width .5s;} header #search.active input{max-width:6em;} header #search-result{font-size: 1rem;line-height:1.4;position: absolute;right: 0;top:5vw;max-height: calc(100vh - 3.5rem);width: 31.5rem;overflow: auto;z-index: 10;background:#fff;color:#000;} header #search-result .search-result{padding:.5rem 1rem;} header #search-result h3{font-size:150%;line-height: 1.1;} header #search-result a{padding:0;} header #search-result .highlight{background:rgb(0 255 57 / 50%) } footer{background: linear-gradient(180deg, #fafafa, transparent 20%);} figure.logo img{filter: grayscale(100%) ;scale:.75; transform-origin: left bottom;} .fp{position: relative;width: 100vw;height: 100vh;max-height:100vw;overflow: hidden;} .fp.mh{height: calc(100vh - 10rem);max-height: 50vw;} .fp.ah{height: auto;min-height: 50vh;} .fp .bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;} .fp .fg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;user-select: none;} .fp .fg .fg-inner{position: absolute;width: 100%;top: 50%;left: 0;translate: 0 -50%;} .fp .fg .fg-footer{position: absolute;width: 100%;bottom: 0;left: 0;} .fp img{width: 100%;height: 100%;object-fit: cover;} .fp video{width: 100%;height: 100%;object-fit: cover;} .fp h1{font-size:20vw;} .fp h2{font-size:6vw;} .fp h3{font-size:4vw;} .fp .p1{font-size:2vw;line-height: 1} .fp .p2{font-size:2vw;line-height: 1} .fp .section-header{z-index: 2;position: relative;} .fp.upskirt{height:80vh} .fp a.arw-dwn{content: '';position: absolute;width: 1vw;height: 1vw;bottom: 1.5vw;left: 50%;translate: -50% 0;border: .1vw solid;z-index: 10;rotate: 45deg;color: #000;border-left: 0;border-top: 0;
11cursor: pointer;transition:translate .5s;} .fp a.arw-dwn:hover{translate:-50% 50%;} .vc{display: flex;align-items: center;justify-content: center;} .vb{display: flex;align-items: flex-end;} .cc{background:#f00;} .c0{margin:0 auto;width:100%;} .c1{margin:0 auto;width:100%;max-width:80rem;} .c2{margin:0 auto;width:100%;max-width:60rem;} .c3{margin:0 auto;width:100%;max-width:40rem;} .qot{padding-left:2rem;} .darken{position:relative} .darken:before{content:'';position: absolute;width:100%;height:100%;background: linear-gradient(0deg, rgb(0 0 0/40%), transparent);top:0;left:0;z-index: 1;} .fx.active{transition:all .5s;} .fx.fadein{opacity: 0;} .fx.fadein.active{opacity:1;} .fx.zoomin{scale:.5;} .fx.zoomin.geny{transform-origin: left bottom;transition-delay: .25s;} .fx.zoomin.active {scale:1} .fx.up{translate:0 20%;} .fx.up.active{translate: 0 0;} .fx.delay{transition-delay: 4s;} :root{--swiper-theme-color: #000; --swiper-navigation-size: 1.5rem;--swiper-navigation-top-offset: 50vh;} .swiper{width: 100%;height: 100%;} .swiper.gallery{height: 40vw;} .swiper.gallery.projects{height: 20vw;hyphens: auto;} .swiper.gallery .max-12{height: 40%;max-height: unset;} .swiper-wrapper{width: 100%;height: 100%;} .swiper-slide{width:33%;height:100%;} .single .swiper-slide{width:100%;height:100%;} .swiper-slide.date .col{padding:0;height: 100%;} .swiper-slide img{display: block;width: 100%;height: 100%;object-fit: cover;} .swiper-button-prev{left:1rem;} .swiper-button-next{right:1rem;} .lightbox{position:fixed;width:100vw;height:100vh;top:0;left:0;display:none;z-index:100;} .lightbox .swiper{opacity:0;transition:opacity .5s;background:#fff;} .lightbox .swiper-close{font-size:2rem;position:absolute;top:1rem;right:1rem;z-index:100;line-height:1;cursor:pointer;} .lightbox .swiper-close:hover{scale:1.2;} .lightbox .swiper .swiper-slide{padding:1em;} .lightbox .swiper .swiper-slide img{width: 100%;height:100%;object-fit:contain;} .lightbox.active{display:block;} .lightbox.active .swiper{opacity:1;transition:opacity .5s;} .slideshow-container{ position: relative; width: 100vw; height:100vh; /* Full viewport height */ overflow: hidden; } .slideshow-container .slide{ position: absolute; width: 100%; height: 100%; opacity: 0; transition: opacity 2s ease-in-out, transform 7s ease-in-out; } .slideshow-container .slide img{ width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 2s ease-in-out; } .slideshow-container .fade{ opacity: 0; } .slideshow-container .active{ opacity: 1; transform: scale(1.25); /* Zoom-in effect */ } .blocks img{cursor:pointer;} .tc{display:grid;grid-template-rows:3em 0fr; transition: .25s linear;} .tc .t.ul{border-bottom:.5px solid;} .tc > .t{position: relative;padding-left: 1em;line-height: 2.25;cursor:pointer;border-bottom:.5px solid;} .tc > .t:before{position: absolute; content: ''; border-right: 1px solid; border-bottom: 1px solid; width: 0.3em; height: 0.3em; rotate: -45deg; left: 0; top: 1em; transition: .5s; } .tc > .c{overflow:hidden;padding-left: 1em;border-bottom: .5px solid;} .tc.auto:hover, .tc.active{grid-template-rows:3em 1fr} .tc.auto:hover > .t:before, .tc.active > .t:before{rotate:45deg;left: .15em;} .tc.preview{grid-template-rows:10.6em 3em;} .tc.preview .t{display:flex;align-items: center;justify-content: center;} .tc.preview .t:before{content:'';width:1em;height:1em;border:2px solid;rotate:135deg;border-left:none;border-bottom:0;transition:rotate .5s;} .tc.preview.active{grid-template-rows:1fr 3em} .tc.preview.active .t:before{rotate:-45deg} .filter-index ul{white-space:nowrap;overflow:auto;} .filter-index ul li{display: inline-block;padding: .5rem;cursor: pointer} .filter-index ul.filter-categories li:nth-child(1){font-weight:bold;} .filter-index.on ul.filter-categories li:nth-child(1){font-weight:unset;} .filter-index.on ul.filter-categories li:nth-child(2){font-weight:bold;} .filter-index ul.filters:nth-child(3){display:none} .filter-index.on ul.filters:nth-child(2){display:none} .filter-index.on ul.filters:nth-child(3){display:block} .filter-index ul.filters li{transition:translate;} .filter-index ul.filters li.active .trigger{font-weight: 600;} .filter-index ul.filters li .theme_button{opacity: 0;transition:opacity 1s;transition:translate .5s;} .filter-index ul.filters li.active .theme_button{opacity: 1;} .filter-index ul.filters li.active .theme_button:hover{translate: .5em;} .block img{max-height: 100vh;object-fit:contain;} .specs{display:flex;gap:1rem;} .specs .spec{flex:1;} .cols{display:grid;gap:2rem;grid-template-columns: 3fr 2fr} .cols.lr1{display:grid;gap:2rem;grid-template-columns: 2fr 3fr} .vv{display:flex;} .vv:before{display:inline-block;vertical-align:top;min-width:7em;font-size: .9rem;left:0;top:.2em;content: attr(data-vr)} .bx{position: relative;} .bx .bx-title{position: absolute;bottom:0;z-index: 10;pointer-events: none} .thu{position:relative;} .thu figure:nth-child(2){position: absolute;top:0;left:0;opacity:0;transition:opacity 1s;} .thu:hover figure:nth-child(2){opacity:1;} .theme{position:relative;} .theme .theme-text{position:absolute;width:100%;padding:1rem;bottom:0;z-index:2;;} @media (min-width: 740px){ body.hero nav{color:#fff;} header{height: 5vw;position: fixed; top: 0;
11 left: 0; width: 100vw; z-index:100;} header:has(.sub){height: 7vw;} header nav{width: 100%;height: 100%; font-size: 2.5vw; line-height: 1;transition: translate .5s;} header nav ul{ display: flex; list-style: none; } header nav ul li{position:relative;} header nav ul li:first-child{ flex: 1} header nav ul li a{padding: .5em .25em; display: block;} header nav ul li a.active{text-decoration: underline;text-decoration-thickness: .05em;text-underline-offset: .1em;} header .title span{display:inline-block;max-width:0;overflow:hidden;opacity: 0;transition:max-width 1s, opacity .5s;} header .title span.initial, .title:hover span, header.compact .title span{max-width:2em;text-transform: lowercase;opacity:1;} header .lb{opacity: 0;transition:opacity .5s;} header:hover .lb{opacity: 1;} header .lb a{padding:.5em .25em} header .lb a.active{text-decoration: underline;text-decoration-thickness: .05em;text-underline-offset: .1em;} header ul.sub{position:absolute;right:-.5em;top:4vw;white-space:nowrap;opacity:0;transition:opacity .5s;pointer-events: none} header ul.sub li{display:inline-block;} header ul.sub li a{padding:.5em;} header ul.sub li a.active{font-weight:500;} header ul > li:hover ul.sub, header ul > li:has(a.active) ul.sub{pointer-events: all;opacity: 1;} header.slideup nav{ translate: 0 -100%;} header.slideup:hover nav{translate: 0 0%;} header nav ul{padding: 0 1rem;} header.compact{color:#000;} header .hide-compact{display:inline-block;max-width:100vw;overflow:hidden;vertical-align:bottom;transition:max-width 1s;white-space:nowrap;} header.compact .hide-compact{max-width:0} .header-spacer{height:7vw;} .tb{display:grid;grid-gap:1% 5%} .tb.f0{grid-template-columns:100%;} .tb.f1{grid-template-columns:35% 60%;} .tb.f2{grid-template-columns:60% 35%;} .tb.f3{grid-template-columns:47.5% 47.5%;} .tb figure{width:100%;/*position: sticky;top:1rem;*/} .tb figure img{width:100%} /*.c0 .txt{padding:0 2rem;}*/ } @media (max-width: 740px){ body{hyphens: auto;} header{position:fixed;z-index:100;top:0;left:0;width:100vw;} header nav{font-size:1.5rem;background: #fff;height:3.5rem;background:#fff} header nav ul{display:flex;flex-direction: column;} header nav ul li{display: block;background: #fff;max-height:0;overflow: hidden;transition: max-height .5s;} header nav ul li a{padding:.5em;display:block;} header nav > ul > li:first-child{max-height:16em;} header nav > ul > li:first-child a{padding: .5rem;font-size: 1.75rem;} header nav ul li ul.sub{padding-left:2em;} header .burger{position: absolute; top: 0; right: 0; width: 1em; height: .65em; margin: .8em .5em;} header .burger span{position: absolute; display: block; height: 3px; width: 100%; background: #000; transition: all .5s; right: 0;} header .burger span:nth-child(1){top: 0%; transform-origin: right bottom} header .burger span:nth-child(2){top: 50%;} header .burger span:nth-child(3){top: 100%; transform-origin: right top} header .title span{text-transform: lowercase;} body.nav-active{height:100vh;overflow:hidden} body.nav-active header nav{height:100vh;}body.nav-active header nav ul li{max-height:16em;} header .lb{display:none;position: absolute;top: 4rem;right: 0.5em;} header .lb a{padding:.25em;} body.nav-active header .lb{display:block;} h1, .h1{font-size:2.5rem;} h2, .h2{font-size:1.5rem;} h3, .h3{font-size:1.25rem;} h4, .h4{font-size:1.1rem;} .c0{padding:0 .5rem} .c1{padding:0 .5rem} .c2{padding:0 .5rem} .c3{padding:0 .5rem} .p0{font-size:1.5rem;line-height: 1;line-height: 1.2;} .p1{font-size:1.5rem;line-height: 1.2;} .p2{font-size:1.25rem;line-height: 1.3;} .p3{font-size:1.25rem;} .p4{font-size:.9rem;} .qot{padding-left:2rem;} /* body.nav-active header nav ul li{max-height:4em;} body.nav-active header nav ul .search{display:block;} body.nav-active header .burger span:nth-child(1){rotate: -45deg; right: 72%; width: 50%;} body.nav-active header .burger span:nth-child(3){rotate: 45deg; right: 72%; width: 50%;} */ header #search{padding:0;} header #search input{max-width:unset;line-height:2;} header #search.active input{max-width:100%;} .tb figure{margin-bottom:1rem;} .header-spacer{height:4em;} .filter-index.pd0{padding:0;} .filter-index{margin-bottom:1rem;} .filter-index ul li{padding-left:0;} .isotope .col{padding:0;} .isotope .grid-item{margin-bottom:1rem;}
11 .swiper.gallery.projects{height:60vw;} .fp.hero{margin-top:3rem;} .fp h1{font-size:3rem;} .fp h2{font-size:2.5rem;} .fp h3{font-size:2rem;} .fp .p1{font-size:1.5rem;line-height: 1} .fp .p2{font-size:1.5rem;line-height: 1} .tb{display:grid;grid-gap:1% 5%;grid-template-columns:100%;} .row.inset{margin:0 -.5rem} .col{width:100% !important;padding:.5rem;} .footer-inner .dfg{display:block;} .slideshow-container{height:100vw;margin-top:3rem;} header .title span{display:inline-block;max-width:2em;overflow:hidden;transition:max-width 1s, opacity .5s;} header.slideup .title span{display:inline-block;max-width:0;opacity: 0;} header.slideup .title span.initial{max-width:2em !important;o;opacity: 1 !important;} } </style> 12 </head> 13 14 <body> 15 <header class='compact'> 16 <nav> 17 <div class='burger'><span></span><span></span><span></span></div><ul class='main'><li class='title'><a href='/' class='strong'><span class='initial'>S</span><span>t</span><span>u</span><span>d</span><span>i</span><span>o</span><span class='initial'>M</span><span>a</span><span>r</span><span>c</span><span>o</span><span class='initial'>V</span><span>e</span><span>r</span><span>m</span><span>e</span><span>u</span><span>l</span><span>e</span><span>n</span></li><li><a href='/nl/thema+s/' class=''>thema's</a></li><li><a href='/nl/projecten/' class=''>projecten</a></li><li><a href='/nl/nieuws/' class=''>nieuws</a></li><li><a href='/nl/studio/' class='active'>studio</a><ul class='sub p2'><li><a href='/nl/studio/team/' class=''>team</a></li><li><a href='/nl/studio/vacatures/' class=''>vacatures</a></li><li><a href='/nl/studio/opdrachtgevers/' class=''>opdrachtgevers</a></li><li><a href='/nl/studio/partners/' class=''>partners</a></li><li><a href='/nl/studio/contact/' class='active'>contact</a></li></ul></li><li id='search'><form method='get'><input type='text' name='q' placeholder='Zoek...'><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path d='M13 24a11 11 0 1 0 0-22 11 11 0 0 0 0 22zm8-3 9 9'></path></svg></form><div id='search-result'></div><ul class='sub p2 lb'><a href='#' class='active'>nl</a> <a class='ul' href='/en/studio/contact/contact/?refresh=true'>en</a></li></li></ul> </nav> 18 </header> 19 <div class='header-spacer'></div><div class='c1 mb3'></div><main><div class='c1 mb3'><div class='row inset'><div class='col m12'></div></div></div><div class='blocks'><section class='c1'><div class='mb5'><div class='tb f3'><div><figure class='lazy'><div style='aspect-ratio:1/0.585308'><img src='/files/t/nvg.6.luchtfoto_kantoor.webp' alt="nvg.6.luchtfoto_kantoor.webp"></div></figure></div><div class=''><div class='p3'>Maaskade 97-b<br> 203071 NG Rotterdam<br> 21+31(0)10 225 0030<br> 22<a href="mailto:studio@marcovermeulen.nl" class='ul'>studio@marcovermeulen.nl</a><br> 23<br> 24Aan de Maaskade geldt betaald parkeren.</div></div></div></div></section><section class='c1'><div class='mb5'><div class='mb2 p1'><div class='map-wrapper'><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2461.1183736379203!2d4.491333151980825!3d51.913551379604414!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c43369e7f8df09%3A0xd683a7ae0e8a314f!2sStudio%20Marco%20Vermeulen!5e0!3m2!1sen!2snl!4v1579886731363!5m2!1sen!2snl" frameborder="0" style="border:0;" allowfullscreen=""></iframe></div></div></div></section></div><div class='c1 mb3'></div></main> <div class='header-spacer'></div> 25 <footer> 26 <div class='footer-inner'><div class='row small'><div class='col m5 t4 s12'><h3>studiomarcovermeulen</h3></div><div class='col m5 t4 s6 p1'><a href='https://www.linkedin.com/company/studio-marco-vermeulen' class='sb zoom' title='Volg SMV | studiomarcovermeulen via linkedin' target='_blank'><ion-icon name='logo-linkedin'></ion-icon></a> <a href='https://www.youtube.com/channel/UCYZFZZ3B0pyOrFN98XlwGKg' class='sb zoom' title='Volg SMV | studiomarcovermeulen via youtube' target='_blank'><ion-icon name='logo-youtube'></ion-icon></a> <a href='https://vimeo.com/user106488696' class='sb zoom' title='Volg SMV | studiomarcovermeulen via vimeo' target='_blank'><ion-icon name='logo-vimeo'></ion-icon></a> </div><div class='col m2 t4 s6'><h4>contact</h4>Maaskade 97-b<br> 273071 NG Rotterdam<br> 28<a href="tel:+31102250030" class='ul'>+31(0)10 225 0030</a><br> 29<a href="mailto:studio@marcovermeulen.nl" class='ul'>studio@marcovermeulen.nl</a></div></div></div> <div class='spacer'></div> 30 </footer> 31 </body>
vendor: 71 bytes, lines 31-32
31 32 <script async defer src="https://www.googletagmanager.com/gtag/js?id=
32UA-15393272-1
vendor: 13 bytes, lines 32-33
32"></script> 33
33<script> 34
vendor: 136 bytes, lines 34-37
34window.dataLayer = window.dataLayer || []; 35 function gtag(){dataLayer.push(arguments);} 36 gtag('js', new Date()); 37 gtag('config', '
37UA-15393272-1
vendor: 5 bytes, lines 37-38
37'); 38
38</script>
38 39
39<script type="module" src="https://cdnjs.cloudflare.com/ajax/libs/ionicons/5.3.0/ionicons/ionicons.esm.js" async></script>
39 40
40<script nomodule="" src="https://cdnjs.cloudflare.com/ajax/libs/ionicons/5.3.0/ionicons/ionicons.js" async></script>
40 41
41<script src="//npmcdn.com/isotope-layout@3/dist/isotope.pkgd.js"></script>
41 42
42<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
42 43
43<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/ukiyo.min.js"></script>
43 44
44<script src="/lib/js/functions.js?v=c858"></script>
44 45</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.