@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(../media/archivo-vietnamese-standard-normal.38-z0iikg-fbe.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(../media/archivo-latin-ext-standard-normal.27soo5q86xy9f.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(../media/archivo-latin-standard-normal.1h4hl0m83hjjz.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Archivo Variable;font-style:italic;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(../media/archivo-vietnamese-standard-italic.1gm2l8khv5uwl.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:italic;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(../media/archivo-latin-ext-standard-italic.11rypzkbefh7-.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:italic;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(../media/archivo-latin-standard-italic.0l7x9kb-bit-i.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Red Hat Display Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../media/red-hat-display-latin-ext-wght-normal.3nbp1im97lgpn.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Red Hat Display Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../media/red-hat-display-latin-wght-normal.0i19_zvmn6g2i.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Red Hat Display Variable;font-style:italic;font-display:swap;font-weight:300 900;src:url(../media/red-hat-display-latin-ext-wght-italic.00piv0-04os0-.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Red Hat Display Variable;font-style:italic;font-display:swap;font-weight:300 900;src:url(../media/red-hat-display-latin-wght-italic.1rdl__8gsxon9.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Doto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/doto-latin-ext-wght-normal.07va4w9t83nsa.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Doto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/doto-latin-wght-normal.2bodkayfxgybn.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ink:#231f20;--cyan:#1da6e6;--beton:#e3e1dc;--schuim:#f5f6f6;--oceaan:#0f2b46;--wit:#fff;--font:"Archivo Variable", "Helvetica Neue", Arial, sans-serif;--display-font:"Red Hat Display Variable", "Archivo Variable", "Helvetica Neue", Arial, sans-serif;--dots:"Doto Variable", "Courier New", monospace;--gutter:clamp(1.25rem, 4vw, 4rem);--display:clamp(2.6rem, 7.2vw, 8rem)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-stopped{overflow:hidden}body{font-family:var(--font);color:var(--ink);background:var(--beton);-webkit-font-smoothing:antialiased;margin:0;font-size:clamp(1rem,.35vw + .92rem,1.2rem);line-height:1.55;overflow-x:clip}img,canvas{max-width:100%;display:block}h1,h2,h3,p,ul,blockquote{margin:0}ul{padding:0;list-style:none}a{color:inherit}:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}::selection{background:var(--cyan);color:var(--ink)}h1,h2,.motto-text,.manifest-text,.werk-name,.tinus blockquote,.footer-word,.brand{font-family:var(--display-font);letter-spacing:-.04em}h1,.motto-text,.footer-word{font-style:italic;font-weight:800;line-height:.95}h2{font-size:var(--display);text-wrap:balance;font-weight:700;line-height:1}.manifest-text{font-weight:600}.werk-name,.tinus blockquote{font-weight:700}.loader-count,.raster-value,.materiaal .big{font-family:var(--dots);font-style:normal;font-weight:900}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:100;background:var(--cyan);color:var(--ink);padding:.75rem 1rem;font-weight:700;position:fixed;top:-4rem;left:1rem}.skip:focus{top:1rem}.ln{margin-bottom:-.14em;padding-bottom:.14em}.concept-tag{right:var(--gutter);z-index:3;background:var(--ink);color:var(--wit);padding:.3rem .6rem;font-size:.75rem;font-weight:600;position:absolute}.loader{z-index:90;pointer-events:none;position:fixed;inset:0}.loader-grid{grid-template-columns:repeat(var(--c,12), 1fr);grid-template-rows:repeat(var(--r,7), 1fr);background:0 0;display:grid;position:absolute;inset:0}.loader-grid:empty{background:var(--ink)}.loader-grid i{background:var(--ink);outline:1px solid var(--ink)}.loader-mid{color:var(--wit);place-content:center;justify-items:center;gap:1.5rem;display:grid;position:absolute;inset:0}.loader-mid img{width:5rem;height:auto}.loader-count{font-size:1.6rem}.loader-count:after{content:" %";color:var(--cyan)}.cursor{z-index:80;background:var(--cyan);pointer-events:none;opacity:0;width:12px;height:12px;margin:14px 0 0 14px;transition:width .25s steps(4,end),height .25s steps(4,end),margin .25s steps(4,end),background-color .2s,opacity .2s;position:fixed;top:0;left:0}.cursor.is-on{opacity:1}.cursor.is-link{mix-blend-mode:darken;width:36px;height:36px;margin:-18px 0 0 -18px}.cursor.is-link.on-dark{mix-blend-mode:lighten}.cursor.is-lift{width:68px;height:68px;box-shadow:inset 0 0 0 2px var(--cyan);background:0 0;margin:-34px 0 0 -34px}.progress{z-index:45;mix-blend-mode:difference;pointer-events:none;gap:5px;display:grid;position:fixed;top:50%;right:.7rem;transform:translateY(-50%)}.progress i{opacity:.25;background:#fff;width:5px;height:5px;transition:opacity .2s steps(2,end),transform .2s steps(2,end)}.progress i.is-on{opacity:1;transform:scale(1.4)}.no-motion .progress{display:none}@media (max-width:820px){.progress{display:none}}.nav{z-index:50;padding:1.4rem var(--gutter);color:var(--wit);justify-content:space-between;align-items:center;gap:1rem;transition:transform .5s cubic-bezier(.2,.8,.2,1),background-color .4s,padding .4s;display:flex;position:fixed;inset:0 0 auto}.nav.is-solid{background:var(--ink);padding-block:.7rem}.nav.is-hidden{transform:translateY(-101%)}.brand{letter-spacing:-.02em;align-items:center;gap:.6rem;font-size:1.35rem;font-style:italic;font-weight:700;text-decoration:none;display:flex}.brand img{width:1.9rem;height:auto}.nav nav{gap:clamp(.9rem,2.4vw,2.4rem);font-size:.95rem;font-weight:500;display:flex}.nav nav a{padding:.4rem 0;text-decoration:none;position:relative}.nav nav a:after{content:"";background:var(--wit);transform-origin:0;width:100%;height:3px;transition:transform .3s steps(5,end);position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav nav a:hover:after,.nav nav a:focus-visible:after{transform:scaleX(1)}.nav-toggle{min-height:2.75rem;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.7rem;padding:0 0 0 .5rem;font-weight:600;display:none}.nav-toggle-icon{width:1.6rem;height:.7rem;position:relative}.nav-toggle-icon i{background:currentColor;width:100%;height:2px;transition:transform .3s steps(4,end),top .3s steps(4,end);position:absolute;left:0}.nav-toggle-icon i:first-child{top:0}.nav-toggle-icon i:last-child{top:calc(100% - 2px)}.nav-toggle[aria-expanded=true] i{top:calc(50% - 1px)}.nav-toggle[aria-expanded=true] i:first-child{transform:rotate(45deg)}.nav-toggle[aria-expanded=true] i:last-child{transform:rotate(-45deg)}.menu{z-index:48;padding:6.5rem var(--gutter) 2rem;background:var(--ink);color:var(--wit);overscroll-behavior:contain;grid-template-rows:1fr auto;gap:2rem;display:grid;position:fixed;inset:0;overflow-y:auto}.menu[hidden]{display:none}.menu nav{align-content:center;display:grid}.menu nav a{font-family:var(--display-font);letter-spacing:-.04em;border-bottom:1px solid #4a4546;justify-content:space-between;align-items:center;padding:.45em 0;font-size:clamp(2.2rem,11vw,4rem);font-style:italic;font-weight:800;line-height:1;text-decoration:none;display:flex}.menu nav a:after{content:"";background:var(--cyan);width:.28em;height:.28em}.menu-foot{color:#d8d5d3;gap:.4rem;display:grid}.menu-foot a{-webkit-text-decoration-color:var(--cyan);text-decoration-color:var(--cyan);text-underline-offset:.25em}.menu-open .nav{background:var(--ink);transform:none!important}.btn{background:var(--cyan);color:var(--ink);will-change:transform;align-items:center;gap:.8rem;padding:1rem 1.4rem 1rem 1.1rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-px{background:currentColor;width:.7rem;height:.7rem;transition:transform .35s steps(4,end)}.btn:hover .btn-px{transform:rotate(90deg)scale(1.5)}.btn-light{background:var(--ink);color:var(--wit)}.btn-ghost{box-shadow:inset 0 0 0 2px var(--ink);background:0 0}.hero{background:var(--ink);isolation:isolate;min-height:100svh;display:grid;position:relative;overflow:clip}.hero-stage{grid-area:1/1;position:relative;overflow:hidden}.hero-stage:after{content:"";pointer-events:none;background:linear-gradient(#1c191a00 38%,#1c191a8c 68%,#1c191aeb 100%),linear-gradient(#1c191a80,#1c191a00 22%);position:absolute;inset:0}.hero-canvas{transform-origin:70%;width:100%;height:100%;position:absolute;inset:0}.hero-content{z-index:2;padding:0 var(--gutter) clamp(1.5rem, 3vw, 3rem);color:var(--wit);pointer-events:none;grid-area:1/1;align-self:end}.hero-title{letter-spacing:-.05em;font-size:clamp(3.2rem,10.6vw,13.5rem);line-height:.9}.hero-title .line{margin-bottom:-.1em;padding:.06em .12em .06em 0;display:block;overflow:hidden}.hero-title .line>span{will-change:transform;display:block}.hero-title .line-in{padding-left:clamp(1.5rem,9vw,12rem)}.hero-foot{border-top:1px solid #ffffff47;grid-template-columns:minmax(0,30rem) auto;justify-content:space-between;align-items:end;gap:1.5rem 3rem;margin-top:clamp(1.5rem,3vw,3rem);padding-top:1.4rem;display:grid}.hero-foot p{max-width:30rem}.hero-actions{pointer-events:auto;flex-wrap:wrap;align-items:center;gap:1.8rem;display:flex}.hint{color:#d6d2d0;font-size:.85rem}.hint:before{content:"";background:var(--cyan);width:.55rem;height:.55rem;margin-right:.55rem;animation:1.2s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.hero .concept-tag{top:5.5rem}@media (hover:none){.hint{display:none}}.manifest{padding:clamp(7rem, 17vw, 16rem) var(--gutter);background:var(--beton);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.manifest-text{grid-column:3/-1;font-size:clamp(1.9rem,4.6vw,5.2rem);line-height:1.08}.word{will-change:opacity;display:inline-block}.raster{background:var(--ink);color:var(--wit)}.raster-inner{min-height:100svh;padding:clamp(5rem, 9vw, 9rem) var(--gutter);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(2rem,6vw,7rem);display:grid}.raster-visual{height:min(78svh,56rem);position:relative}.raster-canvas{width:100%;height:100%;position:absolute;inset:0}.raster-readout{background:var(--cyan);color:var(--ink);font-variant-numeric:tabular-nums;align-items:center;gap:.9rem;padding:.6rem .9rem;font-weight:700;display:flex;position:absolute;bottom:0;left:0;right:0}.raster-readout label{font-weight:500}.raster-value{min-width:7.5em}.raster-range{appearance:none;cursor:ew-resize;background:0 0;flex:1;min-width:0;height:1.6rem;margin:0}.raster-range::-webkit-slider-runnable-track{background:var(--ink);height:2px}.raster-range::-moz-range-track{background:var(--ink);height:2px}.raster-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border:0;border-radius:0;width:1rem;height:1rem;margin-top:calc(1px - .5rem)}.raster-range::-moz-range-thumb{background:var(--ink);border:0;border-radius:0;width:1rem;height:1rem}.raster-range:focus-visible{outline-color:var(--ink)}.raster h2{margin-bottom:clamp(1.5rem,4vw,3.5rem);font-size:clamp(2.1rem,4.4vw,4.8rem)}.raster-list li{cursor:pointer;color:#8e898a;border-top:1px solid #4a4546;grid-template-rows:auto 0fr;padding:1rem 0;transition:grid-template-rows .5s cubic-bezier(.2,.8,.2,1),color .3s;display:grid}.raster-list li:last-child{border-bottom:1px solid #4a4546}.raster-list h3{padding-left:0;font-size:clamp(1.1rem,1.6vw,1.6rem);font-weight:600;line-height:1.2;transition:padding .3s steps(4,end);position:relative}.raster-list h3:before{content:"";background:var(--cyan);width:.6em;height:.6em;transition:transform .3s steps(4,end);position:absolute;top:.3em;left:0;transform:scale(0)}.raster-list p{color:#d8d5d3;max-width:46ch;overflow:hidden}.raster-list p:before{content:"";height:.6rem;display:block}.raster-list li.is-active{color:var(--wit);grid-template-rows:auto 1fr}.raster-list li.is-active h3{padding-left:1.2em}.raster-list li.is-active h3:before{transform:scale(1)}.no-motion .raster-range{display:none}.no-motion .raster-list li{color:var(--wit);grid-template-rows:auto 1fr}.motto{padding:clamp(6rem, 14vw, 14rem) var(--gutter);background:var(--ink);color:var(--wit);grid-template-columns:repeat(12,minmax(0,1fr));row-gap:clamp(2rem,4vw,4rem);display:grid}.motto-text{letter-spacing:-.055em;grid-column:1/-1;font-size:clamp(3rem,11.4vw,14rem);line-height:.9}.motto-text .mirror{color:var(--cyan);display:inline-block;transform:scaleX(-1)}.motto-note{color:#d8d5d3;grid-column:8/-1;max-width:34ch}.materiaal{background:var(--oceaan);min-height:110svh;color:var(--wit);display:grid;position:relative;overflow:clip}.materiaal-media{grid-area:1/1;overflow:hidden}.materiaal-media img{object-fit:cover;will-change:transform;width:100%;height:100%}.materiaal-media:after{content:"";background:linear-gradient(#0f2b464d 0%,#0f2b462e 25%,#0f2b4680 55%,#0f2b46f0 100%);position:absolute;inset:0}.materiaal-copy{z-index:2;padding:0 var(--gutter) clamp(3rem, 7vw, 7rem);grid-area:1/1;align-self:end}.materiaal h2{max-width:14ch}.materiaal .big{letter-spacing:-.02em;color:var(--wit);text-shadow:.006em .006em 0 var(--cyan), .012em .012em 0 var(--cyan), .018em .018em 0 var(--cyan), .024em .024em 0 var(--cyan), .03em .03em 0 #1279ad, .036em .036em 0 #1279ad, .06em .08em .08em #061220bf, 0 0 .5em #06122073;margin-bottom:.12em;font-size:clamp(6rem,27vw,32rem);line-height:.8;display:block}.materiaal-copy p{max-width:44ch;margin-top:1.8rem;font-size:1.1em}.materiaal .concept-tag{top:1.5rem}.werk{padding:clamp(5rem, 12vw, 12rem) var(--gutter);background:var(--schuim);position:relative}.werk-head{grid-template-columns:minmax(0,1fr) minmax(0,22rem);align-items:end;gap:2rem;margin-bottom:clamp(3rem,7vw,6rem);display:grid}.werk-list li{--line:1;position:relative}.werk-list li:before,.werk-list li:last-child:after{content:"";background:var(--ink);width:100%;height:2px;transform:scaleX(var(--line));transform-origin:0;position:absolute;top:0;left:0}.werk-list li:last-child:after{top:auto;bottom:0}.werk-list a{grid-template-columns:minmax(0,7fr) minmax(0,2fr) minmax(0,4fr);align-items:center;gap:1rem 2.5rem;padding:clamp(1.6rem,3.4vw,3.2rem) 0;text-decoration:none;transition:padding .4s cubic-bezier(.2,.8,.2,1),background-color .3s;display:grid}.werk-name{font-size:clamp(1.8rem,4vw,4.4rem);line-height:1.05;transition:transform .45s cubic-bezier(.2,.8,.2,1);position:relative}.werk-name:before{content:"";background:var(--cyan);width:.5em;height:.5em;transition:transform .3s steps(4,end);position:absolute;top:.3em;left:-1.1em;transform:scale(0)}.werk-kind{font-weight:600}.werk-desc{color:#55504f}.werk-list a img{display:none}@media (hover:hover){.werk-list a:hover .werk-name,.werk-list a:focus-visible .werk-name{transform:translate(1.1em)}.werk-list a:hover .werk-name:before,.werk-list a:focus-visible .werk-name:before{transform:scale(1)}.werk-list:hover a:not(:hover){opacity:.35}.werk-list a{transition:opacity .3s,padding .4s}}.werk-float{z-index:40;aspect-ratio:4/5;pointer-events:none;clip-path:inset(50%);width:clamp(16rem,24vw,26rem);margin:-14rem 0 0 2rem;position:fixed;top:0;left:0;overflow:hidden}.werk-float img{object-fit:cover;width:100%;height:100%}.tinus{padding:clamp(4rem, 8vw, 8rem) var(--gutter) 0 0;background:var(--wit);grid-template-columns:minmax(0,46vw) minmax(0,1fr);align-items:end;gap:clamp(1rem,3vw,4rem);display:grid;overflow:clip}.tinus-visual{align-self:end;height:min(92svh,62rem);position:relative;-webkit-mask-image:linear-gradient(90deg,#000 52%,#0000 100%);mask-image:linear-gradient(90deg,#000 52%,#0000 100%)}.tinus-canvas{width:100%;height:100%;position:absolute;inset:0}.tinus-copy{align-self:center;padding-bottom:clamp(4rem,8vw,8rem)}.tinus h2{margin-bottom:2.5rem;font-size:clamp(2.1rem,4.2vw,4.8rem)}.tinus-copy p{max-width:52ch;margin-bottom:1.2rem}.tinus blockquote{max-width:22ch;margin:3rem 0 1.5rem;padding-left:1.6rem;font-size:clamp(1.6rem,2.8vw,2.8rem);font-style:italic;line-height:1.12;position:relative}.tinus blockquote:before{content:"";background:repeating-linear-gradient(to bottom, var(--cyan) 0 .5rem, transparent .5rem 1rem);width:.5rem;position:absolute;top:.15em;bottom:.15em;left:0}.tinus .sign{font-weight:600}.portfolio{background:var(--ink);color:var(--wit);padding:clamp(5rem,12vw,12rem) 0;position:relative;overflow:clip}.portfolio-head{padding:0 var(--gutter);grid-template-columns:minmax(0,1fr) minmax(0,24rem);align-items:end;gap:1.5rem 3rem;margin-bottom:clamp(2.5rem,5vw,4.5rem);display:grid}.portfolio-head h2{max-width:12ch}.portfolio-head p{color:#d8d5d3}.portfolio-nav{grid-column:1/-1;align-items:center;gap:.6rem;display:flex}.portfolio-hint{color:#8e898a;flex:1;font-size:.85rem}.strip-btn{border:2px solid var(--wit);width:3rem;height:3rem;color:var(--wit);font:inherit;cursor:pointer;background:0 0;font-size:1.2rem;transition:background-color .2s,color .2s,opacity .2s}.strip-btn:hover,.strip-btn:focus-visible{background:var(--wit);color:var(--ink)}.strip-btn[disabled]{opacity:.3;pointer-events:none}.portfolio-hint:before{content:"";background:var(--cyan);width:.55rem;height:.55rem;margin-right:.55rem;display:inline-block}.portfolio .concept-tag{top:auto;bottom:1.5rem}.portfolio-strip{padding:0 var(--gutter) 1.5rem;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);scrollbar-width:none;cursor:grab;gap:clamp(.75rem,1.5vw,1.5rem);display:flex;overflow-x:auto}.portfolio-strip::-webkit-scrollbar{display:none}.portfolio-strip.is-dragging{cursor:grabbing;scroll-snap-type:none}.portfolio-strip.is-dragging a,.portfolio-strip.is-dragging img{pointer-events:none}.portfolio-strip li{scroll-snap-align:start;flex:none;width:min(70vw,34rem)}.portfolio-strip li.is-wide{width:min(86vw,52rem)}.portfolio-strip li.is-tall{width:min(60vw,26rem)}.portfolio-strip figure{background:#2d292a;height:min(68svh,40rem);margin:0;position:relative;overflow:hidden}.tile{z-index:2;cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.tile:focus-visible{outline:3px solid var(--cyan);outline-offset:-3px}.portfolio-strip img{object-fit:cover;will-change:transform;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.2,.8,.2,1);transform:scale(1.04)}.portfolio-strip li:hover img,.portfolio-strip li:focus-within img{transform:scale(1)}.portfolio-strip figcaption{background:linear-gradient(#231f2000,#231f20d9);justify-content:space-between;gap:1rem;padding:1rem 1.1rem;font-size:.9rem;display:flex;position:absolute;bottom:0;left:0;right:0}.portfolio-strip figcaption span:first-child{font-family:var(--display-font);letter-spacing:-.02em;font-size:1.15rem;font-weight:700}.portfolio-strip figcaption span:last-child{color:#d8d5d3;text-align:right}.lightbox{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--wit);background:#1c191af5;border:0;margin:0;padding:0;display:none;position:fixed;inset:0}.lightbox[open]{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:4rem clamp(1rem,3vw,3rem);display:grid}.lightbox::backdrop{background:0 0}.lightbox-figure{justify-items:center;gap:1rem;min-width:0;max-height:calc(100dvh - 8rem);margin:0;display:grid}.lightbox-img{object-fit:contain;will-change:transform, opacity;max-width:100%;max-height:calc(100dvh - 12rem)}.lightbox-caption{color:#d8d5d3;flex-wrap:wrap;justify-content:center;gap:.4rem 1.5rem;font-size:.95rem;display:flex}.lightbox-caption span:first-child{font-family:var(--display-font);color:var(--wit);letter-spacing:-.02em;font-size:1.2rem;font-weight:700}.lightbox-count{font-family:var(--dots);color:var(--cyan);font-weight:900}.lightbox-btn,.lightbox-close{border:2px solid var(--wit);width:3rem;height:3rem;color:var(--wit);font:inherit;cursor:pointer;background:0 0;font-size:1.2rem;transition:background-color .2s,color .2s}.lightbox-btn:hover,.lightbox-btn:focus-visible,.lightbox-close:hover,.lightbox-close:focus-visible{background:var(--wit);color:var(--ink)}.lightbox-close{position:absolute;top:1.2rem;right:clamp(1rem,3vw,3rem)}.upload{padding:clamp(5rem, 12vw, 12rem) var(--gutter);background:var(--schuim);grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2.5rem,6vw,7rem);display:grid}.upload-copy h2{max-width:16ch;font-size:clamp(2rem,4.2vw,4.6rem)}.upload-copy p{color:#55504f;max-width:42ch;margin-top:1.8rem}.upload-form{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:1.6rem 1.5rem;display:grid}.field{gap:.45rem;display:grid}.field-wide{grid-column:1/-1}.field label,.field-label{font-weight:600}.field input,.field textarea{border:0;border-bottom:2px solid var(--ink);background:var(--wit);width:100%;font:inherit;color:var(--ink);border-radius:0;padding:.9rem 1rem}.field textarea{resize:vertical;min-height:7rem}.field input:focus-visible,.field textarea:focus-visible{outline:3px solid var(--cyan);outline-offset:0}.field.is-invalid input,.field.is-invalid textarea{border-bottom-color:#c8391c}.field-error{color:#c8391c;font-size:.85rem}.dropzone{border:2px dashed var(--ink);background:var(--wit);text-align:center;cursor:pointer;justify-items:center;gap:.5rem;padding:clamp(1.8rem,4vw,3rem) 1.5rem;transition:background-color .25s,border-color .25s;display:grid;position:relative}.dropzone:hover,.dropzone:focus-visible,.dropzone.is-over{border-color:var(--cyan);background:#e6f5fc;border-style:solid}.dropzone-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.dropzone-px{background:var(--cyan);width:1.2rem;height:1.2rem}.dropzone.is-over .dropzone-px{animation:.5s steps(2,end) infinite blink}.dropzone-help{color:#55504f;font-size:.85rem}.previews{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.75rem;display:grid}.previews:empty{display:none}.previews li{gap:.3rem;font-size:.78rem;display:grid;position:relative}.previews img{aspect-ratio:1;object-fit:cover;background:#2d292a;width:100%}.previews .preview-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.previews .preview-meta{color:#55504f}.previews .preview-remove{background:var(--ink);width:1.75rem;height:1.75rem;color:var(--wit);font:inherit;cursor:pointer;border:0;font-weight:700;line-height:1;position:absolute;top:.35rem;right:.35rem}.previews .preview-remove:hover{background:var(--cyan);color:var(--ink)}.previews li.is-error img{outline:2px solid #c8391c}.previews li.is-error .preview-meta{color:#c8391c}.consent{color:#55504f;cursor:pointer;grid-column:1/-1;align-items:start;gap:.8rem;font-size:.9rem;display:flex}.consent input{width:1.25rem;height:1.25rem;accent-color:var(--cyan);flex:none;margin:.1rem 0 0}.consent.is-invalid{color:#c8391c}.upload-actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:1rem 1.5rem;display:flex}.upload-actions .btn[disabled]{opacity:.5;pointer-events:none}.form-status{min-height:1.5em;font-weight:600}.form-status.is-ok{color:#1f7a3a}.form-status.is-error{color:#c8391c}.upload-form.is-sent .field,.upload-form.is-sent .consent,.upload-form.is-sent .btn{display:none}.upload-form.is-sent .form-status{font-size:1.25rem}.steun{padding:clamp(5rem, 12vw, 12rem) var(--gutter);background:var(--cyan)}.steun h2{max-width:13ch}.steun p{max-width:50ch;margin:2rem 0 2.5rem;font-size:1.1em}.steun-actions{flex-wrap:wrap;gap:1rem;display:flex}.footer{background:var(--ink);color:var(--wit);grid-template-columns:clamp(5rem,22vw,22rem) minmax(0,1fr);display:grid;position:relative;overflow:clip}.pattern{--u:clamp(1.2rem, 4.2vw, 4.4rem);align-content:center;gap:calc(var(--u) * .9);border-left:calc(var(--u) * 1.1) solid var(--cyan);padding:3rem 0;display:grid}.pattern-row{align-items:center;gap:calc(var(--u) * .6);height:var(--u);display:flex}.pattern-row i{height:var(--u);background:var(--cyan);flex:none;display:block}.p-bar{width:calc(var(--u) * var(--l) * .7)}.p-sq{width:var(--u)}.p-pill{width:calc(var(--u) * 1.8);border-radius:var(--u)}.p-dot{width:calc(var(--u) * .9);border-radius:50%}.footer-body{padding:clamp(4rem, 9vw, 9rem) var(--gutter) 2rem;align-content:end;gap:clamp(2rem,5vw,4rem);min-width:0;display:grid}.footer-word{white-space:nowrap;font-size:clamp(3rem,13.5vw,17rem);line-height:.85}.footer-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;display:grid}.footer address{font-style:normal}.footer a{-webkit-text-decoration-color:var(--cyan);text-decoration-color:var(--cyan);text-underline-offset:.25em;text-decoration-thickness:2px}.footer a:hover{color:var(--cyan)}.footer-note{color:#b9b5b3;font-size:.85rem}.footer-legal{color:#b9b5b3;border-top:1px solid #4a4546;justify-content:space-between;gap:1rem;padding-top:1.2rem;font-size:.85rem;display:flex}@media (max-width:1100px){.werk-list a{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.werk-name{grid-row:span 2}.motto-note{grid-column:6/-1}.tinus{grid-template-columns:minmax(0,42vw) minmax(0,1fr)}.upload{grid-template-columns:1fr}}@media (max-width:820px){.nav nav{display:none}.nav-toggle{display:inline-flex}.nav{padding-block:.9rem}.hero .concept-tag{top:4.6rem}.hero-title{font-size:clamp(2.9rem,14.5vw,7rem)}.hero-title .line-in{padding-left:8vw}.hero-foot{grid-template-columns:1fr}.hero-actions .btn{justify-content:center;width:100%}.manifest{padding-block:clamp(5rem,22vw,9rem)}.manifest-text,.motto-note{grid-column:1/-1}.raster-inner{grid-template-columns:1fr;align-content:start;gap:2rem;min-height:0}.raster-visual{height:min(62svh,120vw)}.raster-readout{padding-block:.35rem}.raster-range{height:2.75rem}.raster-range::-webkit-slider-thumb{width:1.5rem;height:1.5rem;margin-top:calc(1px - .75rem)}.raster-range::-moz-range-thumb{width:1.5rem;height:1.5rem}.raster h2{margin-bottom:1.2rem}.motto{padding-block:clamp(5rem,20vw,9rem)}.motto-text{font-size:clamp(2.8rem,15vw,7rem)}.materiaal{min-height:100svh}.materiaal .big{font-size:clamp(5rem,30vw,12rem)}.werk-head{grid-template-columns:1fr}.werk-list a{grid-template-columns:1fr;gap:.5rem;padding-block:1.8rem}.werk-name{grid-row:auto}.werk-list a img{aspect-ratio:16/10;object-fit:cover;width:100%;margin-top:1rem;display:block}.werk-float{display:none}.tinus{grid-template-columns:minmax(0,1fr);padding:4rem 0 0}.tinus-copy{padding:0 var(--gutter) 2rem;order:-1}.tinus-visual{height:min(72svh,125vw);margin-right:10vw}.steun-actions .btn{justify-content:center;width:100%}.portfolio-head{grid-template-columns:1fr}.lightbox[open]{grid-template-columns:1fr;padding:4rem 1rem 1.5rem}.lightbox-btn{position:absolute;bottom:1.5rem}.lightbox-prev{left:1rem}.lightbox-next{right:1rem}.lightbox-img{max-height:calc(100dvh - 15rem)}.portfolio-strip li,.portfolio-strip li.is-wide,.portfolio-strip li.is-tall{width:80vw}.portfolio-strip figure{height:min(60svh,110vw)}.portfolio-strip figcaption{flex-direction:column;gap:.2rem}.portfolio-strip figcaption span:last-child{text-align:left}.upload,.upload-form{grid-template-columns:1fr}.upload-actions .btn{justify-content:center;width:100%}.footer{grid-template-columns:minmax(0,1fr)}.pattern{--u:1.4rem;padding:2rem 0 0}.pattern-row:nth-child(n+6){display:none}.footer-cols{grid-template-columns:1fr;gap:1.2rem}.footer-cols a{padding-block:.35rem;display:inline-block}.footer-word{font-size:14vw}.footer-legal{flex-wrap:wrap}}@media (max-height:520px) and (orientation:landscape){.hero-title{font-size:clamp(2.4rem,9vw,5rem)}.hero-content{padding-top:5rem}.raster-visual,.tinus-visual{height:90svh}.menu nav a{font-size:1.8rem}}@media (hover:none){.werk-list a img{aspect-ratio:16/9;object-fit:cover;grid-column:1/-1;width:100%;margin-top:1rem;display:block}.werk-float{display:none}.raster-list li{padding-block:1.1rem}.btn{min-height:3rem}}@media (min-width:1900px){:root{--gutter:6rem}.manifest-text{grid-column:3/12}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}