@font-face{font-family:rubik;src:url(../media/rubik_latin-s.p.1_ofd2jz7-lqy.woff2)format("woff2");font-display:swap;font-weight:300 900}@font-face{font-family:rubik Fallback;src:local(Arial);ascent-override:91.09%;descent-override:24.36%;line-gap-override:0.0%;size-adjust:102.64%}.rubik_6bec5681-module__xP8Avq__className{font-family:rubik,rubik Fallback,Arial}.rubik_6bec5681-module__xP8Avq__variable{--font-rubik:"rubik", "rubik Fallback", Arial}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}:root{--donker:#31261d;--bruin:#5d4b3d;--taupe:#96826d;--creme:#f0e9df;--marge:clamp(20px, 3.125vw, 64px);--uit:cubic-bezier(.16, 1, .3, 1);--portretvorm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='10.02 22.948 179.971 154.068'%3E%3Cpath d='M189.5 85.8c-.7-7.3-1.4-14.9-3.9-21.8-4.4-12-11.8-20.7-22.2-28-27.2-18.9-65.6-16.2-92.8 1.2-30.3 19.4-46.2 50.5-58.8 82.9-.8 2-1.1 4.3-1.2 6.7-1.9 9.4.9 19.6 7.9 27.2 22.8 24.7 57.5 24.9 88.4 21.4 15.8-1.8 29.9-4.3 44.3-11.2 16.2-7.7 27.2-22 33.7-38.3 4.7-12.4 5.9-26.8 4.6-40.1z'/%3E%3C/svg%3E");--in-uit:cubic-bezier(.65, 0, .35, 1)}html{background:var(--donker);-webkit-text-size-adjust:100%}body{background:var(--donker);color:var(--creme);font-family:var(--font-rubik), Arial, sans-serif;-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}::selection{background:var(--creme);color:var(--donker)}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--creme);outline-offset:4px;border-radius:4px}ul{margin:0;padding:0;list-style:none}h1,h2,p{margin:0}body:after{content:"";z-index:50;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='k'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23k)'/%3E%3C/svg%3E");position:fixed;inset:0}.hero{background:var(--donker);padding:clamp(48px, 6.25vw, 120px) var(--marge) clamp(56px, 6.2vw, 120px);text-align:center;overflow:clip}.hero-titel{letter-spacing:.02em;font-size:clamp(64px,14.84vw,300px);font-weight:700;line-height:.8}.hero-ondertitel{letter-spacing:.02em;color:var(--taupe);margin-top:clamp(10px,1.8vw,36px);font-size:clamp(17px,4.06vw,82px);font-weight:600;line-height:1.3}.intro{background:var(--taupe);position:relative}.intro-papier{position:absolute;inset:0;overflow:hidden}.intro-papier img{object-fit:cover;height:130%!important;top:-15%!important}.intro-inhoud{padding:clamp(28px, 5.8vw, 110px) var(--marge) clamp(36px, 3.5vw, 70px);gap:clamp(24px,4vw,40px);display:grid;position:relative}.intro-tekst{font-size:clamp(21px,2.34vw,47px);line-height:1.4}.portret{order:2;grid-template-rows:1fr auto;grid-template-columns:1fr minmax(0,58%);column-gap:12px;display:grid}.portret-beeld{margin-right:calc(var(--marge) * -.6);grid-area:1/2/span 2}.portret-vorm{aspect-ratio:260/219;-webkit-mask:var(--portretvorm) center / 100% 100% no-repeat;-webkit-mask:var(--portretvorm) center / 100% 100% no-repeat;-webkit-mask:var(--portretvorm) center / 100% 100% no-repeat;-webkit-mask:var(--portretvorm) center / 100% 100% no-repeat;mask:var(--portretvorm) center / 100% 100% no-repeat}.portret-vorm img{object-fit:cover;object-position:53% 49%;width:100%;height:100%;display:block}.portret-naam{color:var(--taupe);grid-column:1;align-self:end;font-size:clamp(22px,1.74vw,34px);font-weight:700}.portret-door{color:var(--taupe);grid-column:1;padding-bottom:28px;font-size:clamp(13px,.97vw,19px)}@media (min-width:768px){.intro-inhoud{grid-template-columns:18.06vw 1fr;align-items:start;column-gap:6.4vw}.portret{order:0;margin-top:calc(-1*clamp(28px,5.8vw,110px) - 4.6vw);display:block}.portret-beeld{margin-right:0}.portret-naam{margin-top:.6vw}.portret-door{margin-top:.5vw;padding-bottom:0}}.kop{letter-spacing:.1em;font-size:clamp(27px,4.3vw,86px);font-weight:500;line-height:1.12}.bovenkop{letter-spacing:.02em;color:var(--taupe);margin-bottom:clamp(4px,.6vw,12px);font-size:clamp(17px,2.11vw,42px);font-weight:500;line-height:1.3}.koers{background:var(--taupe);padding:clamp(44px, 6vw, 120px) var(--marge) clamp(36px, 3.1vw, 64px)}.kaarten{gap:4px;margin:clamp(16px,1.6vw,32px) calc(-1*clamp(8px,1.1vw,22px)) 0;display:grid}@media (min-width:768px){.kaarten{grid-template-columns:repeat(3,1fr);gap:0;margin-inline:-1.1vw}}.kaart img{width:100%;height:auto;transition:transform .8s var(--uit);display:block}@media (hover:hover) and (pointer:fine){.kaart:hover img{transform:translateY(-8px)scale(1.015)}}.klanten{background:var(--bruin);padding:clamp(44px, 6.6vw, 130px) var(--marge) clamp(48px, 6.7vw, 130px)}.logos{grid-template-columns:repeat(2,1fr);gap:clamp(8px,.7vw,14px);margin-top:clamp(20px,3vw,60px);display:grid}@media (min-width:768px){.logos{grid-template-columns:repeat(4,1fr)}}.logo{background:#96826d8c;border-radius:clamp(12px,1.25vw,26px);overflow:hidden}.logo img{width:100%;height:auto;transition:transform .9s var(--uit), opacity .6s var(--uit);display:block}@media (hover:hover) and (pointer:fine){.logo{transition:background-color .6s var(--uit), opacity .9s var(--uit), transform .9s var(--uit)}.logos:hover .logo:not(:hover) img{opacity:.35}.logo:hover{background:#96826dd9}.logo:hover img{transform:scale(1.07)}}.slot{background:var(--donker);gap:40px;padding:clamp(56px,6.25vw,120px) clamp(24px,6.25vw,120px) clamp(64px,6vw,120px);display:grid}@media (min-width:900px){.slot{grid-template-columns:minmax(0,50vw) 1fr;column-gap:10.5vw}.slot-contact{margin-top:clamp(100px,8.2vw,160px)}}.slot-titel{letter-spacing:.02em;font-size:clamp(40px,4.22vw,84px);font-weight:700;line-height:1.1}.slot-ondertitel{letter-spacing:.02em;color:var(--taupe);font-size:clamp(19px,2.11vw,42px);font-weight:700;line-height:1.3}.slot-tekst{letter-spacing:.02em;max-width:46em;margin-top:12px;font-size:clamp(17px,1.25vw,24px);line-height:1.6}.slot-contact{letter-spacing:.02em;font-size:clamp(17px,1.39vw,26px);font-style:normal;line-height:1.6}.slot-naam{font-weight:700}.onderlijn{transition:background-size .6s var(--uit);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-block:6px}.onderlijn:hover,.onderlijn:focus-visible{background-size:100% 1px}.sociaal{gap:4px;margin:14px 0 0 -10px;display:flex}.sociaal a{width:44px;height:44px;transition:transform .6s var(--uit);place-items:center;display:grid}.sociaal a:hover{transform:translateY(-4px)}.sociaal svg{fill:none;stroke:currentColor;stroke-width:1.9px;width:26px;height:26px}.sociaal .vol{fill:currentColor;stroke:none}.magneet{margin-top:clamp(24px,2.2vw,44px);margin-left:-14px;padding:14px;display:inline-block}.knop{border:1px solid var(--creme);isolation:isolate;min-height:50px;transition:color .5s var(--uit);border-radius:999px;align-items:center;padding:8px 22px;font-size:clamp(17px,1.41vw,27px);font-weight:500;display:inline-flex;position:relative;overflow:hidden}.knop:before{content:"";z-index:-1;background:var(--creme);border-radius:inherit;transition:transform .6s var(--uit);position:absolute;inset:-1px;transform:translateY(101%)}.knop-pijl{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;opacity:0;width:0;height:22px;transition:width .6s var(--uit), margin .6s var(--uit), opacity .4s var(--uit), transform .6s var(--uit);margin-left:0;transform:translate(-10px)}.knop:hover,.knop:focus-visible{color:var(--donker)}.knop:hover:before,.knop:focus-visible:before{transform:translateY(0)}.knop:hover .knop-pijl,.knop:focus-visible .knop-pijl{opacity:1;width:22px;margin-left:12px;transform:translate(0)}.masker{white-space:nowrap;vertical-align:bottom;margin:-.12em -.04em;padding:.12em .04em;display:inline-block;overflow:hidden}.stijgt{display:inline-block}@media (prefers-reduced-motion:no-preference){.js .stijgt{transition:transform 1.1s var(--uit);transition-delay:calc(var(--start,0s) + var(--i,0) * var(--stap,60ms));transform:translateY(115%)}.js .is-zichtbaar .stijgt{transform:translateY(0)}.js .hero{--start:.2s;--stap:70ms}.js .hero-ondertitel .stijgt{transition-delay:.85s;transform:translateY(-115%)}.js .hero.is-zichtbaar .hero-ondertitel .stijgt{transform:translateY(0)}.js .portret-vorm,.js .portret-naam,.js .portret-door{opacity:0;transition:opacity 1.2s var(--uit) .7s, transform 1.4s var(--uit) .7s}.js .portret-vorm{transform:scale(.9)}.js .portret-naam,.js .portret-door{transition-delay:1s;transform:translateY(12px)}.js .portret.is-zichtbaar .portret-vorm,.js .portret.is-zichtbaar .portret-naam,.js .portret.is-zichtbaar .portret-door{opacity:1;transform:none}.js .licht{opacity:.25;transition:opacity .9s ease-out;transition-delay:calc(.9s + var(--i) * 35ms)}.js .is-zichtbaar .licht{opacity:1}.js .koers.is-zichtbaar .tel{animation:tel .8s var(--uit) both;animation-delay:calc(.6s + var(--tel) * .28s)}.js .kaart{opacity:0;transition:opacity .9s var(--uit), transform 1.1s var(--uit);transform:translateY(48px)}.js .kaart.is-zichtbaar{opacity:1;transform:none}@media (min-width:768px){.js .kaart.is-zichtbaar{opacity:0;transform:translateY(48px)}.js .koers.is-zichtbaar .kaart{opacity:1;transition-delay:calc(.6s + var(--i) * .28s);transform:none}}.js .klanten .kop{--start:.12s}.js .logo{opacity:0;transition:opacity .9s var(--uit), transform 1s var(--uit), background-color .6s var(--uit);transform:translateY(28px)}.js .logo.is-zichtbaar{opacity:1;transition-delay:calc(mod(var(--i), 2) * 80ms), calc(mod(var(--i), 2) * 80ms), 0s;transform:none}@media (min-width:768px){.js .logo.is-zichtbaar{transition-delay:calc(mod(var(--i), 4) * 80ms), calc(mod(var(--i), 4) * 80ms), 0s}}.js .slot-ondertitel .stijgt{transition-delay:.45s;transform:translateY(-115%)}.js .slot.is-zichtbaar .slot-ondertitel .stijgt{transform:translateY(0)}.js .opkomst{opacity:0;transition:opacity 1s var(--uit), transform 1s var(--uit);transition-delay:calc(.4s + var(--i,0) * .12s);transform:translateY(20px)}.js .is-zichtbaar .opkomst{opacity:1;transform:none}@supports (animation-timeline:view()){.intro-papier img{animation:linear both papier;animation-timeline:view()}.hero-inhoud{animation:linear both hero;animation-timeline:scroll(root);animation-range:0 70vh}}}@keyframes papier{0%{transform:translateY(-7%)}to{transform:translateY(7%)}}@keyframes hero{to{opacity:.35;transform:translateY(22%)}}@keyframes tel{0%{color:inherit;translate:0}35%{color:var(--donker);translate:0 -.1em}to{color:inherit;translate:0}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}