:root{--layout-max:78rem;--layout-gutter:clamp(1.25rem, 7vw, 7rem);--layout-gap:1.5rem;--measure-body:60ch;--measure-intro:48ch;--measure-title:19ch;--measure-form:40rem;color-scheme:dark;--color-canvas:#0e1712;--color-chapter-hero:#0e1712;--color-chapter-routes:#203f2f;--color-chapter-partner:#d8d6bf;--color-chapter-work:#101d19;--color-chapter-contact:#30483b;--color-chapter-footer:#0a110e;--color-ink:#202d24;--color-ink-muted:#465044;--color-ink-quiet:#53604d;--color-ink-accent:#365330;--color-surface:#16251c;--color-card:#edf1e5;--color-card-text:#142219;--color-card-muted:#465348;--color-surface-hover:#203328;--color-text:#eff2e8;--color-text-muted:#bdc8c0;--color-text-quiet:#a4b5a8;--color-accent:#d3ff36;--color-accent-hover:#e0ff75;--color-accent-pressed:#bfea24;--color-on-accent:#0e1712;--color-border-subtle:#34483b;--color-border-control:#96ab98;--color-tree:#d3ff36;--color-tree-secondary:#8ead66;--color-focus:#d3ff36;--color-error:#ffb7aa;--color-success:#c5eba8;--color-disabled-bg:#203329;--color-disabled-text:#a4b5a8;--color-selection-bg:#d3ff36;--color-selection-text:#0e1712}.hero-surface{--chapter-background:var(--color-chapter-hero)}.chapter--routes{--chapter-background:var(--color-chapter-routes);--color-tree:#d3ff36;--color-tree-secondary:#a4c77d;--tree-line-width:3px}.chapter--partner{color-scheme:light;--chapter-background:var(--color-chapter-partner);--color-text:var(--color-ink);--color-text-muted:var(--color-ink-muted);--color-text-quiet:var(--color-ink-quiet);--color-accent:var(--color-ink-accent);--color-focus:var(--color-ink-accent);--color-tree:#365330;--color-tree-secondary:#63724f;--tree-line-width:4px;--tree-twig-width:2px}.chapter--work{--chapter-background:var(--color-chapter-work);--color-surface:#1c3027;--color-tree:#d3ff36;--color-tree-secondary:#9cb67a;--color-border-subtle:#40564a;--tree-line-width:5px;--tree-twig-width:2.5px}.chapter--contact{--chapter-background:var(--color-chapter-contact);--color-text-muted:#d5ddd1;--color-text-quiet:#bccbb8;--color-tree:#c0ce9f;--color-tree-secondary:#a7bd96;--tree-line-width:3px;--tree-twig-width:2px}.site-footer{--chapter-background:var(--color-chapter-footer)}:root{--font-display:Arial, Helvetica, sans-serif;--font-body:Arial, Helvetica, sans-serif;--font-label:ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;--weight-regular:400;--weight-medium:500;--weight-strong:600;--weight-bold:700;--text-hero:clamp(3rem, 6.875vw, 6.25rem);--text-section:clamp(2.25rem, 4.2vw, 4rem);--text-title:clamp(1.375rem, 1.15rem + .65vw, 1.75rem);--text-lead:clamp(1.125rem, 1.05rem + .25vw, 1.25rem);--text-body:1rem;--text-small:.875rem;--text-label:.8125rem;--text-wordmark:1.5rem;--leading-hero:.94;--leading-section:1.06;--leading-title:1.25;--leading-body:1.65;--leading-control:1.4;--tracking-display:-.055em;--tracking-body:0;--tracking-label:.035em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--space-10:8rem;--section-space:clamp(3.5rem, 7vw, 7rem);--radius-control:0;--radius-media:0;--radius-row:0;--border-thin:1px;--border-emphasis:2px;--focus-width:3px;--focus-offset:4px;--target-min:2.75rem;--layer-art:0;--layer-content:1;--layer-feedback:2;--motion-feedback:.14s;--motion-detail:.22s;--motion-branch:.36s;--ease-standard:cubic-bezier(.2, 0, .2, 1)}*{box-sizing:border-box}html{background:var(--color-canvas);scroll-behavior:auto}body{color:var(--color-text);font:var(--weight-regular) var(--text-body)/var(--leading-body) var(--font-body);letter-spacing:var(--tracking-body);margin:0}::selection{color:var(--color-selection-text);background:var(--color-selection-bg)}[hidden]{display:none!important}button,input,select,textarea{font:inherit}a,button,label{overflow-wrap:anywhere}nav,.footer-main>*{min-width:0;max-width:100%}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:var(--color-accent);text-underline-offset:.2em}p,h1,h2,h3,figure{margin:0}h1,h2,h3,p,li,figcaption,.craft-label{overflow-wrap:break-word}p{max-width:var(--measure-body);color:var(--color-text-muted)}h1,h2{font-family:var(--font-display);font-weight:var(--weight-bold);letter-spacing:var(--tracking-display);text-wrap:balance}h1{max-width:var(--measure-title);font-size:var(--text-hero);line-height:var(--leading-hero)}h2{max-width:25ch;font-size:var(--text-section);line-height:var(--leading-section)}h3{font-size:var(--text-title);font-weight:var(--weight-strong);line-height:var(--leading-title)}strong{color:var(--color-text);font-weight:var(--weight-strong)}:where(a,button,input,select,textarea,[tabindex]):focus-visible,:where(h2,.form-feedback):focus{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}#kennismaken:focus{outline:none}[id]{scroll-margin-block-start:var(--space-5)}.container{width:min(var(--layout-max), calc(100% - 2 * var(--layout-gutter)));margin-inline:auto;container-type:inline-size}.page-grid{grid-template-columns:minmax(0,1fr);display:grid}.page-grid>*,.route>*,.partner-layout>*,.case>*{min-width:0}section,.site-footer{isolation:isolate;position:relative}.hero-surface,.chapter,.site-footer{background:var(--chapter-background);color:var(--color-text)}.chapter{padding-block:var(--section-space)}.chapter-heading{margin-bottom:var(--space-7)}.chapter-heading p:not(.eyebrow){margin-top:var(--space-5)}.site-header{justify-content:space-between;align-items:center;gap:1rem;min-height:4.75rem;padding-block:.75rem;display:flex}body:before{content:"";border-bottom:1px solid var(--color-border-subtle);position:absolute;inset:4.6875rem 0 auto}.wordmark{min-width:0;min-height:var(--target-min);color:var(--color-text);font-size:1.375rem;font-weight:var(--weight-bold);letter-spacing:-.04em;align-items:center;line-height:1.2;text-decoration:none;display:inline-flex}nav{gap:var(--space-2) var(--space-6);flex-wrap:wrap;display:flex}nav a{min-height:var(--target-min);padding-block:var(--space-3);color:var(--color-text-muted);font-weight:var(--weight-strong);line-height:var(--leading-control);align-items:center;text-decoration:none;display:inline-flex}.skip-link{top:var(--space-4);left:var(--space-4);z-index:10;padding:var(--space-3) var(--space-5);color:var(--color-on-accent);background:var(--color-accent);position:absolute;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.hero{min-height:47rem;padding-top:5.25rem;padding-bottom:3rem}.hero:before{content:"";z-index:-1;inset:0 calc(-1 * var(--layout-gutter));pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M0 .5H32M.5 0V32' fill='none' stroke='%23263a2d' stroke-opacity='.25'/%3E%3C/svg%3E");background-size:2rem 2rem;position:absolute}.hero-copy{z-index:1;position:relative}.hero .eyebrow{margin-bottom:1rem}.hero h1{text-wrap:initial;max-width:10.4em}.eyebrow{color:var(--color-accent);letter-spacing:.085em;text-transform:uppercase;margin-bottom:1.25rem;font-size:.8125rem;font-weight:700}.lead{max-width:35rem;font-size:var(--text-lead);margin-top:1.5rem;line-height:1.5}.button{min-height:var(--target-min);max-width:100%;padding:var(--space-3) var(--space-5);border:var(--border-emphasis) solid transparent;border-radius:var(--radius-control);background:var(--color-accent);color:var(--color-on-accent);font-size:var(--text-body);font-weight:var(--weight-strong);line-height:var(--leading-control);cursor:pointer;text-align:center;transition:background-color var(--motion-feedback) var(--ease-standard);justify-content:center;align-items:center;gap:.75rem;text-decoration:none;display:inline-flex}.hero-copy .button{margin-top:1.25rem}.hero-personal{max-width:29rem;font-size:var(--text-small);margin-top:var(--space-5)}.button:active{background:var(--color-accent-pressed)}.button:disabled{background:var(--color-disabled-bg);color:var(--color-disabled-text);border-color:var(--color-border-control);cursor:not-allowed}.text-link{max-width:100%;min-height:var(--target-min);padding-block:var(--space-3);gap:var(--space-2);font-weight:var(--weight-strong);line-height:var(--leading-control);text-decoration-thickness:1px;display:inline-block}.hero-services{color:var(--color-text-quiet);flex-wrap:wrap;align-self:end;gap:.5rem 1rem;margin-top:3rem;font-size:.8125rem;display:flex}.hero-services span{color:var(--color-accent)}.hero-visual{pointer-events:none;width:29rem;position:absolute;top:14.5rem;right:-2.5rem}.hero-tree{width:100%;height:auto;display:block;overflow:visible}.boom{pointer-events:none;user-select:none}.boom path{fill:none;stroke:var(--color-tree);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.boom__crown>path{stroke-width:6px}.boom__crown .boom__inner{stroke-width:3px;stroke:var(--color-tree-secondary)}.boom .boom__limb{stroke-width:9px}.boom .boom__branch{stroke-width:5px}.boom .boom__detail{stroke-width:3px;stroke:var(--color-tree-secondary)}.boom .boom__grain{stroke-width:2px;stroke:var(--color-text)}.boom .boom__root-end{stroke-width:3px}#vraagstuk{padding-top:4rem}#vraagstuk .chapter-heading{grid-template-columns:1.2fr 1fr;gap:0 4rem;margin-bottom:0;display:grid}#vraagstuk .eyebrow{grid-column:1/-1}#vraagstuk .chapter-heading>p:last-child{align-self:end;margin-top:0}.route-connections{pointer-events:none;width:100%;height:6rem;margin-top:2rem;display:block;overflow:visible}.route-connections path{stroke:var(--color-tree-secondary);stroke-width:var(--tree-line-width);fill:none}.chapter-connection{width:min(30rem,65%);height:auto;margin:0 0 var(--space-7) auto;pointer-events:none;user-select:none;display:block}.chapter-connection path{stroke:var(--color-tree);stroke-width:var(--tree-line-width)}.chapter-connection .chapter-connection__twig{stroke:var(--color-tree-secondary);stroke-width:var(--tree-twig-width)}.chapter-connection--work{margin-inline:0 auto}.chapter-connection--contact{width:min(24rem,90%);margin:var(--space-8) 0 0}.routes{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.route{background:var(--color-card);color:var(--color-card-text);border-top:4px solid var(--color-accent);flex-direction:column;padding:2rem 1.75rem 1.25rem;display:flex;position:relative}.route-number{color:var(--color-card-muted);font:.875rem var(--font-label);margin-bottom:2rem;display:block}.route h3{letter-spacing:-.04em;font-size:clamp(1.65rem,2.3vw,2rem);font-weight:700;line-height:1.08}.service-label{min-height:2.5em;color:var(--color-card-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.75rem;font-size:.75rem;font-weight:700;line-height:1.25}.route-body{flex-direction:column;flex:1;margin-top:1.5rem;display:flex}.route-body p{color:var(--color-card-muted);padding-bottom:1.5rem;font-size:1rem;line-height:1.6}.route-body .text-link{color:var(--color-card-text);border-top:1px solid #a8b6a4;justify-content:space-between;align-items:center;margin-top:auto;padding-block:1rem;font-size:.9375rem;display:flex}.route-body .text-link span{font-size:1.25rem}.route a:focus-visible{outline-color:var(--color-card-text)}.route[data-selected=true]{background:var(--color-accent)}.route-chosen{color:var(--color-card-text);font-size:var(--text-small);margin-top:1rem;font-weight:700}.route-chosen:before{content:"✓ "}.route-note{text-align:center;max-width:none;margin-top:2rem;font-size:.9375rem}body[data-selected=website] [data-branch=website],body[data-selected=proces] [data-branch=proces],body[data-selected=idee] [data-branch=idee],#vraagstuk:has([data-route=website] :focus-visible) [data-branch=website],#vraagstuk:has([data-route=proces] :focus-visible) [data-branch=proces],#vraagstuk:has([data-route=idee] :focus-visible) [data-branch=idee]{stroke:var(--color-accent);stroke-width:5px}.partner-layout{gap:var(--space-7);margin-top:var(--space-7);grid-template-columns:minmax(0,4fr) minmax(0,6fr);display:grid}.chapter--partner{padding-block:clamp(2.5rem,4vw,4rem)}.chapter--partner .chapter-connection{margin-bottom:var(--space-5)}.chapter--partner .partner-layout{margin-top:var(--space-5)}.approach ol{padding-left:var(--space-5);margin:var(--space-4) 0 0;color:var(--color-text-muted)}.approach li{padding-left:var(--space-3);margin-top:var(--space-4)}.approach li:first-child{margin-top:0}.approach li::marker{color:var(--color-text-quiet)}.approach strong{display:block}.cases{gap:var(--space-8);grid-template-columns:minmax(0,1fr);display:grid}.case{gap:var(--space-5) var(--space-7);padding-bottom:var(--space-7);border-bottom:var(--border-thin) solid var(--color-border-subtle);grid-template-rows:auto 1fr;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.case-heading,.case-description{grid-column:2}.case-heading{grid-row:1}.case-status{font-size:var(--text-small);color:var(--color-text-quiet);margin-top:var(--space-3)}.case-media{grid-area:1/1/3}.case-art{background:var(--color-surface);border-radius:var(--radius-media);overflow:hidden}.case-art__composition{aspect-ratio:8/5;position:relative;overflow:hidden}.case-art figcaption{padding:var(--space-3) var(--space-4);font-size:var(--text-small);color:var(--color-text-quiet);border-top:1px solid var(--color-border-subtle)}.craft-label{font:var(--weight-regular) clamp(1.375rem, 2.3vw, 2rem)/1.18 var(--font-display);letter-spacing:var(--tracking-display);color:var(--color-text-muted);position:absolute;top:14%;left:8%;right:8%}.wood{border:1px solid var(--color-tree);border-radius:45% 42% 12% 10%;width:17%;height:64%;position:absolute;transform:rotate(34deg)}.wood:after{content:"";border:1px solid var(--color-tree-secondary);border-radius:49% 40% 12% 10%;position:absolute;inset:9% 20% 4%}.wood--one{top:6%;right:13%}.wood--two{height:58%;top:33%;right:23%}.wood--three{height:49%;top:61%;right:46%}.paint-stroke{background:var(--color-tree-secondary);border-radius:60% 16% 30% 10%;width:40%;height:30%;position:absolute;bottom:12%;right:10%;transform:rotate(-38deg)}.paint-stroke--two{background:var(--color-tree);height:17%;bottom:12%;right:25%}.paint-stroke--three{background:var(--color-text-quiet);width:25%;height:8%;bottom:35%;right:11%}.contact-content{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:4rem;display:grid}.contact-content form{margin-top:0}form{max-width:var(--measure-form);margin-top:var(--space-8)}.form-note,.field-help{font-size:var(--text-small)}.form-note{margin-top:var(--space-3)}.field{gap:var(--space-2);margin-top:var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}label{font-weight:var(--weight-strong);line-height:var(--leading-control)}input,select,textarea{width:100%;min-width:0;min-height:var(--target-min);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-control);border-radius:var(--radius-control);background:var(--color-canvas);color:var(--color-text);line-height:var(--leading-body);transition:background-color var(--motion-feedback) var(--ease-standard)}textarea{resize:vertical;min-height:9rem}[aria-invalid=true]{border-color:var(--color-error)}.field-error{color:var(--color-error);font-size:var(--text-small)}form>.form-note:last-of-type,form .button{margin-top:var(--space-5)}.form-feedback,.form-notice{padding:var(--space-5);margin-block:var(--space-5);border:var(--border-thin) solid var(--color-error);border-radius:var(--radius-control)}.form-feedback h3{font-size:var(--text-body)}.form-feedback ul{padding-left:var(--space-5);margin:var(--space-3) 0 0}.form-feedback a{min-height:var(--target-min);color:var(--color-error);overflow-wrap:anywhere;align-items:center;display:inline-flex}.form-feedback--notice,.form-notice{border-color:var(--color-border-control)}.form-feedback--notice p{margin-top:var(--space-3)}.site-footer{padding-block:var(--space-8) var(--space-6)}.footer-main{justify-content:space-between;gap:var(--space-6);flex-wrap:wrap;display:flex}.footer-main p,.legal{font-size:var(--text-small)}.footer-main p{margin-top:var(--space-2)}.legal{margin-top:var(--space-9);padding-top:var(--space-5);border-top:var(--border-thin) solid var(--color-border-subtle);color:var(--color-text-quiet)}@media (hover:hover) and (pointer:fine){nav a:not(.button):hover,.wordmark:hover{color:var(--color-accent)}.text-link:hover{text-decoration-thickness:2px}.button:not(:disabled):hover{background:var(--color-accent-hover)}input:hover,select:hover,textarea:hover{background:var(--color-surface)}.route:hover{background:#f7faf1}.route[data-selected=true]:hover{background:var(--color-accent-hover)}#vraagstuk:has([data-route-link=website]:hover) [data-branch=website],#vraagstuk:has([data-route-link=proces]:hover) [data-branch=proces],#vraagstuk:has([data-route-link=idee]:hover) [data-branch=idee]{stroke:var(--color-accent);stroke-width:5px}}@media (width>=90rem){.hero:before{inset-inline:calc(39rem - 50vw)}}@media (width<=74rem) and (width>=56rem){.hero-visual{width:min(24rem,40%);top:18rem;right:-2rem}.hero .lead,.hero-personal,.hero-copy .button{max-width:30rem}.route{padding-inline:1.25rem}}@media (width>=64rem){.hero{--hero-tree-width:clamp(28rem, 44vw, 37rem);min-height:max(47rem, calc(14.5rem + var(--hero-tree-width) * 31 / 30 + 2.5rem))}.hero-visual{width:var(--hero-tree-width);top:14.5rem}}@media (width>=64rem) and (width<=79.999rem){.hero .lead,.hero-personal{max-width:28rem}}@media (width<=55.999rem){:root{--layout-gutter:clamp(1.25rem, 5vw, 3rem)}.hero{min-height:0;padding-top:3.5rem;padding-bottom:2rem}.hero h1{max-width:11em}.hero-visual{justify-self:end;width:min(25rem,85%);margin-top:1.5rem;position:relative;top:auto;right:auto}.hero-services{margin-top:1.5rem}#vraagstuk .chapter-heading,.contact-content{grid-template-columns:minmax(0,1fr);gap:1rem}.routes{grid-template-columns:minmax(0,1fr);gap:1.5rem;margin-top:2rem}.route{border-top-width:3px;padding:1.75rem}.route-number{margin-bottom:1.25rem}.service-label{min-height:0}.route h3{max-width:20ch;font-size:2rem}.route-connections{display:none}.route:before{content:"";border-right:3px solid var(--color-accent);border-bottom:3px solid var(--color-accent);border-radius:0 0 1.5rem;width:1.5rem;height:1.75rem;position:absolute;top:-1.75rem;right:2.5rem}.route-note{text-align:left}.partner-layout{grid-template-columns:minmax(0,1fr);gap:2rem}.contact-content form{margin-top:1rem}.case{flex-direction:column;display:flex}.case-art__composition{max-height:22rem}}@media (width<=39.999rem){.chapter-connection{--tree-line-width:3px;--tree-twig-width:2px;width:min(22rem,80%);margin-bottom:2rem}.chapter--partner .chapter-connection{margin-bottom:var(--space-4)}.chapter-connection--contact{margin-block:2rem 0}.site-header{gap:.5rem}.header-cta{padding-inline:.875rem;font-size:.875rem}.hero{padding-top:3rem}.hero h1{font-size:clamp(3rem,10.3vw,4.125rem)}.eyebrow{font-size:.6875rem}.hero-copy .button{text-align:left;width:100%}.hero-personal{font-size:.8125rem}.hero-visual{width:min(22rem,92%);margin-top:1.75rem}.boom .boom__limb{stroke-width:6px}.boom__crown>path{stroke-width:4px}.boom .boom__branch{stroke-width:3px}.boom .boom__detail,.boom__crown .boom__inner{stroke-width:2px}.hero-services{gap:.5rem;font-size:.6875rem}.chapter-heading{margin-bottom:2rem}.cases{gap:3rem}.craft-label{font-size:var(--text-title)}.case-art figcaption,.form-feedback,.form-notice{padding:.75rem}.site-footer{padding-top:3rem}.legal{margin-top:3rem}}@container (width<=48rem){.hero{min-height:0}.hero-visual{justify-self:end;width:min(25rem,92%);margin-top:1.75rem;position:relative;top:auto;right:auto}.contact-content,.partner-layout,#vraagstuk .chapter-heading{grid-template-columns:minmax(0,1fr);gap:1rem}.case{flex-direction:column;display:flex}.routes{grid-template-columns:minmax(0,1fr);gap:1.5rem;margin-top:2rem}.route-connections{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@media (forced-colors:active){.boom,.route-connections,.chapter-connection,.case-art__composition,.hero:before,.route:before{visibility:hidden}.route{border:1px solid canvastext}a,.route-body .text-link{color:linktext}.button{border-color:buttontext}input,select,textarea{border-color:fieldtext}:where(a,button,input,select,textarea,[tabindex]):focus-visible,:where(h2,.form-feedback):focus{outline-color:highlight}}@media print{:root{color-scheme:light;--color-canvas:#fff;--color-surface:#fff;--color-text:#000;--color-text-muted:#222;--color-text-quiet:#333;--color-accent:#000;--color-on-accent:#fff;--color-border-subtle:#aaa;--color-border-control:#555}body,html{color:#000;background:#fff}.hero-surface,.chapter,.site-footer{color-scheme:light;--chapter-background:#fff;--color-text:#000;--color-text-muted:#222;--color-text-quiet:#333;--color-accent:#000;--color-surface:#fff}.boom,.hero-visual,.route-connections,.chapter-connection,.hero:before,.route:before,.skip-link,.case-art__composition{display:none}.container{width:100%}.page-grid,.routes,.route,.partner-layout,.case,.footer-main,.contact-content,#vraagstuk .chapter-heading{display:block}.chapter{padding-block:2rem}.hero{min-height:0;padding-block:1rem}.hero-services{margin-top:1rem}.route,.case{break-inside:avoid}.case-media,.case-description,.approach{margin-top:1rem}.button:disabled{color:#333;background:#fff}.legal{margin-top:2rem}}