@import"https://fonts.googleapis.com/css?family=Montserrat:500,700";@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.2s}@keyframes chevron-in{from{width:0;margin-right:0;opacity:0}to{width:1em;margin-right:6px;opacity:1}}@keyframes chevron-vt-out{to{opacity:0;transform:scaleX(0)}}@keyframes chevron-vt-in{from{opacity:0;transform:scaleX(0)}}::view-transition-old(chevron-landschappen){animation:chevron-vt-out .2s ease-in both;transform-origin:left center}::view-transition-new(chevron-landschappen){animation:chevron-vt-in .3s ease-out both;transform-origin:left center}::view-transition-old(chevron-mensen){animation:chevron-vt-out .2s ease-in both;transform-origin:left center}::view-transition-new(chevron-mensen){animation:chevron-vt-in .3s ease-out both;transform-origin:left center}::view-transition-old(chevron-geensceneerd){animation:chevron-vt-out .2s ease-in both;transform-origin:left center}::view-transition-new(chevron-geensceneerd){animation:chevron-vt-in .3s ease-out both;transform-origin:left center}::view-transition-old(chevron-urban){animation:chevron-vt-out .2s ease-in both;transform-origin:left center}::view-transition-new(chevron-urban){animation:chevron-vt-in .3s ease-out both;transform-origin:left center}::view-transition-old(chevron-overige){animation:chevron-vt-out .2s ease-in both;transform-origin:left center}::view-transition-new(chevron-overige){animation:chevron-vt-in .3s ease-out both;transform-origin:left center}@keyframes fade-in{from{opacity:0}}@keyframes bounce-down{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}::view-transition-old(active-photo){animation:fade-out .2s ease-in both}::view-transition-new(active-photo){animation:fade-in .4s ease-out both}@keyframes fade-out{to{opacity:0}}*{box-sizing:border-box;margin:0;padding:0;border:none;font-family:"Montserrat",sans-serif;-webkit-font-smoothing:antialiased}body,html{width:100%;height:100%}img{display:block}body{background-color:hsl(0,0%,7%)}.logo{color:hsla(0,0%,100%,.9);letter-spacing:1px}.logo img{width:60px;border-radius:100%;margin-bottom:16px}.logo h1{margin-bottom:32px;font-size:18px}@media(max-width: 600px){.logo h1{margin-bottom:0}}@media(max-width: 600px){.logo nav{display:none}}.logo nav a{display:flex;align-items:center;color:hsla(0,0%,100%,.7);text-decoration:none;margin-bottom:8px;font-size:14px}.logo nav a svg{stroke:#fff;width:1em;height:1em;flex-shrink:0;overflow:hidden;transform-origin:right center;animation:chevron-in .3s ease-out both}.logo nav a.active{color:#fff}.site{display:flex;justify-content:flex-end;width:100%;height:100vh;overflow-y:hidden}.site__nav{width:300px;padding:32px}@media(max-width: 600px){.site__nav{width:100%}}.site__sidebar{width:100%;max-width:350px;overflow-y:scroll;height:100vh;padding:32px}@media(max-width: 600px){.site__sidebar{max-width:initial;overflow-y:initial;height:initial;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:32px;margin-left:32px;margin-right:32px;width:calc(100% - 64px);padding:0}}.site__sidebar img{width:100%;cursor:pointer;margin-bottom:32px;opacity:0;transition:opacity .15s ease-in,transform ease-in-out 50ms}.site__sidebar img.loaded{opacity:1}@media(max-width: 600px){.site__sidebar img{margin-bottom:0}}@media(min-width: 600px){.site__sidebar img:hover{transform:scale(1.025)}}.site__photo{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}@media(max-width: 600px){.site__photo{display:none}}.site__photo img{max-width:100%;max-height:100%;width:auto;height:auto;transition:opacity .15s ease;view-transition-name:active-photo}@media(max-width: 1150px){.site{display:block;flex-direction:column;overflow-y:initial}}.scroll-hint{position:fixed;bottom:0;right:0;width:350px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:24px 0 16px;background:linear-gradient(to bottom, transparent, rgb(17.85, 17.85, 17.85) 60%);color:hsla(0,0%,100%,.45);font-size:11px;letter-spacing:.5px;cursor:default;transition:opacity .4s ease}.scroll-hint.is-hidden{opacity:0;pointer-events:none}@media(max-width: 1150px){.scroll-hint{display:none}}.scroll-hint svg{stroke:hsla(0,0%,100%,.45);width:1.2em;height:1.2em;animation:bounce-down 1.5s ease-in-out infinite}.contact{position:absolute;left:32px;bottom:32px}@media(max-width: 600px){.contact{left:initial;bottom:initial;right:32px;top:96px}}.contact a{display:block;text-decoration:none;color:hsl(0,0%,65%);font-size:12px}.mobile-nav{position:fixed;bottom:0;left:0;width:100%;display:flex;justify-content:space-evenly;background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(0, 0, 0) 100%);overflow-x:scroll}@media(min-width: 600px){.mobile-nav{display:none}}.mobile-nav a{text-align:center;color:#fff;text-decoration:none;padding:16px 0 21.3333333333px 0;text-shadow:0 0 3px rgba(0,0,0,.8),0 0 2px rgba(0,0,0,.4);font-size:12px}.mobile-nav a.active{color:#fff;font-weight:bold}