.pi-js [data-pi-reveal]{opacity:0;transform:translateY(3.2rem);transition:opacity .9s cubic-bezier(.2,.65,.3,1) var(--d,0ms),transform .9s cubic-bezier(.2,.65,.3,1) var(--d,0ms)}.pi-js [data-pi-reveal].is-zichtbaar{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.pi-js [data-pi-reveal]{opacity:1;transform:none;transition:none}}.pi-pj__kop{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2.4rem 4rem;align-items:end;margin-bottom:4.8rem}.pi-pj__titel{margin:0 0 1.6rem}.pi-pj__intro{max-width:60rem}.pi-pj__teller{display:flex;flex-direction:column;align-items:flex-end;line-height:.85;-webkit-user-select:none;user-select:none}.pi-pj__teller-getal{font-size:clamp(7.2rem,12vw,16rem);font-weight:700;letter-spacing:-.05em;--c:rgba(var(--color-foreground),.35);color:rgb(var(--color-background));text-shadow:1px 0 0 var(--c),-1px 0 0 var(--c),0 1px 0 var(--c),0 -1px 0 var(--c),1px 1px 0 var(--c),-1px 1px 0 var(--c),1px -1px 0 var(--c),-1px -1px 0 var(--c)}.pi-pj__teller-tekst{font-size:1.2rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(var(--color-foreground),.6);margin-top:1.2rem}.pi-pj__filters{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.8rem;padding-top:2.4rem;border-top:1px solid rgba(var(--color-foreground),.15)}.pi-pj__filter{display:inline-flex;align-items:center;padding:1.1rem 2rem;border:1px solid rgba(var(--color-foreground),.25);font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:rgb(var(--color-foreground));transition:background-color .25s ease,color .25s ease,border-color .25s ease}.pi-pj__filter:hover{border-color:rgb(var(--color-foreground))}.pi-pj__filter.is-actief{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.pi-pj__specs{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;margin:0;padding:0}.pi-pj__specs li{padding:.6rem 1.1rem;border:1px solid rgba(var(--color-foreground),.22);font-size:1.2rem;line-height:1.3;color:rgba(var(--color-foreground),.85)}.pi-pj__tags{margin:0;font-size:1.15rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(var(--color-foreground),.55)}.pi-pj__meer{display:inline-flex;align-items:center;gap:1.2rem;font-size:1.2rem;letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--color-foreground))}.pi-pj__meer-lijn{display:block;width:3.2rem;height:1px;background:currentColor;transition:width .4s cubic-bezier(.2,.65,.3,1)}.pi-pj__meer svg{width:1.4rem;height:1.4rem;margin-left:-1.6rem}.pi-pju{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);text-decoration:none;color:inherit;margin-bottom:6.4rem;border:1px solid rgba(var(--color-foreground),.12);background:rgba(var(--color-foreground),.03)}.pi-pju__media{aspect-ratio:16/10;height:100%}.pi-pju__media img{transition:transform 1.2s cubic-bezier(.2,.65,.3,1),opacity .6s ease}.pi-pju:hover .pi-pju__media img{transform:scale(1.04)}.pi-pju__badge{position:absolute;top:2rem;left:2rem;z-index:2;padding:.7rem 1.2rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.1rem;letter-spacing:.18em;text-transform:uppercase}.pi-pju__tekst{position:relative;display:flex;flex-direction:column;justify-content:center;gap:1.8rem;padding:5.6rem 4.8rem}.pi-pju__nr{position:absolute;top:2.4rem;right:3.2rem;font-size:8rem;font-weight:700;line-height:1;letter-spacing:-.05em;--c:rgba(var(--color-foreground),.25);color:rgb(var(--color-background));text-shadow:1px 0 0 var(--c),-1px 0 0 var(--c),0 1px 0 var(--c),0 -1px 0 var(--c),1px 1px 0 var(--c),-1px 1px 0 var(--c),1px -1px 0 var(--c),-1px -1px 0 var(--c)}.pi-pju__titel{margin:0}.pi-pju__samenvatting{margin:0;color:rgba(var(--color-foreground),.75)}.pi-pju:hover .pi-pj__meer-lijn,.pi-pjk:hover .pi-pj__meer-lijn{width:5.6rem}.pi-pj__raster{display:grid;grid-template-columns:repeat(var(--kol,3),minmax(0,1fr));gap:5.6rem 2.4rem}.pi-pjk{display:flex;flex-direction:column;gap:1.6rem;text-decoration:none;color:inherit}.pi-pjk__media{aspect-ratio:4/3}.pi-pjk__media img{transition:transform 1s cubic-bezier(.2,.65,.3,1),opacity .6s ease}.pi-pjk__media .pi-pjk__img2{opacity:0}.pi-pjk:hover .pi-pjk__media img{transform:scale(1.05)}.pi-pjk:hover .pi-pjk__media .pi-pjk__img2,.pi-pju:hover .pi-pjk__img2{opacity:1}.pi-pju__media .pi-pjk__img2{opacity:0}.pi-pjk__nr{position:absolute;left:1.6rem;bottom:1.2rem;z-index:2;font-size:4.8rem;font-weight:700;line-height:1;letter-spacing:-.04em;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.35);transition:transform .5s cubic-bezier(.2,.65,.3,1)}.pi-pjk__hover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:flex-end;justify-content:flex-end;padding:1.6rem;background:linear-gradient(180deg,#0000 45%,#0000008c);opacity:0;transition:opacity .4s ease}.pi-pjk__hover span{display:inline-flex;align-items:center;gap:.8rem;padding:1rem 1.4rem;background:#fff;color:#121212;font-size:1.1rem;letter-spacing:.16em;text-transform:uppercase;transform:translateY(1rem);transition:transform .45s cubic-bezier(.2,.65,.3,1)}.pi-pjk__hover svg{width:1.3rem;height:1.3rem}.pi-pjk:hover .pi-pjk__hover{opacity:1}.pi-pjk:hover .pi-pjk__hover span{transform:none}.pi-pjk:hover .pi-pjk__nr{transform:translateY(-.4rem)}.pi-pjk__tekst{display:flex;flex-direction:column;gap:1rem}.pi-pjk__titel{margin:0;transition:opacity .2s ease}.pi-pjk:hover .pi-pjk__titel{opacity:.7}.pi-pj__paginering{display:flex;align-items:center;justify-content:center;gap:2.4rem;margin-top:6.4rem;font-size:1.3rem;letter-spacing:.12em;text-transform:uppercase}.pi-pj__paginering a{color:rgb(var(--color-foreground))}.pi-pj__leeg{padding:4.8rem;border:1px dashed rgba(var(--color-foreground),.25);text-align:center}@media screen and (max-width:989px){.pi-pju{grid-template-columns:minmax(0,1fr)}.pi-pju__tekst{padding:4rem 3.2rem}.pi-pj__raster{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.pi-pj__kop{grid-template-columns:minmax(0,1fr)}.pi-pj__teller{display:none}.pi-pj__filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-1.5rem;padding-inline:1.5rem}.pi-pj__filters::-webkit-scrollbar{display:none}.pi-pj__filter{flex:0 0 auto}.pi-pju{margin-bottom:4.8rem}.pi-pju__tekst{padding:3.2rem 2.4rem}.pi-pju__nr{font-size:5.6rem;top:1.6rem;right:2rem}.pi-pj__raster{grid-template-columns:minmax(0,1fr);gap:4.8rem}.pi-pjk__hover{opacity:1;background:none}.pi-pjk__hover span{display:none}}.pi-pd__hero{position:relative;display:flex;align-items:flex-end;min-height:min(88vh,96rem);overflow:hidden;background:#000;color:#fff}.pi-pd__hero-media{position:absolute;top:0;right:0;bottom:0;left:0}.pi-pd__hero-media img{width:100%;height:100%;object-fit:cover;display:block;animation:piPdZoom 2.6s cubic-bezier(.2,.65,.3,1) both}.pi-pd__hero-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000073,#0000 28%,#00000026 55%,#000000e0)}@keyframes piPdZoom{0%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes piPdOmhoog{0%{opacity:0;transform:translateY(3rem)}to{opacity:1;transform:none}}.pi-pd__hero-tekst{position:relative;z-index:1;width:100%;padding-top:14rem;padding-bottom:6.4rem}.pi-pd__hero-tekst>*{animation:piPdOmhoog 1s cubic-bezier(.2,.65,.3,1) both}.pi-pd__hero-tekst>:nth-child(2){animation-delay:.12s}.pi-pd__hero-tekst>:nth-child(3){animation-delay:.24s}.pi-pd__hero-tekst>:nth-child(4){animation-delay:.36s}.pi-pd__hero .pi-label{color:#ffffffbf}.pi-pd__titel{margin:0;max-width:18em;color:#fff}.pi-pd__intro{max-width:62rem;margin:2rem 0 0;font-size:1.8rem;line-height:1.55;color:#ffffffd9}.pi-pd__terug{position:absolute;top:3.2rem;z-index:2;display:inline-flex;align-items:center;gap:.8rem;font-size:1.2rem;letter-spacing:.16em;text-transform:uppercase;color:#fff;text-decoration:none;opacity:.85;transition:opacity .2s,gap .3s}.pi-pd__terug:hover{opacity:1;gap:1.2rem}.pi-pd__terug svg{width:1.4rem;height:1.4rem}.pi-pd__scroll{position:absolute;right:max(1.5rem,calc((100% - var(--page-width,160rem))/2 + 5rem));bottom:6.4rem;z-index:1;width:1px;height:6.4rem;background:#ffffff40;overflow:hidden}.pi-pd__scroll:after{content:"";position:absolute;left:0;top:-50%;width:100%;height:50%;background:#fff;animation:piPdScroll 2s ease-in-out infinite}@keyframes piPdScroll{to{top:100%}}.pi-pd__specs{background:#000;color:#fff;border-top:1px solid rgba(255,255,255,.14)}.pi-pd__specs ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));list-style:none;margin:0;padding:0}.pi-pd__spec{display:flex;flex-direction:column;gap:1rem;padding:3.2rem 2.4rem 3.2rem 0;border-right:1px solid rgba(255,255,255,.14);margin-right:2.4rem}.pi-pd__spec:last-child{border-right:0;margin-right:0}.pi-pd__spec-nr{font-size:1.2rem;letter-spacing:.18em;color:#ffffff80}.pi-pd__spec-tekst{font-size:1.7rem;line-height:1.35}.pi-pd__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:8rem;align-items:start}.pi-pd__zij{position:sticky;top:12rem}.pi-pd__feiten{margin:0 0 3.2rem;border-top:1px solid rgba(var(--color-foreground),.15)}.pi-pd__feit{display:flex;justify-content:space-between;gap:2rem;padding:1.6rem 0;border-bottom:1px solid rgba(var(--color-foreground),.15)}.pi-pd__feit dt{font-size:1.2rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(var(--color-foreground),.55)}.pi-pd__feit dd{margin:0;text-align:right;font-weight:500}.pi-pd__zij .button{width:100%}.pi-pd__zij .pi-knoppen{margin-top:0;flex-direction:column}.pi-pd__inhoud{max-width:78rem;font-size:1.7rem;line-height:1.7}.pi-pd__inhoud>:first-child{margin-top:0}.pi-pd__inhoud>p:first-child{font-size:2.1rem;line-height:1.5;color:rgb(var(--color-foreground))}.pi-pd__inhoud h2,.pi-pd__inhoud h3{display:flex;align-items:center;gap:1.4rem;margin:4.8rem 0 1.6rem;font-size:2.2rem}.pi-pd__inhoud h2:before,.pi-pd__inhoud h3:before{content:"";flex:0 0 1rem;height:1rem;background:rgb(var(--color-foreground))}.pi-pd__inhoud ul{list-style:none;padding:0;margin:0;border-top:1px solid rgba(var(--color-foreground),.12)}.pi-pd__inhoud li{position:relative;padding:1.4rem 0 1.4rem 3.2rem;border-bottom:1px solid rgba(var(--color-foreground),.12)}.pi-pd__inhoud li:before{content:"";position:absolute;left:0;top:2.5rem;width:1.6rem;height:1px;background:rgb(var(--color-foreground))}.pi-pd__inhoud img{max-width:100%;height:auto}.pi-pd__galerij-kop{display:flex;justify-content:space-between;align-items:flex-end;gap:2.4rem;margin-bottom:3.2rem}.pi-pd__galerij-kop h2{margin:0}.pi-pd__galerij-n{font-size:1.2rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(var(--color-foreground),.6)}.pi-pd__raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.pi-pd__foto{position:relative;display:block;padding:0;margin:0;border:0;background:rgba(var(--color-foreground),.06);aspect-ratio:3/2;overflow:hidden;cursor:zoom-in}.pi-pd__foto:nth-child(3n+1){grid-column:1/-1;aspect-ratio:21/9}.pi-pd__foto img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.65,.3,1),filter .4s ease}.pi-pd__foto:hover img{transform:scale(1.04)}.pi-pd__foto:after{content:"";position:absolute;right:1.6rem;bottom:1.6rem;width:4rem;height:4rem;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23121212' stroke-width='1.6'%3E%3Cpath d='M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7'/%3E%3C/svg%3E") center/1.8rem no-repeat;opacity:0;transform:scale(.8);transition:opacity .3s,transform .3s}.pi-pd__foto:hover:after{opacity:1;transform:none}.pi-lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000000f0;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}.pi-lb.is-open{opacity:1;visibility:visible}.pi-lb__img{max-width:92vw;max-height:84vh;object-fit:contain;box-shadow:0 20px 60px #00000080}.pi-lb__knop{position:absolute;display:flex;align-items:center;justify-content:center;width:5.2rem;height:5.2rem;padding:0;border:1px solid rgba(255,255,255,.3);background:#0006;color:#fff;cursor:pointer;transition:background .2s,border-color .2s}.pi-lb__knop:hover{background:#fff;color:#121212;border-color:#fff}.pi-lb__knop svg{width:2rem;height:2rem}.pi-lb__sluit{top:2rem;right:2rem}.pi-lb__vorige{left:2rem;top:50%;transform:translateY(-50%)}.pi-lb__volgende{right:2rem;top:50%;transform:translateY(-50%)}.pi-lb__teller{position:absolute;bottom:2.4rem;left:50%;transform:translate(-50%);color:#ffffffb3;font-size:1.2rem;letter-spacing:.18em}.pi-pd__nav{display:grid;grid-template-columns:repeat(var(--n,1),minmax(0,1fr));background:#000}.pi-pd__nav-item{position:relative;display:flex;align-items:flex-end;min-height:44rem;overflow:hidden;color:#fff;text-decoration:none}.pi-pd__nav-item img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.55;transition:transform 1.2s cubic-bezier(.2,.65,.3,1),opacity .5s ease}.pi-pd__nav-item:hover img{transform:scale(1.05);opacity:.7}.pi-pd__nav-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 30%,#000c)}.pi-pd__nav-tekst{position:relative;z-index:1;display:flex;flex-direction:column;gap:1.2rem;width:100%;padding:4.8rem 5rem}.pi-pd__nav-tekst .pi-label{margin:0;color:#ffffffb3}.pi-pd__nav-titel{margin:0;color:#fff}.pi-pd__nav-item+.pi-pd__nav-item{border-left:1px solid rgba(255,255,255,.15)}.pi-pd__nav-item--vorige .pi-pd__nav-tekst{align-items:flex-start}@media screen and (max-width:989px){.pi-pd__body{grid-template-columns:minmax(0,1fr);gap:4.8rem}.pi-pd__zij{position:static;order:2}}@media screen and (max-width:749px){.pi-pd__hero{min-height:78svh}.pi-pd__hero-tekst{padding-top:10rem;padding-bottom:4.8rem}.pi-pd__intro{font-size:1.6rem}.pi-pd__scroll{display:none}.pi-pd__specs ol{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.pi-pd__specs ol::-webkit-scrollbar{display:none}.pi-pd__spec{flex:0 0 62%;scroll-snap-align:start;padding:2.4rem 2rem 2.4rem 0;margin-right:2rem}.pi-pd__inhoud{font-size:1.6rem}.pi-pd__inhoud>p:first-child{font-size:1.8rem}.pi-pd__raster{grid-template-columns:minmax(0,1fr);gap:.8rem}.pi-pd__foto,.pi-pd__foto:nth-child(3n+1){aspect-ratio:3/2}.pi-pd__nav{grid-template-columns:minmax(0,1fr)}.pi-pd__nav-item{min-height:30rem}.pi-pd__nav-item+.pi-pd__nav-item{border-left:0;border-top:1px solid rgba(255,255,255,.15)}.pi-pd__nav-tekst{padding:3.2rem 2rem}.pi-lb__vorige,.pi-lb__volgende{top:auto;bottom:1.6rem;transform:none}.pi-lb__knop{width:4.4rem;height:4.4rem}}.pi-lb[hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/25/assets/pi-projecten.css.map */