figure,footer,header,nav,section{display:block}*{border:0;margin:0;padding:0}ul{list-style:none}button{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:none;outline:none;overflow:auto}@font-face{font-family:Mier B;src:url(../fonts/MierB-Bold.woff2)format("woff2"),url(../fonts/MierB-Bold.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Mier B;src:url(../fonts/MierB-BoldItalic.woff2)format("woff2"),url(../fonts/MierB-BoldItalic.woff)format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Mier B;src:url(../fonts/MierB-Regular.woff2)format("woff2"),url(../fonts/MierB-Regular.woff)format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Mier B;src:url(../fonts/MierB-Italic.woff2)format("woff2"),url(../fonts/MierB-Italic.woff)format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Register;src:url(../fonts/Register-Bold.woff2)format("woff2"),url(../fonts/Register-Bold.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Register;src:url(../fonts/Register-Regular.woff2)format("woff2"),url(../fonts/Register-Regular.woff)format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Register;src:url(../fonts/Register-Italic.woff2)format("woff2"),url(../fonts/Register-Italic.woff)format("woff");font-weight:300;font-style:italic;font-display:swap}body{font-family:Mier B,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:17px;font-style:normal;font-weight:300;line-height:1.5}h1,h2{font-family:Mier B,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:17px;font-style:normal;font-weight:600}h1 span,h2 span{font-weight:300}strong{font-weight:600}.sans{font-family:Mier B,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-style:normal;font-weight:300}.serif{font-family:Register,Georgia,Times,serif;font-style:normal;font-weight:300}em.serif{font-style:italic}.mono{font-family:IBM Plex Mono,Source Code Pro,Courier,mono;font-size:16px;font-style:normal;font-weight:400}*{transition:all .24s}body{color:#1e0a02;background:#fff8f2}a{color:#ff8000;text-underline-offset:3px;-webkit-text-decoration:underline #ff8000e6;text-decoration:underline #ff8000e6}a:hover{color:#e95d00;-webkit-text-decoration:underline #ff800000;text-decoration:underline #ff800000}.container{max-width:400px;margin:0 auto;padding:0 80px}.center{text-align:center}.logo{background:#1e0a02;width:73px;height:49px;margin-top:112px;display:block;overflow:hidden;-webkit-mask:url(../images/michieldegraaf-logo-73x49.svg) 50% no-repeat;mask:url(../images/michieldegraaf-logo-73x49.svg) 50% no-repeat}.logo img{display:none}header[role=banner] h1{margin-top:40px}header[role=banner] h1 span{opacity:.48;display:block}header[role=banner] p{margin-top:24px}.content h2{margin-top:32px}.content p{margin-top:24px}.content p a span{opacity:.4;font-style:italic}.content .cases{margin-top:24px}.content .cases p{display:inline}.content .cases ul{list-style:none;display:inline}.content .cases ul li{display:inline}.content .cases ul li strong{text-underline-offset:3px;cursor:pointer;font-weight:300;-webkit-text-decoration:underline #1e0a02e6;text-decoration:underline #1e0a02e6}.content .cases ul li strong:hover{text-decoration-color:#1e0a0200!important}.content .cases ul li:after{content:",";margin-left:-3px}.content .cases ul li:nth-child(7):after{content:"."!important}.content .cases ul li.airbnb strong{color:#ff385c;text-decoration-color:#ff385ca3}.content .cases ul li.ph strong{color:#ff6154;text-decoration-color:#ff6154a3}.content .cases ul li.tidal strong{color:#2ad1c3;text-decoration-color:#2ad1c3a3}.content .cases ul li.dan strong{color:#024b88;text-decoration-color:#024b88a3}.content .cases ul li.brewbot strong{color:#ff8000;text-decoration-color:#ff8000a3}.content .cases ul li.gg strong{color:#b3cc09;text-decoration-color:#b3cc09a3}.content .cases ul li.awkward strong{color:#eb00ff;text-decoration-color:#eb00ffa3}.content .cases ul li .case-info{text-align:center;margin-bottom:32px;display:none}.content .cases ul li .case-info figure{margin:24px 0 32px}.content .cases ul li .case-info figure img{border-radius:24px;max-width:100%;display:block;box-shadow:0 1px 3px #1e0a021a,0 5px 8px #1e0a0212,-.3px 5.7px 5.5px -.8px #1e0a020a,-.5px 9.3px 8.9px -1.2px #1e0a020a,-.8px 14.8px 14.2px -1.6px #1e0a0205,-1.3px 23.1px 22.2px -2px #1e0a020f,-2px 35px 33.7px -2.4px #1e0a0205,-2.9px 51.2px 49.2px -2.8px #1e0a0205}.content .cases ul li .case-info p{margin-bottom:24px;padding:0 16px;display:block}.content .cases ul li .case-info p em{opacity:.32;margin-top:16px;font-style:normal;display:block}.content .cases ul li .case-info .caselink{color:#1e0a02;border:1px solid #1e0a0233;border-radius:24px;padding:8px 18px;text-decoration:none;display:inline-block}.content .cases ul li .case-info .caselink:hover{color:#fff8f2;background:#1e0a02}.content .cases ul li .case-info.dan img{background:#26272b url(../images/bg-quicksilver-1.gif) 50%/100% no-repeat}.content .cases ul li.active strong{text-decoration-color:#0000}.content .cases ul li.active:after,.content .cases ul li.active:nth-child(7) .content .cases ul li.active:after{content:""}.content .avatar{margin-top:32px}.content .avatar img{border-radius:24px;max-width:100%;box-shadow:0 1px 3px #1e0a021a,0 5px 8px #1e0a0212,-.3px 5.7px 5.5px -.8px #1e0a020a,-.5px 9.3px 8.9px -1.2px #1e0a020a,-.8px 14.8px 14.2px -1.6px #1e0a0205,-1.3px 23.1px 22.2px -2px #1e0a020f,-2px 35px 33.7px -2.4px #1e0a0205,-2.9px 51.2px 49.2px -2.8px #1e0a0205}footer[role=contentinfo]{text-align:center;color:#1e0a0266;margin:48px 0 144px}footer[role=contentinfo] .info li{text-underline-offset:3px;cursor:pointer;margin:0 2px;-webkit-text-decoration:underline #1e0a0266;text-decoration:underline #1e0a0266;display:inline-block}footer[role=contentinfo] .info li:hover,footer[role=contentinfo] .info li.active{text-decoration-color:#0000}footer[role=contentinfo] .info li.active{color:#1e0a02}footer[role=contentinfo] .colophon{color:#1e0a02;margin-top:40px;display:none}footer[role=contentinfo] .colophon p{margin-top:16px}footer[role=contentinfo] .colophon a.sans{font-family:Mier B,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-style:normal;font-weight:300}footer[role=contentinfo] .colophon a.serif{font-family:Register,Georgia,Times,serif;font-style:normal;font-weight:300}footer[role=contentinfo] .colophon a.mono{font-family:IBM Plex Mono,Source Code Pro,Courier,mono;font-size:16px;font-style:normal;font-weight:400}footer[role=contentinfo] .colophon a em{opacity:.48}footer[role=contentinfo] .colophon .humanmade{text-indent:-999px;background:url(../images/bg-pulse-1.gif) 50%/80px no-repeat;width:80px;height:80px;margin:24px auto;transition:transform .25s;animation:120s infinite gradient;display:block;-webkit-mask:url(../images/humanmade.svg) 50% no-repeat;mask:url(../images/humanmade.svg) 50% no-repeat}footer[role=contentinfo] .colophon .humanmade:hover{animation:1.8s ease-in-out infinite wave}footer[role=contentinfo] .archive{border:1px solid #1e0a021a;border-radius:16px;max-width:240px;margin:40px auto;display:none}footer[role=contentinfo] .archive li{text-align:left;border-top:1px solid #1e0a021a}footer[role=contentinfo] .archive li:first-child{border-top:0}footer[role=contentinfo] .archive li:first-child a{border-radius:15px 15px 0 0}footer[role=contentinfo] .archive li:nth-child(4) a{border-radius:0 0 15px 15px}footer[role=contentinfo] .archive li a,footer[role=contentinfo] .archive li span{color:#1e0a02;padding:6px 16px;font-family:IBM Plex Mono,Source Code Pro,Courier,mono;font-size:14px;font-style:normal;font-weight:400;text-decoration-color:#1e0a02;display:block}footer[role=contentinfo] .archive li a:hover,footer[role=contentinfo] .archive li span:hover{background:#1e0a0210;text-decoration-color:#0000}footer[role=contentinfo] .archive li a em,footer[role=contentinfo] .archive li span em{float:right;opacity:.4;font-style:normal}footer[role=contentinfo] .archive li span{opacity:.4}.actions{z-index:100;position:fixed;bottom:24px;left:0;right:0}.actions .container{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fff8f266;border-radius:80px;width:152px;margin:0 auto;padding:14px;transition:all .24s;overflow:hidden;box-shadow:inset 0 1px 1.4px #fffc,inset 0 1px 2.6px #fffc,inset 0 4px 16px #fff8f266,inset 0 10px 40px #fff8f2cc,0 1px 3px #1e0a021a,0 5px 8px #1e0a0212,-.3px 5.7px 5.5px -.8px #1e0a020a,-.5px 9.3px 8.9px -1.2px #1e0a020a,-.8px 14.8px 14.2px -1.6px #1e0a0205,-1.3px 23.1px 22.2px -2px #1e0a020f,-2px 35px 33.7px -2.4px #1e0a0205,-2.9px 51.2px 49.2px -2.8px #1e0a0205}.actions .container:hover{background:#fff8f2e0}.actions .toggle,.actions .email{opacity:.24;text-indent:-999px;outline:none;width:32px;height:32px;transition:all .24s;display:block}.actions .email{float:left;opacity:.64;background:#1e0a02;-webkit-mask:url(../images/icon-email-1px-white.svg) 50% no-repeat;mask:url(../images/icon-email-1px-white.svg) 50% no-repeat}.actions .email:hover{opacity:1}.actions .toggle-menu{overflow:hidden}.actions .toggle-menu .toggle{float:right;margin-left:8px}.actions .toggle-menu .toggle:hover{opacity:1}.actions .toggle-menu .toggle.active{opacity:.8}.actions .toggle-menu .toggle.toggle-contrast{background:#1e0a02;-webkit-mask:url(../images/icon-contrast-1px-white.svg) 50% no-repeat;mask:url(../images/icon-contrast-1px-white.svg) 50% no-repeat}.actions .toggle-menu .toggle.toggle-type{background:#1e0a02;-webkit-mask:url(../images/icon-type-1px-white.svg) 50% no-repeat;mask:url(../images/icon-type-1px-white.svg) 50% no-repeat}.actions .toggle-menu .toggle.toggle-color{background:#1e0a02;-webkit-mask:url(../images/icon-rainbow-1px-white.svg) 50% no-repeat;mask:url(../images/icon-rainbow-1px-white.svg) 50% no-repeat}.caselink,.content p a{cursor:url(../images/icon-1px-link-black.svg),pointer}.email{cursor:url(../images/icon-1px-email-black.svg),pointer}.toggle{cursor:url(../images/icon-1px-eye-black.svg),cell}.contrast .content p a{cursor:url(../images/icon-1px-link-black.svg),pointer}.contrast .email{cursor:url(../images/icon-1px-email-black.svg),pointer}.contrast .toggle{cursor:url(../images/icon-1px-eye-black.svg),cell}.color .caselink,.color .content p a{cursor:url(../images/icon-1px-link-green.svg),pointer}.color .email{cursor:url(../images/icon-1px-email-green.svg),pointer}.color .toggle{cursor:url(../images/icon-1px-eye-green.svg),cell}@media screen and (max-width:500px){.container{padding:0 40px}.logo{margin-top:64px}.actions{bottom:16px}.actions .container{width:140px;padding:12px}.actions .toggle-menu .toggle{margin-left:4px}}@media screen and (max-width:400px){.actions{bottom:8px}.actions .container{width:134px;padding:10px}.actions .toggle-menu .toggle{margin-left:2px}}body.contrast{color:#fff8f2;background:#1e0a02}body.contrast .logo{background-color:#fff8f2}body.contrast .content .cases ul li .case-info .caselink{color:#fff8f2;border-color:#fff8f233}body.contrast .content .cases ul li .case-info .caselink:hover{color:#1e0a02;background:#fff8f2}body.contrast footer[role=contentinfo]{color:#fff8f266}body.contrast footer[role=contentinfo] .info li{-webkit-text-decoration:underline #fff8f266;text-decoration:underline #fff8f266}body.contrast footer[role=contentinfo] .info li.active{color:#fff8f2;text-decoration-color:#0000}body.contrast footer[role=contentinfo] .colophon{color:#fff8f2}body.contrast footer[role=contentinfo] .archive,body.contrast footer[role=contentinfo] .archive li{border-color:#fff8f21a}body.contrast footer[role=contentinfo] .archive li:first-child{border-top:0}body.contrast footer[role=contentinfo] .archive li a,body.contrast footer[role=contentinfo] .archive li span{color:#fff8f2;text-decoration-color:#fff8f2}body.contrast footer[role=contentinfo] .archive li a:hover,body.contrast footer[role=contentinfo] .archive li span:hover{background:#fff8f210;text-decoration-color:#0000}body.contrast .actions .container{background:#1e0a0266;box-shadow:inset 0 1px 1.4px #fff8f233,inset 0 1px 2.6px #fff8f233,inset 0 4px 16px #fff8f21a,inset 0 10px 40px #fff8f21a,0 1px 3px #1e0a0233,0 5px 8px #1e0a0224,-.3px 5.7px 5.5px -.8px #1e0a021a,-.5px 9.3px 8.9px -1.2px #1e0a0233,-.8px 14.8px 14.2px -1.6px #1e0a021a,-1.3px 23.1px 22.2px -2px #1e0a021f,-2px 35px 33.7px -2.4px #1e0a0299,-2.9px 51.2px 49.2px -2.8px #1e0a0266}body.contrast .actions .email{background:#fff8f2}body.contrast .actions .toggle-menu .toggle.active{background:#ff8000!important}body.contrast .actions .toggle-menu .toggle.toggle-color,body.contrast .actions .toggle-menu .toggle.toggle-contrast,body.contrast .actions .toggle-menu .toggle.toggle-type{background:#fff8f2}body.color{color:#feffce;background:#223126}body.color .logo{background-color:#feffce}body.color .content .cases ul li .case-info .caselink{color:#feffce;border-color:#feffce33}body.color .content .cases ul li .case-info .caselink:hover{color:#223126;background:#feffce}body.color footer[role=contentinfo]{color:#feffce66}body.color footer[role=contentinfo] .info li{-webkit-text-decoration:underline #feffce66;text-decoration:underline #feffce66}body.color footer[role=contentinfo] .info li.active{color:#feffce;text-decoration-color:#0000}body.color footer[role=contentinfo] .colophon{color:#feffce}body.color footer[role=contentinfo] .archive,body.color footer[role=contentinfo] .archive li{border-color:#feffce1a}body.color footer[role=contentinfo] .archive li:first-child{border-top:0}body.color footer[role=contentinfo] .archive li a,body.color footer[role=contentinfo] .archive li span{color:#feffce;text-decoration-color:#feffce}body.color footer[role=contentinfo] .archive li a:hover,body.color footer[role=contentinfo] .archive li span:hover{background:#feffce10;text-decoration-color:#0000}body.color .actions .container{background:#22312666;box-shadow:inset 0 1px 1.4px #fff8f229,inset 0 1px 2.6px #ffffff29,inset 0 4px 16px #fff8f21a,inset 0 10px 40px #fff8f21a,0 1px 3px #1e0a0229,0 5px 8px #1e0a0229,-.3px 5.7px 5.5px -.8px #1e0a021a,-.5px 9.3px 8.9px -1.2px #1e0a0214,-.8px 14.8px 14.2px -1.6px #1e0a020a,-1.3px 23.1px 22.2px -2px #1e0a0214,-2px 35px 33.7px -2.4px #1e0a020a,-2.9px 51.2px 49.2px -2.8px #1e0a020a}body.color .actions .email{background:#feffce}body.color .actions .toggle-menu .toggle.active{background:#ff8000!important}body.color .actions .toggle-menu .toggle.toggle-color,body.color .actions .toggle-menu .toggle.toggle-contrast,body.color .actions .toggle-menu .toggle.toggle-type{background:#feffce}body.serif{font-family:Register,Georgia,Times,serif;font-style:normal;font-weight:300}body.serif h1,body.serif h2{font-family:Register,Georgia,Times,serif;font-style:normal;font-weight:600}body.serif h1 span,body.serif h2 span{font-weight:300}body.serif strong,body.serif a.link{font-weight:600}@keyframes gradientslide{0%{background-position:0 100%}50%{background-position:100% 0}to{background-position:0 100%}}@keyframes gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes wave{0%{transform:rotate(0)scale(1.1)}10%{transform:rotate(4deg)scale(1.12)}20%{transform:rotate(-3deg)scale(1.15)}30%{transform:rotate(5deg)scale(1.17)}40%{transform:rotate(-2deg)scale(1.18)}50%{transform:rotate(3deg)scale(1.2)}60%{transform:rotate(-2deg)scale(1.18)}70%{transform:rotate(3deg)scale(1.17)}80%{transform:rotate(-1deg)scale(1.15)}90%{transform:rotate(2deg)scale(1.12)}to{transform:rotate(0)scale(1.1)}}