*{padding:0;margin:0;border:0;box-sizing:border-box}*::before,*::after{box-sizing:border-box;cursor:var(--cursor-default)}html{font-size:clamp(16px,1.25vw,19px);scroll-behavior:smooth;overscroll-behavior:none;cursor:var(--cursor-default);accent-color:var(--my-light-blue)}html:has(>body[data-scrollable=false]){overflow:hidden;scrollbar-gutter:stable}body{font-size:var(--font-size-body);color:var(--main-color);font-family:var(--primary-font);font-weight:var(--font-regular);background:var(--background-color);line-height:var(--line-height-regular);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;letter-spacing:var(--letter-spacing-regular)}a{text-decoration:none;color:inherit;text-decoration-thickness:.1em;text-underline-offset:.1em}p a:hover{text-decoration-line:underline}ul{list-style-type:none}p{margin-bottom:1.4em}p:last-of-type{margin-bottom:0}br{margin:0;height:0}strong,em{font-style:normal;font-weight:var(--font-regular)}p strong{font-weight:var(--font-bold)}p em{font-style:italic}fieldset legend{display:none}address{font-style:normal}a,button,label,summary,select{cursor:var(--cursor-pointer)}input:not([type=checkbox],[type=radio]),textarea,[contenteditable]{cursor:var(--cursor-text)}:root{--primary-font:"SuisseIntl", system-ui, sans-serif;--header-font:"Exposure", system-ui, sans-serif;--font-regular:400;--font-bold:600;--font-size-extra-huge:9.1rem;--font-size-huge:5.25rem;--font-size-h1:2.9rem;--font-size-h2:2.1rem;--font-size-h3:1.6rem;--font-size-h4:1.2rem;--font-size-h5:1.1rem;--font-size-h6:1rem;--font-size-body:1rem;--font-size-medium:max(15px, 0.9rem);--font-size-small:max(14px, 0.8rem);--font-size-tiny:max(12px, 0.6rem);--main-color:var(--my-black);--background-color:var(--my-white);--my-black:#000000;--my-black-50:rgba(0, 0, 0, 0.5);--my-black-65:rgba(0, 0, 0, 0.65);--my-white:#FFFFFF;--my-white-65:rgba(255,255,255,0.65);--my-off-white:#F5F5F5;--my-off-white-85:rgba(245,245,245,0.85);--my-off-white-50:rgba(245, 245, 245, .5);--my-grey:#ABB0AC;--my-dark-grey:#737373;--my-light-grey:#D9D9D9;--my-light-grey-60:rgba(217, 217, 217, .6);--my-light-grey-40:rgba(217, 217, 217, .4);--my-beige:#D8D7BB;--my-light-beige:#F5F5ED;--my-lime:#B6BB4B;--my-light-lime:#F1F170;--my-blue:#387CC7;--my-light-blue:#97C9EA;--my-red:#E55D4B;--my-light-red:#FFBDB6;--my-dex-fill:conic-gradient(from -47.21deg at 64.67% 43.25%, var(--my-blue) 0deg, var(--my-light-lime) 20.14deg, var(--my-lime) 126.02deg, var(--my-light-blue) 236.97deg, var(--my-blue) 360deg);--line-height-tiny:1;--line-height-small:1.2;--line-height-regular:1.4;--line-height-large:1.6;--letter-spacing-regular:-2%;--letter-spacing-small:0%;--gutter-side:1.5rem;--max-width:85rem;--max-width-ultra-wide:150rem;--max-width-medium:70rem;--max-width-slim:55rem;--max-width-narrow:40rem;--width:calc(100% - calc(var(--gutter-side) * 2));--gap:4rem;--story-aspect:1/2.14;--margin:var(--margin-y) auto;--margin-y:10rem;--margin-y-small:5rem;--margin-kicker:2.8rem;--padding-top:5rem;--btn-padding-block:0.55em;--btn-padding-right:1.6em;--btn-padding-left:1.3em;--btn-padding:var(--btn-padding-block) var(--btn-padding-right) var(--btn-padding-block) var(--btn-padding-left);--my-ease:cubic-bezier(0.4, 0, 0.2, 1);--my-ease-bounce:cubic-bezier(0.34, 1.56, 0.64, 1);--my-ease-bounce-soft:cubic-bezier(0.34, 1.5, 0.5, 1);--my-ease-out:cubic-bezier(.17,.84,.44,1);--my-ease-in:cubic-bezier(0.56, 0.00, 0.83, 0.16);--my-ease-jerk:cubic-bezier(0.65, 0, 0.35, 1);--drop-shadow:0px 0px .3rem 0 rgba(217,217,217,0.6);--blur-shadow:0px 1px .3rem 0 rgba(217,217,217,0.2);--glow-shadow:0px 0px 1.5rem 0 rgba(255,255,255,0.65);--border-radius:1.2rem;--border-radius-small:.6rem;--half-border-radius:calc(var(--border-radius) / 2);--btn-border-radius:1.5em;--logo-width:10.5rem;--cursor-default:url('/img/cursors/default.svg') 1 1, url('/img/cursors/default.png') 1 1, default;--cursor-pointer:url('/img/cursors/pointer.svg') 9 4, url('/img/cursors/pointer.png') 9 4, pointer;--cursor-text:url('/img/cursors/text.svg') 5 11, url('/img/cursors/text.png') 5 11, text;--cursor-default-lime:url('/img/cursors/default-lime.svg') 1 1, default;--cursor-default-lime-dark:url('/img/cursors/default-lime-dark.svg') 1 1, default}@supports(animation-timing-function:linear(0,1)){:root{--my-ease-bounce:linear(0, 0.1, 0.322, 0.574, 0.799, 0.965, 1.068, 1.115, 1.122, 1.103, 1.074, 1.043, 1.017, 0.999, 0.989, 0.985, 0.986, 0.988, 0.992, 0.996, 0.999, 1.001, 1)}:root{--my-ease-jerk:linear(0, 0.001, 0.009, 0.027, 0.058, 0.104, 0.163, 0.235, 0.317, 0.407, 0.5, 0.593, 0.683, 0.765, 0.837, 0.896, 0.942, 0.973, 0.991, 0.999, 1)}}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{font-weight:var(--font-regular);font-family:var(--header-font);line-height:var(--line-height-small);margin-bottom:.4em}h1,.h1{font-size:var(--font-size-h1)}h2,.h2{font-size:var(--font-size-h2)}h3,.h3{font-size:var(--font-size-h3)}h4,.h4{font-size:var(--font-size-h4)}h5,.h5{font-size:var(--font-size-h5)}h6,.h6{font-size:var(--font-size-h6)}.huge{font-size:var(--font-size-huge);line-height:var(--line-height-tiny);-webkit-text-stroke:1px var(--my-black);max-width:6.5em}.extra-huge{font-size:var(--font-size-extra-huge);line-height:var(--line-height-tiny);-webkit-text-stroke:1px var(--my-black)}.kicker{font-size:var(--font-size-small);color:var(--my-black-65);margin-bottom:var(--margin-kicker);font-family:var(--primary-font)}.kicker:last-of-type{margin-bottom:var(--margin-kicker)}body{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:1fr auto}header,main,footer{min-width:0;max-width:var(--max-width-ultra-wide);width:100%;margin:0 auto;position:relative}.container{max-width:var(--max-width);width:var(--width);margin:var(--margin);position:relative}section{margin:0 auto;position:relative;background:var(--background-color)}section.ultrawide{max-width:var(--max-width-ultra-wide);width:100%}section.ultrawide .container{width:100%}section.narrow{max-width:var(--max-width-narrow)}section.light{background:var(--my-light-beige)}section.dark{background:var(--my-blue);color:var(--my-white)}.khaki{--own-color:var(--my-beige)}.grey{--own-color:var(--my-grey)}.light-grey{--own-color:var(--my-light-grey);--own-text-color:var(--my-dark-grey)}.off-white{--own-color:var(--my-off-white);--own-text-color:var(--my-dark-grey)}.blue{--own-color:var(--my-blue);--own-text-color:var(--my-light-blue)}.light-blue{--own-color:var(--my-light-blue);--own-text-color:var(--my-blue)}.lime{--own-color:var(--my-light-lime);--own-text-color:var(--my-lime)}.lime-dark{--own-color:var(--my-lime);--own-text-color:var(--my-light-lime)}.coral{--own-color:var(--my-light-red);--own-text-color:var(--my-red)}.red{--own-color:var(--my-red);--own-text-color:var(--my-light-red)}.black{--own-color:var(--my-black);--own-text-color:var(--my-white)}.white{--own-color:var(--my-white);--own-text-color:var(--my-black)}@media only screen and (min-width:769px){section:first-of-type .container{margin-top:calc(var(--margin-y) - 2rem)}}@keyframes activate-in{from{opacity:var(--activate-from-opacity,0);translate:var(--activate-from-translate,0 1rem);scale:var(--activate-from-scale,1)}}@keyframes activate-sweep{from{opacity:1;translate:0 .4rem;mask-image:linear-gradient(to bottom,black 33%,transparent 66%);mask-size:100% 300%;mask-position:0 100%}to{opacity:1;mask-image:linear-gradient(to bottom,black 33%,transparent 66%);mask-size:100% 300%;mask-position:0 0}}.activate-children{--activate-state:paused}html:not(.no-js) :is(.activate-children>*,.activate-children .also-child){animation:var(--activate-name,activate-in)var(--activate-duration,1e3ms)var(--activate-ease,var(--my-ease-out))calc(var(--cascade,0) * var(--activate-stagger,200ms))both;animation-play-state:var(--activate-state,paused)}@media(prefers-reduced-motion:reduce){html:not(.no-js) :is(.activate-children>*,.activate-children .also-child){animation-duration:1ms;animation-delay:0ms}}@property --perc{syntax: "<number>"; inherits: true; initial-value: 0; }@supports(animation-timeline:view()){@keyframes calc-perc{from{--perc:0}to{--perc:1}}.calc-perc{animation:calc-perc linear both;animation-timeline:view();animation-range:cover 0% cover calc((100% - var(--center,0) * 100vh) * var(--done,1))}@media(prefers-reduced-motion:reduce){.calc-perc{animation:none;--perc:1}}}.cursor-box{position:fixed;inset:0;overflow:clip;pointer-events:none;z-index:99}.cursor-you{position:absolute;top:0;left:0;user-select:none;padding-left:1rem;padding-top:.9rem;opacity:0;scale:0;transform-origin:center;transition:opacity 250ms var(--my-ease-out),scale 500ms var(--my-ease-bounce);will-change:translate}.cursor-you.shown{opacity:1;scale:1}[data-cursor-color=Lime]{cursor:var(--cursor-default-lime)}[data-cursor-color="Lime Dark"]{cursor:var(--cursor-default-lime-dark)}@media(pointer:coarse){.cursor-box{display:none}}.cursor-layer{position:absolute;inset:0;overflow:clip;pointer-events:none;z-index:4}.cursor{position:absolute;top:0;left:0;z-index:4;opacity:0;transition:opacity 250ms var(--my-ease-out);will-change:translate;transform:translateZ(0);pointer-events:none;user-select:none}.cursor.shown{opacity:1}.cursor svg{width:1rem;height:auto;display:block;color:var(--own-color,var(--my-blue));transform-origin:top left;transition:scale 140ms var(--my-ease)}.cursor.click svg{scale:.82}.cursor .sticker>span,.cursor.sticker>span{position:absolute;top:.9rem;left:1rem}.cursor.right svg{scale:-1 1}.cursor.right .sticker>span{left:auto;right:1rem}.cursor-layer .cursor{left:var(--x,50%);top:var(--y,50%)}.cursor-layer .cursor[data-role]{left:0;top:0}.cursor.drift{animation:var(--shape,drift-1)var(--dur,9s)var(--my-ease-jerk)var(--delay,0s)infinite var(--dir,normal)}.cursor.drift .inner{animation:drift-inner calc(var(--dur,9s) * .61)var(--my-ease-jerk)var(--delay,0s)infinite}.cursor-layer[data-active=false] :is(.cursor,.inner){animation-play-state:paused}@media(prefers-reduced-motion:reduce){.cursor.drift,.cursor.drift .inner{animation:none}}figure,picture{position:relative}picture.abs img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}picture{display:flex}img,video{width:100%;height:auto;user-select:none}:where(.media.has-geluid){position:relative}.geluid-knop{position:absolute;right:calc(.75rem + var(--geluid-rand,0rem));bottom:.75rem;z-index:3;padding:0;border:0;background:0 0;color:inherit;font-size:var(--font-size-small);line-height:1.2;opacity:0;pointer-events:none;transition:opacity 250ms var(--my-ease-out)}.geluid-knop .sticker>span{font-size:inherit}.geluid-knop:focus-visible{opacity:1;outline:.125rem solid var(--my-blue);outline-offset:.2rem;border-radius:var(--border-radius-small)}body.touch .geluid-knop{opacity:1}*::selection{background:var(--my-lime);color:var(--main-color)}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}button{touch-action:manipulation;text-align:center;background:0 0;border:none;color:inherit}button,label{user-select:none}.buttons{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:2rem}.buttons .btn{margin-top:0}.btn{background:var(--own-color);font-family:var(--primary-font);color:var(--main-color);padding:var(--btn-padding);border-radius:var(--btn-border-radius);text-align:center;letter-spacing:var(--letter-spacing-small);display:inline-flex;gap:.5em;align-items:center;position:relative;isolation:isolate;overflow:clip;max-width:max-content}.btn::before{content:"";top:var(--top,50%);left:var(--left,50%);border-radius:100vmin;background:var(--my-light-blue);position:absolute;display:block;width:200%;transition:border-radius 500ms ease,transform 500ms ease,width 500ms ease;transform:translate(-50%,-50%)scale(var(--own-width,0));aspect-ratio:1;z-index:-1;pointer-events:none}.btn>div{display:flex;align-items:center;position:relative;transition:500ms var(--my-ease);transition-property:transform,color;isolation:isolate}.btn>div::before{content:"";position:absolute;top:-25%;left:-25%;width:150%;height:150%;border-radius:50%;background:var(--my-white);transition:transform 750ms var(--my-ease);transform:scale(0);z-index:-1}.btn svg{width:1.1em;height:auto;pointer-events:none;display:inline-block;transition:transform 500ms linear}.btn.no-icon{padding-left:var(--btn-padding-right)}.btn span.text{position:relative;display:inline-block;white-space:nowrap;overflow:hidden}.btn span.text .size{position:absolute;opacity:0;pointer-events:none}.btn span.text .enter{position:absolute;top:0;left:0}.btn span.text .layer b{position:relative;display:inline-block;font-weight:inherit;transition:transform 300ms var(--my-ease)0s,opacity 300ms ease-in-out 0s,color 500ms ease}.btn span.text .enter b{transform:translateY(1.5em)}@media(hover:hover){:is(.btn:hover,.target:hover .btn)::before{border-radius:0;--own-width:1}:is(.btn:hover,.target:hover .btn)>div{transform:translateX(-.5em)rotate(-30deg)}:is(.btn:hover,.target:hover .btn)>div svg{transform:rotate(30deg)}:is(.btn:hover,.target:hover .btn)>div::before{transform:scale(1);transition-timing-function:var(--my-ease-bounce)}:is(.btn:hover,.target:hover .btn) span.text .layer b{transition:transform 500ms var(--my-ease-bounce)calc(var(--i,0) * 10ms),opacity 600ms ease-in-out calc(var(--i,0) * 10ms)}:is(.btn:hover,.target:hover .btn) span.text .enter b{transform:none;opacity:1}:is(.btn:hover,.target:hover .btn) span.text .leave b{transform:translateY(-1.5em)}}.btn.light-blue::before{background:var(--my-lime)}section .btn{margin-top:2.1rem}.has-tags{display:flex;gap:.48rem;flex-wrap:wrap}.has-tags>*,.tag{background:var(--own-color,var(--my-light-grey));color:var(--own-text-color,var(--my-black));border-radius:100vmin;font-size:var(--font-size-small);padding:.4375rem .7rem;display:block;max-width:max-content;font-family:var(--primary-font)}.has-tags.alt{max-width:23rem;margin-top:2rem;gap:.6rem 1rem}.has-tags.alt .tag{font-size:var(--font-size-body);padding:.55rem 1.4rem;background:var(--my-off-white)}.sticker{display:block}.sticker>span{position:relative;max-width:max-content;display:inline-block;white-space:nowrap;font-size:var(--font-size-h4)}.sticker>span::after{content:attr(data-title);display:block;-webkit-text-stroke:.3em var(--own-color,var(--my-light-lime));paint-order:stroke fill;font-family:var(--header-font);position:relative;color:var(--own-text-color)}.sticker>span::before{content:"";position:absolute;width:calc(100% - .2em);height:18%;top:45%;left:.1em;background:var(--own-color,var(--my-light-lime));border-radius:100vmin}.sticker>span.has-uppercase::before{height:41%;top:32%}.browser{background:var(--my-off-white);padding:2rem;border-radius:var(--border-radius)}.browser>span{content:"";position:relative;width:.8rem;height:.8rem;background:var(--my-light-grey);display:block;border-radius:50%;transition:background 250ms var(--my-ease)}.browser>span:hover{background:var(--my-light-blue)}@media only screen and (max-width:768px){.browser{padding:2rem 1.2rem}.has-tags>*,.tag{font-size:var(--font-size-tiny)}}header{position:fixed;z-index:10;left:0;right:0;margin:0 auto;display:flex;pointer-events:none;color:var(--main-color)}header .container{display:grid;grid-template-columns:1fr auto 1fr;align-items:flex-start;grid-gap:1rem;margin:1rem auto}header .container>*{pointer-events:all;max-width:max-content}header .logo svg{width:100%;height:auto;color:var(--my-black);transition:color 500ms}body:not(.menu-open) header[data-scrolled=false] .logo svg{color:var(--my-white)}header .container .logo{max-width:var(--logo-width);display:flex;margin-left:auto}header .left{display:flex;align-items:center;gap:1rem}header .left .btn{box-shadow:var(--blur-shadow)}.lang-switch{position:relative;color:var(--main-color);font-family:var(--primary-font);letter-spacing:var(--letter-spacing-small)}header .left .lang-switch{align-self:stretch;display:flex}.lang-switch .toggle{display:flex;align-items:center;gap:.6em;padding:.45em .4em .45em 1em;background:var(--my-off-white);border-radius:var(--btn-border-radius);box-shadow:var(--blur-shadow);color:inherit;font:inherit;letter-spacing:inherit}.lang-switch .knob{display:block;width:1.6em;aspect-ratio:1;border-radius:50%;background:var(--my-light-grey);transition:333ms var(--my-ease);transition-property:transform,background-color}.lang-switch :is(.toggle:hover,[aria-expanded=true],:has(+ul:hover)) .knob{background:var(--my-light-blue);transform:scale(.8)}.lang-switch .label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.lang-switch .toggle:focus-visible{outline:.125rem solid var(--my-black);outline-offset:.125rem}.lang-switch .options a{display:flex;align-items:center;gap:.5rem}.lang-switch .dot{flex:none;width:.4rem;aspect-ratio:1;border-radius:50%;background:var(--my-light-grey);transform:scale(0);transition:333ms var(--my-ease);transition-property:transform,background-color}.lang-switch a[aria-current] .dot{background:var(--my-light-blue);transform:none}.lang-switch a:not([aria-current]):is(:hover,:focus-visible) .dot{transform:none}header .left .lang-switch .options{position:absolute;top:calc(100% + .5rem);left:0;z-index:2;min-width:100%;padding:.5rem;background:var(--my-off-white);border-radius:var(--border-radius);box-shadow:var(--blur-shadow);opacity:0;visibility:hidden;transform:translateY(-.5rem);transition:333ms var(--my-ease);transition-property:opacity,transform,visibility}header .left .lang-switch .options::before{content:"";width:100%;height:.5rem;top:-.5rem;opacity:0;position:absolute}header .left .lang-switch:is([data-open],:hover) .options{opacity:1;visibility:visible;transform:none}header .left .lang-switch .options a{padding:.4rem 1rem .4rem .6rem;border-radius:var(--border-radius-small);font-family:var(--header-font);font-size:var(--font-size-h5);white-space:nowrap;transition:background-color 333ms var(--my-ease)}header .left .lang-switch .options a:is(:hover,:focus-visible){background:var(--my-white)}header .left .lang-switch .options a:focus-visible{outline:.125rem solid var(--my-black);outline-offset:-.125rem}nav#mobile,.burger,.mobile{display:none}#skiplink{position:fixed;left:50%;top:-40rem;transform:translate(-50%,-50%);text-transform:none;font-size:16px;background:var(--background-color);opacity:0;pointer-events:none;text-align:center;padding:.5rem;z-index:5}#skiplink:focus{top:4rem;opacity:1;pointer-events:all}nav#desktop{margin:0 auto;background:var(--my-off-white);border-radius:100vmin;position:relative;user-select:none;box-shadow:var(--blur-shadow)}nav#desktop>ul{position:relative;display:flex;justify-content:flex-end;align-items:center;color:var(--main-color)}nav#desktop>ul>li{display:flex}nav#desktop>ul>li>a{display:flex;padding:var(--btn-padding-block)calc(var(--btn-padding-right) + .15em)var(--btn-padding-block)calc(var(--btn-padding-left) - .15em);position:relative;--plus-icon-inset:.55rem;--plus-icon-width:.4rem}nav#desktop>ul>li>a>span{mix-blend-mode:difference;color:var(--my-off-white)}nav#desktop>ul>li:last-of-type>a{padding-right:var(--btn-padding-left)}nav#desktop>ul>li:last-of-type>a svg{right:.9em}nav#desktop>ul>li.plus:last-of-type>a{padding-right:calc(var(--btn-padding-right) + .3em)}nav#desktop>ul>li>a svg{width:.5em;height:auto;top:1.1em;color:var(--my-black);position:absolute;right:.76em;transition:333ms var(--my-ease);transition-property:transform,opacity,color}nav#desktop>ul>li>a svg+svg{z-index:5;color:var(--my-off-white);transform:translateY(100%)scaleY(-1);opacity:0}nav#desktop>ul>li:hover>a svg{opacity:0;transform:translateY(-100%)}nav#desktop>ul>li:hover>a svg+svg{opacity:1;transform:scaleY(-1)}nav#desktop>ul:has(li.active):not(:hover)::before{background:rgba(0,0,0,5%)}nav#desktop>ul::before{content:"";position:absolute;bottom:0;left:50%;pointer-events:none;width:var(--w,0px);background:currentColor;border-radius:100vmin;transform:translate3d(calc(-50% + var(--l,0px)),0,0);transition:333ms var(--my-ease);transition-property:height,transform,width,background-color;height:var(--h,0px)}nav#desktop>ul:hover::before{--b:0}body.loading nav#desktop>ul::before{transition:0s}header li.plus div.sub{position:absolute;left:50%;bottom:-.5rem;width:clamp(100%,50vw,40rem);height:calc(var(--highest) - .5rem);transform:translate(-50%,100%);opacity:0;pointer-events:none;background:var(--my-off-white);border-radius:var(--border-radius);transition:opacity 200ms var(--my-ease)200ms}header li.plus div.sub::before{content:"";position:absolute;top:-.7rem;left:0;width:100%;height:1.7rem;background:0 0;opacity:0;z-index:-1}nav#desktop li.plus:hover{--r:0deg}nav#desktop li.plus:hover div.sub{display:block;z-index:2}header li.plus:hover div.sub{opacity:1;pointer-events:all;transition:opacity 200ms var(--my-ease)0ms}header nav#desktop ul:not(:has(li.plus:hover)) div.sub{transition:opacity 200ms var(--my-ease)0ms}header li.plus .inner{display:grid;grid-auto-flow:column;grid-gap:1rem;height:100%;padding:1.5rem 1rem 1rem;transform:translate(var(--own-transform-x,0%),var(--own-transform-y,-.5rem));transition:transform 200ms var(--my-ease)}header li.plus .inner div>ul{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:auto;padding-bottom:2rem;gap:.5rem;background:var(--my-white);padding:.5rem;border-radius:var(--border-radius-small);max-width:20rem}header li.plus .inner div>ul li a{color:var(--main-color);font-size:var(--font-size-h5);font-family:var(--header-font)}header li.plus .inner div>ul li a:has(svg){display:inline-flex;align-items:center;gap:.45em}header li.plus .inner div>ul li a svg{width:.8em;height:.8em;flex:none;color:currentColor}header li.plus .inner p.h6{font-size:var(--font-size-small);margin-bottom:.5rem;font-family:var(--primary-font)}header li.plus[data-side=left]{--own-transform-x:.75rem}header li.plus[data-side=right]{--own-transform-x:-.75rem}header nav#desktop:has(li.plus:hover) li.plus div.sub .inner>ul{--own-transform-y:0rem}nav#breadcrumbs{margin-bottom:2.8rem}nav#breadcrumbs>ol{display:flex;flex-wrap:wrap;align-items:center;gap:.5em;font-size:var(--font-size-small)}nav#breadcrumbs>ol>li{display:flex;align-items:center;gap:.5em}nav#breadcrumbs>ol>li>*{color:var(--my-black-50)}nav#breadcrumbs>ol>li a:hover{color:var(--my-black);transition:color 125ms var(--my-ease)}nav#breadcrumbs>ol>li+li::before{content:"|";color:var(--my-black-50)}nav#mobile{position:fixed;top:0;height:100vh;height:100dvh;width:100%;display:flex;flex-direction:column;align-items:center;overflow:clip}nav#mobile::before{content:"";position:absolute;top:2rem;left:4rem;transform:translate(-50%,-50%)scale(0);width:290vmax;height:290vmax;background:var(--my-off-white);border-radius:50%;transition:transform 500ms var(--my-ease)}nav#mobile>*{pointer-events:none}nav#mobile>ul{display:flex;flex-direction:column;height:100%;margin-top:var(--padding-top);padding:0 2em;z-index:2}nav#mobile>ul>li{display:flex}nav#mobile>ul>li>a{padding:.5rem}nav#mobile>ul>li.switcher{margin-top:1rem;padding-left:.5rem}nav#mobile .lang-switch .options{display:flex;flex-wrap:wrap;gap:.25rem 1rem;width:100%}nav#mobile .lang-switch .options .dot{transform:none;margin-right:.15rem}nav#mobile .lang-switch .options a{padding:.5rem 1em;background:var(--my-white);border-radius:var(--border-radius-small)}nav#mobile>ul{position:relative;width:100%;max-height:calc(100% - var(--padding-top));overflow-y:auto;overscroll-behavior:contain;padding-bottom:7rem;opacity:0;visibility:hidden;transition:opacity 333ms var(--my-ease),visibility 0s linear 333ms}body.menu-open nav#mobile>ul{opacity:1;visibility:visible;pointer-events:auto;transition-delay:150ms,0s}nav#mobile>ul>li.group{flex-direction:column;padding:1rem 0}nav#mobile>ul>li.group+li.group{border-top:1px solid var(--my-light-grey-60)}nav#mobile .group .kop{font-family:var(--header-font);font-size:var(--font-size-h3);line-height:var(--line-height-small);margin-bottom:.35rem}nav#mobile .group .kop a{display:inline-block;padding-block:.15rem}nav#mobile .group ul{display:flex;flex-direction:column;margin-top:.5rem}nav#mobile .group .subgroep+.subgroep{margin-top:1.5rem}nav#mobile .group .tussenkop{font-family:var(--primary-font);font-size:var(--font-size-small);line-height:var(--line-height-small);margin-block:.5rem .15rem}nav#mobile .group ul{background:var(--my-white);border-radius:var(--border-radius-small);padding:.5rem;display:flex;flex-direction:column;align-items:flex-start}nav#mobile .group ul a{display:flex;align-items:center;gap:.6em;padding-block:.45rem;line-height:var(--line-height-small);color:var(--main-color)}nav#mobile .group ul a svg{width:1em;height:1em;flex:none;color:var(--my-black)}nav#mobile .group [aria-current=page]{text-decoration:underline;text-underline-offset:.2em}.burger>div{display:grid;place-items:center}.burger svg{grid-area:-1/1;transition-property:transform,opacity}.burger svg+svg{width:.6em;opacity:0;transform:rotate(0)}body.menu-open nav#mobile::before{transform:translate(-50%,-50%)}body.menu-open .burger{background:var(--my-light-blue)}body.menu-open .burger::before{border-radius:0;--own-width:1}body.menu-open .burger svg+svg{opacity:1}body.menu-open .burger>div{transform:translateX(-.5em)}body.menu-open .burger>div svg{transform:rotate(0)}body.menu-open .burger>div svg:first-of-type{opacity:0;transform:rotate(0)scale(.3)}body.menu-open .burger>div::before{transform:scale(1);transition-timing-function:var(--my-ease-bounce)}body.menu-open .burger span.text .layer b{transition:transform 500ms var(--my-ease-bounce)calc(var(--i,0) * 10ms),opacity 600ms ease-in-out calc(var(--i,0) * 10ms)}body.menu-open .burger span.text .enter b{transform:none;opacity:1}body.menu-open .burger span.text .leave b{transform:translateY(-1.5em)}@media only screen and (min-width:901px){nav#mobile{display:none}}@media only screen and (max-width:900px){header .container{grid-template-columns:1fr;z-index:2}header .container .left{position:fixed;width:100%;max-width:calc(100% - var(--gutter-side) * 2);justify-content:center;bottom:.25rem}header .left .lang-switch{display:none}header .left .lang-switch .options{top:unset;bottom:calc(100% + .5rem)}header .left .lang-switch:not([data-open]) .options{transform:translateY(.5rem)}header .container .logo{width:35%}header .container .burger{position:fixed;top:1rem;left:var(--gutter-side)}header .container a.btn{transition:transform 500ms var(--my-ease)}nav#mobile{display:flex}button.burger{display:flex}nav#desktop{display:none}body:has(footer .logo[data-active=true]) header .left a.btn{transform:translateY(calc(100% + 1rem))}}@media only screen and (max-width:768px){nav#breadcrumbs>ol{font-size:var(--font-size-tiny)}}footer{background:var(--my-off-white);overflow:clip}footer .container{margin:3.8rem auto 0}footer nav{display:grid;grid-template-columns:1fr 1fr;gap:4rem}footer nav>ul{display:grid;grid-template-columns:repeat(3,auto);grid-gap:2rem}footer nav>ul>li{font-size:var(--font-size-h4);font-weight:var(--font-bold)}footer nav>ul>li li{margin-bottom:.3rem}footer .game{position:relative;width:100%;aspect-ratio:1/.68;color:var(--my-black);max-width:26rem;margin-left:auto}footer .game::before{content:"";position:absolute;top:-3.8rem;left:-3.8rem;width:calc(100% + 7.6rem);height:calc(100% + 7.6rem);border-radius:var(--half-border-radius)}footer a:hover{text-decoration-line:underline}footer nav h3{font-size:var(--font-size-small);font-family:var(--primary-font);margin-bottom:1.7rem;color:var(--my-grey)}footer .logo{display:flex;position:relative;margin-top:3rem}footer .logo p{position:absolute;width:var(--width);margin:0 auto;left:0;right:0;bottom:70%;font-size:var(--font-size-small);color:var(--my-grey)}footer .logo>svg{width:100%;height:auto;position:relative;z-index:1;pointer-events:none}footer .logo .o{position:absolute;left:3.7%;top:50.63%;width:7.95%;height:34.01%;border-radius:50%;overflow:clip}footer .logo .o video{position:absolute;top:0;left:0;width:100%;height:125%;object-fit:cover;object-position:50% 0;opacity:0;transition:opacity 250ms var(--my-ease)}footer .logo .o.speelt video{opacity:1}.game>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.game polyline{fill:none;stroke:var(--my-light-grey);stroke-width:.25rem;stroke-linecap:round;stroke-linejoin:round}.game>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)scale(.6);opacity:0;transition:333ms var(--my-ease)calc(20 * 40ms + 500ms);transition-property:transform,opacity}.game-dot{position:absolute;width:.75rem;height:.75rem;padding:0;border-radius:50%;background:var(--my-black);color:inherit;transition:transform 250ms var(--my-ease)calc(var(--i) * 40ms),background 100ms var(--my-ease)}.game-dot span{position:absolute;bottom:calc(100% + .35rem);left:50%;transform:translateX(-50%);font:var(--font-size-tiny)/var(--line-height-small)var(--primary-font);pointer-events:none}.game-dot:focus-visible{outline:.125rem solid var(--my-lime);outline-offset:.25rem}.game-dot.is-hit{background:var(--my-lime)}.game-dot.wrong,.game.bounds .game-dot{background:var(--my-red)}.game[data-state=complete]>span{opacity:1;transform:translate(-50%,-50%)}.game[data-state=complete] polyline{opacity:0}.game[data-state=complete] .game-dot{transform:scale(0)}@media only screen and (max-width:1024px){footer .logo p{display:none}}@media only screen and (max-width:768px){footer nav{grid-template-columns:1fr}footer nav>ul{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}footer .game{margin:-.1rem 0 0 -.1rem}}section.landing{background:var(--my-white);padding-top:0;max-width:100%;width:100%;isolation:isolate}section.landing .container{margin-top:0}section.landing .stage .floor{position:absolute;z-index:-1;left:50%;bottom:-8vw;width:142%;height:21vw;border-radius:50%;background:linear-gradient(180deg,#F3F1F1 0%,#FFFFFF 50.19%);box-shadow:inset 2.5rem 2rem 2.5rem #EBEBEB;filter:blur(.25rem);transform:translate(-50%,60%);will-change:transform;pointer-events:none}section.landing .scroll-track{--scroll-distance:210lvh;--plateau:-20lvh;--feed-distance:240lvh;--reveal-end:0.35;--like-at:0.45;--stickers-from:0.5;--stickers-to:0.8;min-height:var(--scroll-distance)}section.landing .stage{position:sticky;top:0;width:100%;height:100vh;height:100lvh;overflow:hidden}section.landing .stage canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block}section.landing .stage .css3d{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}section.landing .screen{--screen-width:19.65rem;--post-media-aspect:1 / 1;--hero-media-aspect:16 / 9;width:var(--screen-width);height:calc(var(--screen-width)/var(--screen-aspect,.4657));min-height:0;border-radius:calc(var(--screen-width) * var(--screen-radius-ratio,.13));overflow:hidden;background:var(--my-white);color:var(--my-black);font-size:.7rem;line-height:1.3}section.landing .screen .glare{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:0;background:linear-gradient(112deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.16) 42%,rgba(255,255,255,.3) 52%,rgba(255,255,255,.18) 66%,rgba(255,255,255,0) 82%),linear-gradient(160deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,0) 35%)}section.landing .feed{will-change:transform}section.landing .stage:not(.is-3d) .screen{margin:0 auto}section.landing .post .head{display:flex;align-items:center;gap:.5rem;padding:.6rem .7rem;margin-top:1rem}section.landing .post .avatar{width:1.6rem;height:1.6rem;border-radius:50%;background:var(--my-black);display:flex;align-items:center;justify-content:center;color:var(--my-white)}section.landing .post .avatar svg{width:1.1rem;height:1.1rem}section.landing .post .username{font-weight:var(--font-bold)}section.landing .post .media{aspect-ratio:var(--media-aspect,var(--post-media-aspect));overflow:hidden;background:var(--my-light-grey)}section.landing .post .media.hero{aspect-ratio:var(--media-aspect,var(--hero-media-aspect))}section.landing .post .media :is(img,video,picture){width:100%;height:100%;object-fit:cover;display:block}section.landing .post .actions{display:flex;gap:.7rem;padding:.6rem .7rem .3rem}section.landing .post .actions span{display:flex;align-items:center;gap:.2rem}section.landing .post .actions svg{width:1.1rem;height:1.1rem}section.landing .post .actions span.like{width:2.4rem}section.landing .post .actions span.like+span{width:1.8rem}section.landing .post .heart{display:flex}section.landing .post .heart svg:last-child,section.landing .post.liked .heart svg:first-child{display:none}section.landing .post.liked .heart svg:last-child{display:block;color:var(--my-red);animation:like-pop 450ms var(--my-ease-out)}section.landing .post .caption{padding:0 .7rem;margin:0 0 .3rem}section.landing .post .comments{padding:0 .7rem}section.landing .post .comments li{margin-top:.2rem}section.landing .post .comments li strong{font-weight:var(--font-bold)}section.landing .post.hero .comments li{opacity:0;transform:translateY(1rem);transition:opacity 400ms var(--my-ease),transform 400ms var(--my-ease)}section.landing .post.hero .comments li.shown{opacity:1;transform:none}section.landing .floating{width:max-content}section.landing .floating .inner{opacity:0;transform:translateY(.6rem)scale(.5);transition:opacity 500ms var(--my-ease),transform 500ms var(--my-ease-out);font-size:var(--font-size-small)}section.landing .floating.shown .inner{opacity:1;transform:none}section.landing .floating:not(.shown) :is(.caret,.text-bubble-animated span){animation-play-state:paused}.text-bubble{isolation:isolate}.text-bubble .inner{background:var(--my-off-white);color:var(--my-black);padding:.55rem 1rem;border-radius:100vmin;white-space:nowrap;box-shadow:0 0 .1rem rgba(194,194,194,.23)}.is-chat .inner::before{content:"";position:absolute;bottom:-.18em;left:-.18em;width:1em;height:1em;background:url(/img/icons/chat-hook.svg)50%/contain no-repeat;z-index:-1}.is-chat .inner{box-shadow:none}section.landing .label .inner{background:var(--my-black);color:var(--my-white);font-family:var(--header-font);font-size:1rem;padding:.3rem .8rem;border-radius:.4rem}.badge .inner{width:3rem;height:3rem;border-radius:50%;background:var(--own-color,var(--my-light-blue));display:flex;align-items:center;justify-content:center;color:var(--my-black);box-shadow:0 .4rem 1.2rem rgba(0,0,0,.14)}.badge svg{width:2.6rem;height:2.6rem}:is(section.landing,.moodboard) .search .inner{display:flex;align-items:center;gap:.5rem;background:var(--my-off-white);color:var(--my-grey);padding:.55rem 1rem;border-radius:100vmin;box-shadow:0 0 .1rem rgba(194,194,194,.23);white-space:nowrap}:is(section.landing,.moodboard) .search svg{width:1rem;height:1rem;color:var(--my-black)}:is(section.landing,.moodboard) .search .typed .caret{display:inline-block;vertical-align:-.1em;margin-left:.1em}:is(section.landing,.moodboard) .search .typed{--search-width:9rem;display:inline-block;width:var(--search-width);overflow:hidden;white-space:nowrap;text-align:left;vertical-align:bottom}:is(section.landing,.moodboard) .search .caret{width:1px;height:1em;background:var(--my-black);margin-left:-.35rem;animation:caret-blink 1s steps(2,start)infinite}section.landing .image .inner{width:11rem;border-radius:.8rem;overflow:hidden;box-shadow:0 .6rem 1.6rem rgba(0,0,0,.16)}section.landing .image img{display:block;width:100%;height:auto}section.landing .team .inner{width:var(--size,3rem);border-radius:50%;overflow:clip;box-shadow:0 .6rem 1.6rem rgba(0,0,0,.16)}section.landing .team~.team .inner{--size:2.4rem}section.landing .text-bubble-animated .inner{width:6rem;height:3rem;background:var(--my-off-white);border-radius:100vmin;position:relative}section.landing .text-bubble-animated .inner>div{display:flex;align-items:center;gap:.5rem;justify-content:center;height:100%}section.landing .text-bubble-animated .inner span{width:.5rem;height:.5rem;border-radius:50%;background:var(--my-light-grey);display:block;animation:fadeInOut 1.5s ease var(--delay,0s)infinite alternate-reverse}section.landing .text-bubble-animated .inner::before{left:.2em}section.landing .text-bubble-animated .inner span:nth-of-type(2){--delay:333ms}section.landing .text-bubble-animated .inner span:nth-of-type(3){--delay:666ms}@media only screen and (max-width:1279px){section.landing .scroll-track{--phone-fit-width:.6;--sticker-spread-x:.85}}@media only screen and (max-width:1279px) and (max-aspect-ratio:4/5){section.landing .scroll-track{--phone-fit:.55;--phone-fit-width:.95;--sticker-pull-x:-20;--sticker-spread-x:.56;--sticker-max-x:42;--sticker-spread-y:1.35;--sticker-scale:1}}@media only screen and (max-width:767px){section.landing .scroll-track{--sticker-pull-x:0;--sticker-spread-x:.9;--sticker-spread-y:1.05;--sticker-max-x:none;--sticker-scale:1.06}}@supports(-webkit-touch-callout:none){section.landing .scroll-track{--stage-overhang:4rem;min-height:calc(var(--scroll-distance) + var(--stage-overhang));padding-bottom:var(--stage-overhang)}section.landing .stage{height:calc(100lvh + var(--stage-overhang));margin-bottom:calc(-1 * var(--stage-overhang))}section.landing .stage .floor{bottom:calc(-8vw + var(--stage-overhang))}}@media(prefers-reduced-motion:reduce){section.landing :is(.floating .inner,.post.hero .comments li){transition:none}section.landing :is(.post.liked .heart svg:last-child,.text-bubble-animated .inner span){animation:none}}@keyframes like-pop{0%{transform:scale(1)}30%{transform:scale(1.35)}60%{transform:scale(.9)}100%{transform:scale(1)}}@keyframes caret-blink{to{visibility:hidden}}@keyframes fadeInOut{0%{opacity:.4}100%{opacity:1}}section.text .container{display:flex;flex-direction:column;margin-block:var(--margin-y-small)}section.has-faded-title .container .h1{margin-top:0;max-width:15em;margin-inline:auto;font-family:var(--primary-font);font-weight:var(--font-bold);background:linear-gradient(to top,transparent 0%,var(--my-grey) 50%,var(--my-black) 85%);background-clip:text;color:transparent;background-size:100% 200%;background-position:0 calc(75% - var(--perc) * 75%)}section.text .container .prose{font-family:var(--header-font);max-width:22em;margin-inline:auto}section.text .container .prose.long{max-width:33em}section.text .buttons{justify-content:center}section.text .title-box{position:relative}section.text .title-box>span{position:absolute}section.text span.top{top:calc(-1.2em + var(--y,0em));transform:translate3d(calc(var(--perc) * -1rem),calc(var(--perc) * -1rem),0)}section.text span.bottom{bottom:calc(-.5em - var(--y,0em));transform:translate3d(calc(var(--perc) * 1rem),calc(var(--perc) * 1rem),0)}section.text span.left{left:calc(8% + var(--x,0em))}section.text span.right{right:calc(10% - var(--x,0em))}section.text.center .container{align-items:center}section.text.right .container{align-items:flex-end}section.text article.center{text-align:center}section.text article.right{text-align:right}section.text.has-images{overflow-x:clip;display:flex;flex-direction:column}section.text.has-images .container{margin-block:calc(var(--margin-y) * 1.4)}section.text .images{--activate-name:text-images;--text-half:min(calc(var(--font-size-h1) * 8.5), 50% - var(--gutter-side));--edge:1rem;--gap:1rem;--image-width:min(5.5rem, 7.5vw);--lane-spread:84%;--lane-stagger:3%;--jitter:.06;position:absolute;inset:0;pointer-events:none}section.text .images li{--side:calc(var(--lane, 0) * 2 - 1);--place:calc((var(--rank, 0) + .5) / var(--ranks, 3) - .5);--step:calc(var(--lane-spread) / var(--ranks, 3));--width:calc((var(--image-width) + var(--shift-size, 0) * .1rem) * clamp(.5, 3 / var(--ranks, 3), 1));--zone:max(0px, 50% - var(--text-half) - var(--edge) - var(--gap) - var(--width));position:absolute;width:var(--width);left:calc(50% + var(--side) * (50% - var(--edge) - var(--width)/2 - var(--shift-across,0)/6 * var(--zone)));top:calc(50% + var(--place) * var(--lane-spread) + var(--side) * var(--lane-stagger) + var(--shift-along,0) * var(--step) * var(--jitter));translate:-50% -50%}section.text .images li picture{animation:none;border-radius:calc(var(--border-radius) * .5);overflow:clip}@keyframes text-images{from{scale:0;opacity:0}}@media(max-width:999px){section.text .images{--band-y:4.75rem;--band-jitter:.75rem;--lane-spread:136%;--image-width:3.5rem}section.text .images li{left:calc(50% + var(--place) * var(--lane-spread) + var(--shift-along,0) * var(--step) * var(--jitter));top:calc(var(--band-y) + var(--lane,0) * (100% - 2 * var(--band-y)) + (var(--shift-across,0)/3 - 1) * var(--band-jitter))}}@media only screen and (max-width:768px){section.text .prose{margin-top:1.5rem}section.text .title-box>span{font-size:var(--font-size-small)}section.text .title-box>span span{font-size:inherit}}@media(hover:hover){section.text .title-box>span{transition:transform 2e3ms var(--my-ease-out)}}article.base{max-width:var(--max-width-narrow)}article.base .prose{max-width:25em;margin-top:3.6rem}section.clients{overflow:clip;overflow-anchor:none}section.clients .container{padding-block:28rem 15rem;z-index:2;margin-block:var(--margin-y-small)}section.clients .balls{position:absolute;inset:0;pointer-events:none;z-index:1}section:is(.clients,.product-balls) .ball{position:absolute;top:0;left:0;width:calc(var(--size,5rem) * var(--ball-scale,1));height:calc(var(--size,5rem) * var(--ball-scale,1));border-radius:50%;background:var(--own-color,var(--my-light-beige));will-change:translate;transition:scale 450ms var(--my-ease);transition-delay:var(--wait,0ms)}section:is(.clients,.product-balls) .balls.gone .ball{scale:0}section.clients .container{pointer-events:none}section.clients .container :is(a,button){pointer-events:auto}section.clients .ball.has-logo{display:grid;place-items:center}section.clients .ball .logo{display:grid;place-items:center;width:60%;height:60%;transition:rotate 250ms var(--my-ease-bounce-soft);position:relative}section.clients .ball .logo :is(picture,img){display:block;width:100%;height:100%;object-fit:contain}section.clients .ball.has-badge{display:grid;place-items:center;color:var(--my-black)}section.clients .ball .badge-icon{display:grid;place-items:center;width:85%;height:85%}section.clients .ball .badge-icon svg{width:100%;height:100%}section.clients a.ball{pointer-events:auto;cursor:pointer}section.clients a.ball:focus-visible{outline:.125rem solid var(--my-black);outline-offset:.25rem}section.clients a.ball:is(:hover,:focus-visible) .logo{rotate:calc(var(--neg-rotate) * .9)}@media only screen and (max-width:1024px){section.clients .container{padding-block:23rem 14rem}}:is(section.work,section.text-phases) .container{display:grid;grid-template-columns:auto 1fr;grid-gap:1rem;--big-gap:25rem}section.work[data-phase="1"]{--phase:1}section.work[data-phase="2"]{--phase:2}:is(section.work,section.text-phases) .h1.huge{max-width:5em}:is(section.work,section.text-phases) .phases{min-width:0}:is(section.work,section.text-phases) .phases>.phases-frame{background:var(--my-off-white);min-height:26rem;border-radius:var(--border-radius);overflow:clip;display:flex;gap:var(--big-gap)}:is(section.work,section.text-phases) .phase{width:100%;flex-shrink:0;padding:2.4rem;transform:translateX(calc(var(--phase,0) * (-100% - 25rem) ));transition:transform 1e3ms var(--my-ease)}:is(section.work,section.text-phases) .phase .h1{font-family:var(--primary-font)}:is(section.work,section.text-phases) .phase .prose{font-family:var(--header-font);max-width:21em;font-size:var(--font-size-medium);z-index:2;position:relative}section.work .phase .wheel{position:absolute;right:-22.5%;height:calc(100% - 2rem);top:1rem;aspect-ratio:1}.wheel{color:var(--my-light-blue);display:flex;align-items:center;justify-content:center;position:relative}.wheel svg{position:relative;top:0;left:0;width:100%;height:100%}.wheel .slot{position:absolute;width:17%;height:17%;border-radius:50%;background:var(--my-off-white);transform:rotate(calc(var(--i) * 45deg))translateY(-230%)}section.work .slot.plus::before{content:"";position:absolute;inset:9%;border-radius:50%;border:var(--border-width,2px)dashed var(--my-light-blue)}section.work .slot.plus::after{content:"+";position:absolute;inset:0;display:grid;place-items:center;color:var(--my-light-blue);font-size:2rem;font-weight:var(--font-regular)}section.work .slot .member{position:absolute;inset:0;border-radius:50%;overflow:clip;transition:rotate 900ms var(--my-ease),scale 650ms var(--my-ease-bounce),opacity 250ms var(--my-ease);will-change:rotate;z-index:2}section.work .slot .member img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}section.work .pool{position:absolute;inset:0;pointer-events:none}section.work .bubble{position:absolute;top:0;left:0;width:4.5rem;margin:-2.25rem;text-align:center;transform-origin:50% 2.25rem;scale:0;transition:scale 450ms var(--my-ease-bounce);will-change:translate;transform:translateZ(0)}section.work .bubble.shown{scale:1}section.work .bubble img{width:4.5rem;height:4.5rem;border-radius:50%;object-fit:cover;display:block;transition:scale 250ms var(--my-ease-out),box-shadow 250ms var(--my-ease-out)}section.work .bubble.held img{scale:1.12;box-shadow:0 .8rem 1.4rem rgba(0,0,0,.28)}section.work .bubble.landing img{scale:1;box-shadow:0 0 transparent}section.work .bubble.dropped{transition:opacity 350ms var(--my-ease)80ms;opacity:0}section.work .bubble.dropped span{opacity:0}section.work .bubble span{display:block;margin-top:.4rem;font-size:var(--font-size-small);color:var(--my-grey);transition:opacity 250ms}section.work .bubble.held{z-index:3}section.work .bubble.held span{opacity:0}section.work .phase.two{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.4rem 1.4rem;justify-content:center}section.work .phase.two ul{display:grid;gap:1.2rem;grid-auto-flow:column;grid-template-columns:1fr 1.26fr 1.46fr 1.26fr 1fr;align-items:center;margin-bottom:3rem;width:100%;min-width:28rem}section.work .phase.two li>*{aspect-ratio:1/1.3;border-radius:.4rem;overflow:clip;position:relative}section.work .phase.two li .media{display:flex;align-items:center;border:.25rem solid var(--my-white)}section.work .phase.two li .media>:is(img,video){object-fit:cover;position:absolute;top:0;left:0;width:100%;height:100%}section.work .phase.two li:nth-of-type(3)>.media{aspect-ratio:1/1.6}section.work .phase.two li figure{padding:.8rem .55rem}section.work .phase.two li:nth-of-type(3)>.visualisation{aspect-ratio:1/1.6}section.work .phase.three{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}section.work .phase.three .h2{font-family:var(--primary-font);display:flex;align-items:center;white-space:nowrap;min-height:2.6rem}section.work .phase.three .h2 svg{width:1.5em;display:inline-block;flex-shrink:0;margin-inline:.15em;transition:750ms var(--my-ease-bounce)750ms;transition-property:padding,width,transform;background:var(--my-light-blue);border-radius:50%;padding:.15rem}section.work .phase.three .h2[data-active=false] svg{width:0;padding:0;transform:rotate(-45deg);transition:500ms var(--my-ease-bounce)0ms}section.work .visualisation .bars{--bar-gap:.1rem;min-height:0;margin-top:1rem}section.work .visualisation .viz-label{margin-bottom:.5em;font-size:var(--font-size-tiny)}section.work .visualisation .viz-value{font-size:var(--font-size-h3)}section.work .visualisation .head>div{width:100%}section.work .visualisation .head>div>p{text-align:left}section.work .dots{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:50%;transform:rotate(-90deg)scale(.4);transition:transform 1e3ms var(--my-ease)0s;z-index:-1}section.work .dots .inner{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;animation:spin 60s linear infinite paused}section.work .dots span{position:absolute;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--my-white);transform:rotate(calc(var(--i) * 45deg))translateY(-11rem)}section.work[data-phase="1"] .dots{transform:rotate(0);transition-delay:333ms}section.work[data-phase="1"] .dots .inner{animation-play-state:running}section.work[data-phase="2"] .dots{transform:translateX(calc(var(--big-gap) + 100%))rotate(90deg)scale(.7);transition:transform 1e3ms var(--my-ease)0s}section.work[data-phase="2"] .dots .inner{animation-play-state:running}section.work:has(.two.active,.three.active) .dots{transition-delay:0s}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(1turn)}}:is(section.work,section.text-phases) .bottom .track{display:flex;gap:.6rem;margin-top:1.2rem;position:relative;--x:0;overflow:clip}:is(section.work,section.text-phases) .track button{background:var(--my-off-white);padding:2.5rem 2rem;border-radius:var(--border-radius);font-size:var(--font-size-h5);flex-grow:.2;transition:1s var(--my-ease);transition-property:flex-grow,background-color}:is(section.work,section.text-phases) .track button.active{flex-grow:.8;background:var(--my-light-grey)}:is(section.work,section.text-phases) .track::before{content:"";height:100%;width:1px;background:var(--my-black);position:absolute;transform:translateX(calc(var(--track-width) * var(--x) + var(--border-radius) * 2));pointer-events:none;transition:transform 1500ms var(--my-ease-bounce)}:is(section.work,section.text-phases) .track::after{content:"";height:1rem;width:1rem;background:var(--my-black);position:absolute;top:0;transform:translate(calc(-50% + var(--track-width) * var(--x) + var(--border-radius) * 2),-50%)rotate(45deg);pointer-events:none;transition:transform 1500ms var(--my-ease-bounce)}:is(section.work,section.text-phases) .bottom .ticks{display:flex;width:100%;justify-content:space-between;margin-top:1.2rem}:is(section.work,section.text-phases) .bottom .ticks>span{width:1px;height:.6rem;background:var(--my-black)}body.loading :is(section.work,section.text-phases) .track::after,body.loading :is(section.work,section.text-phases) .track::before{transition:0s}@media only screen and (min-width:1251px){:is(section.work,section.text-phases) .phases{margin-top:calc(var(--margin-kicker) + var(--font-size-body) * var(--line-height-regular) - .55rem)}}@media only screen and (max-width:1250px){:is(section.work,section.text-phases) .container{grid-template-columns:1fr;max-width:var(--max-width-slim)}section.work .h1.huge{max-width:8em;margin-inline:auto}section.work article.base{max-width:unset;text-align:center}}@media only screen and (max-width:768px){section.work .phase{padding:1.8rem}section.work .phase .wheel{height:16rem;top:unset;bottom:1rem;right:-6.5rem}section.work .phase.one .prose{margin-bottom:17rem}section.work .phase.two ul{gap:.6rem}section.work .slot.plus{--border-width:1px}section.work .slot.plus::after{font-size:1.5rem}section.work .bubble{width:3rem}section.work .bubble img{width:3rem;height:3rem}:is(section.work,section.text-phases) .track button{padding:1.5rem .5rem;font-size:var(--font-size-tiny)}}section.text-phases .container{grid-gap:var(--gap)}section.text-phases .phases{margin-top:0}section.text-phases .phases>.phases-frame{height:28.5rem}section.text-phases .phase{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.8rem;padding:2.9rem 1.2rem 0}section.text-phases .phase .prose{max-width:34em}section.text-phases .phase .inner{position:relative;flex:1;min-height:0;width:100%;margin-top:1.6rem;display:flex;align-items:flex-start;justify-content:center}section.text-phases .phase .inner[data-widget=moodboard]{padding-bottom:2rem}section.text-phases .phase .moodboard{aspect-ratio:643/247;width:auto;height:100%;max-width:100%;max-height:none;margin:0}section.text-phases .phase .inner[data-widget=image]>picture{width:95%;margin-top:auto;border:.3rem solid var(--my-black);border-bottom:0;border-radius:var(--border-radius)var(--border-radius)0 0;overflow:clip}section.text-phases .phase .inner[data-widget=image] img{width:100%;height:100%;object-fit:cover;object-position:top}section.text-phases .phase .inner[data-widget=code] .code{width:85%;height:100%;border-radius:var(--border-radius-small)var(--border-radius-small)0 0}section.text-phases .phase .inner[data-widget=structural-monitoring] .structural-monitoring{flex:none;width:85%;height:100%}section.text-phases .phase .structural-monitoring .panel{gap:1.6rem;padding:2rem 1rem 1.6rem}section.text-phases .phase .structural-monitoring .switch button{padding:.35rem .9rem;font-size:var(--font-size-tiny)}section.text-phases .phase .structural-monitoring .legend{font-size:var(--font-size-tiny)}section.text-phases .phase .item.note{box-shadow:var(--drop-shadow);background:var(--my-white)}@media only screen and (max-width:768px){section.text-phases .phase:has(.inner[data-widget=image]){justify-content:center}section.text-phases .phase:has(.inner[data-widget=image]) .inner{flex:unset;margin-top:auto}section.text-phases .phase:has(.inner[data-widget=image]) .h1{margin-top:auto}section.text-phases .phase .inner[data-widget=code] .code{width:100%}section.text-phases .phase .inner[data-widget=structural-monitoring] .structural-monitoring{width:100%}section.text-phases .phase .structural-monitoring .switch button{font-size:2.3vw}}section:has(+section.media-stack) .container{margin-bottom:0}section.media-stack{--stap:.45;height:calc(100vh + ((var(--n) - 2) * .75 + 1.25) * var(--stap) * 100vh + (.15 + .15)/2 * 100vh)}section.media-stack .stage{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:clip;contain:layout paint;--aanloop:.15;--uitloop:.1}section.media-stack .container{position:relative;width:100%;margin:0 auto}section.media-stack .cards{position:relative;display:grid;width:min(100%,(100vh - 19rem) * 1.6);aspect-ratio:16/10;margin:11rem auto 0;perspective:250rem}section.media-stack .card{grid-area:1/1;position:relative;aspect-ratio:16/10;border-radius:var(--border-radius);overflow:clip;background:var(--my-off-white);transform-origin:50% 100%;backface-visibility:hidden;will-change:transform,opacity}section.media-stack.in-beeld .stage{will-change:transform,translate}section.media-stack .card>a{position:absolute;inset:0}section.media-stack .card :is(.media,video,img,picture){position:absolute;inset:0;width:100%;height:100%;object-fit:cover}@media only screen and (max-width:768px){section.media-stack .stage{height:100vh}section.media-stack .cards{margin-top:0}section.media-stack{margin-bottom:-33vh}}.h1 .caret{display:inline-block;width:2px;height:.85em;background:currentColor;margin-left:.04em;vertical-align:-.04em;animation:caret-blink 1s steps(2,start)infinite}.h1 .suffix{display:block}section.catalog{overflow:clip}section.catalog .container{display:grid;grid-template-columns:auto 1fr;align-items:flex-start;gap:2rem}section.catalog .h1{max-width:6em;width:100%}section.catalog .top .media :is(img,video){border-radius:.6rem}section.catalog .top{position:relative}section.catalog .browser{display:grid;gap:2rem 0;width:calc(100% + var(--gutter-side) + var(--border-radius) + 2.5rem)}section.catalog .logo-collab{position:absolute;top:50%;transform:translateY(-50%);left:1.5rem;display:flex;color:var(--my-white);align-items:center;color:var(--my-white);width:calc(100% - 4rem);max-width:20rem}.logo-collab{display:flex;align-items:center}.logo-collab :is(svg,picture img){height:1.75rem;width:auto}.logo-collab>svg:nth-of-type(2){margin-inline:.7rem;width:.5rem;align-self:flex-end;height:auto;margin-bottom:.4em}section.catalog .figures .list{display:none;grid-auto-flow:column;grid-auto-columns:1fr;grid-gap:1.2rem}section.catalog .figures .list.active{display:grid}section.catalog .figures .list figure{height:15rem;min-height:unset}section.catalog .figures .list :is(.bars,.comparison-bars){min-height:0}section.catalog .bar-chart .bars{min-height:5rem}section.catalog .viz-label{margin-bottom:.5rem}section.catalog .views>ul{display:flex;text-align:center;border-bottom:1.5px solid var(--my-light-grey);position:relative}section.catalog .views>ul::after{content:"";position:absolute;left:0;transform:translateX(var(--x,0));bottom:-1.5px;width:var(--w,0);height:2px;background:var(--my-grey);transition:333ms var(--my-ease);transition-property:width,transform}section.catalog .views button{padding:.6rem .5rem .6rem .45rem;font-size:var(--font-size-tiny);background:0 0;display:flex;gap:.3rem;align-items:center}section.catalog .views li button.has-dot::before{height:.4rem;width:.4rem;content:"";display:inline-block;background:var(--own-color);border-radius:50%}@media only screen and (max-width:1250px){section.catalog .logo-collab{top:unset;bottom:.5rem;transform:none}}@media only screen and (min-width:1025px){section.catalog .browser{margin-top:calc(var(--margin-kicker) + var(--font-size-body) * var(--line-height-regular) - .55rem)}}@media only screen and (max-width:1024px){section.catalog .container{grid-template-columns:1fr;max-width:var(--max-width-medium)}section.catalog .prose{margin-inline:auto}section.catalog .h1.huge{max-width:8em;margin-inline:auto}section.catalog article.base{max-width:unset;text-align:center}}.story{--story-duration:8s;--story-play-state:running;position:relative;aspect-ratio:var(--story-aspect);border:.15rem solid var(--my-white);border-radius:13%/calc(13% * var(--story-aspect));overflow:hidden;background:var(--my-light-grey);box-shadow:var(--drop-shadow)}.story .media{position:absolute;inset:0;width:100%;height:100%}.story .media::after{content:"";position:absolute;top:0;left:0;width:100%;height:15%;background:linear-gradient(to bottom,var(--my-black-50),transparent)}.story .media>:is(img,video){position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.story-progress{position:absolute;top:4%;inset-inline:8%;display:flex;gap:.2rem;pointer-events:none}.story-progress span{position:relative;flex:1;height:1.25px;background:var(--my-grey);border-radius:1rem}.story-progress span::after{content:"";display:block;height:100%;background:var(--my-white);transform:scaleX(0);transform-origin:left}.story-progress .is-complete::after{transform:scaleX(1)}.story-progress .is-current::after{animation:story-progress var(--story-duration)linear forwards var(--animation-delay,0s);animation-play-state:var(--story-play-state)}.story-controls{display:grid;grid-template-columns:1fr 1fr;width:100%;height:100%;z-index:2;position:relative;transition:opacity 1s var(--my-ease)}:is(.btn,.tag)[hidden]{display:none}.story [hidden]{display:none}.story[data-story-paused],.story[data-story-idle]{--story-play-state:paused}.story:not([data-story-ready])>.media~.media{display:none}@keyframes story-progress{to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.story{--story-play-state:paused}}section.why-it-fits .huge{max-width:6.7em}section.why-it-fits .container{display:grid;grid-template-columns:auto 1fr;gap:2rem 1rem}section.why-it-fits .stories{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;position:relative;max-width:35rem;width:100%;margin-left:auto}section.why-it-fits .stories>svg{position:absolute;bottom:8rem;left:-3rem;z-index:2;width:25%;height:auto}section.why-it-fits .stories>svg~svg{bottom:unset;top:3rem;right:-1rem;left:unset}section.why-it-fits figure:last-of-type{margin-top:5rem;--story-duration:6s}@media only screen and (min-width:1600px){section.why-it-fits .stories{margin-inline:auto}}@media only screen and (max-width:1024px){section.why-it-fits .container{grid-template-columns:1fr}section.why-it-fits .stories{width:calc(100% - 2rem)}}section.showcase{overflow-x:clip}section.showcase .container{display:flex;flex-direction:column;align-items:center}section.big-title-fader .h1{text-align:center;line-height:var(--line-height-tiny);font-size:var(--font-size-extra-huge);margin-top:0;max-width:8em;padding-bottom:.2em;margin-inline:auto;background:linear-gradient(to top,transparent 0%,var(--my-grey) 50%,var(--my-black) 100%);background-clip:text;color:transparent;background-size:100% 300%;background-position:0 calc(var(--perc) * 100%);transition:opacity 1s var(--my-ease)}section.big-title-fader .title-box.hide .h1{opacity:0}section.showcase .title-box:not(.show)~.fan-box{opacity:0;transform:translateY(1rem)}section.showcase .title-box:not(.hide)~.fan-box .reveal{opacity:0;transform:scale(.95)}section.showcase .reveal{transition:750ms var(--my-ease);transition-property:opacity,transform}section.showcase .fan-box{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:calc(var(--font-size-extra-huge) * var(--line-height-small) * -1.75);transition:750ms var(--my-ease);transition-property:opacity,transform;transform-origin:top;z-index:2}section.showcase .logo-collab svg path{fill:var(--my-black)}section.showcase .fan-box .logo-collab{justify-content:center;margin-bottom:3rem}section.showcase .fan{--fan-width:min(13rem, 46vw);--fan-height:calc(var(--fan-width) * 2.17);--fan-duration:1s;--fan-stagger:125ms;--direction:1;--translate-distance:.95;position:relative;width:100%;max-width:28rem}section.showcase .fan>ul{height:var(--fan-height);perspective:70rem;transform-style:preserve-3d;position:relative;z-index:2}section.showcase .fan>ul>li{--side:0;--back:0;--visible:1;--rest:translate3d(calc(var(--side) * var(--fan-width) * .43), 0, calc(var(--back) * -4.5rem));--end:translate3d(calc(var(--next-side) * var(--fan-width) * .43), 0, calc(var(--next-back) * -4.5rem));transform:var(--rest);opacity:var(--visible);position:absolute;left:calc(50% - var(--fan-width)/2);width:var(--fan-width);transform-origin:center bottom}section.showcase .fan-controls{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--fan-width) + 1.65rem * 2 + 1.1rem);margin-inline:auto;left:0;right:0;display:flex;justify-content:space-between;pointer-events:none;z-index:3}section.showcase .fan-controls button{display:grid;place-items:center;width:1.65rem;height:1.65rem;background:var(--my-off-white-50);border-radius:50%;color:var(--my-white);backdrop-filter:blur(.5rem);-webkit-backdrop-filter:blur(.5rem);transition:250ms var(--my-ease);transition-property:background-color,color;pointer-events:all}section.showcase .fan-controls button svg{transform:rotate(var(--r,90deg))translateY(15%);width:40%;height:auto}section.showcase .fan-controls button::before{content:"";width:44px;height:44px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}section.showcase .fan-controls button+button svg{--r:-90deg}section.showcase .fan-controls button:hover{background:var(--my-light-blue);color:var(--my-black)}.indicators{position:relative;display:flex;background:var(--my-off-white);border-radius:100vmin;width:max-content;gap:.25rem;padding:.2rem .3rem;margin-top:1.5rem}.indicators button{width:.4rem;height:.4rem;background:var(--my-light-grey);border-radius:50%;transition:background-color 1s var(--my-ease)}.indicators button[aria-current=true]{background:var(--my-grey)}section.showcase .fan-status{position:absolute;width:.0625rem;height:.0625rem;overflow:hidden;clip-path:inset(50%);white-space:nowrap}section.showcase .fan[data-direction=prev]{--direction:-1}section.showcase .fan.is-animating>ul>li{animation:var(--fan-animation,fan-switch)var(--fan-duration)var(--my-ease)both;animation-delay:calc(var(--order,0) * var(--fan-stagger))}section.showcase .fan [data-motion=outgoing]{--open:translate3d(calc(var(--direction) * var(--fan-width) * var(--translate-distance) * -1), 0, 0) rotateZ(calc(var(--direction) * -12deg))}section.showcase .fan [data-motion=incoming]{--open:translate3d(calc(var(--direction) * var(--fan-width) * var(--translate-distance)), 0, -4.5rem) rotateZ(calc(var(--direction) * 12deg))}section.showcase .fan [data-motion=rear]{--fan-animation:fan-rear}section.showcase .fan li:not([data-active]) .story-controls,section.showcase .fan [data-motion=outgoing] .story-controls{opacity:0}section.showcase .fan li[data-motion=incoming] .story-controls{opacity:1}section.showcase .fan:not([data-ready]) li:not(:first-child){visibility:hidden}section.showcase .fan [hidden]{display:none}section.showcase .descriptions{margin-top:1rem;text-align:center;max-width:22em;margin-inline:auto;font-family:var(--header-font)}section.showcase .btn{margin-top:1.2rem}section.showcase .widget-layer{position:absolute;inset:0;pointer-events:none}section.showcase .widget{position:absolute;left:calc(50% + var(--x)/100 * var(--fan-height));top:calc(50% + var(--y)/100 * var(--fan-height));translate:-50% -50%;width:var(--w,max-content);pointer-events:auto;transition-delay:calc(var(--i,0) * 200ms)}section.showcase .widget>*{transition:500ms var(--my-ease-bounce-soft);transition-property:scale,opacity}section.showcase .widget[data-active=false]>*{scale:.5;opacity:0}section.showcase .widget>figure{height:var(--h,auto);min-height:0}section.showcase .widget :is(.bars,.comparison-bars){min-height:0}section.showcase .widget:not(.shown){opacity:0;pointer-events:none}section.showcase .live{overflow:clip;transition:opacity 200ms var(--my-ease)0s,width 600ms var(--my-ease),height 600ms var(--my-ease)}section.showcase .logo-collab .live{display:flex;align-items:center;justify-content:center}section.showcase .logo-collab .live svg{flex-shrink:0}section.showcase .live.swapping{opacity:0;transition-delay:opacity 500ms}section.showcase .widget .clipped-donut-chart figcaption{text-align:left}section.showcase .widget .bar-chart .viz-label{margin-bottom:.5em}section.showcase .widget.text{z-index:3;pointer-events:none}section.showcase.single .stories{--fan-width:min(14.5rem, 40vw);--fan-height:calc(var(--fan-width) * 2.17);position:relative}section.showcase.single .stories>ul{display:flex;justify-content:center;align-items:flex-start;gap:.6rem}section.showcase.single .stories>ul>li{width:var(--fan-width)}section.showcase.single .stories>ul>li:nth-child(even){margin-top:6.3rem}section.showcase.single .stories>ul>li:nth-child(even) .story{--story-duration:6s}@keyframes fan-switch{0%{transform:var(--rest)rotateZ(0);opacity:var(--visible);animation-timing-function:var(--open-ease,cubic-bezier(.25,.5,.5,1))}50%{transform:var(--open);opacity:max(var(--visible),var(--next-visible));animation-timing-function:var(--close-ease,cubic-bezier(.5,0,.5,1))}100%{transform:var(--end)rotateZ(0);opacity:var(--next-visible)}}@keyframes fan-rear{from{transform:var(--rest);opacity:var(--visible)}to{transform:var(--end);opacity:var(--next-visible)}}@media(prefers-reduced-motion:reduce){section.showcase .fan{--fan-duration:.001s;--fan-stagger:0s}}@media only screen and (max-width:768px){section.showcase .fan-box .logo-collab{display:flex;flex-direction:column;align-items:center;gap:.5rem}section.showcase .fan-box .logo-collab svg:nth-of-type(2){align-self:unset;margin:0}}section.browser-split .browser{display:grid;grid-template-columns:auto 1fr;grid-gap:1.5rem 2rem;z-index:2;position:relative}.browser .has-tags{margin-top:calc(var(--font-size-small) * var(--line-height-regular) * -.5)}.browser:has(span+.has-tags){display:grid;grid-template-columns:auto 1fr;grid-column-gap:2rem;overflow:clip}section.browser-split .texts{background:var(--my-white);max-width:15rem;width:100%;box-shadow:var(--drop-shadow);padding:1.5rem 1.15rem;border-radius:var(--border-radius-small);color:var(--my-grey);display:grid}section.browser-split .texts>*{grid-column:-1/1;grid-row:-1/1}section.browser-split article{height:100%;display:flex;flex-direction:column;opacity:0;transition:opacity 333ms ease;pointer-events:none}section.browser-split article.visible{opacity:1;pointer-events:all}section.browser-split article .h6{font-size:var(--font-size-tiny);font-family:var(--primary-font);text-transform:uppercase}section.browser-split article .prose{font-weight:var(--font-bold);font-family:var(--primary-font);padding-bottom:2rem;margin-block:1rem auto;line-height:var(--line-height-small);max-width:24rem}section.browser-split article strong{color:var(--my-black)}section.browser-split article .author{margin-bottom:0;font-size:var(--font-size-small);margin-top:auto}section.browser-split article .function{margin-bottom:0;font-size:var(--font-size-tiny)}section.browser-split .browser .inner{background:var(--my-black);border-radius:var(--border-radius-small);margin:0;box-shadow:var(--drop-shadow);padding:1.5rem 2rem;gap:2.5rem;display:grid;grid-template-columns:repeat(3,1fr);order:1;color:var(--my-white)}section:is(.reviews,.product-balls) .h1{font-family:var(--primary-font);font-weight:var(--font-bold);text-align:center;margin-inline:auto;max-width:18em}section.reviews ul{--activate-name:pop-in;display:flex;justify-content:center;gap:.5rem;margin-top:1rem}section:is(.reviews,.product-balls) ul.top{position:relative;z-index:1;margin-bottom:3rem}section.reviews ul.top li img{max-width:4.5rem;position:relative;z-index:2}section.reviews ul.top picture{display:flex;transition:1250ms var(--my-ease)calc(var(--i,0) * 333ms);transition-property:translate,scale}section:is(.reviews,.product-balls).flipped ul.top{pointer-events:none}section.reviews.flipped ul.top picture{translate:0 calc(100% + 15rem)}section.reviews .rating{display:flex;align-items:center;gap:.1rem}section.reviews .rating svg:first-of-type{margin-left:.3rem}section.reviews .rating svg{width:1em;height:auto;margin-bottom:.2em}section.reviews .rating svg:last-of-type{background:linear-gradient(to right,var(--own-text-color,var(--main-color)) calc(var(--last) - 10%),calc(var(--last) + 10%),transparent);color:transparent;mask:url(/img/icons/star.svg)center center/contain no-repeat}section.reviews .orbs{gap:2rem;display:grid;grid-auto-flow:column;grid-template-columns:unset;padding:3.4rem 4.3rem}section.reviews .orbs>li{aspect-ratio:1;border-radius:50%;background:var(--my-black);position:relative;scale:0;transition:500ms var(--my-ease)calc(var(--i,0) * 333ms);transition-property:translate,scale;translate:0 -2rem}section.reviews .orbs>li::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;box-shadow:var(--glow-shadow);transform:scale(.8);transition:transform 333ms var(--my-ease)}section.reviews .orbs>li.needs-glow picture::after{background:radial-gradient(54.4% 54.4% at 50% 50%,transparent 0%,transparent 75%,rgba(102,102,102,.5) 100%);content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;z-index:2}section.reviews.flipped .orbs>li{scale:1;translate:0;transition:1250ms var(--my-ease-bounce)calc(500ms + (var(--i,0) * 333ms))}section.reviews .orbs>li:hover::before{transform:scale(1)}@keyframes pop-in{from{transform:scale(0)}}@media only screen and (max-width:1250px){section.browser-split .browser .inner{grid-column:-1/1}section.browser-split .texts{grid-column:-1/1;order:2;max-width:unset;width:100%}}@media only screen and (max-width:768px){section.browser-split .browser .inner{gap:1rem;padding:1rem}.browser:has(span+.has-tags){grid-column-gap:1rem}}section.platforms .container{max-width:var(--max-width-medium)}section.platforms.browser-split .browser .inner{display:block}section.platforms .h2{font-family:var(--primary-font);max-width:9em}section.platforms .h2~*:not(.list){color:var(--my-white-65)}section.platforms article .prose{padding-bottom:1.25rem;max-width:24rem}section.platforms .list{display:flex;flex-wrap:wrap;gap:.8rem .8rem;margin-top:1.7rem;--activate-stagger:50ms}section.platforms .list .chip{background:var(--my-off-white);margin:0;transition:color 250ms ease}section.platforms .list .chip.white-on-hover:hover{color:var(--my-white)}section.platforms .list .chip.needs-border::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid var(--my-off-white);border-radius:100vmin;pointer-events:none}section.platforms .list .chip::before{background:var(--own-color,var(--my-white))}section.contact .container{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem 3rem;align-items:center}section.contact .h2{margin-bottom:2rem}section.contact .browser{max-width:32rem;margin-left:auto;width:100%}section.contact .browser>span{margin-bottom:2rem}section.contact .folder{order:-1;max-width:23rem;margin-inline:auto;width:100%;display:flex;flex-direction:column;align-items:center;position:relative;padding-bottom:6rem}section.contact .folder picture{max-width:16rem;width:100%;transform:rotate(-5deg);--activate-name:folder-polaroid;transform-origin:bottom left}section.contact .folder>svg{position:absolute;top:-2rem;left:2rem;--activate-name:folder-sticker;max-height:4rem;width:auto}section.contact .badge{position:absolute;top:40%;left:70%;rotate:14deg;--activate-name:folder-badge;text-orientation:bottom left}section.contact .badge .inner{box-shadow:none;width:4rem;height:4rem}section.contact .badge .inner svg{width:3.2rem;height:3.2rem}section.contact .text-bubble{position:absolute;max-width:14em;right:-2rem;top:3rem;transform-origin:bottom left;--activate-name:folder-bubble}section.contact .text-bubble .inner{white-space:wrap;border-radius:1.2rem;font-size:var(--font-size-small)}.file{position:absolute;width:100%;aspect-ratio:1/.72;bottom:0;left:0;background:var(--my-light-grey-60);mask:url(/img/icons/file.svg)center center/contain no-repeat;-webkit-mask:url(/img/icons/file.svg)center center/contain no-repeat;backdrop-filter:blur(.2rem);-webkit-backdrop-filter:blur(.2rem);z-index:2;animation:none}section.contact .folder .btn{position:absolute;bottom:25%;left:calc(var(--gutter-side) * -.75);z-index:2}@keyframes folder-sticker{from{scale:0;translate:0 1rem}}@keyframes folder-polaroid{from{scale:.9;rotate:5deg;translate:0 2rem;opacity:0}}@keyframes folder-badge{from{scale:0;rotate:-15deg;translate:-1rem 2rem}}@keyframes folder-bubble{from{scale:.8;opacity:0}}@media only screen and (min-width:1600px){section.contact .browser{margin-inline:auto}}@media only screen and (min-width:769px) and (max-width:1024px){section.contact .container{grid-template-columns:1fr 1.5fr}section.contact .folder picture{width:80%}}@media only screen and (max-width:1024px){section.contact form{--form-columns:1;width:100%}}@media only screen and (max-width:768px){section.contact .container{grid-template-columns:1fr;max-width:var(--max-width-narrow)}section.contact .browser{margin-inline:auto}section.contact .folder{margin-bottom:3rem;max-width:14rem;margin-left:1rem}section.contact .folder>svg{top:-3rem;left:0}section.contact:first-of-type .folder{margin-top:2.5rem}section.contact .text-bubble{right:-7rem;top:-1rem;max-width:13em}section.contact .folder picture{max-width:10rem}}main:has(section.has-glow){overflow-x:clip}section.collector{isolation:isolate;z-index:3}section.collector .h1.huge{max-width:unset}section.collector article{position:relative;text-align:center}section.collector article .prose{max-width:20em;margin-inline:auto}section.has-glow .dex{width:150%;max-width:60rem;aspect-ratio:788/751;display:block;position:absolute;top:50%;left:50%;transform:translate(-45.5%,-50%);opacity:.55;transition:transform 5500ms var(--my-ease-bounce);z-index:-1;pointer-events:none;will-change:transform}section.has-glow .dex :is(picture,img){display:block;width:100%;height:100%;object-fit:contain}section.has-glow .dex.activate{transform:translate(-49%,-50%)scale(.8)}section.collector .collector-form{max-width:52rem;margin:2rem auto 0}section.collector .bar{display:flex;align-items:center;max-width:25.9rem;margin-inline:auto;background:var(--my-off-white);border-radius:100vmin;transition:background 200ms;box-shadow:var(--drop-shadow)}section.collector .bar .btn{--own-color:var(--my-white);margin:.4rem .4rem .4rem 0;font:inherit;transition:background 333ms var(--my-ease)}section.collector .bar:is(:has(.picked .chip),.filling) .btn{background:var(--my-light-lime)}section.collector .bar:has(.picked .chip) .drop{display:none}.drop{box-sizing:content-box;width:calc(1lh - 2px);height:calc(1lh - 2px);padding:var(--btn-padding-block);margin:.4rem 0 .4rem .4rem;border:1px dashed var(--my-black);border-radius:50%;background:linear-gradient(var(--my-black),var(--my-black))50%/40% 2px no-repeat,linear-gradient(var(--my-black),var(--my-black))50%/2px 40% no-repeat}section.collector .picked{display:flex;flex-grow:1;overflow:auto;padding:.4rem;border-radius:100vmin 0 0 100vmin}section.collector .picked .chip{margin-right:.5rem;background:var(--my-white);transition-timing-function:var(--my-ease)}section.collector .room{flex:none;width:0;transition:width 300ms var(--my-ease)}section.collector .tags{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:3.5rem auto 0}section.collector .home{display:grid;border-radius:100vmin}section.collector .home>*{grid-area:1/1}.chip{position:relative;display:flex;align-items:center;gap:1.1rem;padding:.7rem var(--btn-padding-right).7rem .7rem;font-size:var(--font-size-small);color:var(--my-black);background:var(--own-color);border-radius:100vmin;white-space:nowrap;touch-action:none;user-select:none;transition:translate 600ms var(--my-ease-bounce),scale 400ms var(--my-ease-bounce),background 333ms var(--my-ease);cursor:var(--cursor-pointer)}.chip picture{height:1lh;aspect-ratio:1;border-radius:50%;overflow:clip;flex:none;transform:scale(1.7)}.chip img{width:100%;height:100%;object-fit:cover}section.collector .chip{touch-action:manipulation;-webkit-touch-callout:none}section.collector .chip picture{width:1lh}section.collector .chip>a{display:flex;align-items:center;gap:inherit;outline:none;-webkit-user-drag:none}section.collector .chip>a::after{content:"";position:absolute;inset:0;border-radius:100vmin}section.collector .chip:has(>a:focus-visible){outline:.125rem solid var(--my-black);outline-offset:.125rem}section.collector .chip.ghost{background:var(--my-off-white);outline:1px dashed var(--my-black);outline-offset:-2px;opacity:.75;pointer-events:none;transition:background 200ms}section.collector .bar.near,section.collector .home.near .ghost{background:var(--my-light-blue)}section.collector .home.away .chip:not(.ghost){z-index:5}section.collector .home.away .chip.dragging{transition:none;z-index:6}section.collector .chip.docking{background:var(--my-white);transition-timing-function:var(--my-ease)}section.collector .chip.poof{scale:0}section.collector .chip.armed{box-shadow:var(--drop-shadow)}section.collector .remove{position:absolute;top:0;right:0;width:1rem;aspect-ratio:1;padding:0;border:0;border-radius:50%;background:var(--my-black);display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity 200ms}section.collector .remove::before,section.collector .remove::after{content:"";position:absolute;width:.5rem;height:2px;border-radius:2px;background:var(--my-white);transform:rotate(var(--r,45deg))}section.collector .remove::before{--r:-45deg}section.collector .picked .chip:hover .remove,section.collector .remove:focus-visible{opacity:1}section.collector .collector-form.stil *{transition:none}@media only screen and (max-width:768px){section.collector .tags{gap:.5rem .25rem}.chip{font-size:var(--font-size-tiny)}}section.reel .container.container{display:grid;grid-template-columns:1.4fr 2fr 1.6fr;align-items:flex-start;width:100%;grid-gap:clamp(3rem,6vw,8rem);margin-block:0;max-width:var(--max-width-ultra-wide)}section.reel .container>*{min-height:90vh;position:sticky;top:5vh;display:flex;flex-direction:column;justify-content:center}section.reel .wheel{position:relative;width:200%;translate:-50% 0;rotate:var(--r,0deg);color:var(--my-light-grey)}section.reel .wheel .slot{position:absolute;top:50%;left:50%;width:19%;height:19%;translate:-50% -50%;transform:rotate(calc((var(--i) - 1) * 45deg))translateX(205%);border-radius:50%;background:var(--my-white);display:grid;place-items:center;transition:background 300ms var(--my-ease)}section.reel .wheel .slot.active{background:var(--my-light-lime)}section.reel .wheel .slot span{rotate:calc(-1 * var(--r,0deg) - (var(--i) - 1) * 45deg);margin:0;color:var(--my-black);opacity:0;transition:opacity 300ms var(--my-ease)}section.reel .wheel .slot.active span{opacity:1}section.reel .left::before,section.reel .left::after{content:"";height:100%;position:absolute;left:0;top:0;display:block;width:10rem;z-index:2;background:linear-gradient(to right,var(--background-color) 50%,transparent);transform:translateX(-100%)rotate(var(--r,15deg));filter:blur(1rem)}section.reel .left::before{--r:-15deg}section.reel .mid{margin-block:50% 27.5vh}section.reel .mid>ul{display:grid;gap:var(--margin-y)}section.reel figure{flex:1;overflow:clip;max-width:25rem;margin-left:auto;width:100%}section.reel figure picture{position:absolute;top:0;left:0;width:calc(100% + var(--border-radius));height:100%;border-radius:var(--border-radius);overflow:clip}section.reel figure img{width:100%;height:100%;object-fit:cover}section:has(+section.reel) .container{margin-bottom:0}section+section .container{margin-top:calc(var(--margin-y)/1.5)}@media only screen and (max-width:1024px){section.reel .container{grid-template-columns:1fr 2fr 1fr}}@media only screen and (max-width:768px){section.reel .container{grid-template-columns:2fr 1fr;grid-gap:1rem}section.reel .left{display:none}section.reel .mid{margin-left:var(--gutter-side)}section.reel .right{width:15rem}section.reel+section{margin-top:-25vh}section.custom-reel{overflow-x:clip}section.custom-reel .right{margin-right:-6rem}}section.faq .container{max-width:var(--max-width-narrow)}section.faq ul.accordion{margin-top:2.5rem}ul.accordion{border-top:var(--border-width,1px)solid var(--my-light-grey)}ul.accordion>li{border-bottom:var(--border-width,1px)solid var(--my-light-grey)}ul.accordion>li h3{margin:0;font-family:var(--primary-font);font-size:var(--font-size-body);font-weight:var(--font-regular);line-height:var(--line-height-regular)}ul.accordion>li button{color:inherit;font:inherit;line-height:inherit;width:100%;text-align:left;display:flex;align-items:center;gap:1.5rem;padding:.8em 0;cursor:var(--cursor-pointer);scroll-margin-top:6rem}ul.accordion>li button>span{width:2rem;height:2rem;flex-shrink:0;margin-left:auto;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transition:background 250ms var(--my-ease),color 250ms var(--my-ease);background:var(--my-off-white)}ul.accordion>li button>span::before,ul.accordion>li button>span::after{content:"";position:absolute;width:.7rem;height:1.5px;border-radius:100vmin;background:currentColor;transform:rotate(var(--r,0deg));transition:transform 333ms var(--my-ease)}ul.accordion>li button>span::before{--r:90deg}ul.accordion>li>div{overflow:hidden;transition:max-height 333ms var(--my-ease);color:var(--my-dark-grey)}ul.accordion>li>div>div{padding-bottom:1.5rem;transform:translateY(-.5rem);transition:transform 333ms var(--my-ease);font-size:var(--font-size-small)}ul.accordion>li>div[aria-hidden=true]{max-height:0}ul.accordion>li>div[aria-hidden=false]{max-height:var(--height,unset)}ul.accordion>li>div[aria-hidden=false]>div{transform:none}ul.accordion>li button[aria-expanded=true]>span{background:var(--my-light-grey)}ul.accordion>li button[aria-expanded=true]>span::before{--r:135deg}ul.accordion>li button[aria-expanded=true]>span::after{--r:45deg}ul.accordion>li .buttons{margin-top:1rem}@media only screen and (max-width:768px){section.faq .container{max-width:32rem}ul.accordion>li button{padding-block:1em;align-items:flex-start}ul.accordion>li button>span{width:1.6rem;height:1.6rem;margin-block:auto .1em}}section.steps .container{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--gap);align-items:flex-start}section.steps ol.list{list-style:none;counter-set:counter;display:flex;flex-direction:column;gap:1rem;--strip:9rem}section.steps ol.list>li{position:relative;counter-increment:counter;display:grid;grid-template-rows:1fr auto;transition:grid-template-rows 700ms var(--my-ease);border-radius:var(--border-radius);overflow:clip}section.steps .lijn{position:absolute;top:0;left:0;width:100%;height:0}section.steps .rol{min-height:0;overflow:clip;display:grid;align-content:end}section.steps .browser{grid-template-columns:auto 1fr;display:grid;grid-gap:1rem;border-radius:var(--border-radius)var(--border-radius)0 0}section.steps li>picture{display:block;height:auto;border-radius:0 0 var(--border-radius)var(--border-radius);overflow:clip}section.steps li>picture img{width:100%;height:100%;object-fit:cover}section.steps ol.list li .inner{grid-column:-1/1;position:relative;font-size:var(--font-size-medium);font-family:var(--header-font);padding-left:2rem}section.steps ol.list li .h1{font-family:var(--primary-font);font-weight:var(--font-bold);display:flex}section.steps ol.list li .h1::before{content:counter(counter)". ";position:absolute;left:0}section.steps+section.bento .container{margin-top:var(--margin-y)}section.steps:first-of-type article{--aanloop:0}@media only screen and (min-width:769px){section.steps article{position:sticky;top:calc(var(--margin-y) - 2rem);--aanloop:0.6;--uitloop:.6}section.steps ol.list li .inner{padding-left:calc(var(--font-size-h1) * 1.4);padding-bottom:2rem}}@media only screen and (max-width:768px){section.steps .container{grid-template-columns:1fr}section.steps .h1{max-width:8em}}section:is(.results,.results-hero,.results-figures) .container{margin-bottom:var(--margin-y-small)}section:is(.results,.results-hero,.results-figures) .container .h1{font-family:var(--header-font);text-align:center;max-width:8em;-webkit-text-stroke:0;padding-bottom:.15em;margin-bottom:0}section:is(.results,.results-hero,.results-figures) .container .h1:has(br){max-width:12em}section:is(.results,.results-hero,.results-figures) .badges{--activate-name:pop-in;display:flex;align-items:flex-end;margin-left:2rem}section:is(.results,.results-hero,.results-figures) .badge .inner{box-shadow:none;rotate:-10deg}section:is(.results,.results-hero,.results-figures) .badge:first-of-type .inner{width:5rem;height:5rem;rotate:15deg}section:is(.results,.results-hero,.results-figures) .badge:first-of-type .inner svg{width:4.5rem;height:4.5rem}section:is(.results,.results-hero,.results-figures) .badge:first-of-type:last-of-type .inner{rotate:-15deg;margin-left:1rem}section.results-hero .browser{padding:2rem 0 0;display:grid;grid-template-columns:auto 1fr;grid-gap:1.35rem 2rem}section.results-hero .browser>span{margin-left:2rem}section.results-hero .browser>p{margin-left:auto;padding-right:2rem}section.results-hero .browser>.inner{background:var(--my-black);padding:2.75rem 2rem;width:100%;border-radius:0 0 var(--border-radius)var(--border-radius);grid-column:-1/1;box-shadow:var(--drop-shadow);position:relative;display:grid;column-gap:2rem}section.results-hero .inner.left{grid-template:"kaart . . . ." "kaart . a b ." "kaart . . c ." "kaart . . . ."/27rem 1fr 11.4rem 11.4rem 1fr}section.results-hero .card{grid-area:kaart;align-self:center;display:grid;grid-template-rows:var(--h,auto);min-height:0;overflow:clip;background:var(--my-off-white);border-radius:var(--border-radius);padding:2.3rem 2rem 2.2rem;transition:grid-template-rows 500ms var(--my-ease)}section.results-hero .card article>*{transition:opacity 300ms var(--my-ease)}section.results-hero .card>article{grid-area:1/1;align-self:start}section.results-hero .card>article[hidden]{display:block;visibility:hidden}section.results-hero .card .has-tags{margin-bottom:1.6rem}section.results-hero .inner:has(.uit) .card article>*{opacity:0}section.results-hero .frame{height:15rem;border-radius:var(--border-radius-small);display:grid;grid-auto-flow:column;grid-template-rows:minmax(0,1fr);grid-auto-columns:minmax(0,max-content);place-content:center;align-items:center;gap:.9rem;padding:.9rem;position:relative}section.results-hero .frame .media{height:100%;min-width:0;align-items:center}section.results-hero .frame :is(img,video){width:auto;height:auto;max-width:100%;max-height:100%;border-radius:var(--border-radius-small)}section.results-hero .frame>img{position:absolute;right:-1rem;top:33%;rotate:-8deg}section.results-hero .card .h6{font-family:var(--primary-font);font-weight:var(--font-bold);margin:1.6rem 0 .6rem}section.results-hero .card .prose{font-size:var(--font-size-small);max-width:22rem}section.results-hero .card .btn{margin-top:1.7rem}section.results-hero .slot{align-self:start;aspect-ratio:var(--ratio,286/374);min-height:0;display:grid;align-content:var(--anker,start);transition:300ms var(--my-ease);transition-property:scale,opacity}section.results-hero .slot.uit{scale:.8;opacity:0}section:is(.results,.results-hero) .tile{display:block;width:100%;position:relative;font:inherit}section:is(.results,.results-hero) .tile:focus-visible{outline:.15rem solid var(--my-light-blue);outline-offset:.2rem;border-radius:var(--border-radius-small)}section:is(.results,.results-hero) .shot{border-radius:var(--border-radius-small);overflow:clip}section:is(.results,.results-hero) .tile .chip{--own-color:var(--my-white);position:absolute;z-index:2;inset:var(--chip);translate:0 -50%;padding:.5rem calc(var(--btn-padding-right) - .5rem).5rem .7rem}section:is(.results,.results-hero) .chip i{width:.7rem;height:.7rem;background:linear-gradient(currentColor 0 0)50%/100% .09rem no-repeat,linear-gradient(currentColor 0 0)50%/.09rem 100% no-repeat;transition:rotate 350ms var(--my-ease)}section:is(.results,.results-hero) .tile:hover .chip i{rotate:90deg}section:is(.results,.results-hero) .tile>img{position:absolute;z-index:2;pointer-events:none;height:2.5rem;width:auto}section.results-hero .left .slot:nth-child(1 of .slot){grid-area:a;margin:4.8rem .65rem 0 -.65rem;--chip:48% auto auto -2rem}section.results-hero .left .slot:nth-child(1 of .slot) .tile>img{left:-4.6rem;top:26%}section.results-hero .left .slot:nth-child(2 of .slot){grid-area:b;margin:0 -.4rem 0 .4rem;--chip:74% -4.5rem auto auto}section.results-hero .left .slot:nth-child(2 of .slot) .tile>img{right:-20.6%;top:52%}section.results-hero .left .slot:nth-child(3 of .slot){grid-area:c;margin:-3.65rem 2.35rem 0 -3.75rem;--chip:103% -5.4rem auto auto;--anker:end}section.results-hero .left .slot:nth-child(3 of .slot) .tile>img{right:-21.5%;top:82.5%}section.results-hero .inner.right{grid-template:". . . . kaart" ". b a . kaart" ". c . . kaart" ". . . . kaart"/1fr 11.4rem 11.4rem 1fr 27rem}section.results-hero .right .slot:nth-child(1 of .slot){grid-area:a;margin:4.8rem -.65rem 0 .65rem;--chip:48% -2rem auto auto}section.results-hero .right .slot:nth-child(1 of .slot) .tile>img{right:-4.6rem;top:26%}section.results-hero .right .slot:nth-child(2 of .slot){grid-area:b;margin:0 .4rem 0 -.4rem;--chip:74% auto auto -4.5rem}section.results-hero .right .slot:nth-child(2 of .slot) .tile>img{left:-20.6%;top:52%}section.results-hero .right .slot:nth-child(3 of .slot){grid-area:c;margin:-3.65rem -3.75rem 0 2.35rem;--chip:103% auto auto -5.4rem;--anker:end}section.results-hero .right .slot:nth-child(3 of .slot) .tile>img{left:3.5%;top:78.2%}section.results-hero .inner.center{grid-template:". a . kaart . b ." ". a . kaart . c ."/1fr 12.5rem 3.5rem 27rem 2.8rem 14rem 1fr;column-gap:0}section.results-hero .center .frame{height:auto;padding:0;grid-template-rows:auto}section.results-hero .center .tile>img{display:none}section.results-hero .center .slot:nth-child(1 of .slot){grid-area:a;align-self:center;--chip:14.6% auto auto -3.5rem}section.results-hero .center .slot:nth-child(2 of .slot){grid-area:b;width:10.7rem;margin-top:2.7rem;--chip:65.6% -5.2rem auto auto}section.results-hero .center .slot:nth-child(3 of .slot){grid-area:c;align-self:end;width:10.4rem;margin:0 0 1.8rem 3.6rem;--chip:104% -2.1rem auto auto;--ratio:1;--anker:end}@media(prefers-reduced-motion:reduce){section.results-hero .card{transition:none}}@media only screen and (max-width:1024px){section.results-hero .slot{display:none}section.results-hero .browser>.inner{overflow:auto;scroll-snap-type:x mandatory}section.results-hero .card{display:grid;grid-auto-flow:column;width:unset;position:static;overflow:visible;max-width:unset;grid-area:unset;grid-column:-1/1;border-radius:none;gap:1rem;padding:0;background:0 0;--h:unset !important}section.results-hero .card>article{flex-shrink:0;min-width:17rem;background:var(--my-off-white);padding:2rem;border-radius:var(--border-radius);scroll-snap-align:center}section.results-hero .card>article:is([hidden],:not([hidden])){grid-area:unset;visibility:visible}section.results-hero .card::after{content:"";height:1px;width:1rem;opacity:0}section.results-hero .cursor-layer{width:150%}section.results-hero .frame{padding:0;height:auto;grid-template-rows:unset;width:100%}section.results-hero .frame .media{height:auto;width:100%}}@media only screen and (max-width:768px){section:is(.results,.results-hero,.results-figures) .badges{transform:scale(.8);transform-origin:bottom left}}section.results .browser .inner{align-items:center;justify-items:center;padding:3rem 2rem}section.results .browser .inner>li{width:10.5rem;--chip:0 auto auto 50%}section.results .tile .chip{translate:-50% -50%}section:is(.results,.results-figures) article .h6{text-transform:none}section:is(.results,.results-figures) article .prose{color:var(--my-black)}section:is(.results,.results-figures) article .btn{align-self:start}@media only screen and (max-width:768px){section.results .browser .inner{display:grid;grid-template-columns:1fr 1fr}}@media only screen and (max-width:500px){section.results .browser .inner{grid-template-columns:1fr;grid-gap:3rem}section.results .browser .inner>li{width:80%}}section.results-figures .browser .inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));grid-auto-flow:dense;gap:1.2rem;padding:1.2rem}section.results-figures .browser .inner>*{background:var(--my-white);color:var(--my-black);border-radius:var(--border-radius-small)}section.results-figures .browser .inner>:not(.stat){grid-column:3;grid-row:span 2;padding:1.4rem}section.who .container{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--gap);align-items:flex-start}section.who .browser{grid-row-gap:1.5rem;order:-1;padding-bottom:0}section.who .media{grid-column:-1/1;border-radius:var(--border-radius-small);overflow:clip;margin-bottom:calc(var(--border-radius) * -1)}section.who .h1{max-width:7.7em}section.who .prose{font-family:var(--header-font);min-height:0;overflow:clip}section.who article{max-width:26rem;margin-inline:auto}section.who article>div~div{margin-top:2rem}section.who article>div{display:grid;grid-template-rows:auto 0fr;transition:500ms var(--my-ease);transition-property:grid-template-rows,color;color:var(--my-light-grey)}section.bento+section.who .container{margin-top:var(--margin-y)}@media only screen and (min-width:769px){section.who article>div.active{grid-template-rows:auto 1fr;color:var(--my-black)}}@media only screen and (max-width:768px){section.who .container{grid-template-columns:1fr}section.who article>div:has(.done){grid-template-rows:auto 1fr;color:var(--my-black)}section.who article{order:-1}}section.text-accordion .container{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--gap);align-items:flex-start}section.text-accordion ul.accordion{border:0;display:grid;gap:.9rem;counter-reset:stap}section.text-accordion ul.accordion>li{border:0;position:relative;display:grid;grid-template-rows:0fr auto auto;background:var(--my-off-white);border-radius:var(--border-radius);overflow:clip;counter-increment:stap;transition:500ms ease;transition-property:background,grid-template-rows}section.text-accordion ul.accordion>li:has([aria-expanded=true]){grid-template-rows:1fr auto auto;background:var(--my-light-blue)}section.text-accordion .kop{min-height:0;overflow:clip;margin:0;background:var(--my-off-white)}section.text-accordion .kop>span{display:flex;align-items:center;gap:1rem;padding:1.6rem 2rem;min-height:4.8rem}section.text-accordion .kop>span>span:first-child{width:.8rem;height:.8rem;border-radius:50%;background:var(--my-light-grey)}section.text-accordion ul.accordion>li h3{font-size:var(--font-size-h3);font-weight:var(--font-bold);line-height:var(--line-height-small,1.2)}section.text-accordion ul.accordion>li button{padding:1.9rem 2rem;gap:.8rem;padding-right:5rem}section.text-accordion ul.accordion>li button::before{content:counter(stap)".";min-width:1.6rem}section.text-accordion ul.accordion>li button>span{width:2.2rem;height:2.2rem;background:var(--my-light-grey);position:absolute;top:1.8rem;right:2rem;transition:transform 500ms,opacity 250ms}section.text-accordion ul.accordion>li button[aria-expanded=true]>span{transform:translateY(-.29rem);opacity:0}section.text-accordion ul.accordion>li>div{color:var(--my-black);transition-duration:500ms}section.text-accordion ul.accordion>li>div>div{padding:0 2rem 2rem 4.4rem;font-family:var(--header-font);font-size:var(--font-size-medium);transition-duration:500ms}@media only screen and (min){section.text-accordion article{position:sticky;top:var(--margin-y);--aanloop:.3;--uitloop:.3}}@media only screen and (max-width:768px){section.text-accordion .container{grid-template-columns:1fr}}ul.compare-blocks{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem}ul.compare-blocks>li{align-items:flex-start;position:relative}ul.compare-blocks ul{display:grid;grid-gap:1rem;grid-column:-1/1;font-size:var(--font-size-small);margin-top:1rem}ul.compare-blocks ul>li{box-shadow:var(--drop-shadow);background:var(--my-white);padding:1rem .9rem;border-radius:var(--border-radius-small)}ul.compare-blocks ul>li p:first-child{margin-bottom:.5em;color:var(--my-grey)}ul.compare-blocks ul>li p:first-child strong{font-weight:inherit}ul.compare-blocks>.plus{background:var(--my-light-blue);overflow:visible}ul.compare-blocks>:is(.plus,.min) ul>li{display:flex;align-items:flex-start;gap:.6rem}ul.compare-blocks>:is(.plus,.min) ul>li::before{content:"";flex:none;margin-top:.3rem;width:.65rem;height:.65rem;background:currentColor;mask:url(/img/icons/check.svg)center/contain no-repeat}ul.compare-blocks>.min ul>li::before{color:var(--my-red);mask-image:url(/img/icons/cross.svg)}section.text-comparison{overflow:clip}section.text-comparison .container{display:grid;grid-template-columns:1fr 1.25fr;grid-gap:var(--gap);align-items:flex-start}section.text-comparison .container>.browser{padding-bottom:0;grid-row-gap:2rem;width:calc(100% + var(--gutter-side) + 2rem + var(--border-radius-small))}section.text-comparison .browser>.inner{grid-column:-1/1;margin-inline:-2rem;padding:2.2rem 2rem 2rem;background:var(--my-black);color:var(--my-white)}section.text-comparison .inner .h3{font-family:var(--primary-font);font-weight:var(--font-bold);margin:0}section.text-comparison .inner>p{color:var(--my-light-grey);font-size:var(--font-size-small);max-width:26rem;margin-top:.6rem}section.text-comparison ul.compare-blocks{margin-top:2rem;color:var(--my-black)}section.text-comparison ul.compare-blocks .browser{padding:2rem 1.3rem;border-radius:var(--border-radius-small)}section.text-comparison ul.compare-blocks .browser :is(span){display:none}section.text-comparison ul.compare-blocks .has-tags>*{background:0 0;padding:0}section.text-comparison ul.compare-blocks>li:first-of-type::before{position:absolute;content:"";width:3rem;height:3rem;border-radius:50%;background:var(--my-blue)url(/img/icons/badge-heart.svg)50%/90% 90% no-repeat;transform:translate(-50%,-50%)rotate(-10deg);top:0;right:0;transition:transform 500ms var(--my-ease-bounce)}section.text-comparison .activate-children ul.compare-blocks>li:first-of-type::before{transform:translate(-40%,-40%)rotate(0)scale(0)}@media only screen and (max-width:1024px){section.text-comparison article.base .prose{max-width:32rem}section.text-comparison .container{grid-template-columns:1fr}section.text-comparison .browser{max-width:var(--max-width-slim);margin-inline:auto}}@media only screen and (max-width:768px){section.text-comparison ul.compare-blocks{overflow:auto;margin-left:-1.2rem;max-width:calc(100% - .2rem);padding-top:3.5rem;margin-top:-1rem;scroll-snap-type:x mandatory}section.text-comparison ul.compare-blocks .browser{flex-shrink:0;min-width:16rem;max-width:unset;scroll-snap-align:center}section.text-comparison ul.compare-blocks .browser:first-child{margin-left:1.2rem}section.text-comparison ul.compare-blocks .browser:last-child{margin-right:1.2rem}}section.comparison{overflow-x:clip}section.comparison .container{display:flex;flex-direction:column;align-items:center}section.comparison .h1{margin-bottom:var(--gap)}section.comparison ul.compare-blocks{max-width:40rem;margin-inline:auto;position:relative}section.comparison .badge{position:absolute;bottom:0}section.comparison .badge .inner{box-shadow:none;width:var(--badge-width,4.5rem);height:var(--badge-width,4.5rem);--svg-width:calc(var(--badge-width, 4.5rem) * .85)}section.comparison .badge .inner svg{width:var(--svg-width,4.5rem);height:var(--svg-width,4.5rem)}section.comparison .b-1{left:0;transform:translateX(-100%)rotate(15deg)}section.comparison .b-2{right:0;transform:translateX(100%);--badge-width:7.5rem;height:auto}section.comparison .b-2 svg{--svg-width:var(--badge-width)}@media only screen and (max-width:768px){section.comparison ul.compare-blocks{width:calc(100% - 4rem);grid-template-columns:1fr;max-width:30rem}}section.product-balls ul.top{display:flex;justify-content:center;gap:.5rem;margin-top:1rem;--activate-name:pop-in}section.product-balls ul.top>li{transition:translate 1250ms var(--my-ease)calc(var(--i,0) * 333ms)}section.product-balls.flipped ul.top>li{translate:0 calc(100% + 15rem)}section.product-balls ul.top .badge .inner{width:4rem;height:4rem;box-shadow:none}section.product-balls ul.top .badge .inner svg{width:3.5rem;height:3.5rem}section.product-balls .browser{position:relative;z-index:2}section.product-balls .browser>.inner{grid-column:-1/1;position:relative;height:28rem;margin-top:1.5rem;background:var(--my-white);border-radius:var(--border-radius-small);overflow:clip}section.product-balls .balls{position:relative;height:calc(100% + 25rem);margin-top:-25rem}section.product-balls .ball{display:grid;place-items:center;color:var(--own-text-color,var(--my-black));text-decoration:none;transition:scale 450ms var(--my-ease)var(--wait,0ms),background-color 125ms ease,color 125ms ease}section.product-balls .ball span{font-family:var(--header-font);font-size:calc(var(--size,5rem) * var(--ball-scale,1) * .13 * var(--fit,1));line-height:1;text-align:center;transition:rotate 250ms var(--my-ease-bounce-soft)}section.product-balls .ball svg{width:85%;height:85%;transition:rotate 250ms var(--my-ease-bounce-soft)}section.product-balls .ball.has-star svg{width:100%;height:100%}section.product-balls .ball.light-grey,section.product-balls .ball.has-icon{--own-text-color:var(--my-black)}section.product-balls a.ball:hover{background:var(--my-light-blue);color:var(--my-black)}section.product-balls a.ball:hover span{rotate:calc(var(--neg-rotate) * .9)}section.product-balls div.ball:not(.has-icon):hover>*{rotate:calc(var(--neg-rotate) * .9)}@media only screen and (max-width:768px){section.product-balls .h1 br{display:none}section.product-balls .browser>.inner{height:25rem}}section.media-grid .browser{grid-row-gap:1.5rem}section.media-grid .medias{grid-column:-1/1;display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:1.2rem;align-items:stretch}section.media-grid .media{border-radius:var(--border-radius-small);overflow:clip;position:sticky;top:25vh;--aanloop:.3;--uitloop:.3}@media only screen and (max-width:768px){section.media-grid .browser{padding-bottom:1.2rem}section.media-grid .medias{grid-template-columns:1fr 1fr}section.media-grid .media{--aanloop:.2;--uitloop:.2}}section.media-browser .container{display:grid;grid-template-columns:1fr auto;align-items:end;max-width:var(--max-width-medium)}section.media-browser.left .container{grid-template-columns:auto 1fr}section.media-browser.full .container{grid-template-columns:1fr}section.media-browser .browser{padding-bottom:0;grid-row-gap:1rem;overflow:clip}section.media-browser .browser>p{margin-left:auto}section.media-browser .browser>.media{grid-column:-1/1;margin:0 -2rem;display:flex;flex-direction:column}section.media-browser .browser>.media img{width:100%;height:100%;object-fit:cover}section.media-browser.left .badges{order:-1;justify-content:flex-end}section.media-browser .badges{display:flex;align-items:flex-end;--activate-name:pop-in}section.media-browser .badge .inner{width:3.6rem;height:3.6rem;box-shadow:none}section.media-browser .badge:first-child .inner{width:5.4rem;height:5.4rem;background:0 0}section.media-browser .badge:first-child .inner svg{width:5.4rem;height:5.4rem}@media only screen and (max-width:768px){section.media-browser .badges{display:none}section.media-browser .browser>.media{--geluid-rand:.8rem}}section.text-image{overflow:clip}section.text-image .container{display:grid;grid-template-columns:1fr 1.2fr;grid-gap:var(--gap);align-items:flex-start}section.text-image .has-tags.alt{max-width:32rem}section.text-image a.tag{transition:background 250ms var(--my-ease)}section.text-image a.tag:hover{background:var(--my-light-blue)}section.text-image .browser{padding-bottom:0;grid-row-gap:2rem;overflow:clip;width:calc(100% + var(--gutter-side) * 3)}section.text-image .browser>.media{grid-column:-1/1;margin:0 -2rem}section.text-image .browser>.media :is(img,video){width:100%;height:100%;object-fit:cover}@media only screen and (max-width:1024px){section.text-image article.base .prose{max-width:32rem}section.text-image .container{grid-template-columns:1fr}section.text-image .browser{max-width:var(--max-width-narrow);margin-inline:auto}}section.intro{isolation:isolate}section.intro .h1{max-width:unset;text-align:center}section.intro .container{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--margin-y-small)}section.intro .prose{max-width:28rem;text-align:center}section.intro+section{background:0 0}section.intro+section>.container{margin-top:var(--margin-y-small)}section.feature-browser .browser{grid-row-gap:1.4rem}section.feature-browser .browser>:is(.inners,.features){grid-column:1/-1}section.feature-browser .inners{display:grid;grid-template-columns:1.5fr 1fr;height:18rem;background:var(--my-white);border-radius:var(--border-radius-small);overflow:clip}section.feature-browser .inner{position:relative;min-width:0;min-height:0}section.feature-browser .inner[data-widget=moodboard] .moodboard{aspect-ratio:auto;width:100%;height:100%;max-height:none}section.feature-browser .inner[data-widget=code] .code{height:100%}section.feature-browser .moodboard .chat{padding:0;font-size:var(--font-size-small)}section.feature-browser .moodboard .chat .bubble{max-width:none}section.feature-browser .moodboard .chat .avatar{width:2.2rem}section.feature-browser .moodboard .search .typed{--search-width:13rem;color:var(--my-black)}section.feature-browser .features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem}section.feature-browser .features li{background:var(--my-white);border-radius:var(--border-radius-small);padding:1.2rem 1.2rem 1.6rem}section.feature-browser .features .title{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-family:var(--primary-font);font-weight:var(--font-bold)}section.feature-browser .features svg{width:1.1rem;height:1.1rem;flex:none}section.feature-browser .features .prose{font-size:var(--font-size-small)}@media only screen and (max-width:1024px){section.feature-browser .features{grid-template-columns:1fr 1fr}section.feature-browser .inners{grid-template-columns:1fr;height:auto}section.feature-browser .inners>.inner{min-height:16rem}section.feature-browser .moodboard .item.widget{width:max-content;max-width:56%}section.feature-browser .moodboard .chat{font-size:clamp(.75rem,2cqw,var(--font-size-small))}section.feature-browser .moodboard .chat .avatar{width:clamp(1.6rem,5cqw,2.2rem)}section.feature-browser .moodboard .search .inner{padding:.45rem .8rem;font-size:clamp(.75rem,2cqw,1rem)}section.feature-browser .moodboard .search .typed{--search-width:min(13rem, 30cqw)}section.feature-browser .moodboard .note{width:max-content;font-size:max(.625rem,1.93cqw);padding:.4rem .6rem}section.feature-browser .moodboard .item.logo{width:min(var(--w),6.5rem)}}@media only screen and (max-width:768px){section.feature-browser .features{grid-template-columns:1fr}}section.text-chat .container{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--gap);align-items:center}section.text-chat article .prose{font-family:var(--header-font);max-width:25rem;font-size:var(--font-size-small)}section.text-chat .browser{grid-row-gap:2rem;padding-bottom:0;overflow:clip}section.text-chat .browser>.inner{grid-column:1/-1;position:relative;display:flex;min-height:21rem;background:var(--my-black);border-radius:var(--border-radius-small)var(--border-radius-small)0 0;overflow:clip}:is(section.text-chat .inner,section.dex .gesprek) .chat{justify-content:flex-end;padding:2rem 1.6rem;font-size:var(--font-size-small)}:is(section.text-chat .inner,section.dex .gesprek) .chat ul{gap:1.2rem}:is(section.text-chat .inner,section.dex .gesprek) .chat .bubble{max-width:80%;padding:1rem 1.2rem;border-radius:1.5rem}:is(section.text-chat .inner,section.dex .gesprek) .chat .bubble::after{width:1.05rem;height:.7rem;clip-path:none;mask:url(/img/icons/chat-hook.svg)center/contain no-repeat;bottom:.15rem}:is(section.text-chat .inner,section.dex .gesprek) .chat .right{align-items:flex-end;max-width:18rem;margin-left:auto}:is(section.text-chat .inner,section.dex .gesprek) .chat .right .bubble::after{right:-.35rem;scale:-1 1}:is(section.text-chat .inner,section.dex .gesprek) .chat .left .bubble::after{left:-.35rem;scale:1}:is(section.text-chat .inner,section.dex .gesprek) .chat .avatar{width:2.6rem}:is(section.text-chat .inner,section.dex .gesprek) .chat .buttons{margin-top:.9rem;gap:.5rem}section.text-chat .btn[data-icon=dex] svg{background:var(--my-dex-fill);mask:url(/img/icons/dex.svg)center/contain no-repeat}section.text-chat .btn[data-icon=dex] svg>*{opacity:0}@media only screen and (max-width:768px){section.text-chat .container{grid-template-columns:1fr}section.text-chat article{order:-1}}section.team .members{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4rem 3.5rem;max-width:58rem;margin:calc(var(--font-size-extra-huge) * var(--line-height-small) * -.5)auto 0;opacity:0;transition:opacity 1e3ms var(--my-ease)}section.team .members li{position:relative;transition:transform 1100ms var(--my-ease)calc(var(--i,0) * 20ms)}section.team .members picture{display:flex;border-radius:.25rem;overflow:clip;box-shadow:0 0 .4rem rgba(15,15,15,.15)}section.team .members .name{margin:.6rem 0 .2rem;font-weight:var(--font-bold)}section.team .members .role{margin:0;font-size:var(--font-size-small)}section.team .members :is(.name,.role){transition:opacity 500ms var(--my-ease)600ms}section.team .title-box.show~.members{opacity:1}section.team .title-box:not(.hide)~.members li.stapel{transform:translate(calc(var(--dx,0px) + var(--sx) * var(--spreiding,1)),calc(var(--dy,0px) + var(--sy) * var(--spreiding,1)))rotate(var(--draai))}section.team .title-box:not(.hide)~.members li.stapel :is(.name,.role){opacity:0;transition-delay:0ms}section.team .members li.stapel:nth-child(1){--sx:-11.6rem;--sy:-7rem;--draai:-8deg;z-index:2}section.team .members li.stapel:nth-child(2){--sx:.8rem;--sy:-10.4rem;--draai:2deg;z-index:1}section.team .members li.stapel:nth-child(3){--sx:10.7rem;--sy:-5.1rem;--draai:-10deg;z-index:3}section.team .members li.stapel:nth-child(4){--sx:6.3rem;--sy:5.1rem;--draai:3deg;z-index:0}section.team .members li.stapel:nth-child(5){--sx:0rem;--sy:0rem;--draai:0deg;z-index:0}section.team .members li.stapel:nth-child(6){--sx:-13.6rem;--sy:7.4rem;--draai:-13deg;z-index:4}section.team .members li.stapel:nth-child(7){--sx:-2.4rem;--sy:10.2rem;--draai:-2deg;z-index:5}section.team .members li.stapel:nth-child(8){--sx:13.3rem;--sy:9rem;--draai:14deg;z-index:6}@media(prefers-reduced-motion:reduce){section.team .members li.stapel{transform:none!important}}@media only screen and (max-width:768px){section.team .members{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem 1rem;--spreiding:.5}}body.loading section.team .members li{transition:0s}section.overview .top{display:flex;flex-direction:column;align-items:center;text-align:center}section.overview .top .prose{max-width:26rem;margin-top:1rem}section.overview :is(.category-filter,.pagination){justify-content:center;margin-top:2.4rem}.pagination{display:flex;gap:.5rem;margin-top:4rem}section.overview a.tag{font-size:var(--font-size-body);padding:.55rem 1.4rem;background:var(--my-off-white);transition:background 250ms var(--my-ease)}section.overview a.tag:hover{background:var(--my-light-grey)}section.overview a.tag[aria-current],section.overview .has-tags .uitgelicht{background:var(--my-light-lime)}section.overview .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:5rem}section.overview .cards:not(:has(li:nth-of-type(3))){display:flex;justify-content:center}section.overview .cards:not(:has(li:nth-of-type(3)))>li:not(.featured){max-width:calc(33% - 1rem)}section.overview .cards:not(:has(li:nth-of-type(3)))>.featured{width:100%}.content-card.content-card.content-card{align-content:start;grid-gap:1.4rem 1rem}.content-card>:is(a,.inner){grid-column:1/-1}.content-card>a picture{aspect-ratio:1.22;border-radius:var(--border-radius-small);overflow:clip}.content-card .title{margin:1.4rem 0 .5rem;font-family:var(--primary-font);font-size:var(--font-size-h6);font-weight:var(--font-bold)}.content-card .summary{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--font-size-small)}.content-card .meta{display:flex;align-items:center;gap:.8rem;margin-top:.8rem;font-size:var(--font-size-tiny);color:var(--my-black-65)}.content-card picture img{object-fit:cover}.content-card.featured{grid-column:1/-1}.content-card.featured .inner{display:grid;grid-template-columns:minmax(0,1.57fr)minmax(0,1fr);gap:1rem}.content-card.featured .inner>a picture{height:100%;min-height:24rem;border-radius:var(--border-radius-small);overflow:clip}.content-card.featured .card{background:var(--my-white)}.content-card.featured .h2{margin:2rem 0 1.4rem;font-family:var(--header-font);font-size:var(--font-size-h1)}.content-card.featured .summary{-webkit-line-clamp:4;line-clamp:4;font-size:var(--font-size-body)}.content-card.featured .meta{margin:1.4rem 0 2rem}.content-card.featured .meta picture{width:1.8rem;aspect-ratio:1;border-radius:50%;overflow:clip}.vacancy-list{display:grid;gap:1rem;margin-top:2rem}.vacancy-card.vacancy-card{display:grid;grid-template-columns:1fr auto;grid-template-areas:"tag btn" "title btn" "meta btn";align-items:center;row-gap:.6rem;padding:2rem;position:relative}.vacancy-card .has-tags{grid-area:tag;margin:0}.vacancy-card .has-tags>*{background:var(--my-white)}.vacancy-card .title{grid-area:title;margin:.5rem 0 0;font-family:var(--primary-font);font-size:var(--font-size-h3);font-weight:var(--font-bold)}.vacancy-card .title a::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;cursor:var(--cursor-pointer)}.vacancy-card .meta{grid-area:meta;margin:0;display:flex;gap:.5rem;color:var(--my-black-65)}.vacancy-card .btn{grid-area:btn;pointer-events:none}section.overview div.empty{max-width:20rem;margin:5rem auto 0;text-align:center;padding:1rem;background:var(--my-off-white);border-radius:var(--border-radius-small)}section.vacancies .container{max-width:var(--max-width-slim);margin-inline:auto}section.vacancies .vacancy-list{margin-top:var(--margin-y-small)}@media only screen and (min-width:769px){.dot-list span:first-of-type::before{display:none}}@media only screen and (max-width:900px){section.overview .cards{grid-template-columns:1fr 1fr}.content-card.featured .inner{grid-template-columns:1fr 1fr}.vacancy-card.vacancy-card{grid-template-columns:1fr;grid-template-areas:unset;max-width:26rem;margin-inline:auto;width:100%}.vacancy-card.vacancy-card>*{grid-area:unset}.vacancy-card.vacancy-card>.btn{margin-top:1rem}.vacancy-card .dot-list{flex-direction:column}}@media only screen and (max-width:600px){section.overview .cards{grid-template-columns:1fr}.content-card.featured .inner{grid-template-columns:1fr}.content-card.featured .inner>a picture{min-height:unset}section.overview .pagination a.tag{padding:.5rem .6rem;font-size:var(--font-size-tiny)}}section.detail-hero .container{display:flex;flex-direction:column;align-items:center;text-align:center}section.detail-hero :is(.has-tags,.meta,.buttons){justify-content:center}section.detail-content .container{display:grid;grid-template-columns:1fr;grid-gap:var(--gap);align-items:start}section.detail-content aside{display:grid;gap:1rem;order:-1;max-width:19rem;margin-inline:auto}section.detail-content .prose{max-width:var(--max-width-narrow);margin-inline:auto}section.detail-content .prose a{overflow-wrap:anywhere}.person{display:flex;align-items:center;gap:.8rem;font-size:var(--font-size-small);text-align:left}.person picture{flex:none;width:var(--person-size,2.4rem);aspect-ratio:1;border-radius:50%;overflow:clip}.person p{display:flex;flex-direction:column;margin:0}.person :is(span,a){color:var(--my-black-65)}button.btn{font:inherit}button.tag{font-family:inherit;line-height:inherit}@media only screen and (min-width:901px){section.detail-content .container{grid-template-columns:1fr auto}section.detail-content aside{position:sticky;top:7rem;--aanloop:.5;--uitloop:.5}}body.vacatures header .left a.btn{display:none}section.vacancy-hero .meta{display:flex;gap:.5rem;margin-top:1.4rem}section.vacancy-hero .buttons{margin-top:2rem}section.vacancy-hero .meta.dot-list{display:none}.dot-list span::before{content:"•";margin-right:.5rem}form.custom .upload-vak{position:relative;padding:1.6rem;border:1.5px dashed var(--my-grey);display:flex;flex-direction:column;justify-content:center;border-radius:1.4rem;text-align:center;background:var(--my-white);transition:background 250ms var(--my-ease),border-color 250ms var(--my-ease);height:5rem}form.custom .upload-vak.sleept{background:var(--my-light-blue);border-color:var(--my-blue)}form.custom .upload-vak>*{font-size:var(--font-size-tiny);margin:0}form.custom .upload-vak>p{max-width:12rem;margin-inline:auto}form.custom .upload-vak .naam{margin:0;font-weight:var(--font-bold)}form.custom .upload-vak.gevuld p:not(.naam),form.custom .upload-vak:not(.gevuld) .naam{display:none}form.custom .upload-vak.gevuld p.naam::before{content:"";background:url(/img/icons/check-circle.svg)50%/contain no-repeat;width:1.2em;height:1.2em;display:inline-block;margin-right:.2rem;transform:translateY(.215em)}form.custom .upload-vak.gevuld{border-color:var(--my-lime)}form.custom .upload input{position:absolute;inset:0;opacity:0;cursor:var(--cursor-pointer)}form.custom .upload label{display:block;margin-bottom:.5rem}section:has(+section.vacancy-details) .container{margin-bottom:var(--margin-y-small)}section.vacancy-details .container{margin-top:var(--margin-y-small)}section.vacancy-details .inner{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.57fr)minmax(0,1fr);gap:1rem}section.vacancy-details .browser{grid-row-gap:1rem}section.vacancy-details .media{border-radius:var(--border-radius-small);overflow:clip;height:100%}section.vacancy-details .media img{height:100%;object-fit:cover}section.vacancy-details .side{display:flex;flex-direction:column;gap:1rem}section.vacancy-details .card{background:var(--my-white);flex-grow:1;align-items:flex-start;grid-template-rows:auto 1fr auto}section.vacancy-details .specs{grid-column:1/-1;margin:1.4rem 0}section.vacancy-details .specs div{display:flex;justify-content:space-between;padding:.8rem 0;border-bottom:1px solid var(--my-light-grey);font-size:var(--font-size-small)}section.vacancy-details .specs dt{color:var(--my-black-65)}section.vacancy-details .card .btn{grid-column:1/-1;justify-content:center}section.vacancy-details .contact{--person-size:3rem;padding:1.4rem;border-radius:var(--border-radius);background:var(--my-white)}section.vacancy-content aside{order:1;width:100%;max-width:27rem}section.other-vacancies .container{max-width:var(--max-width-slim);margin-inline:auto}section.other-vacancies .top{display:flex;justify-content:space-between;align-items:flex-end}@media only screen and (max-width:1024px){section.vacancy-details .container{max-width:30rem}section.vacancy-details .inner{grid-template-columns:1fr}section.vacancy-details .side{display:grid;grid-template-columns:1fr}}@media only screen and (max-width:768px){section.other-vacancies .top{flex-direction:column;align-items:center}section.other-vacancies .top .btn{display:none}}section.legal .updated{color:var(--my-black-65);font-size:var(--font-size-small)}section.legal .prose{max-width:var(--max-width-narrow);margin-top:4rem}section.blog-hero .h1{max-width:20em}section.blog-hero .container{margin-bottom:0}section.blog-hero .h1.huge{max-width:12em}section.blog-hero .has-tags{margin-bottom:1.6rem}section.blog-hero .has-tags span{background:var(--my-off-white)}section.blog-hero .has-tags a{background:var(--my-light-lime);transition:background-color 250ms}section.blog-hero .has-tags a:hover{background:var(--my-light-blue);text-decoration:none}section.blog-hero .authors{display:flex;gap:1.4rem;text-align:left}section.blog-hero figure{width:100%;margin-top:4rem;padding-bottom:0;overflow:clip}section.blog-hero figure>picture{grid-column:1/-1;margin:2rem -2rem 0}section.blog-content .intro{font-size:var(--font-size-h5)}section.blog-content .takeaways{margin-top:3rem;padding:2rem 2.4rem;border-radius:var(--border-radius);background:var(--my-off-white)}section.blog-content .takeaways .h5{margin-top:0}section.blog-content .toc{padding:1.5rem;min-width:20rem}section.blog-content .toc ol{grid-column:1/-1;display:grid;list-style:none;gap:.2rem;margin-top:1rem;padding:.8rem;background:var(--my-white);border-radius:var(--border-radius-small)}section.blog-content .toc a{display:block;padding:.5rem .6rem;color:var(--my-black-65);font-size:var(--font-size-small);transition:color 250ms var(--my-ease)}section.blog-content .toc a[aria-current]{color:var(--my-black);font-weight:var(--font-bold)}section.keep-reading .top-row{display:flex;justify-content:space-between;align-items:flex-end}section.keep-reading .top-row .h1{margin-bottom:0}section.keep-reading .cards{margin-top:3rem}@media only screen and (max-width:900px){section.blog-content aside{order:-1;margin-top:1rem;max-width:var(--max-width-narrow);width:100%}}@media only screen and (max-width:768px){section.blog-hero .container{text-align:left;align-items:flex-start}section.blog-hero .has-tags{order:1;margin-block:.5rem 1.6rem}section.blog-hero figure{order:2;padding-top:1.2rem}section.blog-hero figure picture{margin-top:1rem}section.blog-hero .authors{order:2}section.blog-content .container{margin-top:0}section.keep-reading .top-row{align-items:center}section.keep-reading .top-row .btn{margin-top:0}}:root{--vt-cover:500ms;--vt-hold:300ms;--vt-uncover:500ms;--vt-ease:var(--my-ease);--vt-scale-out:1.3;--vt-scale-in:1.2}.veil{display:none;position:fixed;inset:0;z-index:200;background:var(--my-light-blue);color:var(--my-blue);align-items:center;justify-content:center;pointer-events:none}.veil svg{width:var(--logo-width);height:auto}html.vt-active .veil{display:flex;view-transition-name:veil}::view-transition{background:var(--my-off-white)}::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal}::view-transition-old(root){transform-origin:var(--view-x,50%)var(--view-y,50%);animation:vt-page-out var(--vt-cover)var(--vt-ease)forwards,vt-invisible 1ms linear var(--vt-cover)forwards}::view-transition-new(root){animation:vt-invisible calc(var(--vt-cover) + var(--vt-hold))linear,vt-page-in var(--vt-uncover)var(--vt-ease)calc(var(--vt-cover) + var(--vt-hold))both}::view-transition-group(veil){animation:none}::view-transition-new(veil){animation:vt-veil-cover var(--vt-cover)var(--vt-ease)both,vt-veil-uncover var(--vt-uncover)var(--vt-ease)calc(var(--vt-cover) + var(--vt-hold))forwards}@keyframes vt-veil-cover{from{clip-path:circle(0% at var(--view-x,50%) var(--view-y,50%))}to{clip-path:circle(142% at var(--view-x,50%) var(--view-y,50%))}}@keyframes vt-veil-uncover{from{clip-path:circle(142% at 50% 50%)}to{clip-path:circle(0% at 50% 50%)}}@keyframes vt-page-out{to{scale:var(--vt-scale-out)}}@keyframes vt-page-in{from{scale:var(--vt-scale-in)}}@keyframes vt-invisible{from,to{opacity:0}}:root{--splash-vangnet:1500ms;--splash-uit:var(--vt-uncover)}.splash{position:fixed;inset:0;z-index:190;display:flex;align-items:center;justify-content:center;background:var(--my-light-blue);color:var(--my-blue);clip-path:circle(142% at 50% 50%);transition:clip-path var(--splash-uit)var(--vt-ease),visibility 0s linear var(--splash-uit);animation:splash-uit var(--splash-uit)var(--vt-ease)var(--splash-vangnet)forwards}.splash svg{width:var(--logo-width);height:auto;animation:splash-adem 1200ms var(--my-ease)infinite alternate}.splash.weg{clip-path:circle(0% at 50% 50%);visibility:hidden;animation:none}html.no-js .splash,html.zonder-splash .splash{display:none}@media(prefers-reduced-motion:reduce){.splash{clip-path:none;transition:opacity var(--splash-uit)var(--my-ease),visibility 0s linear var(--splash-uit);animation-name:splash-fade}.splash svg{animation:none}.splash.weg{clip-path:none;opacity:0}}@keyframes splash-uit{to{clip-path:circle(0% at 50% 50%);visibility:hidden}}@keyframes splash-fade{to{opacity:0;visibility:hidden}}@keyframes splash-adem{to{scale:1.04}}form.custom{--form-columns:2;--form-gap:1.25em;--form-main-color:var(--main-color);--form-input-background-color:var(--background-color);--form-padding-x:1.2em;--form-padding-y:.75em;--form-padding:var(--form-padding-y) var(--form-padding-x);--form-border-color:transparent;--form-border-width:1px;--form-border-radius:1.8em;--form-label-color:var(--main-color);--form-label-border-radius:0.5em;--form-label-background-color:var(--background-color);--form-label-asterisk-color:var(--my-lime);--form-label-transform-distance:62%;--form-check-border-radius:.2em;--form-color-focus:var(--main-color);--form-color-error:var(--my-red);--form-transition:250ms ease}form.custom{position:relative;max-width:50rem;margin:0 auto;font-size:min(var(--font-size-body),16px);width:100%}form.custom fieldset{display:grid;grid-template-columns:repeat(var(--form-columns),1fr);grid-gap:var(--form-gap)}form.custom fieldset>div{position:relative}form.custom :is(textarea,input,select){padding:var(--form-padding-y);font-family:inherit;color:var(--form-main-color);font-size:inherit;width:100%;transition:border var(--form-transition),padding var(--form-transition);border:var(--form-border-width)solid var(--form-border-color);background:var(--form-input-background-color);border-radius:var(--form-border-radius)}form.custom :is(textarea,input,select)::selection{background:var(--my-light-blue)}form.custom :is(textarea,input,select)::placeholder{opacity:0}form.custom .normal input{color:var(--form-main-color)}form.custom div.double,form.custom small,form.custom small~*{grid-column:-1/1}form.custom :is(input,textarea){padding:calc(var(--form-padding-y) + .2em)var(--form-padding-x)calc(var(--form-padding-y) - .2em)}form.custom .normal textarea{min-width:100%;max-width:100%;resize:none;border:var(--form-border-width)solid var(--form-border-color)}form.custom .normal textarea:focus-visible{border:var(--form-border-width)solid var(--form-color-focus)}form.custom .divider:not(:first-of-type){margin-top:2em}form.custom .normal label{position:absolute;top:.95em;left:1.1em;color:var(--my-black-65);pointer-events:none;transform-origin:left;transition:var(--form-transition);transition-property:transform,color;white-space:nowrap;border-radius:var(--form-label-border-radius)}form.custom .normal :is(textarea:is(:focus,:not(:placeholder-shown)),input:is(:focus,:not(:placeholder-shown)))+label,form.custom .select[data-active=true] label{transform:translate(.2em,calc(var(--form-label-transform-distance) * -1))scale(.6);color:var(--my-grey)}form.custom .normal :is(textarea,input,select)[required]+label::after{content:"*";display:inline-block;margin-left:.15em;color:var(--form-label-asterisk-color);transition:var(--form-transition)}form.custom .normal :is(:is(input,textarea):is(:focus,:not(:placeholder-shown)),select[data-active=true])+label:after{opacity:0}form.custom input[type=email]:not(:focus,:placeholder-shown):invalid+label::after{content:"Invalid";display:inline-block;margin-left:.5em;padding:0 .5em;color:var(--form-color-error);opacity:1}form.custom .select{position:relative;display:flex;align-items:center;min-height:2.333em;background:var(--form-input-background-color);border:var(--form-border-width)solid var(--form-border-color);border-radius:var(--form-border-radius)}form.custom .select select{position:absolute;top:0;left:0;width:100%;height:100%;color:transparent;background:0 0;border:none;cursor:pointer}form.custom .select span{position:absolute;top:var(--form-padding-y);left:var(--form-padding-x);pointer-events:none;transform-origin:left;transition:var(--form-transition);white-space:nowrap;color:var(--form-label-color);font-weight:var(--font-semi-bold);opacity:0}form.custom .select[data-active=true] span{opacity:1}form.custom .select::before,form.custom .select::after{content:"";height:2px;top:45%;width:.4em;position:absolute;transform:translate(40%,-.05em)rotate(var(--r,45deg))translateY(.18em);background:var(--form-main-color);right:calc(var(--form-padding-x) + .4em);border-radius:100vmin;transition:background var(--form-transition)}form.custom .select::after{--r:-45deg}form.custom .field{flex-direction:column}form.custom .field p{margin-bottom:.5em;color:var(--form-label-color)}form.custom .field ul{display:flex;flex-wrap:wrap;gap:1em}form.custom .field ul li{position:relative;display:flex;color:var(--form-label-color)}form.custom .field ul input{position:absolute;top:0;left:0;opacity:0;pointer-events:none}form.custom .field ul input:focus{border:none;outline:none}form.custom .field ul input:focus-visible+label::before{outline:3px solid var(--form-color-focus)}form.custom .field ul label:hover::before{background:var(--form-color-focus)}form.custom .field ul label{padding-left:1.5em}form.custom .field ul label::before,form.custom .field ul label::after{content:"";position:absolute;left:0;top:.25em;width:1em;height:1em;border:1px solid var(--form-border-color);border-radius:var(--form-check-border-radius);transition:background 250ms}form.custom .field ul label::after{background:url(/img/icons/check-bold.svg)50%/contain no-repeat;left:0;background-size:60%;transform-origin:bottom;transition:transform var(--form-transition);transform:scale(0);border:none}form.custom .field ul input:checked~label::after{transform:none}form.custom button.btn{font-size:var(--font-size-body);grid-column:-1/1;max-width:max-content;margin-inline:auto;margin-top:0}@media only screen and (max-width:768px){form.custom{--form-columns:1}}.prose>*+*{margin:1.5em 0 0}.prose img,.prose iframe{width:100%}.prose ul,.prose ul ul ul{list-style:disc}.prose ul ul,.prose ul ul ul ul{list-style:circle}.prose :is(ol,ul){padding-left:1em}.prose :is(ol,ul)>li{margin-bottom:.5em}.prose :is(ol,ul) :is(ol,ul){margin:.5em 0}.prose blockquote{position:relative;font-style:italic;font-size:1.5rem;padding-left:.8em;border-left:.25rem solid var(--main-color)}.prose>* strong{font-weight:var(--font-bold)}.prose>* em{font-style:italic}.prose a:not(.btn){text-decoration-line:underline}.prose code{font-family:monospace;background:#ddd;padding:.2rem}.prose :is(h1,h2,h3,h4)+*{margin-top:.8em}.prose p+ul{margin-top:.5em}section.not-found .container{display:flex;flex-direction:column;align-items:center;gap:1rem}section.legal{.container{max-width:var(--max-width-narrow)}.prose h2{font-size:var(--font-size-h3)}.prose h3{font-size:var(--font-size-h4)}.prose h4{font-size:var(--font-size-h5)}}div.cookiemelding{position:fixed;z-index:130;right:var(--gutter-side);bottom:1rem;width:27rem;max-width:calc(100vw - var(--gutter-side) * 2);max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);overflow-y:auto;overscroll-behavior:contain;padding:1.6rem;background:var(--my-off-white);border-radius:var(--border-radius);box-shadow:0 1rem 3rem rgba(0,0,0,.12);font-size:var(--font-size-small);--cookie-grey:#666666;opacity:0;translate:0 1rem;transition:opacity 400ms var(--my-ease),translate 400ms var(--my-ease)}div.cookiemelding[hidden]{display:none}div.cookiemelding.zichtbaar{opacity:1;translate:0 0}div.cookiemelding .kop{display:flex;align-items:flex-start;gap:1rem}div.cookiemelding h2{margin-bottom:.5em;outline:none}div.cookiemelding .kruis{position:relative;margin-left:auto;width:2rem;aspect-ratio:1;border-radius:50%;background:var(--my-light-grey);flex-shrink:0;transition:background 250ms var(--my-ease),rotate 400ms var(--my-ease-bounce)}div.cookiemelding .kruis[hidden]{display:none}div.cookiemelding .kruis::before,div.cookiemelding .kruis::after{content:"";position:absolute;top:50%;left:50%;width:.8rem;height:1.5px;border-radius:2px;background:var(--my-black);translate:-50% -50%;rotate:var(--r,45deg)}div.cookiemelding .kruis::after{--r:-45deg}div.cookiemelding .kruis:hover{background:var(--my-light-blue);rotate:90deg}div.cookiemelding .intro{color:var(--cookie-grey)}div.cookiemelding .intro a,div.cookiemelding dd a{text-decoration-line:underline}div.cookiemelding .details{margin-top:1rem;border-top:1px solid var(--my-light-grey)}div.cookiemelding .details[hidden]{display:none}div.cookiemelding .categorie{border-bottom:1px solid var(--my-light-grey)}div.cookiemelding summary{display:flex;align-items:center;gap:.6em;padding:.8em 0;list-style:none}div.cookiemelding summary::-webkit-details-marker{display:none}div.cookiemelding summary::after{content:"";width:.45em;aspect-ratio:1;margin:0 .3em 0 auto;border-right:1.5px solid;border-bottom:1.5px solid;rotate:45deg;transition:rotate 300ms var(--my-ease)}div.cookiemelding .categorie[open] summary::after{rotate:-135deg}div.cookiemelding .aantal{font-size:var(--font-size-tiny);background:var(--my-light-grey);border-radius:var(--btn-border-radius);padding:.1em .6em}div.cookiemelding .categorie>p{color:var(--cookie-grey);margin-bottom:.8em}div.cookiemelding .categorie ul{display:grid;gap:.5rem;margin-bottom:1rem}div.cookiemelding .categorie li{background:var(--my-white);border-radius:var(--border-radius-small);padding:.7rem .9rem}div.cookiemelding dl>div{display:grid;grid-template-columns:7em 1fr;gap:.8em;padding:.15em 0;font-size:var(--font-size-tiny);line-height:var(--line-height-small)}div.cookiemelding dt{color:var(--cookie-grey)}div.cookiemelding dd{overflow-wrap:anywhere}div.cookiemelding .leeg{color:var(--cookie-grey);margin-bottom:1em}div.cookiemelding .keuzes{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:1.2rem}div.cookiemelding .schakel{position:relative;display:flex;flex-direction:column;align-items:center;gap:.4em;font-size:var(--font-size-tiny);text-align:center}div.cookiemelding .schakel:has(input:disabled){cursor:var(--cursor-default)}div.cookiemelding .schakel input{position:absolute;opacity:0;pointer-events:none}div.cookiemelding .knop{position:relative;width:2.6em;height:1.5em;border-radius:1em;background:var(--my-black-65);transition:background 250ms var(--my-ease)}div.cookiemelding .knop::after{content:"";position:absolute;top:.2em;left:.2em;width:1.1em;aspect-ratio:1;border-radius:50%;background:var(--my-white);box-shadow:var(--blur-shadow);transition:translate 350ms var(--my-ease-bounce)}div.cookiemelding input:checked+.knop{background:var(--my-blue)}div.cookiemelding input:checked+.knop::after{translate:1.1em 0}div.cookiemelding input:disabled+.knop{opacity:.5}div.cookiemelding input:focus-visible+.knop{outline:.125rem solid var(--my-black);outline-offset:.125rem}div.cookiemelding :is(a,button,summary):focus-visible{outline:.125rem solid var(--my-black);outline-offset:.125rem}div.cookiemelding summary:focus-visible{border-radius:var(--border-radius-small)}div.cookiemelding .sr{display:block;position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}div.cookiemelding .knoppen{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1.2rem}div.cookiemelding .knoppen .btn{max-width:none;justify-content:center;margin:0;font-size:var(--font-size-small)}div.cookiemelding .knoppen [data-cookies=bewaar]{grid-column:1/-1}div.cookiemelding .toon-details{display:block;margin:.9rem auto 0;background:0 0;font:inherit;font-size:var(--font-size-tiny);color:var(--cookie-grey);text-decoration:underline;text-underline-offset:.15em;border-radius:var(--border-radius-small)}div.cookiemelding .toon-details:hover{color:var(--main-color)}@media only screen and (max-width:768px){div.cookiemelding{bottom:.5rem;padding:1.2rem}}@media(prefers-reduced-motion){div.cookiemelding{translate:none}}@media only screen and (max-width:1024px){article.base .prose{margin-top:2rem}}@media only screen and (min-width:769px) and (max-width:1024px){:root{--gutter-side:calc(3.125vw - .5rem);--font-size-extra-huge:calc(37.5vw - 14.9rem);--font-size-huge:calc(17.1875vw - 5.75rem);--font-size-h1:calc(5.9375vw - .9rem);--font-size-h2:calc(3.125vw + .1rem);--font-size-h3:calc(1.25vw + .8rem);--margin-y:calc(18.75vw - 2rem);--margin-y-small:calc(9.375vw - 1rem)}}@media only screen and (max-width:768px){:root{--gutter-side:1rem;--font-size-extra-huge:3.1rem;--font-size-huge:2.5rem;--font-size-h1:1.95rem;--font-size-h2:1.6rem;--font-size-h3:1.4rem;--margin-y:7rem;--margin-y-small:3.5rem;--margin-kicker:2rem}}@media only screen and (max-width:350px){html{font-size:4.575vw}}@keyframes drift-1{0%,30%{translate:0 0}44%,58%{translate:calc(var(--range,1.5rem) * var(--mirror,1) * .8)calc(var(--range,1.5rem) * -.35)}70%,84%{translate:calc(var(--range,1.5rem) * var(--mirror,1) * .3)calc(var(--range,1.5rem) * .5)}100%{translate:0 0}}@keyframes drift-2{0%,12%{translate:0 0}24%,50%{translate:calc(var(--range,1.5rem) * var(--mirror,1) * -.6)calc(var(--range,1.5rem) * -.7)}62%,72%{translate:calc(var(--range,1.5rem) * var(--mirror,1) * .5)calc(var(--range,1.5rem) * -.2)}86%,100%{translate:0 0}}@keyframes drift-3{0%,40%{translate:0 0}46%,52%{translate:calc(var(--range,1.5rem) * var(--mirror,1) * .25)calc(var(--range,1.5rem) * .15)}60%,80%{translate:calc(var(--range,1.5rem) * var(--mirror,1))calc(var(--range,1.5rem) * .4)}88%,94%{translate:calc(var(--range,1.5rem) * var(--mirror,1) * .7)calc(var(--range,1.5rem) * -.3)}100%{translate:0 0}}@keyframes drift-4{0%,20%{translate:0 0}32%,38%{translate:calc(var(--range,1.5rem) * var(--mirror,1) * -.4)calc(var(--range,1.5rem) * .6)}46%,68%{translate:calc(var(--range,1.5rem) * var(--mirror,1) * -.9)calc(var(--range,1.5rem) * -.1)}78%,100%{translate:0 0}}@keyframes drift-inner{0%,45%{translate:0 0}55%,70%{translate:calc(var(--range,1.5rem) * .25)calc(var(--range,1.5rem) * -.2)}80%,100%{translate:0 0}}@font-face{font-family:exposure;src:url(/fonts/Exposure.woff2)format("woff2"),url(/fonts/Exposure.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:exposure;src:url(/fonts/Exposure-Italic.woff2)format("woff2"),url(/fonts/Exposure-Italic.woff)format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:suisseintl;src:url(/fonts/SuisseIntl-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:suisseintl;src:url(/fonts/SuisseIntl-Semibold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}section:has(+section.bento)>.container{margin-bottom:var(--margin-y-small)}section.bento .container{margin-block:0;max-width:var(--max-width-medium)}section.bento .container>.title-box:has(+.prose) .h1{margin-bottom:0}section.bento .container>.prose{max-width:33rem;margin:2.9rem auto;text-align:center}section.bento .kicker{text-align:center;margin-bottom:2rem}section.bento.has-faded-title .h1{max-width:10em;margin-bottom:4.5rem;text-align:center}section.bento:last-of-type .container{margin-bottom:var(--margin-y)}section.bento .box{display:grid;grid-gap:1rem;grid-template-rows:22rem 3.3rem 22rem}section.bento .box .col{display:grid;grid-gap:1rem;grid-auto-rows:minmax(0,1fr)}section.bento .browser{display:grid;grid-template-columns:auto 1fr;grid-gap:.8rem 1rem;align-items:flex-start;grid-template-rows:auto minmax(0,1fr)auto;padding-bottom:1.6rem}section.bento .browser>*:not(span,.tag){grid-column:-1/1}section.bento .browser:not(:has(>.prose)){grid-template-rows:auto minmax(0,1fr);padding-bottom:2.05rem}section.bento .browser>.tag{margin-top:calc(var(--font-size-small) * var(--line-height-regular) * -.5);margin-bottom:0}section.bento .browser p.h6{font-family:var(--primary-font);font-weight:var(--font-bold)}section.bento .browser p.h6+*{margin-top:.7rem}section.bento .browser>.inner{background:var(--my-white);border-radius:var(--border-radius-small);overflow:clip;display:flex;flex-direction:column;position:relative;height:100%;box-shadow:var(--drop-shadow);container-type:inline-size}section.bento .browser .prose{font-size:var(--font-size-small);line-height:1.3;margin-top:.85rem;max-width:var(--text-width,none)}section.bento .browser picture{position:absolute;top:0;left:0;width:100%;height:100%}section.bento .browser picture img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}section.bento .browser>.inner>figure{height:100%;min-height:0}section.bento .browser>.inner :is(.bars,.comparison-bars){min-height:0}section.bento .browser .bar-chart{padding:1.45rem}section.bento .browser .visualisation:not(.inverted) :is(.viz-label,.labels,.legend){color:var(--my-grey)}section.bento .browser .stat:not(.inverted) :is(.stat-label,.note){color:var(--my-grey)}section.bento .browser:nth-of-type(1){grid-area:a}section.bento .browser:nth-of-type(2){grid-area:b}section.bento .browser:nth-of-type(3){grid-area:c}section.bento .browser:nth-of-type(4){grid-area:d}section.bento .browser:nth-of-type(5){grid-area:e}section.bento .browser:nth-of-type(6){grid-area:f}section.bento .box-1{grid-template-columns:1.16fr 1.16fr 1.56fr;grid-template-areas:"a a b" "a a e" "c d e"}section.bento .box-2{grid-template-columns:1.56fr 1.16fr 1.16fr;grid-template-areas:"a b c" "a e f" "d e f"}section.bento .box-2.grow-right{grid-template-columns:1.16fr 1.16fr 1.56fr;grid-template-areas:"a b c" "d e c" "d e f"}section.bento .box-3{grid-template-columns:1.56fr 1.16fr 1.16fr;grid-template-rows:49.3rem}section.bento .box-3 .browser{grid-area:unset}section.bento .box-3>.browser{grid-column:span 2}section.bento .box-3>.browser:has(>.prose){padding-bottom:1.7rem}section.bento .box-3 .frame .switch.tabs button{padding-inline:1rem}section.bento .box-4{grid-template-columns:1.16fr 1.16fr 1.56fr;grid-template-areas:"a a b" "a a b" "c d b"}@media only screen and (max-width:1024px){section.bento .box{grid-template-rows:22rem 3.3rem 22rem 22rem}section.bento .box-1{grid-template-columns:2fr 1fr;grid-template-areas:"a b" "a c" "e c" "d d"}section.bento .box-2{grid-template-rows:22rem 3.3rem 22rem 3.3rem 22rem;grid-template-columns:1.5fr 1fr;grid-template-areas:"a b" "a c" "e c" "e f" "d f"}section.bento .box-2.grow-right{grid-template-rows:22rem 3.3rem 22rem 3.3rem 22rem;grid-template-columns:1fr 1.5fr;grid-template-areas:"a b" "a c" "e c" "d c" "d f"}section.bento .box-3{grid-template-rows:auto auto;grid-template-columns:1fr;grid-template-areas:}section.bento .box-4{grid-template-columns:2fr 1fr;grid-template-areas:"a b" "a b" "c b" "d d"}section.bento .box .col{grid-template-columns:1fr 1fr;order:2}}@media only screen and (max-width:768px){section.bento .box.box{grid-template-columns:1fr;grid-template-areas:unset;grid-template-rows:unset;max-width:30rem;margin-inline:auto}section.bento .browser.browser{grid-area:unset;min-height:25rem}section.bento .box-3 .browser.browser{min-height:unset}section.bento .box .col{grid-template-columns:1fr;grid-auto-rows:unset}section.bento .view.grid-2x2{min-height:23rem}section.bento .stat .viz-value{font-size:1.8rem}section.bento .bar-chart ul.legend{display:none}}section.bento .visualisation .viz-label{margin-bottom:.2em}section.bento .visualisation .viz-label.right{margin-top:0;text-align:right}section.bento .browser .bar-chart:has(.viz-label.right){padding:1.57rem 1.25rem 1.05rem}section.bento .bar-chart:has(.viz-label.right) .viz-label{font-size:.565rem}section.bento .bar-chart:has(.viz-label.right) .viz-value{margin-top:.34em}section.bento .bar-chart:has(.viz-label.right) .viz-value .suffix{font-size:.5em;margin-left:.25em}section.bento .bar-chart:has(.viz-label.right) .bars{--bar-gap:.1rem;margin-top:.8rem;margin-bottom:.25rem}section.bento .browser>.inner>.visualisation{padding:1rem 1rem .8rem}section.bento .bar-chart.small .viz-label{font-size:.7rem}section.bento .bar-chart.small .bars{--bar-gap:.11rem;margin-top:1.1rem}section.bento .bar-chart[data-style=Bars].small:not(.capsules) .bar:not(.zero){--dot:0rem}section.bento .bar-chart[data-style=Bars].small.capsules .bar{--dot:calc((100cqw - (var(--bar-count, 16) - 1) * var(--bar-gap, .3rem)) / var(--bar-count, 16))}section.bento .clipped-donut-chart .donut.small{top:1rem;left:-13.2%;width:126.4%}section.bento .clipped-donut-chart .donut.small~.viz-value{font-size:2rem;margin-bottom:-.1em}section.bento .clipped-donut-chart .donut.small~figcaption{margin-bottom:.17rem}section.bento .clipped-donut-chart .donut.small~figcaption .description{max-width:13rem}section.bento .clipped-donut-chart .description{max-width:none}section.bento .clipped-donut-chart .donut.small~figcaption .description strong{color:var(--my-black);font-weight:var(--font-regular)}:is(section.bento,section.text-phases) .switch .figures .clipped-donut-chart{min-height:0}:is(section.bento,section.text-phases) .switch .figures .clipped-donut-chart .donut.small{top:auto;bottom:0;left:50%;width:140%;max-height:115%;translate:-50% 11.7%}@media only screen and (max-width:768px){section.bento .clipped-donut-chart .donut.small~.viz-value{margin-top:3rem;margin-bottom:0}}:is(section.bento,section.text-phases) .switch{display:grid;align-content:start;gap:1rem;padding:1.2rem;flex:1;min-height:0;grid-template-rows:auto minmax(0,1fr)}:is(section.bento,section.text-phases) .switch>.views{grid-row:1}:is(section.bento,section.text-phases) .switch .views>ul{display:flex;position:relative}:is(section.bento,section.text-phases) .switch .views>ul::after{content:"";position:absolute;left:0;translate:var(--x,0);width:var(--w,0);transition:333ms var(--my-ease);transition-property:width,translate}:is(section.bento,section.text-phases) .switch button{display:flex;align-items:center;gap:.4em;background:0 0;font-family:var(--primary-font);font-size:var(--font-size-tiny);line-height:var(--line-height-regular);color:var(--my-black-50);transition:color 200ms var(--my-ease)}:is(section.bento,section.text-phases) .switch button::before{content:"";width:.5em;aspect-ratio:1;border-radius:50%;background:var(--own-color,transparent)}:is(section.bento,section.text-phases) .switch button:not(.has-dot)::before{display:none}:is(section.bento,section.text-phases) .switch :is(button:hover,button[aria-pressed=true]){color:var(--my-black)}:is(section.bento,section.text-phases) .switch .figures{grid-row:2;min-height:0}:is(section.bento,section.text-phases) .switch .figures .list{display:none;height:100%}:is(section.bento,section.text-phases) .switch .figures .list.active{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:1rem}:is(section.bento,section.text-phases) .switch.tabs .views>ul{border-bottom:.075rem solid var(--my-light-grey)}:is(section.bento,section.text-phases) .switch.tabs .views>ul::after{bottom:-.075rem;height:.1rem;background:var(--my-grey)}:is(section.bento,section.text-phases) .switch.tabs button{padding:.3rem .6rem}:is(section.bento,section.text-phases) .switch.pills .views>ul{gap:.2rem;padding:.3rem;background:var(--my-black);border-radius:100vmin;justify-self:start}:is(section.bento,section.text-phases) .switch.pills .views>ul::after{top:.3rem;height:calc(100% - .6rem);background:var(--my-white);border-radius:100vmin}:is(section.bento,section.text-phases) .switch.pills button{position:relative;padding:.35rem .9rem;border-radius:100vmin;color:var(--my-white-65)}:is(section.bento,section.text-phases) .switch.pills :is(button:hover,button[aria-pressed=true]){color:var(--my-black)}section.bento .browser>.inner>.stat{flex:1}section.bento .stat:has(.stat-bar){padding-bottom:2.7rem}section.bento .stat .stat-bar{position:absolute;left:1.4rem;right:1.4rem;bottom:1rem;height:.45rem;background:color-mix(in srgb,currentColor 22%,transparent);border-radius:100vmin;overflow:clip}section.bento .stat .stat-bar::after{content:"";position:absolute;top:0;bottom:0;left:0;width:var(--fill,100%);background:currentColor;border-radius:inherit}section.bento .stat .stat-bar.grow::after{width:0;transition:width 1800ms var(--my-ease-out)}section.bento .stat .stat-bar.grow.filled::after{width:var(--fill,100%)}section.bento .strategy{display:flex;flex-direction:column;height:100%;padding:1.9rem 2rem 0}section.bento .strategy .drop{width:2.4rem;height:2.4rem;padding:0;background-size:58% .2rem,.2rem 58%}section.bento .strategy .bar{display:flex;align-items:center;width:100%;max-width:26.4rem;margin-inline:auto;background:var(--my-off-white);border-radius:100vmin;box-shadow:var(--drop-shadow)}section.bento .strategy .bar .btn{--own-color:var(--my-white);margin:.4rem .4rem .4rem auto;font-size:var(--font-size-h6)}section.bento .strategy .channels{position:relative;flex:1;margin-top:2rem;background:var(--my-black);border-radius:var(--border-radius-small)var(--border-radius-small)0 0}section.bento .strategy .channel{position:absolute;left:var(--x);top:var(--y);width:12.9%;translate:-50% -50%;color:var(--my-white);text-align:center;touch-action:none;user-select:none}section.bento .strategy .channel picture{position:static;display:block;width:100%;aspect-ratio:1}section.bento .strategy .channel img{position:static;width:100%;height:100%;object-fit:contain}section.bento .strategy .channel span{display:block;margin-top:.4rem;font-size:var(--font-size-tiny);color:var(--my-white-65)}section.bento .creatives{position:relative;flex:1;min-height:0;overflow:clip;background:var(--my-black);color:var(--my-white);container-type:size}section.bento .creatives .shot{position:absolute;top:6.7%;left:4.3%;height:93.3%;width:calc(93.3cqh * (var(--ratio,4/5)));transition:width 620ms var(--my-ease)}section.bento .creatives .shot.format-9x16{--ratio:9 / 16}section.bento .creatives .shot.format-4x5{--ratio:4 / 5}section.bento .creatives .shot.format-1x1{--ratio:1}section.bento .creatives .formats{display:block;position:absolute;top:6.8%;right:4.3%;width:19.6%;padding:0;gap:0;background:rgba(255,255,255,.17);border-radius:var(--border-radius-small)}section.bento .creatives .formats .head{display:flex;align-items:center;justify-content:center;gap:.3em;margin-bottom:0;padding:.7em;font-size:min(2.3cqw,var(--font-size-small));background:rgba(255,255,255,.12);border-radius:var(--border-radius-small)}section.bento .creatives .formats .head svg{width:.9em}section.bento .creatives .formats .views>ul{flex-direction:column;gap:.1em}section.bento .creatives .formats .views>ul>li:first-of-type{margin-top:.1em}section.bento .creatives .formats .views>ul::after{display:none}section.bento .creatives .formats button{justify-content:center;width:100%;padding:.85em;font-size:min(2.3cqw,var(--font-size-small));color:var(--my-white-65);border-radius:var(--border-radius-small)}section.bento .creatives .formats :is(button:hover,button[aria-pressed=true]){color:var(--my-white);background:rgba(255,255,255,.12)}section.bento .creatives .group{position:absolute;left:var(--x);top:var(--y);width:35%;touch-action:none;user-select:none}section.bento .creatives .group .h4{margin-bottom:0;font-family:var(--primary-font);font-size:min(6.1cqw,var(--font-size-h3));line-height:.97;font-weight:var(--font-bold)}section.bento .creatives .group p:not(.h4){margin-top:.6em;margin-bottom:0;font-size:min(3.1cqw,var(--font-size-small));line-height:var(--line-height-small)}section.bento .creatives .group .btn{--own-color:var(--my-white);margin-top:.45rem;padding:.56em 2em;font-size:min(1.9cqw,var(--font-size-tiny));color:var(--my-black)}section.bento .creatives .group .handles{position:absolute;inset:0;outline:.05rem dashed var(--my-blue);background:radial-gradient(circle .2rem at 0 0,var(--my-blue) 99%,transparent)no-repeat,radial-gradient(circle .2rem at 100% 0,var(--my-blue) 99%,transparent)no-repeat,radial-gradient(circle .2rem at 0 100%,var(--my-blue) 99%,transparent)no-repeat,radial-gradient(circle .2rem at 100% 100%,var(--my-blue) 99%,transparent)no-repeat}section.bento .creatives .group .badge{position:absolute;top:calc(100% + .15rem);left:50%;translate:-50%;padding:.1em .6em;font-size:min(1.6cqw,var(--font-size-tiny));background:var(--my-blue);border-radius:.2rem;white-space:nowrap}section.bento .editor{display:grid;grid-template-columns:12.3% 1fr;grid-template-rows:minmax(0,1fr);gap:0 8.9%;flex:1;min-height:0;padding-top:3.5%;overflow:clip}section.bento .editor .thumbs{display:grid;grid-auto-rows:max-content;align-content:start;gap:.175rem}section.bento .editor .thumbs li{position:relative;aspect-ratio:11/20;overflow:clip}section.bento .editor .stage{position:relative;width:104%;margin-bottom:6.8%;padding:4.4% 3.5%;background:var(--my-black);border-radius:var(--border-radius-small);color:var(--my-white)}section.bento .editor .head{display:flex;align-items:center;gap:.6rem}section.bento .editor .play{width:8.7cqw;aspect-ratio:1;display:grid;place-items:center;background:rgba(255,255,255,.15);border-radius:.5rem}section.bento .editor .play span{width:32%;aspect-ratio:1/1.2;background:var(--my-white);clip-path:polygon(0 0,100% 50%,0 100%)}section.bento .editor .play[aria-pressed=true] span{clip-path:none;background:linear-gradient(var(--my-white),var(--my-white))0/32% 100% no-repeat,linear-gradient(var(--my-white),var(--my-white))100%/32% 100% no-repeat}section.bento .editor .time{margin-bottom:0;font-size:min(2.6cqw,var(--font-size-small))}section.bento .editor .ruler{list-style:none;display:flex;justify-content:space-between;margin-top:5.5%;padding-right:2.9%;font-size:min(2.4cqw,var(--font-size-tiny));color:var(--my-white-65);background:repeating-linear-gradient(90deg,rgba(255,255,255,.45) 0 .05rem,transparent .05rem 6.84%)50%/100% 40% no-repeat}section.bento .editor .ruler li{padding:0 .4em;background:var(--my-black)}section.bento .editor .tracks{position:relative;display:grid;gap:.3rem;margin-top:4.7%}section.bento .editor .track{position:relative;display:flex;align-items:center;gap:.625rem;height:8.7cqw;margin-left:var(--start);width:var(--width);padding:0 .25rem;background:rgba(255,255,255,.13);border-radius:.4rem;overflow:clip}section.bento .editor .track .badge{display:grid;place-items:center;width:6.4cqw;aspect-ratio:1;flex:none;background:rgba(255,255,255,.15);border-radius:.3rem}section.bento .editor .track .badge svg{width:60%;height:auto}section.bento .editor .track .label{font-size:min(2.6cqw,var(--font-size-small));white-space:nowrap}section.bento .editor .track.clip{padding:0;background:0 0}section.bento .editor .track.clip picture,section.bento .editor .track.clip img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}section.bento .editor .playhead{position:absolute;top:0;bottom:0;left:0;width:.1rem;margin-left:-.05rem;background:var(--my-white);border-radius:.1rem;transition:opacity 200ms var(--my-ease)}section.bento .editor:has(.play[aria-pressed=false]) .playhead{opacity:0}section.bento .generative{position:relative;flex:1;min-height:0;overflow:clip;background:var(--my-black)}section.bento .generative .shot{position:absolute;overflow:clip}section.bento .generative .shot.left{top:0;left:0;width:32.6%;height:100%}section.bento .generative .shot.right{top:18.7%;left:56%;width:39%;aspect-ratio:19/25;border-radius:.2rem}section.bento .generative .badge{position:absolute;top:18.7%;left:56%;display:grid;place-items:center;width:10%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:var(--my-light-lime)}section.bento .generative .badge picture{position:relative;width:50%;height:50%}section.bento .generative .badge img{object-fit:contain}section.bento .generative .prompt{position:absolute;left:26.4%;bottom:5.1%;width:34.6%;padding:2.5cqw;background:var(--my-white);border-radius:.6rem}section.bento .generative .prompt .label{margin-bottom:2.2cqw;color:var(--my-grey);font-size:1.7cqw;letter-spacing:.08em}section.bento .generative .prompt p{margin-bottom:0;color:var(--my-grey);font-size:2.7cqw;line-height:1.25}section.bento .iterations{position:relative;flex:1;min-height:0;overflow:clip;background:var(--my-black)}section.bento .iterations .shot{position:absolute;left:var(--x);top:var(--y);width:var(--w);aspect-ratio:4/5;border:.15rem solid var(--my-white);border-radius:.2rem;overflow:clip}section.bento .iterations .badge{position:absolute;left:var(--x);top:var(--y);width:27.5cqw;translate:-50% -50%;rotate:var(--rotate,-8deg)}section.bento .iterations .badge picture{position:relative;display:block}section.bento .iterations .badge img{position:relative;width:100%;height:auto;object-fit:contain}section.bento .iterations .badge .sticker{line-height:.7}section.bento .iterations .badge .sticker>span{font-size:min(7.1cqw,var(--font-size-h4))}section.bento .print{position:relative;flex:1;min-height:0;overflow:clip;background:var(--my-black)}section.bento .print .mat{position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,var(--my-light-grey-40) 0 .05rem,transparent .05rem 1.8rem),repeating-linear-gradient(180deg,var(--my-light-grey-40) 0 .05rem,transparent .05rem 1.8rem);background-position:1.6rem 1.45rem}section.bento .print .sheets{position:absolute;inset:0}section.bento .print .sheet{position:absolute;left:var(--x);top:var(--y);width:var(--w);aspect-ratio:3/4;padding:3.9cqw 1.8cqw 0;background:var(--my-off-white);rotate:var(--rotate);box-shadow:var(--drop-shadow)}section.bento .print .sheet .top{display:flex;align-items:flex-start;gap:2.4cqw}section.bento .print .sheet p{margin-bottom:0;flex:1;font-size:1.53cqw;line-height:1.28}section.bento .print .sheet picture{position:relative;display:block;flex:none;width:42.5%;height:auto;aspect-ratio:41/50}section.bento .print .sheet img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}section.bento .print .sheet .cols{margin-top:3.3cqw}section.bento .print .sheet .col{display:flex;align-items:flex-start;gap:1.3cqw;margin-bottom:1.5cqw}section.bento .print .sheet .col dt{flex:1;text-align:right;font-size:1.05cqw;font-weight:var(--font-bold);letter-spacing:.06em}section.bento .print .sheet .col dd{width:42.5%;margin:0;font-size:1.05cqw;line-height:1.45}section.bento .text-highlight{overflow:clip;display:grid;grid-template-columns:34.6% 1fr;grid-template-rows:minmax(0,1fr);align-items:center;flex:1;min-height:0}section.bento .text-highlight .topics{width:65cqw;margin-left:-30.4cqw;color:var(--my-light-grey);font-size:min(10.5cqw,var(--font-size-h3));line-height:1.28;text-align:right}section.bento .text-highlight .topics li{white-space:nowrap}section.bento .text-highlight .topics .active{color:var(--my-black);font-weight:var(--font-bold)}section.bento .text-highlight .copy{align-self:start;width:84cqw;height:round(down,calc(100% - 8.7cqw),1lh);overflow:clip;margin-block:8.7cqw 0;margin-left:9.7cqw;font-size:min(7.6cqw,var(--font-size-h4));line-height:1.29}section.bento .text-highlight mark{background:var(--my-light-blue);color:inherit;box-decoration-break:clone;line-height:var(--line-height-regular)}section.bento .text-highlight .caret{display:inline-block;width:.1rem;height:.95em;margin-left:.02em;translate:0 .12em;background:var(--my-black);animation:highlight-caret 1e3ms steps(1,end)infinite;animation-play-state:var(--blink,paused)}section.bento .text-highlight[data-active=true]{--blink:running}@keyframes highlight-caret{0%,49%{opacity:1}50%,100%{opacity:0}}@media(prefers-reduced-motion:reduce){section.bento .text-highlight .caret{animation:none}}section.bento .funnel{position:relative;flex:1;min-height:0;overflow:clip;background:var(--my-black)}section.bento .funnel .shot{position:absolute;left:var(--x);top:var(--y);width:var(--w);aspect-ratio:4/5;overflow:clip;transform-origin:var(--origin,50% 50%);scale:.72;transition:scale 500ms var(--my-ease-bounce-soft)}section.bento .funnel[data-stage=tof] .shot[data-stage=tof],section.bento .funnel[data-stage=mof] .shot[data-stage=mof],section.bento .funnel[data-stage=bof] .shot[data-stage=bof]{scale:1}section.bento .funnel .switch{position:absolute;top:44.3%;left:50%;translate:-50%;width:auto;padding:0;flex:none}section.bento .funnel .switch .views>ul{padding:.15rem;background:rgba(255,255,255,.13)}section.bento .funnel .switch .views>ul::after{top:.15rem;height:calc(100% - .3rem);background:rgba(255,255,255,.18)}section.bento .funnel .switch button{padding:.14rem .93rem;font-size:min(3.5cqw,var(--font-size-tiny))}section.bento .funnel .switch :is(button:hover,button[aria-pressed=true]){color:var(--my-white)}section.bento .cookie{position:relative;display:grid;place-items:center;flex:1;min-height:0;overflow:clip;background:rgba(0,0,0,.4)}section.bento .cookie .behind{position:absolute;inset:-3.15rem -1.15rem auto;margin-bottom:0;font-size:9.08cqw;line-height:1.25;text-align:center;filter:blur(.15rem)}section.bento .cookie .banner{position:relative;display:flex;align-items:center;gap:.35rem;padding:.22rem;background:var(--my-off-white);border-radius:100vmin;box-shadow:0 0 .5rem 0 var(--my-white-65)}section.bento .cookie .banner .btn{margin-top:0;padding:.51rem 1.35rem;font-size:4.3cqw}section.bento .cookie .banner .btn:first-child{--own-color:var(--my-white)}section.bento .cookie .banner .btn:last-child{--own-color:var(--my-black);color:var(--my-white)}section.bento .cookie .banner .btn:last-child:hover,section.bento .cookie .banner .btn:last-child:hover div{color:var(--my-black)}section.bento .btn.hover::before{border-radius:0;--own-width:1}section.bento .btn.hover>div{transform:translateX(-.5em)rotate(-30deg)}section.bento .btn.hover>div svg{transform:rotate(30deg)}section.bento .btn.hover>div::before{transform:scale(1);transition-timing-function:var(--my-ease-bounce)}section.bento .frame{display:flex;flex-direction:column;gap:2rem;padding:1.2rem;flex:1;min-height:0}section.bento .frame.has-image{padding:0}section.bento .browser>.inner:has(>.frame.has-image){background:0 0;box-shadow:none;overflow:visible}section.bento .frame .top{position:relative;aspect-ratio:var(--frame-ratio,741/214);border-radius:var(--border-radius-small);overflow:clip;flex:none}section.bento .frame .logo-collab{position:absolute;top:50%;left:1.8rem;translate:0 -50%;display:flex;align-items:center;gap:.7rem;color:var(--my-white);z-index:1;width:50%}section.bento .frame .top.logo-center .logo-collab{left:50%;translate:-50% -50%}section.bento .frame .logo-collab svg{height:.95rem;width:auto}section.bento .frame .logo-collab>svg:nth-of-type(1){height:2.05rem}section.bento .frame .logo-collab>svg:nth-of-type(2){margin-inline:0}section.bento .frame .logo-collab picture{position:relative;display:block;height:1.25rem}section.bento .frame .logo-collab img{position:relative;max-height:1.25rem;width:100%;object-fit:contain;filter:brightness(0)invert(1)}section.bento .frame .switch{padding:0;gap:1.5rem;flex:none}section.bento .frame.large{padding:.85rem 0 0 1.25rem;gap:1.5rem}section.bento .frame.large .switch{grid-template-columns:minmax(0,1fr);gap:1.5rem}section.bento .frame.large .switch button{gap:.8em;padding:.55rem .8rem;font-size:.625rem}section.bento .frame.large .switch button::before{width:.72em}section.bento .frame.large .stat{gap:1.35rem;border-radius:var(--border-radius-small)var(--border-radius-small)0 0}section.bento .frame.large .stat .stat-label{font-size:var(--font-size-tiny)}section.bento .frame.large .stat .viz-value{font-size:min(12.4cqw,var(--font-size-h1))}section.bento .frame.large .stat:has(.stat-bar){justify-content:flex-start;gap:1rem;padding:1rem 1.4rem 2rem}section.bento .frame:not(:has(>.view)) .switch{flex:1}section.bento .frame>.view{flex:1;grid-template-rows:auto 1fr}section.bento .frame .view.column>.bar-chart .bars{min-height:2.4rem}section.bento .view{display:grid;gap:1rem;min-height:0;height:100%}section.bento .view.grid-2x2{grid-template-columns:1fr 1fr;grid-template-rows:1.38fr 1fr}section.bento .view.row{grid-auto-flow:column;grid-auto-columns:1fr;min-height:7.5rem}section.bento .view.split{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;min-height:7.5rem}section.bento .view.split>:first-child{grid-row:span 2}section.bento .view>*{min-width:0;min-height:0}section.bento .view.grid-2x2 .stat{padding-bottom:1.8rem}section.bento .view:is(.grid-2x2,.split) .stat .viz-value .suffix{font-size:.54em}section.bento .view.split .stat{justify-content:center;gap:.4rem}section.bento .view .bar-chart{padding-bottom:1.05rem}section.bento .view .bar-chart .viz-label{margin-bottom:.85em}section.bento .view .bar-chart .labels{margin-top:1.5rem}section.bento .view .bar-chart .legend{gap:.15rem}section.bento .view .bar-chart .bars{margin-top:-1.4rem}section.bento .view .bar-chart:not(:has(.viz-value)) .bars{margin-top:.8rem}section.bento .view .bar-chart[data-style=Dots] .bars{--bar-gap:.1rem}section.bento .frame .stat:not(.inverted){background:var(--my-white);box-shadow:var(--drop-shadow)}section.bento .ai-content{display:grid;grid-template-columns:minmax(0,1fr)16.2rem;grid-template-rows:minmax(0,1fr);flex:1;min-height:0}section.bento .ai-content>.switch{padding:1.8rem;gap:1.5rem}section.bento .ai-content>.chat{padding:1rem;background:var(--my-beige);border-left:.5rem solid var(--my-black);font-size:.5rem}section.bento .ai-content .chat .bubble{max-width:74%}section.bento .ai-content .chat .right .bubble{max-width:53%}section.bento .ai-content .chat .card-body span{font-size:.37rem}section.bento .ai-content .chat .card-body picture{width:3.65rem;aspect-ratio:4/5}:is(section.bento,section.text-phases) .structural-monitoring{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto;gap:.6rem;flex:1;min-height:0;padding:.6rem 0 0}:is(section.bento,section.text-phases) .structural-monitoring .url-pill{display:flex;justify-content:center;align-items:center;margin-bottom:0}:is(section.bento,section.text-phases) .structural-monitoring .typed{background:var(--my-black);color:var(--my-white);border-radius:100vmin;padding:.33rem 1.4rem;font-size:var(--font-size-small)}:is(section.bento,section.text-phases) .structural-monitoring .caret{display:inline-block;width:.05rem;height:.9em;background:var(--my-white);margin-left:.1em;vertical-align:-.1em;animation:caret-blink 1s steps(2,start)infinite;animation-play-state:var(--blink,paused)}:is(section.bento,section.text-phases) .structural-monitoring[data-active=true]{--blink:running}@media(prefers-reduced-motion:reduce){:is(section.bento,section.text-phases) .structural-monitoring .caret{animation:none}}:is(section.bento,section.text-phases) .structural-monitoring .panel{display:grid;grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;gap:1.25rem;background:var(--my-black);border-radius:var(--border-radius-small)var(--border-radius-small)0 0;padding:1.35rem .6rem 1.15rem}:is(section.bento,section.text-phases) .structural-monitoring .switch{padding:0;gap:0;min-width:0}:is(section.bento,section.text-phases) .structural-monitoring .switch button{padding:.2rem .6rem;font-size:max(10px,.5rem)}:is(section.bento,section.text-phases) .structural-monitoring .switch .views>ul{background:color-mix(in srgb,var(--my-white) 10%,transparent)}:is(section.bento,section.text-phases) .structural-monitoring .switch .views>ul::after{background:color-mix(in srgb,var(--my-white) 22%,transparent)}:is(section.bento,section.text-phases) .structural-monitoring .switch :is(button:hover,button[aria-pressed=true]){color:var(--my-white)}:is(section.bento,section.text-phases) .structural-monitoring .legend{display:flex;gap:1rem;font-size:max(10px,.5rem);color:var(--my-white-65)}:is(section.bento,section.text-phases) .structural-monitoring .legend li{display:flex;align-items:center;gap:.4em}:is(section.bento,section.text-phases) .structural-monitoring .legend li::before{content:"";width:.5em;aspect-ratio:1;border-radius:50%;background:var(--own-color,var(--my-light-grey))}section.bento .bento-list{display:flex;flex-direction:column;gap:.75rem;padding:1.3rem;flex:1;min-height:0;font-size:.715rem;line-height:var(--line-height-small)}section.bento .bento-list .list-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;font-size:.615rem;color:var(--my-black-50)}section.bento .bento-list .list-head p{margin-bottom:0}section.bento .bento-list ul{display:flex;flex-direction:column;flex:none}section.bento .bento-list li{display:flex;flex-wrap:wrap;align-items:center;gap:0 .5rem}section.bento .bento-list li .label{display:flex;align-items:center;gap:.35rem;flex:1;min-width:0}section.bento .bento-list li b{font-weight:var(--font-regular)}section.bento .bento-list li .dot{flex:none;width:.42rem;aspect-ratio:1;border-radius:50%;background:var(--own-color,var(--my-light-grey))}section.bento .bento-list li i{flex:none;display:block;width:.8rem}section.bento .bento-list li i svg{display:block;width:100%;height:auto}section.bento .bento-list li .meta{font-size:.615rem;color:var(--my-black-50);white-space:nowrap}section.bento .bento-list li .sub{flex:0 0 100%;margin-top:.2rem;font-size:.615rem;color:var(--my-black-50)}section.bento .bento-list .tag{font-size:.5rem;padding:.3rem .45rem;letter-spacing:var(--letter-spacing-small)}section.bento .bento-list .tag.lime-dark{color:var(--my-black)}section.bento .bento-list .footnote{max-width:13.5rem;margin-inline:auto;font-size:.615rem;line-height:var(--line-height-regular);color:var(--my-black-50);text-align:center}section.bento .bento-list .footnote strong{color:var(--my-black)}section.bento .bento-list.plain li{padding-block:.6rem;border-bottom:.05rem solid var(--my-light-grey)}section.bento .bento-list.boxed ul{gap:.45rem}section.bento .bento-list.boxed .list-head{margin-bottom:.4rem}section.bento .bento-list.boxed li{flex:none;padding:.9rem .8rem;background:var(--my-off-white);border-radius:var(--border-radius-small)}section.bento .bento-list.boxed li.highlight{background:var(--my-white);box-shadow:var(--drop-shadow)}section.bento .bento-list.fill{padding:1.6rem 1.35rem}section.bento .bento-list.fill ul{flex:1;gap:.55rem}section.bento .bento-list.fill li{flex:1}@container(min-width:20rem){section.bento .bento-list { padding: 1rem; } }section.bento .keyword-list{display:flex;flex-direction:column;gap:.75rem;padding:1.45rem 1.3rem 1.3rem;flex:1;min-height:0;font-size:.7rem;line-height:var(--line-height-small)}section.bento .keyword-list .list-head{margin-bottom:0;font-size:.65rem;color:var(--my-black-50)}section.bento .keyword-list ul{display:flex;flex-direction:column;flex:none}section.bento .keyword-list li{display:flex;align-items:center;gap:.5rem;padding-block:.425rem;border-bottom:.05rem solid var(--my-light-grey)}section.bento .keyword-list li .label{flex:1;min-width:0}section.bento .keyword-list li b{font-weight:var(--font-regular)}section.bento .keyword-list li .sub{display:flex;gap:.35rem;margin-top:.3rem;font-size:.65rem;color:var(--my-black-50)}section.bento .keyword-list li .sub em{color:var(--own-color,var(--my-black))}section.bento .keyword-list li .meta{font-size:.65rem;color:var(--my-black-50);white-space:nowrap}section.bento .keyword-list li.featured{align-items:flex-start;padding:.9rem .7rem;margin-bottom:.4rem;border-bottom:0;background:var(--my-off-white);border-radius:var(--border-radius-small)}section.bento .keyword-list .tag{padding:.3rem .55rem;font-size:.5rem;color:var(--my-black);letter-spacing:var(--letter-spacing-small)}section.bento .steps{display:grid;grid-auto-flow:column;grid-auto-columns:5rem;justify-content:center;align-content:center;flex:1;min-height:0;padding:1.6rem 1.3rem 1.3rem;text-align:center}section.bento .steps .step{position:relative;display:flex;flex-direction:column;align-items:center;gap:.1rem}section.bento .steps .step .dot{display:grid;place-items:center;width:3rem;aspect-ratio:1;margin-bottom:.55rem;border-radius:50%;background:var(--own-color,transparent);font-size:1.1rem;line-height:var(--line-height-tiny)}section.bento .steps .step .dot svg{display:block;width:1.1rem;height:auto}section.bento .steps .step.empty .dot{box-shadow:inset 0 0 0 .05rem var(--my-light-grey);color:var(--my-black-50)}section.bento .steps .step:is(.blue,.black) .dot{color:var(--my-white)}section.bento .steps .step b{font-size:.65rem;font-weight:var(--font-bold)}section.bento .steps .step>span{max-width:3.5rem;font-size:.5rem;line-height:1.25;color:var(--my-black-50)}section.bento .steps .step:not(:last-child)::after{content:"";position:absolute;top:1.5rem;left:calc(50% + 1.5rem);width:calc(100% - 3rem);border-top:.05rem solid var(--my-light-grey)}section.bento .flow{--flow-gap:0;--flow-item-gap:.2rem;--flow-pad:.2rem;--flow-box:rgba(255, 255, 255, .17);--flow-box-strong:rgba(255, 255, 255, .3);--flow-box-light:rgba(255, 255, 255, .45);display:flex;align-items:center;justify-content:center;gap:var(--flow-gap);flex:1;min-height:0;padding:1.3rem;background:var(--my-black);color:var(--my-white);font-size:.615rem;line-height:var(--line-height-small)}section.bento .flow .flow-col{position:relative;display:flex;flex-direction:column;gap:var(--flow-item-gap)}section.bento .flow .flow-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.05rem;min-height:1.85rem;padding:.3rem 1.05rem;border-radius:.3rem;background:var(--flow-box);color:var(--my-white);text-align:center;transition:background 200ms var(--my-ease),color 200ms var(--my-ease)}section.bento .flow .flow-item b{font-weight:var(--font-regular);white-space:nowrap}section.bento .flow .flow-item>span{display:flex;align-items:center;gap:.25rem;font-size:.41rem;color:var(--my-white-65)}section.bento .flow .flow-item>span i{width:.3rem;aspect-ratio:1;border-radius:50%;background:var(--own-color,var(--my-light-grey))}section.bento .flow .flow-item.has-arrow b::after{content:" \2192"}section.bento .flow .flow-item.filled{background:var(--own-color);color:var(--my-black)}section.bento .flow .flow-item.filled>span{color:var(--my-black-50)}section.bento .flow.fan .flow-group,section.bento .flow.fan>.flow-col{padding:var(--flow-pad);border-radius:.5rem;background:var(--flow-box)}section.bento .flow.fan .flow-group{display:flex;gap:var(--flow-item-gap);border-start-end-radius:0;border-end-end-radius:0}section.bento .flow.fan .flow-col:not(:first-child) .flow-item{min-width:10.7rem}section.bento .flow.fan .flow-group .flow-item:not(.filled){--flow-box:transparent}section.bento .flow.compact{--flow-item-gap:.15rem;--flow-pad:.15rem}section.bento .flow.compact .flow-item{min-height:0;padding:.2rem .3rem}section.bento .flow.compact .flow-col:not(:first-child) .flow-item{min-width:11.15rem}section.bento .flow.compact .flow-group .flow-item{min-height:2rem}section.bento .flow.pairs{flex-direction:column;gap:1.5rem;font-size:.5rem}section.bento .flow.pairs .flow-item{min-height:1.5rem}section.bento .flow .flow-row{display:flex;align-items:stretch;gap:.3rem;padding:.15rem;border-radius:.5rem;background:var(--flow-box)}section.bento .flow .flow-row .flow-item{padding-inline:.8rem;background:0 0}section.bento .flow .flow-row .flow-item:last-child{background:var(--flow-box)}section.bento .flow :is(.flow-col>.flow-item:hover,.flow-item.hover,.flow-row:hover .flow-item:last-child){background:var(--own-color,var(--my-white));color:var(--my-black)}section.bento .flow :is(.flow-col>.flow-item:hover,.flow-item.hover,.flow-row:hover .flow-item:last-child)>span{color:var(--my-black-50)}section.bento .checklist{--check-on:rgba(255, 255, 255, .17);display:flex;flex-direction:column;justify-content:center;gap:.1rem;flex:1;min-height:0;padding:.5rem;border-radius:var(--border-radius-small);background:var(--my-black);color:var(--my-white-65)}section.bento .checklist li{flex-grow:1}section.bento .checklist button{display:flex;align-items:center;gap:.6rem;width:100%;height:100%;padding-block:0;padding-inline:1.6rem;border-radius:.5rem;background:0 0;color:inherit;font-family:var(--primary-font);font-size:.7rem;line-height:var(--line-height-small);text-align:left;transition:background 200ms var(--my-ease),color 200ms var(--my-ease)}section.bento .checklist button::before{content:"";flex:none;width:.6rem;aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 .05rem var(--my-white-65);transition:background 200ms var(--my-ease)}section.bento .checklist :is(button:hover,li.hover button,button:focus-visible){background:var(--check-on);color:var(--my-white)}section.bento .checklist button[aria-pressed=true]::before{background:var(--own-color,var(--my-lime));box-shadow:none}:is(section.bento,section.feature-browser,section.text-chat,section.dex) .chat{display:flex;flex-direction:column;justify-content:center;flex:1;min-height:0;padding:1.3rem;font-size:.55rem;line-height:var(--line-height-small)}:is(section.bento,section.feature-browser,section.text-chat,section.dex) .chat ul{display:flex;flex-direction:column;gap:.8rem}:is(section.bento,section.feature-browser,section.text-chat,section.dex) .chat li{display:flex;gap:.4rem}:is(section.bento,section.feature-browser,section.text-chat,section.dex) .chat li.right{align-items:flex-start;justify-content:flex-end}:is(section.bento,section.feature-browser,section.text-chat,section.dex) .chat li.left{flex-direction:row-reverse;align-items:flex-end;justify-content:flex-end}:is(section.bento,section.feature-browser,section.text-chat,section.dex) .chat .bubble{position:relative;max-width:66%;padding:.5rem .7rem;border-radius:.7rem;background:var(--my-white);box-shadow:var(--drop-shadow)}:is(section.bento,section.feature-browser,section.text-chat,section.dex) .chat .bubble::after{content:"";position:absolute;bottom:.1rem;width:.55rem;height:.55rem;background:inherit;clip-path:polygon(0 0,100% 0,100% 100%)}:is(section.bento,section.feature-browser,section.text-chat,section.dex) .chat .right .bubble::after{right:-.2rem}:is(section.bento,section.feature-browser,section.text-chat,section.dex) .chat .left .bubble::after{left:-.2rem;scale:-1 1}:is(section.bento,section.feature-browser,section.text-chat,section.dex) .chat .text p{margin-bottom:.6rem}:is(section.bento,section.feature-browser,section.text-chat,section.dex) .chat del{text-decoration-thickness:.05rem}:is(section.bento,section.feature-browser,section.text-chat,section.dex) .chat mark{background:var(--my-light-blue);color:inherit;box-decoration-break:clone;line-height:var(--line-height-regular)}:is(section.bento,section.feature-browser,section.text-chat,section.dex) .chat .avatar{display:grid;place-items:center;flex:none;width:1.55rem;aspect-ratio:1;border-radius:50%;overflow:clip;background:var(--my-white);box-shadow:var(--drop-shadow)}:is(section.bento,section.feature-browser,section.text-chat,section.dex) .chat .avatar svg{width:55%;height:auto}:is(section.bento,section.feature-browser,section.text-chat,section.dex) .chat .avatar .dex{width:55%;aspect-ratio:17/16;background:var(--my-dex-fill);mask:url(/img/icons/dex.svg)center/contain no-repeat}:is(section.bento,section.feature-browser,section.text-chat,section.dex) .chat .card{margin-top:.5rem}:is(section.bento,section.feature-browser,section.text-chat,section.dex) .chat .card-title{margin-bottom:.4rem;font-weight:var(--font-bold)}:is(section.bento,section.feature-browser,section.text-chat,section.dex) .chat .card-body{display:flex;align-items:flex-start;gap:.5rem}:is(section.bento,section.feature-browser,section.text-chat,section.dex) .chat .card-body>div{display:flex;flex-direction:column;gap:.15rem}:is(section.bento,section.feature-browser,section.text-chat,section.dex) .chat .card-body span{color:var(--my-black-50);font-size:.5rem}:is(section.bento,section.feature-browser,section.text-chat,section.dex) .chat :is(.avatar,.card-body) picture{position:relative;flex:none;width:3.5rem;aspect-ratio:1;border-radius:.3rem;overflow:clip}:is(section.bento,section.feature-browser,section.text-chat,section.dex) .chat .avatar picture{width:100%;border-radius:50%}@container(max-width:20rem){:is(section.bento, section.feature-browser, section.text-chat, section.dex) .chat { padding: 1.2rem; font-size: .53rem; } :is(section.bento, section.feature-browser, section.text-chat, section.dex) .chat .bubble { max-width: 75%; } :is(section.bento, section.feature-browser, section.text-chat, section.dex) .chat .right .bubble { max-width: 51%; } }section.bento .blocks{--block-box:rgba(255, 255, 255, .17);--block-box-strong:rgba(255, 255, 255, .16);--block-text:rgba(255, 255, 255, .85);display:grid;place-items:center;flex:1;min-height:0;background:var(--my-black)}section.bento .blocks ul{width:11.1rem;max-width:100%;border-radius:var(--border-radius-small);background:var(--block-box)}section.bento .blocks li{position:relative;display:flex;align-items:center;gap:.5rem;height:2.125rem;padding-inline:.55rem;color:var(--block-text);font-size:.6rem;line-height:var(--line-height-small);transition:translate 350ms var(--my-ease),color 200ms var(--my-ease)}section.bento .blocks li::before{content:"";position:absolute;inset:.14rem .2rem;border-radius:.5rem;background:var(--block-box-strong);opacity:0;transition:opacity 200ms var(--my-ease)}section.bento .blocks li>*{position:relative}section.bento .blocks li:is(:hover,.hover,.dragging){color:var(--my-white)}section.bento .blocks li:is(:hover,.hover,.dragging)::before{opacity:1}section.bento .blocks li.dragging{z-index:2;transition:none}section.bento .blocks .handle{flex:none;display:block;width:.7rem;margin-inline-start:auto;color:inherit;touch-action:none}section.bento .blocks i{flex:none;display:block;width:.8rem}section.bento .blocks :is(i,.handle) svg{display:block;width:100%;height:auto}section.bento .blocks b{font-weight:var(--font-regular)}@media(pointer:coarse){section.bento .blocks .handle::after{content:"";position:absolute;inset:-.7rem -.55rem -.7rem -1.3rem;touch-action:none}}section.bento .dropzone{--shot-width:4.3rem;display:flex;gap:1.5rem;flex:1;min-height:0;padding:1.2rem}section.bento .dropzone .shots{display:grid;grid-template-columns:repeat(2,var(--shot-width));gap:.5rem;align-content:start}section.bento .dropzone .home{position:relative;width:var(--shot-width);aspect-ratio:4/5}section.bento .dropzone .shot{position:absolute;inset:0;border-radius:var(--border-radius-small);overflow:clip;cursor:var(--cursor-pointer);touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:translate 500ms var(--my-ease),scale 500ms var(--my-ease)}section.bento .dropzone .shot.dragging{z-index:3;transition:none;box-shadow:var(--drop-shadow)}section.bento .dropzone .zone{position:relative;display:grid;place-items:center;flex:1;border:.1rem dashed var(--my-black);border-radius:var(--border-radius-small);font-size:.7rem;line-height:var(--line-height-small);transition:background-color 250ms var(--my-ease)}section.bento .dropzone .zone.near{background:var(--my-light-blue)}section.bento .dropzone .zone p{margin-bottom:0;transition:opacity 250ms var(--my-ease)}section.bento .dropzone .zone:has(.slot .shot) p{opacity:0}section.bento .dropzone .slot{position:absolute;inset:.2rem}.moodboard{--activate-duration:700ms;--activate-stagger:90ms;--activate-from-scale:.96;position:relative;flex:none;width:100%;max-height:100%;aspect-ratio:738/863;margin:auto;container-type:inline-size}.moodboard .item{position:absolute;left:var(--x);top:var(--y);width:var(--w,auto);height:var(--h,auto);z-index:var(--z)}.moodboard .shot{position:relative;width:100%;height:100%;border-radius:var(--border-radius-small);overflow:clip;box-shadow:var(--drop-shadow)}.moodboard .shot picture{position:absolute;inset:0;width:100%;height:100%}.moodboard .shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.moodboard .shot.framed{border:.6cqw solid var(--my-white)}.moodboard .shot.round{padding:4.5%;border-radius:50%;background:var(--my-white);box-shadow:0 0 0 .05rem var(--my-light-grey-40),var(--drop-shadow)}.moodboard .shot.round picture{inset:4.5%;width:auto;height:auto;border-radius:50%;overflow:clip}.moodboard .swatch{display:flex;flex-direction:column;gap:2.8cqw;font-size:1.42cqw;line-height:1.2}.moodboard .swatch p{margin-bottom:0;white-space:nowrap}.moodboard .swatch .chip{display:block;width:100%;aspect-ratio:1;border-radius:var(--border-radius-small);background:var(--own-color)}.moodboard .note{padding:2.33cqw 1.75cqw 2.09cqw;background:var(--my-off-white);border-radius:var(--border-radius-small);font-size:1.93cqw;line-height:1.3}.moodboard .note p{margin-bottom:0}.moodboard .note .label{margin-bottom:.54em;color:var(--my-grey);font-size:1.66cqw}.moodboard .note:has(.shot){display:grid;grid-template-columns:55% 45%;padding:0;background:var(--my-white);box-shadow:var(--drop-shadow);overflow:clip}.moodboard .note:has(.shot) .copy{padding:1.87cqw .6cqw 1.63cqw 1.5cqw;font-size:1.27cqw;line-height:1.35}.moodboard .note:has(.shot) .title{margin-bottom:.33em;font-size:1.67cqw;font-weight:var(--font-bold);text-decoration:underline;text-underline-offset:.2em}.moodboard .note:has(.shot) .label{margin-bottom:2.21em;font-size:1.02cqw;letter-spacing:.04em}.moodboard .note:has(.shot) .copy p:last-child{color:var(--my-grey)}.moodboard .note .shot{border-radius:0;box-shadow:none}.moodboard .logo{display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-small)}.moodboard .item.logo :is(picture,svg,img){position:relative;inset:auto;width:100%;height:auto;object-fit:contain}.moodboard .folder.folder.folder{aspect-ratio:1/.72;animation:none}.moodboard .text-sticker .sticker>span{font-size:2.25cqw}:is(section.bento,section.feature-browser,section.text-chat,section.dex) .chat .avatar.logo picture{width:62%}:is(section.bento,section.feature-browser,section.text-chat,section.dex) .chat .avatar.logo img{object-fit:contain}.code{position:relative;background:var(--my-black);color:var(--my-off-white);padding:1.4rem 1.3rem;overflow:hidden;font-family:monospace;font-size:var(--font-size-tiny);line-height:1.85;text-align:left}.code .caret{display:inline-block;width:.1rem;height:1.2em;margin-right:-.1rem;background:var(--my-light-blue);vertical-align:-.25em;animation:caret-blink 1s steps(2,start)infinite}.code[data-scrolling]{container-type:size}.code[data-scrolling] .highlight{animation:code-scroll calc(var(--regels) * 1.2s)linear infinite alternate;animation-play-state:paused}.code[data-scrolling][data-active=true] .highlight{animation-play-state:running}@keyframes code-scroll{to{translate:0 calc(-100% + 100cqh)}}@media(prefers-reduced-motion:reduce){.code[data-scrolling] .highlight{animation:none}}.code pre{margin:0;white-space:pre}.code[data-typed] pre{width:max-content;padding:0 20rem 20rem 0}.code[data-typed] code{display:block}.code .regel{min-height:1lh}.code .chroma :is(.c,.c1,.cm){color:var(--my-grey);font-style:italic}.code .chroma :is(.k,.kd,.kr,.kn,.kc){color:var(--my-light-blue)}.code .chroma :is(.s,.s1,.s2,.sb,.dl){color:var(--my-light-red)}.code .chroma :is(.nx,.nf,.fm,.nb){color:var(--my-light-lime)}@media only screen and (max-width:768px){.code{font-size:.65rem}}section.bento .strategy .channel{translate:calc(-50% + var(--dx,0rem))calc(-50% + var(--dy,0rem));transition:scale 220ms var(--my-ease)}section.bento .creatives .group{translate:var(--dx,0rem)var(--dy,0rem);transition:scale 220ms var(--my-ease)}section.bento :is(.strategy .channel,.creatives .group).held{scale:1.04}@media(prefers-reduced-motion:reduce){section.bento .creatives .shot{transition:none}section.bento .stat .stat-bar.grow::after{width:var(--fill,100%);transition:none}section.bento .dropzone .shot{transition:none}section.bento .dropzone .zone,section.bento .dropzone .zone p{transition:none}}section.bento .browser>.inner{container-name:bento-kaart}@container bento-kaart (max-width:390px){section.bento .frame.has-image .switch { grid-template-columns: minmax(0, 1fr); }
    section.bento .frame.has-image .switch.tabs .views > ul { overflow-x: auto; scrollbar-width: none; border-bottom: none; box-shadow: inset 0 -.075rem var(--my-light-grey); }
    section.bento .frame.has-image .switch.tabs .views > ul::after { bottom: 0; }
    section.bento .frame.has-image .switch.tabs .views li { flex: none; }
    section.bento .frame.has-image .view.row .stat { padding: 1rem; }
    section.bento .frame.has-image .view.grid-2x2 { grid-template-columns: 1fr; grid-template-rows: none; }
    section.bento .frame.has-image .view.split { grid-template-rows: auto; }
    section.bento .frame.has-image .view.split > :first-child { grid-row: auto; grid-column: 1 / -1; }
    section.bento .frame.has-image .view:is(.grid-2x2, .split) > .bar-chart { min-height: 10rem; }
    section.bento .frame.has-image .stat .viz-value .note { font-size: max(.7rem, .28em); }
    section.bento .frame.has-image .stat .viz-value .suffix { font-size: max(.7rem, .35em); }
    section.bento .frame.has-image .bar-chart .viz-value .suffix { font-size: max(.7rem, .45em); }
    section.bento .frame.has-image .bar-chart:has(.viz-label.right) .viz-label { font-size: .7rem; }
}@container(max-width:37rem){section.bento .ai-content { grid-template-columns: minmax(0, 1fr) 14rem; } section.bento .ai-content > .switch { padding: 1.4rem 1.2rem; } section.bento .ai-content .switch.tabs button { padding-inline: .45rem; } }@container(max-width:34rem){section.bento .ai-content { grid-template-columns: minmax(0, 1fr) 12.5rem; } section.bento .ai-content > .switch { padding: 1.2rem 1rem; } section.bento .ai-content .switch.tabs button { padding-inline: .3rem; } }@media only screen and (min-width:769px){@container(max-width:31.5rem){section.bento .ai-content > .switch { grid-template-rows: minmax(0, 1fr); } section.bento .ai-content .switch > .views { display: none; } section.bento .ai-content .switch > .figures { grid-row: 1; } }}@container(min-width:24rem){section.bento .cookie .behind { font-size: 2.1rem; } section.bento .cookie .banner .btn { padding-inline: 1.1rem; font-size: 1rem; } }@container(max-width:22.5rem){section.bento .cookie .banner { gap: .25rem; } section.bento .cookie .banner .btn { padding: .45rem .8rem; font-size: max(.6875rem, 3.9cqw); } }@container(max-width:36rem){section.bento .strategy { padding-top: 1.4rem; } section.bento .strategy .channels { margin-top: 1.5rem; } section.bento .strategy .channel { width: min(12.9%, 3.3rem); } section.bento .strategy .channel span { margin-inline: -1rem; white-space: nowrap; } }@container(max-width:24rem){section.bento .strategy .channels { margin-inline: -1.5rem; } }@container(min-aspect-ratio:5 / 2){section.bento .creatives .formats :is(.head, button) { padding: .45em; font-size: min(7.4cqh, var(--font-size-small)); } section.bento .creatives .group { top: min(var(--y), 6.7%); } section.bento .creatives .group .h4 { font-size: min(12cqh, var(--font-size-h3)); } section.bento .creatives .group p:not(.h4) { font-size: min(8cqh, var(--font-size-small)); } section.bento .creatives .group .btn { margin-top: .35rem; font-size: min(7.4cqh, var(--font-size-tiny)); } section.bento .creatives .group .badge { font-size: min(6.2cqh, var(--font-size-tiny)); } }@container(max-width:22rem){section.bento .creatives .formats :is(.head, button) { padding: .6em; font-size: 3.3cqw; } section.bento .creatives .group { width: 38%; } section.bento .creatives .group .h4 { font-size: 5.6cqw; } section.bento .creatives .group p:not(.h4) { font-size: 3.5cqw; } section.bento .creatives .group .btn { padding-inline: 1.2em; font-size: 2.4cqw; } section.bento .creatives .group .badge { font-size: 2.1cqw; } }@media only screen and (max-width:1024px){@container(max-width:36.5rem){section.bento .flow.fan { font-size: var(--font-size-tiny); } section.bento .flow.fan .flow-item { padding-inline: .8rem; } section.bento .flow.fan .flow-item > span { font-size: .92em; } section.bento .flow.fan:not(.compact) .flow-col:not(:first-child) .flow-item { min-width: 8.5rem; } section.bento .flow.fan.compact .flow-item { padding-inline: .5rem; } }@container(max-width:30rem){section.bento .flow.fan:not(.compact) { flex-direction: column; } section.bento .flow.fan:not(.compact) .flow-group { flex-direction: column; border-radius: .5rem .5rem 0 0; } section.bento .flow.fan:not(.compact) > .flow-col { flex-direction: row; align-self: stretch; } section.bento .flow.fan:not(.compact) .flow-col:not(:first-child) .flow-item { flex: 1; min-width: 0; padding-inline: .5rem; } section.bento .flow.fan:not(.compact) .flow-item.has-arrow b::after { content: " \2193"; } section.bento .flow.fan.compact .flow-col:not(:first-child) .flow-item { min-width: 0; } }section.bento .bento-list.boxed{gap:.5rem;padding:1rem}section.bento .bento-list.boxed ul{gap:.35rem}section.bento .bento-list.boxed .list-head{margin-bottom:.1rem}section.bento .bento-list.boxed li{padding:.6rem .7rem}section.bento .bento-list.boxed :is(.list-head,li .sub,li .meta,.footnote,.tag){font-size:.6875rem}section.bento .bento-list.boxed .footnote{max-width:none}@container(max-width:17rem){section.bento .bento-list.boxed { gap: .4rem; padding: .75rem .8rem; } section.bento .bento-list.boxed li { flex-wrap: nowrap; padding: .5rem .6rem; } section.bento .bento-list.boxed .tag { padding-block: .2rem; } section.bento .bento-list.boxed .footnote { line-height: var(--line-height-small); } }}@media only screen and (max-width:768px){section.bento .browser.browser:has(.cookie){min-height:22rem}section.bento .browser.browser:has(.flow.fan){min-height:23rem}section.bento .browser.browser:has(>.inner>.bento-list.boxed){min-height:23rem}section.bento .browser.browser:has(.strategy){min-height:27rem}section.bento .frame .stat .viz-value .note{font-size:max(.7rem,.28em)}section.bento .frame .stat .viz-value .suffix{font-size:max(.7rem,.35em)}section.bento .frame .bar-chart .viz-value .suffix{font-size:max(.7rem,.45em)}section.bento .frame .bar-chart:has(.viz-label.right) .viz-label{font-size:.7rem}section.bento .frame .checklist button{min-height:2.6rem;padding-block:.5rem}section.bento .ai-content{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}section.bento .ai-content>.switch{padding:1.2rem 1.2rem 1rem;gap:1rem}section.bento .ai-content .switch.tabs .views>ul{justify-content:space-between}section.bento .ai-content .stat{gap:.8rem;padding:1rem 1.2rem}section.bento .ai-content .stat .viz-value .note{font-size:.6875rem}section.bento .ai-content>.chat{border-left:0;border-top:.5rem solid var(--my-black);font-size:.6875rem}section.bento .ai-content .chat .card-body span{font-size:.6875rem}section.bento .ai-content .chat .card-body picture{width:4rem}section.bento .bento-list.boxed{gap:.75rem;padding:1.3rem}section.bento .bento-list.boxed ul{gap:.45rem}section.bento .bento-list.boxed li{padding:.8rem}@container(max-width:26rem){section.bento .text-highlight { grid-template-columns: 40% 1fr; }
        section.bento .text-highlight .topics { width: 40cqw; margin-left: 0; font-size: 6.2cqw; }
        section.bento .text-highlight .copy { width: 62cqw; margin-block: 7cqw 0; margin-left: 7cqw; font-size: 5.4cqw; contain: size; }
    }}.lets-work{--lw-rand:2rem;position:fixed;z-index:150;top:1rem;left:max(var(--gutter-side),calc((100vw - var(--max-width))/2));width:34rem;max-width:calc(100vw - var(--gutter-side) * 2);height:calc(100vh - 2rem);height:calc(100dvh - 2rem);display:flex;flex-direction:column}.lets-work[hidden]{display:none}.lets-work .vlak{position:absolute;inset:0;background:var(--my-off-white);border-radius:var(--border-radius);box-shadow:0 1rem 3rem rgba(0,0,0,.12)}.lets-work .inhoud{position:relative;overflow:hidden;padding:var(--lw-rand);display:flex;flex-direction:column;flex:1;min-height:0}.lets-work-underlay{position:fixed;inset:0;z-index:140;background:var(--my-black-50);opacity:0;transition:opacity 400ms var(--my-ease)}.lets-work-underlay.zichtbaar{opacity:1}.lets-work-underlay[hidden]{display:none}.lets-work .kop{display:flex;align-items:center;gap:1.2rem}.lets-work .kop>span{width:.8rem;height:.8rem;border-radius:50%;background:var(--my-light-grey);flex-shrink:0}.lets-work .kruis{position:relative;margin-left:auto;width:2rem;aspect-ratio:1;border-radius:50%;background:var(--my-light-grey);flex-shrink:0;transition:background 250ms var(--my-ease),rotate 400ms var(--my-ease-bounce)}.lets-work .kruis::before,.lets-work .kruis::after{content:"";position:absolute;top:50%;left:50%;width:.8rem;height:1.5px;border-radius:2px;background:var(--my-black);translate:-50% -50%;rotate:var(--r,45deg)}.lets-work .kruis::after{--r:-45deg}.lets-work .kruis:hover{background:var(--my-light-blue);rotate:90deg}.lets-work .voortgang{margin:1.6rem 0 .8rem;flex-shrink:0}.lets-work .voortgang[hidden]{display:none}.lets-work .balk{display:block;height:3px;border-radius:3px;background:var(--my-light-grey);overflow:hidden}.lets-work .balk>span{display:block;height:100%;border-radius:inherit;background:var(--my-black);transform-origin:left;scale:var(--voortgang,0)1;transition:scale 500ms var(--my-ease)}.lets-work #lets-work-titel{margin:.8rem 0 .5rem}.lets-work .voortgang[hidden]+form #lets-work-titel{margin-top:1.6rem}.lets-work .intro{font-size:var(--font-size-medium);color:var(--my-dark-grey);max-width:30em}.lets-work:has(form.klaar) :is(#lets-work-titel,.intro){display:none}.lets-work form.custom{max-width:none;margin:0;display:flex;flex-direction:column;flex:1;min-height:0}.lets-work .venster{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;margin-inline:-.25rem;padding-inline:.25rem}.lets-work .stappen{position:relative;margin-top:1.8rem;overflow:clip;overflow-clip-margin:.5rem;transition:height 400ms var(--my-ease)}.lets-work form.custom fieldset.stap,.lets-work .bedankt{position:absolute;top:0;left:0;width:100%;display:block;opacity:0;visibility:hidden;translate:2rem 0;transition:opacity 250ms var(--my-ease),translate 450ms var(--my-ease),visibility 0s 450ms}.lets-work form.custom fieldset.stap.voorbij,.lets-work .bedankt.voorbij{translate:-2rem 0}.lets-work form.custom fieldset.stap.actief,.lets-work .bedankt.actief{opacity:1;visibility:visible;translate:0 0;transition:opacity 350ms var(--my-ease)100ms,translate 450ms var(--my-ease),visibility 0s}.lets-work .vraag{font-family:var(--primary-font);font-weight:var(--font-bold);font-size:var(--font-size-body);margin-bottom:1rem;outline:none}.lets-work .vraag span{font-weight:var(--font-regular);font-size:var(--font-size-small);color:var(--my-grey);white-space:nowrap;display:block;margin-top:.25em}.lets-work .antwoorden{display:flex;flex-wrap:wrap;gap:.6rem}.lets-work .antwoorden li{position:relative;display:flex}.lets-work form.custom .antwoorden input{position:absolute;inset:0;width:100%;height:100%;padding:0;opacity:0;pointer-events:none}.lets-work .antwoorden label{display:block;padding:.55rem 1.3rem;border-radius:100vmin;background:var(--my-white);font-size:var(--font-size-medium);line-height:var(--line-height-small);transition:background 250ms var(--my-ease),scale 300ms var(--my-ease-bounce)}.lets-work .antwoorden label:hover{background:var(--my-light-grey-40)}.lets-work .antwoorden input:checked+label{background:var(--my-light-lime)}.lets-work .antwoorden label:active{scale:.96}.lets-work .antwoorden input:focus-visible+label{outline:2px solid var(--my-black);outline-offset:-2px}.lets-work .stap>.normal textarea{resize:none;min-height:7.5rem;border-radius:var(--border-radius)}.lets-work .velden{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.lets-work .velden>div{position:relative}.lets-work .velden .double{grid-column:1/-1}.lets-work .velden textarea{border-radius:var(--border-radius);height:7.5rem}.lets-work .uitleg{color:var(--my-dark-grey)}.lets-work form.custom input[type=email]:not(:focus,:placeholder-shown):invalid+label::after{content:none}.lets-work .velden .ongeldig :is(input,textarea,select){border-color:color-mix(in srgb,var(--form-color-error) 60%,transparent)}.lets-work .melding{margin:.4rem 0 0;padding-left:calc(min(var(--font-size-body),20px) * 1.1);font-size:var(--font-size-tiny);line-height:var(--line-height-small);color:color-mix(in srgb,var(--form-color-error) 75%,var(--my-black));animation:lw-melding 250ms var(--my-ease)}.lets-work .melding[hidden]{display:none}@keyframes lw-melding{from{opacity:0;translate:0 -.25rem}}.lets-work .overzicht{margin-top:1.8rem}.lets-work .overzicht[hidden]{display:none}.lets-work .overzicht ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.4rem;list-style:none}.lets-work .overzicht li{display:flex;min-width:0}.lets-work .overzicht button{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem;padding:.45rem 2.1rem .5rem .9rem;border-radius:.9rem;background:var(--my-white);color:var(--my-black);font:inherit;text-align:left;transition:background 250ms var(--my-ease)}.lets-work .overzicht button:hover{background:var(--my-light-lime)}.lets-work .overzicht button:focus-visible{outline:2px solid var(--my-black);outline-offset:-2px}.lets-work .overzicht :is(.gevraagd,.gegeven){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:var(--line-height-small)}.lets-work .overzicht .gevraagd{font-size:var(--font-size-tiny);color:var(--my-grey)}.lets-work .overzicht .gegeven{font-size:var(--font-size-small)}.lets-work .overzicht svg{position:absolute;top:50%;right:.8rem;width:.85rem;height:auto;translate:0 -50%;opacity:.3;transition:opacity 250ms var(--my-ease)}.lets-work .overzicht button:is(:hover,:focus-visible) svg{opacity:1}.lets-work .stap .btn{margin-top:1.5rem}.lets-work :is(.bedankt,.stap>.h3){outline:none}.lets-work .bedankt .h3{font-size:var(--font-size-h2);margin-bottom:.5rem}.lets-work .bedankt p{color:var(--my-dark-grey)}.lets-work .aftellen{margin-top:1rem;font-size:var(--font-size-small);font-variant-numeric:tabular-nums}.lets-work .fout{margin-top:1rem;font-size:var(--font-size-small);color:var(--my-red)}.lets-work .onder{display:flex;align-items:center;gap:1rem;flex-shrink:0;padding-top:1.5rem}.lets-work .contact{display:flex;gap:.5rem}.lets-work .knoppen{display:flex;gap:.5rem;margin-left:auto}.lets-work form.custom :is(.knoppen,.onder)>.btn{margin:0;font-size:var(--font-size-medium)}.lets-work .knoppen .btn[hidden]{display:none}.lets-work .knoppen .btn:disabled{opacity:.4;pointer-events:none}.lets-work .knoppen .terug:disabled{visibility:hidden}.lets-work form.bezig .knoppen .verstuur{opacity:.5;pointer-events:none}@media only screen and (max-width:768px){.lets-work{--lw-rand:var(--gutter-side);inset:0;width:100%;max-width:none;height:100vh;height:100dvh;max-height:none}.lets-work .vlak{border-radius:0;box-shadow:none}.lets-work .inhoud{padding-top:1.2rem;padding-bottom:1.2rem}.lets-work .velden{grid-template-columns:1fr}.lets-work .onder{flex-wrap:wrap;gap:.6rem;padding-top:1rem}.lets-work .contact{display:none}.lets-work .contact,.lets-work .knoppen{width:100%}.lets-work .knoppen.knoppen.knoppen :is(.volgende,.naar-overzicht,.verstuur,.klaar){margin-left:auto;max-width:none;justify-content:center}.lets-work .overzicht ul{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.lets-work .stappen,.lets-work form.custom fieldset.stap,.lets-work .bedankt,.lets-work .balk>span{transition:none}.lets-work .melding{animation:none}}