@font-face{font-family:Instrument;src:url(/assets/fonts/Instrument.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--background-50:#f1f7f8;--background-100:#e2eef0;--background-200:#d4e6e9;--background-300:#c5dee2;--background-400:#b7d6da;--background-500:#a8cdd3;--background-600:#9ac5cc;--bg-200-opacity:#d4e6e9cc;--primary-color:#30a8ad;--onprimary-color:#9ad0d2;--primary-text-color:#0c1414;--onprimary-text-color:#ebf9fa;--secondary-color:#0261a8;--onsecondary-color:#8ca5d0;--secondary-text-color:#090d14;--onsecondary-text-color:#eceff7;--third-color:#0c6069;--onthird-color:#eaf0f0;--third-text-color:#060d0e;--onthird-text-color:#eaf0f0;--forth-color:#c7eef0;--background-text-color:#9cbec5;--fifth-color:#077483;--onfifth-color:#ebf2f3;--sixth-color:#30a8ad;--onsixth-color:#eef7f7;--nav-color:#c3d8dc;--textinput-color:#d5dbe7;--about-container-color:#1d565d;--about-container-color2:#0c3844;--about-text-title-color:#6fd2d8;--about-text-color:#f2f2f2;--about-list-color:#e4f0f1;--button-color:#5ca5b0;--button-hover-color:#35676e;--grey-50:#f3f3f3;--grey-100:#e7e7e7;--grey-200:#dbdbdb;--grey-300:#cfcfcf;--grey-400:#c3c3c3;--grey-500:#b8b8b8;--grey-600:#acacac;--grey-700:#a1a1a1;--grey-800:#969696;--grey-900:#8b8b8b;--grey-950:gray;--blue-50:#f5f7f8;--blue-100:#ebeff2;--blue-200:#e1e6eb;--blue-300:#d7dee4;--blue-400:#ced6de;--blue-500:#c4ced7;--blue-600:#bac6d1;--blue-700:#b1beca;--blue-800:#a7b6c4;--blue-900:#9dafbd;--blue-950:#94a7b7;--small-font-size:.8rem;--normal-font-size:1rem;--medium-font-size:1.125rem;--large-font-size:1.5rem;--xlarge-font-size:2rem;--xxlarge-font-size:2.5rem;--xxxlarge-font-size:5rem;--xxxxlarge-font-size:7rem;--title-font-size:clamp(2rem, 5vw, 3rem);--sub-title-font-size:clamp(1.125rem, 2.5vw, 1.6rem);--paragraph-font-size:clamp(1rem, 2.5vw, 1.125rem);--par-font-size:clamp(1rem, 2.5vw, 1.313rem);--gallery-par-font-size:clamp(1.125rem, 2.5vw, 1.2rem);--border-size:45px 8px 45px 45px;--white-space:10px 20px}*{letter-spacing:normal;box-sizing:border-box;margin:0;padding:0;font-family:Instrument}.projecten-main{width:100%;height:calc(95svh - 15px);color:var(--onthird-color);opacity:0;flex-direction:column;gap:10px;margin-top:7svh;animation:.8s .15s forwards bg-slide;display:flex;position:relative;overflow:hidden;transform:translateY(-50px)}.projecten-container{scroll-snap-align:start;scroll-snap-stop:always;flex-flow:column wrap;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;display:flex;position:relative}.container-flex{flex-flow:column;justify-content:center;align-items:center;gap:10px;max-width:1000px;height:80%;padding:10px;display:flex}.title{color:var(--about-container-color);font-size:var(--title-font-size);text-align:center;text-wrap:wrap}.flex-img-wrapper{grid-template-columns:1fr 1fr 1fr;gap:10px;width:100%;height:auto;display:grid}.flex-img-wrapper img{object-fit:cover;border-radius:15px;flex:1 1 0;width:100%;min-width:0;height:100%;display:block}.flex-img-wrapper a{pointer-events:none;width:100%;height:100%;display:block}.projecten-container.in-view .flex-img-wrapper a{pointer-events:auto}.paragraph{font-size:var(--medium-font-size);color:var(--about-container-color);text-align:center}.projecten-main::-webkit-scrollbar{display:none}.projecten-slider{scroll-snap-type:y mandatory;scrollbar-width:none;width:100%;height:100%;overflow-y:scroll}.project-photo{object-fit:cover;border-radius:15px;width:100%;height:auto;display:block}.next-button{fill:var(--third-color);cursor:pointer;min-width:25px;height:auto;transition:all .2s ease-in-out;position:absolute;bottom:20px;right:50%;translate:50%}.next-button-up{fill:var(--third-color);cursor:pointer;min-width:25px;height:auto;transition:all .2s ease-in-out;position:absolute;top:10px;right:50%;translate:50%}.next-button svg{transform:rotate(270deg)}.next-button-up svg{transform:rotate(90deg)}.next-button,.next-button-up:hover{scale:1.05}@keyframes bg-slide{to{opacity:1;transform:translateY(0)}}.project-photo{cursor:pointer}.lightbox{backdrop-filter:blur(10px);z-index:9999;cursor:default;pointer-events:none;opacity:0;background-color:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;text-decoration:none;transition:opacity .3s ease-in-out;display:flex;position:fixed;top:0;left:0}.lightbox img{object-fit:contain;border-radius:15px;max-width:90vw;max-height:90vh;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transform:scale(.2);box-shadow:0 10px 40px #000000b3}.lightbox:target{opacity:1;pointer-events:auto;display:flex}.lightbox:target img{transform:scale(1)}.title.one{font-size:var(--xxlarge-font-size);text-align:start;flex-direction:column;justify-content:end;align-items:center;display:flex}.projecten-container .title,.projecten-container .paragraph,.projecten-container .project-photo,.projecten-container .next-button,.projecten-container .next-button-up{opacity:0;pointer-events:none;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(30px)}.projecten-container.in-view .title,.projecten-container.in-view .paragraph,.projecten-container.in-view .project-photo,.projecten-container.in-view .next-button,.projecten-container.in-view .next-button-up{opacity:1;pointer-events:auto;transform:translateY(0)}.projecten-container.in-view .title{transition-delay:.1s}.projecten-container.in-view .paragraph{transition-delay:.3s}.projecten-container.in-view .project-photo{transition-delay:.5s}.projecten-container.in-view .next-button,.projecten-container.in-view .next-button-up{transition-delay:.7s}.projecten-container.one .next-button{transform:translateY(30px)rotate(180deg)}.projecten-container.one.in-view .next-button{transform:translateY(0)rotate(180deg)}.projecten-container:nth-child(2n){background:var(--background-100)}