@font-face{font-family: "Anybody";src: url("../fonts/anybody.fb25cd2fbb.woff2") format("woff2");font-weight: 100 900;font-stretch: 50% 150%;font-style: normal;font-display: swap}@font-face{font-family: "Anybody";src: url("../fonts/anybody-italic.cd7438d7ed.woff2") format("woff2");font-weight: 100 900;font-stretch: 50% 150%;font-style: italic;font-display: swap}@font-face{font-family: "Martian Mono";src: url("../fonts/martian-mono.9530d84faa.woff2") format("woff2");font-weight: 100 800;font-stretch: 75% 112.5%;font-display: swap}@font-face{font-family: "Anybody Terugval";src: local("Arial");size-adjust: 104%;ascent-override: 76%;descent-override: 23%}:root{color-scheme: light dark;--paper: #f1ece3;--paper-2: #e8e1d4;--paper-3: #ddd4c4;--ink: #17130e;--ink-2: #3d372f;--mute: #685f53;--line: rgb(23 19 14 / 0.14);--line-2: rgb(23 19 14 / 0.28);--signal: #ff5a1a;--signal-ink: #b83a06;--signal-soft: rgb(255 90 26 / 0.14);--ok: #17845a;--on-ink: #f3ece0;--on-ink-mute: #b9b0a2;--gutter: clamp(16px,4.2vw,64px);--max: 1520px;--ease: cubic-bezier(0.2,0.7,0.1,1);--spring: cubic-bezier(0.34,1.4,0.64,1);--sans: "Anybody","Anybody Terugval",system-ui,sans-serif;--mono: "Martian Mono",ui-monospace,"SF Mono",Menlo,monospace}@media (prefers-color-scheme: dark){:root{--paper: #0e0c0a;--paper-2: #17140f;--paper-3: #221e18;--ink: #f3ece0;--ink-2: #d4cbbd;--mute: #a0978a;--line: rgb(243 236 224 / 0.12);--line-2: rgb(243 236 224 / 0.26);--signal: #ff6a26;--signal-ink: #ff8f57;--signal-soft: rgb(255 106 38 / 0.16);--ok: #3ccf8e;--on-ink: #17130e;--on-ink-mute: #5b5348}}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;scroll-padding-top: 88px}body{margin: 0;background: var(--paper);color: var(--ink);font-family: var(--sans);font-size: clamp(1rem,0.96rem + 0.22vw,1.125rem);font-weight: 380;font-stretch: 96%;line-height: 1.55;overflow-x: clip;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility}img,svg{display: block;max-width: 100%}a{color: inherit}p{margin: 0}h1,h2,h3{margin: 0;font-weight: 800;line-height: 0.92;letter-spacing: -0.01em}::selection{background: var(--signal);color: #17130e}:focus-visible{outline: 2px solid var(--signal);outline-offset: 3px;border-radius: 3px}.mono{font-family: var(--mono);font-size: 0.6875rem;font-weight: 420;font-stretch: 100%;letter-spacing: 0.04em;text-transform: uppercase;line-height: 1.5}.wrap{width: min(100% - 2 * var(--gutter),var(--max));margin-inline: auto}.visually-hidden{position: absolute !important;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);clip-path: inset(50%);white-space: nowrap}.skip{position: absolute;left: var(--gutter);top: -60px;z-index: 100;background: var(--ink);color: var(--paper);padding: 10px 16px;border-radius: 999px;text-decoration: none;font-weight: 600}.skip:focus{top: 12px}body::before{content: "";position: fixed;inset: 0;z-index: 90;pointer-events: none;opacity: 0.05;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode: multiply}@media (prefers-color-scheme: dark){body::before{mix-blend-mode: screen;opacity: 0.04}}.bars{display: inline-flex;align-items: flex-end;gap: 2px;height: 12px}.bars i{display: block;width: 3px;border-radius: 1px;background: var(--line-2);transition: background-color 0.3s var(--ease),transform 0.4s var(--spring)}.bars i:nth-child(1){height: 25%}.bars i:nth-child(2){height: 50%}.bars i:nth-child(3){height: 75%}.bars i:nth-child(4){height: 100%}.bars[data-level="1"] i:nth-child(-n+1),.bars[data-level="2"] i:nth-child(-n+2),.bars[data-level="3"] i:nth-child(-n+3),.bars[data-level="4"] i:nth-child(-n+4){background: var(--signal)}.top{position: sticky;top: 0;z-index: 50;background: color-mix(in oklab,var(--paper) 86%,transparent);-webkit-backdrop-filter: blur(14px) saturate(1.2);backdrop-filter: blur(14px) saturate(1.2);border-bottom: 1px solid transparent;transition: border-color 0.3s}.top.is-scrolled{border-bottom-color: var(--line)}.top-in{display: flex;align-items: center;gap: 24px;height: 68px}.brand{display: inline-flex;color: var(--ink);text-decoration: none;margin-right: auto}.brand .woordmerk{height: 30px;width: auto;overflow: visible}.brand .woordmerk-golf path{transition: stroke-dashoffset 0.6s var(--ease);stroke-dasharray: 1200;stroke-dashoffset: 0}.brand:hover .woordmerk-golf path:nth-child(2){animation: golf 1.1s var(--ease)}.brand:hover .woordmerk-golf path:nth-child(1){animation: golf 1.1s 0.08s var(--ease)}@keyframes golf{0%{stroke-dashoffset: 1200}100%{stroke-dashoffset: 0}}.nav{display: flex;align-items: center;gap: clamp(14px,2.2vw,34px)}.nav a{position: relative;text-decoration: none;display: inline-flex;align-items: baseline;gap: 7px;font-weight: 520;font-stretch: 94%;font-size: 0.9375rem;transition: font-stretch 0.35s var(--ease),font-weight 0.35s var(--ease)}.nav a .ch{font-family: var(--mono);font-size: 0.625rem;color: var(--mute);font-weight: 420;letter-spacing: 0.02em}.nav a:hover{font-stretch: 118%;font-weight: 700}.nav a[aria-current="page"]{font-weight: 760}.nav a[aria-current="page"] .ch{color: var(--signal-ink)}.nav a[aria-current="page"]::after{content: "";position: absolute;left: 0;right: 0;bottom: -8px;height: 2px;background: var(--signal);border-radius: 2px}.meter{display: inline-flex;align-items: center;gap: 10px;padding-left: clamp(8px,1.6vw,22px);border-left: 1px solid var(--line)}.meter .bars{height: 14px;gap: 2px}.meter .bars i{width: 3.5px}.meter-label{color: var(--mute);min-width: 9.5ch}.connect{display: inline-flex;align-items: center;gap: 10px;text-decoration: none;background: var(--ink);color: var(--paper);border-radius: 999px;padding: 10px 16px 10px 18px;font-weight: 640;font-stretch: 100%;font-size: 0.9375rem;line-height: 1;transition: background-color 0.3s,transform 0.35s var(--spring)}.connect .bars i{background: color-mix(in oklab,var(--paper) 35%,transparent)}.connect:hover{transform: translateY(-1px)}.connect:hover .bars i{background: var(--signal)}.connect:hover .bars i:nth-child(2){transition-delay: 0.06s}.connect:hover .bars i:nth-child(3){transition-delay: 0.12s}.connect:hover .bars i:nth-child(4){transition-delay: 0.18s}.menu-btn{display: none}@media (max-width: 899px){.nav,.meter-label{display: none}.meter{border: 0;padding: 0}.connect{display: none}.menu-btn{display: inline-flex;align-items: center;gap: 10px;border: 1px solid var(--line-2);background: transparent;color: var(--ink);border-radius: 999px;height: 40px;padding: 0 16px;font: 600 0.875rem/1 var(--sans);font-stretch: 100%;cursor: pointer}.menu-btn .streep{position: relative;width: 16px;height: 8px}.menu-btn .streep::before,.menu-btn .streep::after{content: "";position: absolute;left: 0;right: 0;height: 2px;background: currentColor;border-radius: 2px;transition: transform 0.35s var(--ease)}.menu-btn .streep::before{top: 0}.menu-btn .streep::after{bottom: 0;right: 5px}.menu-open .menu-btn .streep::before{transform: translateY(3px) rotate(45deg)}.menu-open .menu-btn .streep::after{right: 0;transform: translateY(-3px) rotate(-45deg)}}.sheet{position: fixed;inset: 68px 0 0 0;z-index: 49;background: var(--paper);display: flex;flex-direction: column;justify-content: space-between;padding: 28px var(--gutter) calc(28px + env(safe-area-inset-bottom));visibility: hidden;opacity: 0;transition: opacity 0.3s var(--ease),visibility 0s 0.3s}.menu-open .sheet{visibility: visible;opacity: 1;transition: opacity 0.3s var(--ease)}.sheet ol{list-style: none;margin: 0;padding: 0}.sheet li{border-bottom: 1px solid var(--line)}.sheet a{display: flex;align-items: baseline;justify-content: space-between;text-decoration: none;padding: 14px 0;font-size: clamp(2.6rem,13vw,4.5rem);font-weight: 220;font-stretch: 60%;line-height: 1;transition: font-stretch 0.7s var(--ease),font-weight 0.7s var(--ease)}.menu-open .sheet a{font-weight: 760;font-stretch: 112%}.menu-open .sheet li:nth-child(2) a{transition-delay: 0.06s}.menu-open .sheet li:nth-child(3) a{transition-delay: 0.12s}.menu-open .sheet li:nth-child(4) a{transition-delay: 0.18s}.sheet a .ch{font-family: var(--mono);font-size: 0.75rem;font-weight: 420;color: var(--mute);letter-spacing: 0.02em}.sheet a[aria-current="page"] .ch{color: var(--signal-ink)}.sheet-voet{display: grid;gap: 6px;color: var(--mute)}.sheet-voet a{font-size: 1rem;font-weight: 600;font-stretch: 100%;color: var(--ink);padding: 0;display: inline}@media (min-width: 900px){.sheet{display: none}}.label{display: flex;align-items: center;gap: 12px;color: var(--mute);margin-bottom: clamp(28px,4vw,56px)}.label::after{content: "";flex: 1;height: 1px;background: var(--line)}.label .bars{height: 10px}.label .bars i{width: 3px}.label b{font-weight: 560;color: var(--ink)}.tune{display: block}.tune>span{display: block;white-space: nowrap}@supports (animation-timeline: view()){@media (prefers-reduced-motion: no-preference){.tune>span{animation: inregelen linear both;animation-timeline: view();animation-range: entry 10% cover 42%}.tune>span:nth-child(2){animation-range: entry 25% cover 50%}}}@keyframes inregelen{from{font-stretch: 52%;font-weight: 160}to{font-stretch: var(--to-stretch,100%);font-weight: var(--to-weight,780)}}.hero{position: relative;overflow: clip;padding-top: clamp(28px,5vw,72px);padding-bottom: clamp(40px,6vw,96px);min-height: min(calc(100svh - 68px),980px);display: grid;grid-template-columns: repeat(12,minmax(0,1fr));grid-template-rows: auto 1fr auto;column-gap: 16px;align-content: start}.hero-kicker{grid-column: 1 / -1;display: flex;flex-wrap: wrap;gap: 6px 18px;color: var(--mute);align-items: center}.hero-kicker .stip{width: 7px;height: 7px;border-radius: 50%;background: var(--signal);box-shadow: 0 0 0 4px var(--signal-soft);animation: knipper 2.4s infinite}@keyframes knipper{50%{box-shadow: 0 0 0 9px transparent}}.kinetic{--lh: 0.9;position: relative;grid-column: 1 / -1;margin: clamp(28px,5vw,64px) 0 0;font-size: clamp(3.6rem,16.2vw,6.6rem);font-weight: 700;font-stretch: 100%;line-height: var(--lh);letter-spacing: 0;touch-action: pan-y}.k-row{display: block;white-space: nowrap}.k-row + .k-row[data-join]{display: block}@media (min-width: 760px){.kinetic{font-size: clamp(5rem,13.4vw,15.5rem)}.k-row[data-join]{display: inline}.k-row[data-join]::before{content: " "}}.js .kinetic{height: calc(var(--rows) * var(--lh) * 1em)}@media (min-width: 760px){.js .kinetic{height: calc(var(--rows-wide,var(--rows)) * var(--lh) * 1em)}}.js .kinetic .k-row{display: contents}.js .kinetic .k-row::before{content: none}.js .kinetic .k{position: absolute;left: 0;top: 0;display: block;line-height: var(--lh);will-change: transform}.js .kinetic.is-wachten{visibility: hidden}.hotspot{position: absolute;left: 0;top: 0;width: 0;height: 0;z-index: 2;will-change: transform;pointer-events: none}.hotspot .punt{position: absolute;width: var(--d,28px);height: var(--d,28px);margin: calc(var(--d,28px) / -2) 0 0 calc(var(--d,28px) / -2);border-radius: 50%;background: var(--signal);box-shadow: 0 0 0 0 var(--signal-soft);pointer-events: auto;cursor: grab;touch-action: none}.hotspot .punt::before{content: "";position: absolute;inset: -18px;border-radius: 50%}.hotspot.is-slepen .punt{cursor: grabbing}.hotspot .golven{position: absolute;overflow: visible;width: calc(var(--d,28px) * 5.6);height: calc(var(--d,28px) * 5.6);left: calc(var(--d,28px) * -2.8);top: calc(var(--d,28px) * -2.8);transition: opacity 0.4s}.hotspot .ring{position: absolute;left: 50%;top: 50%;width: 140vmax;height: 140vmax;margin: -70vmax 0 0 -70vmax;border-radius: 50%;border: 1.5px solid var(--signal);opacity: 0;transform: scale(0.02);pointer-events: none}@media (prefers-reduced-motion: no-preference){.hotspot .ring{animation: uitzenden 5.4s cubic-bezier(0.2,0.6,0.3,1) infinite}.hotspot .ring:nth-child(2){animation-delay: 1.8s}.hotspot .ring:nth-child(3){animation-delay: 3.6s}}@keyframes uitzenden{0%{transform: scale(0.02);opacity: 0.55}70%{opacity: 0.08}100%{transform: scale(1);opacity: 0}}.hero-lede{grid-column: 1 / -1;grid-row: 3;margin-top: clamp(32px,6vw,56px);font-size: clamp(1.125rem,1rem + 0.5vw,1.375rem);line-height: 1.4;font-weight: 400;font-stretch: 92%;max-width: 34ch;color: var(--ink-2);text-wrap: pretty}.hero-lede strong{color: var(--ink);font-weight: 660}.hero-onder{grid-column: 1 / -1;grid-row: 4;margin-top: clamp(28px,4vw,48px);display: flex;flex-wrap: wrap;align-items: end;justify-content: space-between;gap: 28px 40px}.cue{display: inline-flex;align-items: center;gap: 14px;text-decoration: none;font-weight: 650;font-stretch: 100%}.cue .pijl{width: 48px;height: 48px;border-radius: 50%;border: 1px solid var(--line-2);display: grid;place-items: center;transition: background-color 0.3s,border-color 0.3s,transform 0.4s var(--spring)}.cue:hover .pijl{background: var(--signal);border-color: var(--signal);transform: translateY(3px);color: #17130e}.hero-readout{display: grid;gap: 6px;color: var(--mute)}.hero-readout .rij{display: flex;align-items: center;gap: 10px}.hero-readout b{color: var(--ink);font-weight: 560}.hint{color: var(--mute);display: inline-flex;gap: 8px;align-items: center}.hint::before{content: "";width: 18px;height: 1px;background: currentColor}.hero-kicker span + span::before{content: "";display: inline-block;width: 18px;height: 1px;background: currentColor;vertical-align: middle;margin-right: 18px;opacity: 0.5}@media (min-width: 1100px){.hero{grid-template-rows: auto auto 1fr auto}.hero-lede{grid-column: 8 / -1;grid-row: 2;align-self: start;margin-top: clamp(28px,5vw,64px);max-width: 40ch;padding-top: 0.3em}.hero-onder{grid-row: 4}.kinetic{grid-row: 2}}.sectie{padding-block: clamp(72px,11vw,168px);position: relative}.sectie-titel{font-size: clamp(2.6rem,9.6vw,8.6rem);line-height: 0.9;margin-bottom: clamp(28px,5vw,72px)}.intro{font-size: clamp(1.125rem,1rem + 0.45vw,1.375rem);line-height: 1.45;max-width: 34ch;color: var(--ink-2);font-stretch: 94%}.principe-grid{display: grid;grid-template-columns: minmax(0,1fr);position: relative}.toestel-plek{position: sticky;top: 76px;z-index: 1;display: grid;place-items: center;height: min(58svh,520px)}.stappen{position: relative;z-index: 2;list-style: none;margin: 0;padding: 0;counter-reset: stap}.stap{min-height: 88svh;display: flex;align-items: flex-end;padding-bottom: 8svh}.stap:first-child{min-height: 70svh}.stap-kaart{background: var(--paper);border: 1px solid var(--line);border-radius: 22px;padding: 22px 22px 24px;box-shadow: 0 30px 60px -40px rgb(0 0 0 / 0.35);width: 100%}.stap-num{display: flex;align-items: center;gap: 10px;color: var(--mute);margin-bottom: 14px}.stap h3{font-size: clamp(1.9rem,7.4vw,3.9rem);font-weight: 760;font-stretch: 104%;line-height: 0.95;margin-bottom: 14px}.stap p{color: var(--ink-2);max-width: 36ch}.stap.is-actief h3{color: var(--ink)}@media (min-width: 900px){.principe-grid{grid-template-columns: minmax(0,7fr) minmax(0,5fr);column-gap: clamp(32px,6vw,120px)}.toestel-plek{grid-column: 2;grid-row: 1;height: calc(100svh - 76px);top: 76px;align-self: start}.stappen{grid-column: 1;grid-row: 1}.stap,.stap:first-child{min-height: 92svh;align-items: center;padding-bottom: 0}.stap-kaart{background: none;border: 0;box-shadow: none;padding: 0}.stap h3{font-size: clamp(3rem,6.2vw,6.4rem);font-weight: 200;font-stretch: 58%;color: var(--mute);transition: font-weight 0.7s var(--ease),font-stretch 0.7s var(--ease),color 0.5s}.stap.is-actief h3{font-weight: 780;font-stretch: 112%}.stap p{font-size: 1.1875rem;opacity: 0.45;transition: opacity 0.5s}.stap.is-actief p{opacity: 1}}.toestel{--zaak: #1f5f4a;--zaak-tekst: #ffffff;position: relative;height: 100%;max-height: 640px;aspect-ratio: 9 / 18.6;border-radius: 13% / 6.3%;background: #0f0d0b;padding: 2.6%;box-shadow: 0 0 0 1px rgb(255 255 255 / 0.06) inset,0 50px 80px -40px rgb(23 19 14 / 0.55),0 20px 40px -30px rgb(23 19 14 / 0.4);container-type: inline-size;user-select: none;-webkit-user-select: none}@media (prefers-color-scheme: dark){.toestel{background: #2a2620;box-shadow: 0 0 0 1px rgb(255 255 255 / 0.08) inset,0 50px 90px -40px rgb(0 0 0 / 0.9),0 0 120px -40px var(--signal-soft)}}.scherm{position: relative;height: 100%;border-radius: 11% / 5.2%;overflow: hidden;background: #f6f4f0;color: #1b1a17;font-family: var(--sans);font-stretch: 96%;font-size: 4.3cqw;line-height: 1.35}.eiland{position: absolute;top: 2.3%;left: 50%;width: 30%;height: 3.6%;margin-left: -15%;background: #0f0d0b;border-radius: 99px;z-index: 5}.status{position: absolute;z-index: 4;top: 0;left: 0;right: 0;height: 9%;display: flex;align-items: center;justify-content: space-between;padding: 1.5% 9% 0 10%;font-weight: 650;font-stretch: 100%;font-size: 4cqw;color: #1b1a17}.status .ico{display: flex;gap: 1.6cqw;align-items: center}.status svg{height: 3.6cqw;width: auto}.status .wifi-ico{color: #b9b3a8;transition: color 0.4s}.toestel[data-stap="4"] .status .wifi-ico{color: #1b1a17}.toestel[data-stap="2"] .status,.toestel[data-stap="3"] .status{color: var(--zaak-tekst)}.toestel[data-stap="2"] .status .wifi-ico,.toestel[data-stap="3"] .status .wifi-ico{color: color-mix(in oklab,var(--zaak-tekst) 50%,transparent)}.view{position: absolute;inset: 0;padding-top: 12%;opacity: 0;visibility: hidden;transform: translateX(8%);transition: opacity 0.45s var(--ease),transform 0.55s var(--ease),visibility 0s 0.55s}.view.is-weg{transform: translateX(-8%)}.view.is-actief{opacity: 1;visibility: visible;transform: none;transition: opacity 0.45s var(--ease),transform 0.55s var(--ease)}.v-net{padding-inline: 6%}.v-net .h4{margin: 4% 0 6%;font-size: 9cqw;font-weight: 780;font-stretch: 100%;letter-spacing: -0.01em}.v-rij{display: flex;align-items: center;justify-content: space-between;background: #fff;border-radius: 4cqw;padding: 4.2cqw 4.4cqw;font-weight: 520}.v-rij .knop-aan{width: 12cqw;height: 7cqw;border-radius: 99px;background: #2fbf71;position: relative}.v-rij .knop-aan::after{content: "";position: absolute;right: 0.7cqw;top: 0.7cqw;width: 5.6cqw;height: 5.6cqw;border-radius: 50%;background: #fff}.v-sub{margin: 7% 0 2.4%;padding-left: 4.4cqw;font-family: var(--mono);font-size: 2.7cqw;text-transform: uppercase;letter-spacing: 0.06em;color: #6b655b}.netten{background: #fff;border-radius: 4cqw;overflow: hidden}.net{display: flex;width: 100%;align-items: center;gap: 3cqw;padding: 3.8cqw 4.4cqw;border: 0;background: none;text-align: left;font: inherit;color: inherit;cursor: pointer;border-bottom: 1px solid #eeebe5}.net:last-child{border-bottom: 0}.net .naam{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.net svg{width: 4.6cqw;height: auto;color: #1b1a17;flex: none}.net .slot{width: 3.2cqw;color: #6b655b}.net-open{position: relative;font-weight: 640}.net-open .naam small{display: block;font-weight: 420;font-size: 3.2cqw;color: #6b655b}.net-open::before{content: "";position: absolute;inset: 1.4cqw;border-radius: 3cqw;border: 1.5px solid var(--signal);opacity: 0}.toestel[data-stap="1"] .net-open::before{animation: wijs 1.8s 0.8s infinite}@keyframes wijs{0%,100%{opacity: 0}40%{opacity: 1}}.net-open:hover,.net-open:focus-visible{background: #fbf6f1}.v-welkom{padding-top: 0;display: flex;flex-direction: column;background: #f6f4f0}.kop-zaak{background: var(--zaak);color: var(--zaak-tekst);padding: 22% 7% 9%;position: relative;overflow: hidden;transition: background-color 0.5s var(--ease)}.kop-zaak::after{content: "";position: absolute;right: -30%;top: -40%;width: 90%;aspect-ratio: 1;border-radius: 50%;background: repeating-radial-gradient(circle,transparent 0 6cqw,color-mix(in oklab,var(--zaak-tekst) 18%,transparent) 6cqw calc(6cqw + 1px));opacity: 0.6}.monogram{width: 15cqw;height: 15cqw;border-radius: 4cqw;display: grid;place-items: center;margin-bottom: 5%;background: color-mix(in oklab,var(--zaak-tekst) 16%,transparent);font-weight: 800;font-size: 6cqw;font-stretch: 110%}.kop-zaak .welkom{font-family: var(--mono);font-size: 2.8cqw;text-transform: uppercase;letter-spacing: 0.08em;opacity: 0.8}.kop-zaak .zaaknaam{display: block;font-size: 9.4cqw;font-weight: 800;font-stretch: 104%;line-height: 0.98;margin-top: 2%;word-break: break-word}.v-welkom .inhoud{padding: 6% 6% 0;display: grid;gap: 2.8cqw}.v-welkom .uitleg{font-size: 3.7cqw;color: #5d574d;margin-bottom: 1.4cqw}.p-knop{display: flex;align-items: center;justify-content: center;gap: 2.4cqw;width: 100%;border: 1.5px solid #dcd7ce;background: #fff;color: #1b1a17;border-radius: 99px;padding: 3.5cqw 4cqw;font: 620 3.9cqw/1.1 var(--sans);font-stretch: 100%;cursor: pointer;transition: transform 0.25s var(--spring),border-color 0.2s}.p-knop:hover{border-color: #1b1a17}.p-knop:active{transform: scale(0.97)}.p-knop.hoofd{background: var(--zaak);border-color: var(--zaak);color: var(--zaak-tekst)}.p-knop[hidden]{display: none}.v-voet{margin-top: auto;padding: 4% 6% 7%;display: flex;justify-content: space-between;align-items: center;font-size: 2.9cqw;color: #6b655b}.v-voet .woordmerk{height: 3.6cqw;width: auto;color: #1b1a17;--signal: #ff5a1a}.v-mail{display: flex;flex-direction: column;padding-top: 0}.v-mail .kop-zaak{padding: 18% 7% 6%}.v-mail .kop-zaak .zaaknaam{font-size: 6.6cqw}.v-mail .inhoud{padding: 7% 6% 0;display: grid;gap: 3.6cqw}.veld-label{font-size: 3.2cqw;font-weight: 600;color: #5d574d}.veld{border: 1.5px solid #dcd7ce;border-radius: 3cqw;background: #fff;padding: 3.6cqw 4cqw;min-height: 11.8cqw;font-size: 4cqw;display: flex;align-items: center}.veld.is-focus{border-color: var(--zaak);box-shadow: 0 0 0 3px color-mix(in oklab,var(--zaak) 20%,transparent)}.caret{display: inline-block;width: 1.5px;height: 1.1em;background: var(--zaak);margin-left: 1px;animation: caret 1s steps(1) infinite}@keyframes caret{50%{opacity: 0}}.vink{display: flex;gap: 2.6cqw;align-items: flex-start;font-size: 3.3cqw;color: #5d574d}.vink i{flex: none;width: 4.6cqw;height: 4.6cqw;border-radius: 1.2cqw;background: var(--zaak);display: grid;place-items: center}.vink i::after{content: "";width: 1.4cqw;height: 2.5cqw;border: solid var(--zaak-tekst);border-width: 0 0.6cqw 0.6cqw 0;transform: translateY(-0.3cqw) rotate(45deg)}.v-klaar{display: grid;place-items: center;text-align: center;padding: 14% 8% 10%;background: #f6f4f0}.klaar-golf{width: 46cqw;height: auto;overflow: visible}.klaar-golf path{fill: none;stroke: #e3ded4;stroke-width: 7;stroke-linecap: round;transition: stroke 0.35s}.klaar-golf circle{fill: #e3ded4;transition: fill 0.35s}.toestel.is-verbonden .klaar-golf circle{fill: var(--signal)}.toestel.is-verbonden .klaar-golf path:nth-of-type(1){stroke: var(--signal);transition-delay: 0.15s}.toestel.is-verbonden .klaar-golf path:nth-of-type(2){stroke: var(--signal);transition-delay: 0.3s}.toestel.is-verbonden .klaar-golf path:nth-of-type(3){stroke: var(--signal);transition-delay: 0.45s}.toestel.is-zoeken .klaar-golf path{animation: zoeken 1.2s infinite}.toestel.is-zoeken .klaar-golf path:nth-of-type(2){animation-delay: 0.15s}.toestel.is-zoeken .klaar-golf path:nth-of-type(3){animation-delay: 0.3s}@keyframes zoeken{40%{stroke: #b9b3a8}}.v-klaar .h4{font-size: 10cqw;font-weight: 800;font-stretch: 112%;margin: 0;line-height: 1}.v-klaar p{font-size: 3.8cqw;color: #5d574d;margin-top: 3cqw}.v-klaar .status-tekst{font-family: var(--mono);font-size: 2.8cqw;letter-spacing: 0.06em;text-transform: uppercase;color: #6b655b}.opnieuw{margin-top: 6cqw;border: 0;background: none;font: 600 3.4cqw/1 var(--sans);color: #5d574d;cursor: pointer;text-decoration: underline;text-underline-offset: 0.6cqw;padding: 2cqw}.voordelen{list-style: none;padding: 0;margin: 0;border-top: 1px solid var(--line-2)}.voordeel{--s: 0.2;display: grid;grid-template-columns: minmax(0,1fr);gap: 10px 32px;padding: clamp(22px,3vw,40px) 0;border-bottom: 1px solid var(--line);position: relative}.voordeel:nth-child(1){--s: 0.0}.voordeel:nth-child(2){--s: 0.25}.voordeel:nth-child(3){--s: 0.5}.voordeel:nth-child(4){--s: 0.75}.voordeel:nth-child(5){--s: 1}.voordeel .dbm{color: var(--mute);display: flex;gap: 10px;align-items: center}.voordeel h3{font-size: clamp(2rem,6.6vw,5.6rem);font-weight: calc(220 + var(--s) * 580);font-stretch: calc(62% + var(--s) * 48%);line-height: 0.95;transition: font-weight 0.6s var(--ease),font-stretch 0.6s var(--ease),color 0.3s}.voordeel p{color: var(--ink-2);max-width: 40ch}.voordeel:hover h3{font-weight: 820;font-stretch: 118%}.voordeel::before{content: "";position: absolute;left: 0;bottom: -1px;height: 2px;width: calc(8% + var(--s) * 92%);background: var(--signal);transform-origin: left;transform: scaleX(0);transition: transform 1.2s var(--ease)}.voordeel.in-beeld::before{transform: scaleX(1)}@media (min-width: 900px){.voordeel{grid-template-columns: 150px minmax(0,1fr) minmax(0,0.62fr);align-items: baseline}.voordeel p{padding-top: 0.4em}}.manieren{background: var(--paper-2)}.manier-zin{font-size: clamp(2.1rem,6.4vw,5.8rem);font-weight: 300;font-stretch: 80%;line-height: 1.02;max-width: 16ch}.manier-zin em{font-style: normal}.wissel{display: inline-grid;vertical-align: bottom;position: relative;color: var(--signal-ink);font-weight: 780;font-stretch: 112%}.wissel>span{grid-area: 1 / 1;white-space: nowrap;transition: opacity 0.45s var(--ease),transform 0.55s var(--ease),font-stretch 0.55s var(--ease)}.js .wissel>span:not(.is-aan){opacity: 0;transform: translateY(0.35em);font-stretch: 60%}.wissel>span.is-af{transform: translateY(-0.35em)}.manier-lijst{margin-top: clamp(28px,4vw,56px);display: flex;flex-wrap: wrap;gap: 10px;list-style: none;padding: 0}.manier-lijst li{border: 1px solid var(--line-2);border-radius: 999px;padding: 9px 16px;font-weight: 560;font-stretch: 96%;font-size: 0.9375rem;transition: background-color 0.3s,color 0.3s,border-color 0.3s}.manier-lijst li.is-aan{background: var(--ink);color: var(--paper);border-color: var(--ink)}.manieren-grid{display: grid;gap: 40px}@media (min-width: 1000px){.manieren-grid{grid-template-columns: minmax(0,1.5fr) minmax(0,1fr);align-items: end}}.citaten{display: grid;gap: clamp(56px,8vw,120px)}.citaat{margin: 0;position: relative}.citaat blockquote{margin: 0}.citaat p{font-size: clamp(1.8rem,4.6vw,4rem);font-weight: 340;font-style: italic;font-stretch: 88%;line-height: 1.08;letter-spacing: -0.01em;text-wrap: balance}.citaat .golfje{width: clamp(44px,5vw,72px);height: auto;color: var(--signal);margin-bottom: 18px;overflow: visible}.citaat figcaption{margin-top: 22px;display: flex;flex-wrap: wrap;gap: 4px 14px;align-items: baseline}.citaat figcaption b{font-weight: 700;font-stretch: 104%}.citaat figcaption span{color: var(--mute)}@media (min-width: 900px){.citaten{grid-template-columns: repeat(12,minmax(0,1fr));column-gap: 16px}.citaat:nth-child(1){grid-column: 1 / 9}.citaat:nth-child(2){grid-column: 6 / -1}.citaat:nth-child(2) p{font-size: clamp(1.6rem,3.2vw,2.9rem)}}.verbinding{background: var(--ink);color: var(--paper);position: relative;overflow: clip;--mute: var(--on-ink-mute);--line: color-mix(in oklab,var(--paper) 16%,transparent);--line-2: color-mix(in oklab,var(--paper) 30%,transparent)}.verbinding::before{content: "";position: absolute;left: 50%;bottom: -60vmax;width: 150vmax;height: 150vmax;margin-left: -75vmax;border-radius: 50%;background: repeating-radial-gradient(circle,transparent 0 clamp(36px,5vw,72px),color-mix(in oklab,var(--signal) 40%,transparent) clamp(36px,5vw,72px) calc(clamp(36px,5vw,72px) + 1px));-webkit-mask: radial-gradient(circle,#000 0 30%,transparent 62%);mask: radial-gradient(circle,#000 0 30%,transparent 62%);opacity: 0.55;pointer-events: none}@media (prefers-reduced-motion: no-preference){.verbinding::before{animation: zend 9s linear infinite}}@keyframes zend{to{transform: scale(1.06);opacity: 0.35}}.verbinding .wrap{position: relative}.verbinding .label b{color: var(--paper)}.verbinding .sectie-titel{--to-weight: 820;--to-stretch: 116%}.verbinding-grid{display: grid;gap: 48px}.verbinding .intro{color: color-mix(in oklab,var(--paper) 80%,transparent);max-width: 36ch}.lijnen{display: grid;border-top: 1px solid var(--line-2)}.lijn{display: grid;grid-template-columns: minmax(0,1fr) auto;align-items: center;gap: 16px;padding: 22px 0;border-bottom: 1px solid var(--line-2);text-decoration: none;color: inherit}.lijn .soort{grid-column: 1 / -1;color: var(--mute)}.lijn .waarde{font-size: clamp(1.7rem,7.2vw,4.6rem);font-weight: 400;font-stretch: 78%;line-height: 1;overflow-wrap: anywhere;transition: font-weight 0.5s var(--ease),font-stretch 0.5s var(--ease),color 0.3s}.lijn:hover .waarde,.lijn:focus-visible .waarde{font-weight: 760;font-stretch: 104%;color: var(--signal)}.lijn .rond{width: 52px;height: 52px;border-radius: 50%;border: 1px solid var(--line-2);display: grid;place-items: center;transition: background-color 0.3s,transform 0.45s var(--spring),border-color 0.3s}.lijn:hover .rond{background: var(--signal);border-color: var(--signal);transform: rotate(-45deg);color: #17130e}.klant{margin-top: 28px;color: var(--mute)}.klant a{color: var(--paper);font-weight: 600;text-underline-offset: 4px;text-decoration-thickness: 1px}.klant a:hover{color: var(--signal)}@media (min-width: 1000px){.verbinding-grid{grid-template-columns: minmax(0,0.8fr) minmax(0,1.2fr);column-gap: 64px;align-items: start}}.voet{padding: 36px 0 calc(32px + env(safe-area-inset-bottom));border-top: 1px solid var(--line)}.verbinding + .voet{border-top: 0}.voet-in{display: grid;gap: 22px}.voet .woordmerk{height: 24px;width: auto;color: var(--ink)}.voet p{color: var(--mute);font-size: 0.875rem;line-height: 1.6;max-width: 70ch}.voet a{color: var(--ink-2);text-underline-offset: 3px}.voet a:hover{color: var(--signal-ink)}.voet-links{display: flex;flex-wrap: wrap;gap: 6px 20px;list-style: none;margin: 0;padding: 0;font-size: 0.875rem}.einde{color: var(--mute);display: flex;gap: 10px;align-items: center}@media (min-width: 900px){.voet-in{grid-template-columns: auto minmax(0,1fr) auto;align-items: center;column-gap: 40px}}.paginakop{padding-top: clamp(36px,7vw,110px);padding-bottom: clamp(48px,7vw,110px);position: relative;overflow: clip}.paginakop .kinetic{margin-top: 0;font-size: clamp(3.2rem,15vw,6rem)}@media (min-width: 760px){.paginakop .kinetic{font-size: clamp(4.6rem,11.6vw,13rem)}}.paginakop-voet{display: grid;gap: 24px;margin-top: clamp(32px,5vw,64px)}@media (min-width: 900px){.paginakop-voet{grid-template-columns: repeat(12,minmax(0,1fr));column-gap: 16px}.paginakop-voet .intro{grid-column: 7 / -1}.paginakop-voet .mono{grid-column: 1 / 6;align-self: end}}.route{list-style: none;margin: 0;padding: 0;display: grid;gap: 0;counter-reset: r}.route li{display: grid;grid-template-columns: 56px minmax(0,1fr);gap: 4px 18px;padding: 26px 0;border-top: 1px solid var(--line);position: relative}.route li:last-child{border-bottom: 1px solid var(--line)}.route .bars{grid-row: span 2;height: 26px;gap: 3px;align-self: start;margin-top: 6px}.route .bars i{width: 6px;border-radius: 2px}.route h3{font-size: clamp(1.6rem,4.4vw,3rem);font-weight: 720;font-stretch: 100%;line-height: 1}.route p{color: var(--ink-2);max-width: 46ch}@media (min-width: 1000px){.route{grid-template-columns: repeat(4,minmax(0,1fr));border-top: 1px solid var(--line)}.route li{grid-template-columns: 1fr;border-top: 0;border-bottom: 0 !important;padding: 28px 28px 0 0;align-content: start}.route li + li{padding-left: 28px;border-left: 1px solid var(--line)}.route .bars{grid-row: auto;margin-bottom: 26px}.route li:nth-child(1) h3{font-stretch: 70%;font-weight: 400}.route li:nth-child(2) h3{font-stretch: 86%;font-weight: 540}.route li:nth-child(3) h3{font-stretch: 100%;font-weight: 680}.route li:nth-child(4) h3{font-stretch: 116%;font-weight: 820}}.werkbank{display: grid;gap: 48px;align-items: start}.werkbank .toestel-vast{display: grid;place-items: center;height: min(640px,82svh);position: relative}.werkbank .toestel-vast::before{content: "";position: absolute;inset: 6% -10%;border-radius: 50%;background: repeating-radial-gradient(circle,transparent 0 34px,var(--line) 34px 35px);-webkit-mask: radial-gradient(circle,#000 0 30%,transparent 70%);mask: radial-gradient(circle,#000 0 30%,transparent 70%)}.paneel{display: grid;gap: 34px}.paneel fieldset{border: 0;padding: 0;margin: 0;min-width: 0}.paneel legend,.paneel .veldnaam{display: block;margin-bottom: 14px;color: var(--mute)}.invoer{width: 100%;border: 0;border-bottom: 2px solid var(--line-2);background: transparent;color: var(--ink);font: 700 clamp(1.8rem,5vw,3rem)/1.1 var(--sans);font-stretch: 100%;padding: 6px 0 10px;border-radius: 0;transition: border-color 0.3s,font-stretch 0.4s var(--ease)}.invoer:focus{outline: none;border-bottom-color: var(--signal);font-stretch: 110%}.stalen{display: flex;flex-wrap: wrap;gap: 12px}.staal{position: relative}.staal input{position: absolute;opacity: 0;width: 44px;height: 44px;margin: 0;cursor: pointer}.staal span{display: block;width: 44px;height: 44px;border-radius: 50%;background: var(--c);box-shadow: 0 0 0 1px var(--line-2) inset;transition: transform 0.35s var(--spring),box-shadow 0.25s}.staal input:checked + span{box-shadow: 0 0 0 3px var(--paper),0 0 0 5px var(--ink);transform: scale(1.06)}.staal input:focus-visible + span{outline: 2px solid var(--signal);outline-offset: 6px}.schakels{display: grid;gap: 8px}.schakel{display: flex;align-items: center;justify-content: space-between;gap: 16px;padding: 12px 0;border-bottom: 1px solid var(--line);cursor: pointer;font-weight: 560}.schakel input{appearance: none;-webkit-appearance: none;width: 48px;height: 28px;border-radius: 99px;background: var(--line-2);position: relative;cursor: pointer;transition: background-color 0.3s;flex: none;margin: 0}.schakel input::after{content: "";position: absolute;left: 3px;top: 3px;width: 22px;height: 22px;border-radius: 50%;background: var(--paper);transition: transform 0.35s var(--spring)}.schakel input:checked{background: var(--signal)}.schakel input:checked::after{transform: translateX(20px)}.paneel .noot{color: var(--mute);font-size: 0.9375rem;max-width: 46ch}@media (min-width: 1000px){.werkbank{grid-template-columns: minmax(0,1fr) minmax(0,1fr);column-gap: clamp(40px,7vw,140px);align-items: center}.werkbank .toestel-vast{order: 2}}.regelen{display: grid;gap: 0;list-style: none;padding: 0;margin: 0}.regelen li{display: grid;gap: 8px 32px;padding: clamp(26px,3.4vw,44px) 0;border-top: 1px solid var(--line)}.regelen li:last-child{border-bottom: 1px solid var(--line)}.regelen h3{font-size: clamp(1.8rem,4.6vw,3.6rem);font-weight: 300;font-stretch: 70%;line-height: 1;transition: font-weight 0.6s var(--ease),font-stretch 0.6s var(--ease)}.regelen li:hover h3,.regelen li.in-beeld h3{font-weight: 760;font-stretch: 108%}.regelen p{color: var(--ink-2);max-width: 44ch}@media (min-width: 900px){.regelen li{grid-template-columns: minmax(0,1.2fr) minmax(0,1fr);align-items: baseline}}.verhaal{display: grid;gap: 40px}.verhaal .groot{font-size: clamp(1.6rem,3.8vw,3.2rem);font-weight: 340;font-stretch: 88%;line-height: 1.12;max-width: 24ch}.verhaal .groot strong{font-weight: 760;font-stretch: 108%}.verhaal .tekst{display: grid;gap: 18px;color: var(--ink-2);max-width: 46ch}.verhaal .tekst a{color: var(--ink);text-underline-offset: 4px;font-weight: 600}.verhaal .tekst a:hover{color: var(--signal-ink)}@media (min-width: 900px){.verhaal{grid-template-columns: repeat(12,minmax(0,1fr));column-gap: 16px}.verhaal .groot{grid-column: 1 / 8}.verhaal .tekst{grid-column: 8 / -1;padding-top: 0.6em}}.woorden{list-style: none;margin: 0;padding: 0}.woorden li{font-size: clamp(2.2rem,8.6vw,7.6rem);line-height: 1;padding: 0.08em 0;border-bottom: 1px solid var(--line);font-weight: 200;font-stretch: 55%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: font-weight 0.8s var(--ease),font-stretch 0.8s var(--ease),color 0.4s}.woorden li:nth-child(even){text-align: right}.woorden li.in-beeld,.woorden li:hover{font-weight: 800;font-stretch: 112%}.woorden li.in-beeld:hover{color: var(--signal-ink)}.kort{min-height: calc(100svh - 68px);display: grid;align-content: center;gap: 28px;padding-block: 48px;position: relative;overflow: clip}.kort .kinetic{margin: 0}.kort .intro{max-width: 36ch}.knoppen{display: flex;flex-wrap: wrap;gap: 12px}.knop{display: inline-flex;align-items: center;gap: 12px;text-decoration: none;border-radius: 999px;padding: 14px 22px;font-weight: 650;font-stretch: 100%;line-height: 1;border: 1px solid var(--line-2);transition: background-color 0.3s,color 0.3s,transform 0.35s var(--spring),border-color 0.3s}.knop:hover{transform: translateY(-2px);border-color: var(--ink)}.knop.vol{background: var(--ink);color: var(--paper);border-color: var(--ink)}.knop.vol:hover{background: var(--signal);border-color: var(--signal);color: #17130e}.stappenplan{list-style: none;padding: 0;margin: 0;display: grid;gap: 0}.stappenplan li{display: grid;grid-template-columns: 48px minmax(0,1fr);gap: 16px;padding: 22px 0;border-top: 1px solid var(--line)}.stappenplan li:last-child{border-bottom: 1px solid var(--line)}.stappenplan .mono{color: var(--signal-ink);padding-top: 0.35em}.stappenplan h3{font-size: clamp(1.4rem,3vw,2rem);font-weight: 700;font-stretch: 100%;line-height: 1.05;margin-bottom: 6px}.stappenplan p{color: var(--ink-2)}.aanvraag-grid{display: grid;gap: 48px}@media (min-width: 1000px){.aanvraag-grid{grid-template-columns: minmax(0,1fr) minmax(0,1fr);column-gap: 80px}}@media (prefers-reduced-motion: no-preference){.js .opkomst{opacity: 0;transform: translateY(24px);transition: opacity 0.9s var(--ease),transform 0.9s var(--ease)}.js .opkomst.in-beeld{opacity: 1;transform: none}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.001ms !important;animation-iteration-count: 1 !important;transition-duration: 0.001ms !important;scroll-behavior: auto !important}.hotspot .ring{display: none}}.samensteller{display: grid;gap: 28px;align-content: start}.samensteller fieldset{border: 0;margin: 0;padding: 0;min-width: 0}.samensteller legend,.sm-label{display: block;margin-bottom: 12px;color: var(--mute)}.sm-titel{font-size: clamp(2rem,5vw,3.6rem);font-weight: 760;font-stretch: 108%;line-height: 0.95}.sm-uitleg{color: color-mix(in oklab,var(--paper) 78%,transparent);max-width: 40ch;margin-top: 14px}.keuzes{display: flex;flex-wrap: wrap;gap: 10px}.keuze{position: relative;cursor: pointer}.keuze input{position: absolute;opacity: 0;inset: 0;margin: 0;cursor: pointer}.keuze span{display: block;border: 1px solid var(--line-2);border-radius: 999px;padding: 11px 18px;font-weight: 600;font-stretch: 100%;transition: background-color 0.25s,color 0.25s,border-color 0.25s,font-stretch 0.4s var(--ease)}.keuze input:checked + span{background: var(--signal);color: #17130e;border-color: var(--signal);font-stretch: 112%}.keuze input:focus-visible + span{outline: 2px solid var(--signal);outline-offset: 3px}.verbinding .invoer{color: var(--paper);border-bottom-color: var(--line-2)}.verbinding .invoer::placeholder{color: color-mix(in oklab,var(--paper) 40%,transparent)}.verbinding .knop.vol{background: var(--paper);color: var(--ink);border-color: var(--paper);justify-self: start}.verbinding .knop.vol:hover{background: var(--signal);border-color: var(--signal);color: #17130e}.kort-noot{color: var(--mute);text-transform: none;letter-spacing: 0.01em}.kort-noot a{color: var(--ink)}.alleen-aanraak{display: none !important}@media (hover: none),(pointer: coarse){.alleen-muis{display: none !important}.alleen-aanraak{display: inline-flex !important}}html:not(.js) .hotspot,html:not(.js) .hero-readout .hint{display: none !important}@media (max-width: 759px){.wissel{display: grid;font-stretch: 96%}.woorden li{white-space: normal}}.hotspot .golven{max-width: none}.menu-btn .streep{display: block}.hero-kicker span + span::before{content: none}.hero-kicker span:not(.stip) + span::before{content: ""}@media (max-width: 759px){.hero{min-height: 0;grid-template-rows: auto}.hero-kicker span:not(.stip) + span::before{display: none}.hero-kicker{gap: 4px 12px}}@media (min-width: 760px) and (max-width: 1099px){.hero{grid-template-rows: auto auto auto 1fr}}.klaar-golf{margin: 0 auto 4cqw}.v-klaar .status-tekst{margin-bottom: 2cqw}.stap .stap-num{font-size: 0.6875rem;opacity: 1;margin-bottom: 18px}.route h3{hyphens: auto;overflow-wrap: break-word}@media (min-width: 1000px){.route h3{font-size: clamp(1.5rem,2.3vw,2.4rem)}}.sectie,main{overflow-x: clip}.werkbank .toestel-vast::before{inset: 4% 0}.v-net .h4{margin: 4% 0 6%}.v-klaar .h4{margin: 0}.hero-kicker{flex-wrap: nowrap;white-space: nowrap;overflow: hidden}@media (max-width: 759px){.hero-kicker span:not(.stip) + span{display: none}}@media (min-width: 900px){.stap p{opacity: 0.72}}.kort .mono,.top .meter-label{font-size: 0.75rem}.kort-noot{font-size: 0.8125rem}.verbinding .sectie-titel{--to-stretch: 100%}@media (min-width: 1000px){.verbinding .sectie-titel{font-size: clamp(3rem,6vw,6.4rem)}}