@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/montserrat-v15-latin-regular.woff2)format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/montserrat-v15-latin-700.woff2)format("woff2")}:root{color:#7f7f7f;--ink:#272727;--sidebar-width:max(360px, 20vw);background:#fff;font-family:Montserrat,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}button{color:inherit}button:focus-visible,a:focus-visible,main:focus-visible{outline:2px solid var(--ink);outline-offset:5px}[hidden]{display:none!important}.skip-link{z-index:100;background:#fff;padding:16px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:16px}.site-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);height:100dvh;display:grid}.sidebar{z-index:10;background:#fff;position:relative;overflow-y:auto}.brand{padding:16px 48px;display:block}.brand img{width:100%;height:auto;display:block}.navigation ul{margin:0 0 0 20px;padding:0;list-style:none}.navigation li{margin:20px 0}.navigation a{text-transform:uppercase;padding:0 16px 0 20px;line-height:2;display:block}.navigation a:hover,.navigation a[aria-current]{color:var(--ink);box-shadow:inset 8px 0 var(--ink)}.menu-toggle{display:none}main{min-width:0;min-height:0;position:relative;box-shadow:inset 3px 0 #959da533}.home-page{isolation:isolate;height:100%;position:relative;overflow:hidden}.home-services{z-index:2;pointer-events:none;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-content:center;gap:5em;padding:3em 5em;display:grid;position:absolute;inset:0;overflow-y:auto}.service-card{pointer-events:auto;background:#fff;padding:2em 2em 2em 4em;position:relative}.service-card img{width:5em;height:auto;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.service-card h2{color:var(--ink);text-transform:uppercase;margin:0;font-size:1.2em}.service-card p{margin-bottom:0;line-height:1.3}.gallery{background:#fff;height:100%;min-height:0;position:relative;overflow:hidden}.gallery--home{background:#1e1e1e}.gallery .gallery-main{width:100%;height:100%}.gallery .gallery-main .swiper-slide{background:#fff;width:100%;height:100%}.gallery--home .gallery-main .swiper-slide{background:#1e1e1e}.gallery-main .swiper-slide>img{object-fit:contain;object-position:top center;width:100%;height:100%;display:block}.gallery--home .gallery-main .swiper-slide>img{object-fit:cover;object-position:center}.gallery-arrow{z-index:3;background:0 0;border:0;width:27px;height:44px;padding:0;position:absolute;top:50%;transform:translateY(-50%)}.gallery-arrow img{object-fit:contain;width:100%;height:100%;display:block}.gallery-prev{left:0}.gallery-prev img{object-position:left center}.gallery-next{right:0}.gallery-next img{object-position:right center}.gallery .gallery-thumbs{z-index:3;opacity:.9;width:100%;height:6em;position:absolute;bottom:0;right:3px}.gallery-thumbs .swiper-slide{width:6em;height:100%}.gallery-thumbs button{background:#eee;border:0;width:100%;height:100%;padding:0}.gallery-thumbs img{object-fit:cover;width:100%;height:100%;display:block}.gallery-thumbs .swiper-slide-thumb-active button{box-shadow:inset 0 0 0 3px #fff}.gallery-thumbs .swiper-slide-thumb-active img{opacity:.65}.gallery-pause{z-index:4;color:#fff;background:#272727b3;border:1px solid #ffffff80;border-radius:50%;width:36px;height:36px;position:absolute;bottom:7em;right:16px}.gallery--home .gallery-pause{bottom:16px}.empty-state{text-align:center;padding:3em}.about-page{scroll-behavior:smooth;background:url(/img/test.jpg) 50%/cover;height:100%;overflow-y:auto}.about-row{background:50%/cover no-repeat;min-height:65vh;padding:10px;display:grid}.about-box{background:#fff;width:70%;margin:auto;padding:3em}.about-box h2{color:var(--ink);text-transform:uppercase}.about-box p{line-height:1.75}.about-box ul{padding-left:1em;line-height:2}.about-1,.about-3{grid-template-columns:minmax(700px,50%) 1fr}.about-2,.about-4{grid-template-columns:1fr minmax(700px,50%)}.about-1{background-image:url(/img/about/advies.png)}.about-2{background-image:url(/img/about/ontwerp.png)}.about-3{background-image:url(/img/about/realisatie.png)}.about-4{background-image:url(/img/about/styling.png)}.profile-page{background-size:cover;height:100%;position:relative;overflow-y:auto}.team-page{background-image:url(/img/team/nick.jpg);background-position:0}.contact-page{background-image:url(/img/contact/map.png)}.profile-card{background:#fff;min-width:min(500px,100%);max-width:40%;padding:4em;position:absolute;bottom:4em;right:0}.profile-card h1{text-transform:uppercase;color:var(--ink);margin:0;font-size:2em}.profile-card p{overflow-wrap:anywhere;margin-bottom:0;line-height:1.5}.profile-card a:hover{text-decoration:underline}.contact-line{margin-top:1.5em;padding-left:3em;position:relative}.contact-line img{object-fit:contain;position:absolute;top:50%;left:0;transform:translateY(-50%)}.projects-page{flex-direction:column;height:100%;display:flex;position:relative}.projects-page>h1{color:inherit;text-align:center;margin:0;padding:.5em;font-size:1.5em;font-weight:400}.category-bar{background:#f7f7f7;flex-wrap:wrap;flex-shrink:0;justify-content:center;display:flex}.category-bar button{text-transform:uppercase;background:0 0;border:0;padding:1em 2em;font-size:.9em}.category-bar button:hover,.category-bar button[aria-pressed=true]{color:var(--ink)}.projects-page>.gallery{flex:1}.project-browser{width:calc(100vw - var(--sidebar-width));max-width:none;height:100dvh;max-height:none;margin:0 0 0 var(--sidebar-width);color:inherit;background:#0009;border:0;padding:0;position:fixed;overflow-y:auto}.project-browser::backdrop{background:#0003}.browser-heading{z-index:2;background:#fff;justify-content:space-between;align-items:center;gap:1em;padding:1em 2em;display:flex;position:sticky;top:0}.browser-heading h2{margin:0;font-size:1.3em;font-weight:400}.browser-close{background:0 0;border:0;padding:0 8px;font-size:2em;line-height:1}.project-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:4em;padding:3em 4em;display:grid}.project-card{background:#fff;flex-direction:column;transition:transform .2s;display:flex}.project-card:hover{transform:scale(1.03)}.project-card>img{object-fit:cover;width:100%;height:200px}.project-card-text{flex:1;padding:1em 2em}.project-card h3{color:var(--ink);overflow-wrap:anywhere;font-size:1.3em}.project-card p{line-height:1.5}.project-links{padding:2em;overflow-y:auto}.error-page{padding:clamp(2em,8vw,8em)}.error-page h1{color:var(--ink)}.error-page a{text-decoration:underline}@media (width<=1200px){.home-services{gap:3em;padding:2em 4em}.about-box{width:85%;margin:2em auto;padding:2em}.about-1,.about-3{grid-template-columns:100% 0}.about-2,.about-4{grid-template-columns:0 100%}.profile-card{max-width:80%;padding:3em}.project-grid{gap:2em;padding:2em}}@media (width<=768px){:root{--sidebar-width:0px}.site-shell{grid-template-rows:max(72px,10dvh) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.sidebar{justify-content:flex-end;align-items:center;display:flex;overflow:visible}.brand{padding:0 16px}.brand img{width:auto;height:5vh}.menu-toggle{z-index:12;background:#fff;border:0;place-content:center;gap:5px;width:44px;height:44px;display:grid;position:absolute;top:50%;left:24px;transform:translateY(-50%)}.menu-toggle span{background:var(--ink);width:30px;height:3px;transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(8px)rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.navigation{background:#fff;width:100%;height:calc(100dvh - max(72px,10dvh));padding-top:1em;display:none;position:absolute;top:100%;left:0;overflow-y:auto}.navigation.is-open{display:block}.navigation ul{margin-left:16px}.navigation a{padding:10px 16px;font-size:1.1em}.navigation a:hover,.navigation a[aria-current]{box-shadow:inset 4px 0 var(--ink)}.home-services{grid-template-columns:minmax(0,1fr);align-content:safe center;gap:1.5em;padding:2em 1.5em 4em 3.5em}.service-card{padding:1.3em 1.3em 1.3em 3em}.service-card img{width:4em}.service-card h2{font-size:1.1em}.service-card p{font-size:.9em}.about-box{width:95%;padding:1.5em}.profile-page{background-position:top;background-repeat:no-repeat;background-size:contain;padding-top:70%}.profile-card{width:100%;min-width:0;max-width:100%;padding:2em;position:relative;bottom:auto}.profile-card h1{font-size:1.6em}.contact-page{background-repeat:repeat-y}.category-bar{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.category-bar button{white-space:nowrap;padding:1.2em 1.5em}.projects-page>h1{padding:.8em;font-size:1.2em}.projects-page{height:auto}.projects-page>.gallery{flex:none;height:55vh}.projects-page .gallery-arrow{top:25%}.gallery .gallery-thumbs{height:4.5em}.gallery-thumbs .swiper-slide{width:4.5em}.gallery-pause{bottom:5.5em}.gallery--home .gallery-pause{bottom:12px}.project-browser{width:100%;height:100dvh;margin:0}.project-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5em;padding:1.5em}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}