:root{--grape: #5E386A;--golden-fizz: #FFEE2E;--avocado: #AACC55;--eggshell: #EDE8E0;--mirage: #1E1520;--white: #FFFFFF;--menu-ease: cubic-bezier(.66,.05,.18,1);--dur-fast: .25s;--dur-base: .6s;--dur-slow: 1.15s;--max-breed: 1280px;--vw: min(1vw, calc(var(--max-breed) / 100));--rand: max(0px, (100vw - var(--max-breed)) / 2);--gutter: clamp(20px, calc(3.4 * var(--vw)), 48px);--gutter-lg: clamp(22px, calc(8.54 * var(--vw)), 145px);--inhoud: var(--gutter-lg);--rule: 1px solid color-mix(in srgb, var(--mirage) 16%, transparent);--sectie: calc(8.54 * var(--vw));--fs-body: clamp(14px, calc(1.46 * var(--vw)), 22px);--lh-alinea: 1.45;--fs-label: clamp(12.5px, calc(1.25 * var(--vw)), 19px);--fs-value: clamp(13.5px, calc(1.39 * var(--vw)), 21.5px);--fs-count: clamp(13px, calc(1.67 * var(--vw)), 26px);--fs-split: clamp(30px, calc(4.24 * var(--vw)), 66px);--lh-body: 1.19}@media(max-width:760px){:root{--gutter: clamp(22px, calc(7.96 * var(--vw)), 36px);--inhoud: var(--gutter);--sectie: calc(2 * var(--gutter));--fs-body: clamp(13px, calc(3.6 * var(--vw)), 15px)}}@font-face{font-family:Gilroy;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/gilroy-regular.woff2) format("woff2")}@font-face{font-family:Gilroy;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/gilroy-medium.woff2) format("woff2")}@font-face{font-family:Gilroy;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/gilroy-bold.woff2) format("woff2")}*{margin:0;padding:0;box-sizing:border-box}html{font-synthesis:none;-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:Gilroy,Poppins,Century Gothic,sans-serif;font-weight:400;background:var(--white);color:var(--mirage);line-height:var(--lh-body);-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility}body.on-eggshell{background:var(--eggshell)}body{max-width:var(--max-breed);margin-inline:auto}body.menu-open{overflow:hidden}img,svg,video{display:block;max-width:100%}img{height:auto}picture{display:block}a{color:inherit}button{font:inherit;color:inherit;background:none;border:0}h1,h2,h3{font-weight:700;line-height:1.15;letter-spacing:-.01em}::selection{background:var(--golden-fizz);color:var(--mirage)}:focus-visible{outline:2.5px solid var(--mirage);outline-offset:3px;border-radius:2px}body.menu-open nav :focus-visible,body.menu-open header :focus-visible{outline-color:var(--golden-fizz)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.noscript-nav{position:fixed;top:0;left:0;right:0;z-index:70;display:flex;flex-wrap:wrap;gap:4px 22px;justify-content:flex-end;padding:14px clamp(18px,calc(3.2 * var(--vw)),46px);background:var(--grape)}.noscript-nav a{color:var(--white);font-size:14px;font-weight:700;letter-spacing:.04em;text-decoration:none;line-height:1.4}.noscript-nav a:hover{text-decoration:underline;text-underline-offset:3px}html.geen-js header{top:48px}.skip-link{position:fixed;top:8px;left:8px;z-index:200;padding:10px 16px;background:var(--mirage);color:var(--white);font-size:14px;font-weight:500;text-decoration:none;border-radius:3px;transform:translateY(-160%)}.skip-link:focus{transform:none}main{display:block}.wrap{width:100%;padding-inline:var(--gutter-lg)}.rule{border:0;border-top:var(--rule);margin:0}.statement{font-size:clamp(20px,calc(2.85 * var(--vw)),41px);line-height:1.2;font-weight:400;max-width:34ch}.statement b,.statement strong{font-weight:700}.body-copy{font-size:var(--fs-body);line-height:var(--lh-alinea);max-width:27em}.body-copy+.body-copy{margin-top:1em}.eyebrow{font-size:var(--fs-label);font-weight:400;color:color-mix(in srgb,var(--mirage) 62%,transparent);line-height:1.4}:root{--menu-fs:clamp(44px,calc(6.4 * var(--vw)),92px);--chat-shift:min(calc(51.6 * var(--vw)), 745px)}header{position:fixed;top:0;left:0;right:0;z-index:60;max-width:var(--max-breed);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;padding:clamp(16px,calc(2.2 * var(--vw)),30px) var(--inhoud) 0;pointer-events:none}@media(max-width:760px){header{padding-bottom:clamp(12px,calc(2 * var(--vw)),18px);animation:nav-veil linear both;animation-timeline:scroll();animation-range:0 100px}@keyframes nav-veil{0%{background:transparent;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:color-mix(in srgb,var(--white) 40%,transparent);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}}body.menu-open header{animation:none;background:transparent;backdrop-filter:none}}.logo{display:flex;align-items:center;gap:clamp(6px,calc(.8 * var(--vw)),10px);user-select:none;pointer-events:auto;cursor:pointer;text-decoration:none}.logo span{font-size:clamp(11px,calc(1.05 * var(--vw)),15px);font-weight:700;letter-spacing:.17em;color:var(--mirage);white-space:nowrap;transition:color .5s ease .3s}.logo svg{width:clamp(23px,calc(2.2 * var(--vw)),32px);aspect-ratio:336/463;height:auto;overflow:visible}.logo svg use{fill:var(--avocado)}body.logo-op-hero .logo span{color:var(--logo-hero, var(--mirage))}body.menu-open .logo span{color:var(--white)}#toggle{--bar-w:clamp(42px,calc(5 * var(--vw)),72px);--bar-gap:clamp(4.5px,calc(.46 * var(--vw)),7px);pointer-events:auto;cursor:pointer;background:none;border:0;width:var(--bar-w);height:44px;position:relative;display:flex;align-items:center}#toggle .bar{position:absolute;left:0;width:var(--bar-w);height:2.5px;background:var(--grape);transition:transform .6s var(--menu-ease),background .35s ease .25s}#toggle .bar:nth-child(1){top:calc(50% - var(--bar-gap))}#toggle .bar:nth-child(2){top:calc(50% + var(--bar-gap) - 2.5px)}body.menu-open #toggle .bar{background:var(--white)}body.menu-open #toggle .bar:nth-child(1){transform:translateY(calc(var(--bar-gap) - 1.25px)) rotate(15deg)}body.menu-open #toggle .bar:nth-child(2){transform:translateY(calc(1.25px - var(--bar-gap))) rotate(-15deg)}#paint{position:fixed;top:0;right:0;z-index:40;pointer-events:none;width:var(--paint-d);height:var(--paint-d);--paint-d: calc((100vw + 100svh)*2) ;margin:calc(var(--paint-d) / -2) calc(var(--paint-d) / -2) 0 0;border-radius:50%;background:var(--grape);transform-origin:50% 50%;transform:scale(0);transition:transform 1.7s var(--menu-ease) .05s;will-change:transform}body.menu-open #paint{transform:scale(1);pointer-events:auto}body.paint-cut #paint{transition:none!important;transform:scale(0)!important}#main-nav{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;justify-content:flex-end;padding:0 0 17vh calc(var(--rand) + var(--inhoud));pointer-events:none;visibility:hidden}body.menu-open #main-nav{visibility:visible}.item{position:relative;width:max-content;margin-top:1.2vh}.item a,.item button{display:inline-block;font-family:inherit;font-size:var(--menu-fs);font-weight:700;color:var(--white);text-decoration:none;line-height:1.25;background:none;border:0;padding:0;cursor:pointer;opacity:0;transform:translateY(52px);transition:opacity .65s ease,transform .85s var(--menu-ease);pointer-events:auto}body.menu-open .item :is(a,button){opacity:1;transform:none}body.menu-opening #main-nav .item:nth-child(1) :is(a,button){transition-delay:1.15s}body.menu-opening #main-nav .item:nth-child(2) :is(a,button){transition-delay:1.32s}body.menu-opening #main-nav .item:nth-child(3) :is(a,button){transition-delay:1.49s}body.menu-closing .item :is(a,button){opacity:0;transform:none;transition:opacity .3s ease}#main-nav ul{list-style:none;display:contents}.legs{position:absolute;left:0;bottom:calc(var(--menu-fs) * .047);width:calc(var(--menu-fs) * .603);height:calc(var(--menu-fs) * .315);overflow:visible;pointer-events:none;transform-origin:top center;transform:scaleY(0);opacity:0;transition:transform .5s cubic-bezier(.3,1.45,.45,1),opacity .25s ease,left .95s var(--menu-ease)}.legs use{fill:var(--avocado)}.item :is(a,button):hover+.legs,.item :is(a,button):focus-visible+.legs,.item.force-legs .legs{transform:scaleY(1);opacity:1}.item :is(a,button):hover+.legs{animation:wiggle 1s ease-in-out .55s infinite}@keyframes wiggle{0%,to{transform:scaleY(1) translateY(0)}50%{transform:scaleY(1) translateY(-2.5px)}}body.items-fade #main-nav .item :is(a,button){opacity:0!important;transition:opacity .4s ease!important}body.items-fade .legs{opacity:0!important;transition:opacity .25s ease}#item-chat button{transition-property:opacity,transform;transition-duration:.65s,.95s;transition-timing-function:ease,var(--menu-ease)}body.contact-open #item-chat button{transform:translate(var(--chat-shift))}body.contact-open #item-chat .legs{transform:scaleY(1);opacity:1;animation:none}#contact-card{position:fixed;z-index:45;left:0;bottom:11vh;width:calc(var(--rand) + var(--inhoud) + var(--chat-shift) - var(--menu-fs) * .32);height:calc(var(--menu-fs) * 1.24);background:var(--grape);border:1.6px solid var(--avocado);border-left:0;display:flex;align-items:center;transform:translate(-104%);transition:transform 1s var(--menu-ease);color:var(--white);font-weight:400;font-size:clamp(12.5px,calc(var(--menu-fs) * .163),15px);visibility:hidden}body.menu-open #contact-card{visibility:visible}body.contact-open #contact-card{transform:none}#contact-card .col{margin-left:calc(var(--rand) + var(--inhoud));line-height:2;white-space:nowrap}#contact-card .col:nth-child(2){margin-left:calc(var(--menu-fs) * .939)}#contact-card a{text-decoration:none}#contact-card a:hover{text-decoration:underline;text-underline-offset:3px}#contact-card .icons{margin-left:auto;margin-right:calc(var(--menu-fs) * .457);display:flex;flex-direction:column;gap:.67em;align-items:center}#contact-card .icons a{display:grid;place-items:center;width:1.6em;height:1.6em;pointer-events:auto}#contact-card .icons svg{width:1.47em;height:1.47em;display:block}#squiggle{position:fixed;z-index:46;overflow:visible;pointer-events:none;visibility:hidden}body.menu-open #squiggle{visibility:visible}#squiggle path{fill:none;stroke:var(--avocado);stroke-linecap:round;stroke-linejoin:round;transition:none}body.contact-open #squiggle path{transition:stroke-dashoffset .7s cubic-bezier(.3,.9,.4,1) .5s}@media(hover:none){.item :is(a,button):hover+.legs{animation:none}.item :is(a,button):active+.legs{transform:scaleY(1);opacity:1}}@media(max-width:760px){:root{--menu-fs:clamp(40px,calc(15.5 * var(--vw)),76px)}#main-nav{padding-bottom:10vh}.item{margin-top:.6vh}#contact-card{left:0;right:0;width:auto;height:auto;bottom:var(--gutter);border-left:1.6px solid var(--avocado);padding:1.55em var(--gutter) 1.75em;display:grid;grid-template-columns:1fr;align-items:start;font-size:clamp(14px,calc(4 * var(--vw)),19px);line-height:1.62;transform:translateY(calc(100% + var(--gutter) + 4px));transition:transform .85s var(--menu-ease)}#contact-card .col{margin-left:0;white-space:normal;line-height:1.62}#contact-card .col:nth-child(2){margin-left:0;margin-top:.62em}#contact-card .icons{margin:1.15em 0 0;flex-direction:row;gap:.6em;align-items:center;justify-content:flex-start}#contact-card .icons a{width:1.5em;height:1.5em}#contact-card .icons svg{width:1.4em;height:1.4em}#main-nav{transition:padding-bottom .85s var(--menu-ease)}body.contact-open #main-nav{padding-bottom:var(--nav-lift,7vh)}body.contact-open #item-chat button{transform:none}#item-chat .legs{display:none}body.contact-open #squiggle path{transition:stroke-dashoffset .72s cubic-bezier(.22,.7,.25,1) .92s}}@media(max-width:380px){.logo span{letter-spacing:.14em}}@media(max-height:520px)and (orientation:landscape){:root{--menu-fs:clamp(30px,7.4vh,58px)}#main-nav{padding-bottom:6vh}#contact-card{padding:1em var(--gutter) 1.1em;font-size:13px;grid-template-columns:1fr auto;align-items:center}#contact-card .icons{grid-column:2;grid-row:1 / span 2;margin:0}}@view-transition{navigation:auto}::view-transition-group(housman){animation-duration:var(--dur-slow);animation-timing-function:var(--menu-ease)}::view-transition-old(root){animation:none;opacity:0}::view-transition-new(root){animation:fade-in .5s ease}html.is-loading::view-transition-new(root){animation:none;opacity:1}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.loader{position:fixed;inset:0;z-index:30;background:var(--white);display:none}html.is-loading .loader{display:block}html.is-leaving #character,html.is-arriving #character{visibility:hidden}html.is-loading #toggle{pointer-events:none}#flyo{position:fixed;z-index:55;pointer-events:none;overflow:visible;transform-origin:0 0;will-change:transform}#flyo svg{width:100%;height:100%;max-width:none;overflow:visible;display:block}#flyo .fly-legs{opacity:0;animation:flylegs .35s ease .07s forwards}@keyframes flylegs{to{opacity:1}}html.is-loading,html.is-loading body{overflow:hidden}.loader .band{position:absolute;left:0;right:0;height:16.4%;top:calc(var(--walk-y, 56%) - 8.2%);background:var(--grape)}#character{--cw:clamp(58px,calc(7.1 * var(--vw)),102px);position:absolute;top:calc(var(--walk-y, 56%) + 6px);left:9%;width:var(--cw);aspect-ratio:102/103;height:auto;transform:translate(-50%,-50%);will-change:transform}#character .laag{position:absolute;inset:0;width:100%;height:100%;max-width:none;overflow:visible}#character .body{position:absolute;inset:0;transform-origin:50% 30.59%;will-change:transform}#character .leg{will-change:transform}#character .leg use{fill:var(--avocado)}#character .legL{transform-origin:37.29% 61.14%}#character .legR{transform-origin:51.42% 57.78%}#character .ring circle{fill:none;stroke:var(--white);stroke-width:30}#character{--pas:.26s}#character.walking .legL{animation:swingL var(--pas) ease-in-out infinite alternate}#character.walking .legR{animation:swingR var(--pas) ease-in-out infinite alternate}#character.walking .body{animation:bob var(--pas) ease-in-out infinite alternate}@keyframes swingL{0%{transform:rotate(13deg)}to{transform:rotate(-15deg)}}@keyframes swingR{0%{transform:rotate(-13deg)}to{transform:rotate(15deg)}}@keyframes bob{0%{transform:translateY(0) rotate(2.5deg)}to{transform:translateY(calc(var(--cw) * -9 / 336)) rotate(1deg)}}#character .rays{opacity:0}#character .rays line{stroke:var(--avocado);stroke-width:12;stroke-linecap:round}#character.excited .rays{animation:rays .3s ease-in-out 1}@keyframes rays{0%,to{opacity:0}50%{opacity:1}}.loader.done{animation:loader-out .3s ease forwards}@keyframes loader-out{to{opacity:0;visibility:hidden}}@keyframes reveal{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.reveal{animation:reveal linear both;animation-timeline:view();animation-range:entry 10% cover 35%}@media(prefers-reduced-motion:reduce){*{transition-duration:.01s!important;animation:none!important}@view-transition{navigation:none}.loader,#flyo{display:none!important}html.is-loading,html.is-loading body{overflow:visible}}.site-footer[data-astro-cid-sz7xmlte]{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:clamp(16px,calc(3 * var(--vw)),40px);padding:0 var(--inhoud) clamp(20px,calc(2.4 * var(--vw)),36px);font-size:clamp(11px,calc(.95 * var(--vw)),14.5px);line-height:1.24;font-style:normal}.site-footer[data-astro-cid-sz7xmlte] .center[data-astro-cid-sz7xmlte]{padding-top:1.24em}.site-footer[data-astro-cid-sz7xmlte].minimal{grid-template-columns:1fr}.site-footer[data-astro-cid-sz7xmlte].minimal .center[data-astro-cid-sz7xmlte]{padding-top:0}.col[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{text-decoration:none}.col[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{text-decoration:underline;text-underline-offset:3px}.center[data-astro-cid-sz7xmlte]{justify-self:center;text-align:center}.right[data-astro-cid-sz7xmlte]{justify-self:end;text-align:right}@media(max-width:760px){.site-footer[data-astro-cid-sz7xmlte]{grid-template-columns:1fr;justify-items:start;gap:14px;text-align:left}.center[data-astro-cid-sz7xmlte],.right[data-astro-cid-sz7xmlte]{justify-self:start;text-align:left}.site-footer[data-astro-cid-sz7xmlte].minimal .center[data-astro-cid-sz7xmlte]{justify-self:center;text-align:center}}