.pj{padding-block:clamp(1.6rem,4vw,2.6rem) clamp(3rem,7vw,5rem)}.pj .ph{border-radius:12px;margin:0}.pj-mosaic{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(4,1fr);gap:10px;height:clamp(300px,42vw,520px);display:grid}.pj-mosaic figure{position:relative}.pj-mosaic--1 figure{grid-area:1/1/-1/-1}.pj-mosaic--2 figure{grid-area:1/span 2/-1}.pj-mosaic--3 figure:first-child,.pj-mosaic--4 figure:first-child,.pj-mosaic--5 figure:first-child{grid-area:span 2/span 2}.pj-mosaic--3 figure:not(:first-child),.pj-mosaic--4 figure:nth-child(2){grid-column:span 2}.pj-label{z-index:2;background:var(--red);color:#fff;font-family:var(--font-head);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:.2rem .6rem;font-size:.7rem;font-weight:800;position:absolute;top:10px;left:10px}.pj-label--voor{background:var(--ink)}.pj-mosaic{position:relative}.pj-alle{z-index:3;color:var(--ink);font-family:var(--font-head);background:#fff;border-radius:999px;align-items:center;gap:.45rem;padding:.55rem .95rem;font-size:.9rem;font-weight:800;text-decoration:none;display:inline-flex;position:absolute;bottom:12px;right:12px;box-shadow:0 6px 18px -6px #14161c73}.pj-alle:before{content:"";background:currentColor;width:.95rem;height:.95rem;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h8v8H3zM13 3h8v8h-8zM3 13h8v8H3zM13 13h8v8h-8z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h8v8H3zM13 3h8v8h-8zM3 13h8v8H3zM13 13h8v8h-8z'/%3E%3C/svg%3E") 50%/contain no-repeat}.pj-alle:hover{background:var(--red);color:#fff}.pj .ph:after{pointer-events:none}.pj-zoom img{filter:saturate(1.12)contrast(1.04)brightness(1.03);object-fit:cover}.pj-zoom{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.pj-zoom img{transition:transform .35s}.pj-zoom:hover img,.pj-zoom:focus-visible img{transform:scale(1.03)}.pj-zoom:focus-visible{outline:3px solid var(--red);outline-offset:-3px}.pj-lb{color:#fff;background:#0c0907f0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden}.pj-lb::backdrop{background:#0c0907f0}.pj-lb[open]{flex-direction:column;display:flex}.pj-lb__img{flex:1;justify-content:center;align-items:center;min-height:0;padding:3.5rem 4.5rem .5rem;display:flex}.pj-lb__img img{object-fit:contain;border-radius:6px;width:auto;max-width:100%;height:auto;max-height:100%}.pj-lb__bar{color:#ffffffc7;justify-content:space-between;gap:1rem;margin:0;padding:.75rem 1.25rem 1.1rem;font-size:.9rem;display:flex}.pj-lb__count{font-variant-numeric:tabular-nums;flex:none}.pj-lb__nav,.pj-lb__close{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:999px;place-items:center;line-height:1;display:grid;position:absolute}.pj-lb__nav:hover,.pj-lb__close:hover{background:var(--red)}.pj-lb__nav{width:3rem;height:3rem;padding-bottom:.2rem;font-size:2rem;top:50%;transform:translateY(-50%)}.pj-lb__nav--prev{left:.9rem}.pj-lb__nav--next{right:.9rem}.pj-lb__close{width:2.6rem;height:2.6rem;font-size:1.7rem;top:.8rem;right:.9rem}@media (max-width:620px){.pj-lb__img{padding:3.6rem .5rem .5rem}.pj-lb__nav{width:2.6rem;height:2.6rem;top:auto;bottom:.7rem;transform:none}.pj-lb__bar{text-align:center;flex-direction:column;justify-content:center;gap:.2rem;min-height:4rem;padding:.75rem 3.9rem 1rem}.pj-alle{padding:.45rem .75rem;font-size:.8rem;top:8px;bottom:auto;right:8px}.pj-mosaic{grid-template-rows:none;grid-template-columns:1fr 1fr;height:auto}.pj-mosaic figure{aspect-ratio:1;grid-area:auto!important}.pj-mosaic figure:first-child,.pj-mosaic--2 figure,.pj-mosaic--4 figure:last-child{aspect-ratio:4/3;grid-column:1/-1!important}}.pj-facts{grid-template-columns:repeat(var(--n), minmax(0, 1fr));background:var(--line);border:1px solid var(--line);border-radius:12px;gap:1px;margin:1.5rem 0 0;display:grid;overflow:hidden}.pj-facts div{background:#fff;min-width:0;padding:.85rem 1rem}.pj-facts dt{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);font-size:.72rem;font-weight:600}.pj-facts dd{font-family:var(--font-head);margin:.25rem 0 0;font-weight:700;line-height:1.25}@media (max-width:900px){.pj-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.pj-facts--3,.pj-facts--6{grid-template-columns:repeat(3,minmax(0,1fr))}.pj-facts--1{grid-template-columns:1fr}.pj-facts--5 div:last-child{grid-column:1/-1}}@media (max-width:560px){.pj-facts--3,.pj-facts--6{grid-template-columns:repeat(2,minmax(0,1fr))}.pj-facts--3 div:last-child{grid-column:1/-1}}.pj-layout{grid-template-columns:minmax(0,1fr) 18.5rem;gap:clamp(2rem,5vw,3.5rem);padding-top:clamp(2rem,4vw,2.8rem);display:grid}@media (max-width:900px){.pj-layout{grid-template-columns:minmax(0,1fr)}}.pj-prose{max-width:44rem;color:var(--ink-soft)}.pj-prose h2{color:var(--ink);margin:1.9rem 0 .5rem;font-size:clamp(1.3rem,1.1rem + .9vw,1.65rem)}.pj-prose h2:first-child{margin-top:0}.pj-prose p{margin:0 0 .95rem}.pj-prose ul{margin:0 0 .95rem;padding-left:1.2rem}.pj-prose .project__pair{margin:0 0 2rem}.pj-prose blockquote,.pj blockquote{background:var(--paper-2);font-family:var(--font-head);color:var(--ink);border-radius:12px;margin:1.6rem 0;padding:1.1rem 1.4rem;font-size:1.15rem;font-weight:600}.pj blockquote cite{font-family:var(--font-body);color:var(--ink-faint);margin-top:.4rem;font-size:.9rem;font-style:normal;font-weight:500;display:block}.pj-side{flex-direction:column;gap:1rem;display:flex}.pj-box{border:1px solid var(--line);border-radius:var(--r-card);padding:1.25rem}.pj-box h3{margin-bottom:.5rem;font-size:1.1rem}.pj-box p{color:var(--ink-soft);margin:0 0 1rem;font-size:.95rem}.pj-box ul{margin:0;padding:0;list-style:none}.pj-box li{padding:.3rem 0}.pj-box li a{color:var(--ink);-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);text-underline-offset:3px}.pj-gal{margin-top:clamp(2.5rem,6vw,4rem)}.pj-gal h2{margin-bottom:1rem;font-size:clamp(1.3rem,1.1rem + .9vw,1.65rem)}.pj-gal__grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:12px;display:grid}.pj-gal__grid figure{aspect-ratio:4/3}@media (max-width:560px){.pj-gal__grid{grid-template-columns:1fr 1fr;gap:8px}}.pj-date{color:var(--ink-faint);margin-top:1.5rem;font-size:.9rem}.pj-list{padding-block:clamp(2.5rem,6vw,4rem) 0}.pj-cards{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:clamp(1rem,2.5vw,1.5rem);display:grid}.pj-card{border:1px solid var(--line);border-radius:var(--r-card);color:inherit;box-shadow:var(--shadow);background:#fff;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.pj-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.pj-card .ph{aspect-ratio:4/3}.pj-card__body{flex-direction:column;align-items:flex-start;gap:.45rem;padding:1rem 1.15rem 1.2rem;display:flex}.pj-card h3{font-size:1.15rem}.pj-card p{color:var(--ink-faint);margin:0;font-size:.9rem}
