@font-face{font-family:Cabinet Grotesk;src:url(/fonts/cabinet-grotesk/CabinetGrotesk-Variable.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:DM Mono;src:url(/fonts/dm-mono/dm-mono-latin-400-normal.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:DM Mono;src:url(/fonts/dm-mono/dm-mono-latin-500-normal.woff2)format("woff2");font-weight:500;font-display:swap}:root{--zwart:#0a0908;--zwart-2:#121010;--wit:#f3efe8;--wit-70:#f3efe8b3;--wit-45:#f3efe873;--wit-15:#f3efe826;--wit-08:#f3efe814;--amber:#e8a65a;--amber-diep:#b9793a;--zand:#cbb79a;--nacht:#1b2131;--klei:#8a5240;--dag-a:#1b120c;--dag-b:#e8a65a;--font:"Cabinet Grotesk", "Helvetica Neue", Arial, sans-serif;--mono:"DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--marge:clamp(20px, 5vw, 72px);--breed:1240px;--radius:22px;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}body{background:var(--zwart);color:var(--wit);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:17px;font-weight:450;line-height:1.5;overflow-x:hidden}h1,h2,h3{letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:500;line-height:1}h2{font-size:clamp(38px,6vw,84px)}h3{letter-spacing:-.02em;font-size:22px}p{margin:0}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}.eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin-bottom:20px;font-size:12px}.eyebrow--licht{color:#0a0908b3}.skip{background:var(--wit);color:var(--zwart);z-index:100;border-radius:8px;padding:8px 12px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.shader{position:absolute;inset:0;overflow:hidden}.shader canvas{opacity:0;width:100%;height:100%;transition:opacity 1.4s;display:block;position:absolute;inset:0}.shader.is-live canvas{opacity:1}.shader:after{content:"";pointer-events:none;opacity:.18;mix-blend-mode:overlay;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%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.nav{z-index:50;padding:0 var(--marge);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:24px;height:64px;transition:background .4s,border-color .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;display:flex;position:fixed;inset:0 0 auto}.nav.is-vast{-webkit-backdrop-filter:blur(18px)saturate(1.3);border-color:var(--wit-08);background:#0a09088c}.nav__logo{letter-spacing:-.03em;align-items:center;gap:6px;font-size:22px;font-weight:600;display:inline-flex}.nav__dot{background:var(--amber);width:7px;height:7px;box-shadow:0 0 14px var(--amber);border-radius:50%}.nav__links{color:var(--wit-70);gap:28px;font-size:15px;display:flex}.nav__links a:hover{color:var(--wit)}.nav__cta{background:var(--wit);color:var(--zwart);transition:transform .3s var(--ease);border-radius:999px;padding:9px 16px;font-size:14px;font-weight:500}.nav__cta:hover{transform:translateY(-1px)}.knop{letter-spacing:-.01em;transition:transform .4s var(--ease), background .3s ease, box-shadow .4s ease;will-change:transform;border-radius:999px;align-items:center;gap:12px;padding:15px 26px;font-size:16px;font-weight:500;display:inline-flex}.knop--primair{background:var(--wit);color:var(--zwart);box-shadow:0 0 #e8a65a00}.knop--primair:hover{transform:translateY(-2px);box-shadow:0 12px 40px -8px #e8a65a8c}.knop__prijs{font-family:var(--mono);color:#0a09088c;font-size:13px}.knop--stil{color:var(--wit-70);padding-inline:8px}.knop--stil:hover{color:var(--wit)}.knop--groot{padding:20px 40px;font-size:18px}.hero{min-height:100svh;padding:0 var(--marge) clamp(56px, 10vh, 120px);isolation:isolate;place-items:end start;display:grid;position:relative;overflow:hidden}.shader--hero{background:radial-gradient(60% 50% at 50% 0%, #e8a65a73, transparent 70%), radial-gradient(40% 40% at 20% 70%, #b9793a47, transparent), linear-gradient(180deg, #1b120c 0%, var(--zwart) 85%)}.shader--hero:before{content:"";z-index:1;background:linear-gradient(#0a090826 0%,#0a090800 40%,#0a0908bf 100%);position:absolute;inset:0}.hero__inhoud{z-index:2;max-width:980px;position:relative}.hero__titel{letter-spacing:-.045em;margin-bottom:28px;font-size:clamp(50px,9.2vw,136px);font-weight:500;line-height:.96}.hero__titel .char{will-change:transform, opacity;display:inline-block}.hero__sub{max-width:540px;color:var(--wit-70);text-wrap:pretty;margin-bottom:36px;font-size:clamp(17px,1.5vw,20px)}.hero__acties{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.hero__scroll{right:var(--marge);z-index:2;background:var(--wit-15);width:1px;height:56px;position:absolute;bottom:36px;overflow:hidden}.hero__scroll span{background:var(--wit);animation:scrollstreep 2.2s var(--ease) infinite;position:absolute;inset:0}@keyframes scrollstreep{0%{transform:translateY(-100%)}60%,to{transform:translateY(100%)}}.statement{padding:clamp(120px, 18vh, 220px) var(--marge);max-width:calc(var(--breed) + 2 * var(--marge));margin:0 auto}.statement__tekst{letter-spacing:-.03em;text-wrap:pretty;font-size:clamp(28px,4.2vw,58px);font-weight:450;line-height:1.15}.statement__tekst .word{color:var(--wit);opacity:.18}.product{padding:40px var(--marge) 140px;max-width:calc(var(--breed) + 2 * var(--marge));margin:0 auto}.product__kop{margin-bottom:48px}.product__toneel{grid-template-columns:1fr minmax(280px,560px) 1fr;align-items:center;gap:24px;display:grid;position:relative}.shader--orb{aspect-ratio:1;background:0 0;border-radius:50%;grid-column:2;position:relative;overflow:visible}.shader--orb:after{display:none}.shader--orb canvas{border-radius:50%}.orb-fallback{background:radial-gradient(circle at 36% 30%,#f6e2bd 0%,#e8a65a 22%,#7a4520 55%,#1d120b 100%);border-radius:50%;transition:opacity 1.2s;position:absolute;inset:6%;box-shadow:inset -30px -40px 80px #0000008c,inset 20px 20px 60px #ffe6be59,0 60px 120px -30px #e8a65a73}.orb-fallback:after{content:"";filter:blur(4px);background:radial-gradient(circle,#ffffffd9,#fff0 70%);border-radius:50%;width:26%;height:16%;position:absolute;top:12%;left:22%}.shader--orb.is-live .orb-fallback{opacity:0}.product__labels{display:contents}.label{border-top:1px solid var(--wit-15);opacity:0;flex-direction:column;gap:4px;padding:18px 0;display:flex;transform:translateY(16px)}.label--1{grid-area:1/1;align-self:start}.label--2{grid-area:1/3;align-self:center}.label--3{grid-area:1/1;align-self:end}.label__waarde{letter-spacing:-.03em;font-size:26px;font-weight:500}.label__naam{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--wit-45);font-size:12px}.dag{height:320vh;position:relative}.dag__pin{isolation:isolate;height:100svh;position:sticky;top:0;overflow:hidden}.shader--dag{background:radial-gradient(90% 70% at 30% 30%, var(--dag-b), transparent 70%), linear-gradient(160deg, var(--dag-a), var(--zwart) 110%);transition:background .2s linear}.shader--dag:before{content:"";z-index:1;background:linear-gradient(90deg,#0a0908c7 0%,#0a090859 55%,#0a090800 100%);position:absolute;inset:0}.dag__inhoud{z-index:2;height:100%;padding:96px var(--marge) 48px;max-width:calc(var(--breed) + 2 * var(--marge));grid-template-rows:auto auto 1fr auto;margin:0 auto;display:grid;position:relative}.dag__tijd{font-family:var(--mono);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-bottom:36px;font-size:clamp(44px,9vw,120px);line-height:1}.dag__stappen{max-width:520px;position:relative}.dag__stap{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);position:absolute;inset:0 auto auto 0;transform:translateY(14px)}.dag__stap.is-actief{opacity:1;transform:none}.dag__stap h2{margin-bottom:18px;font-size:clamp(34px,4.6vw,64px)}.dag__stap p{color:var(--wit-70);text-wrap:pretty;max-width:460px;font-size:18px}.dag__balk{align-self:end;gap:8px;display:flex}.dag__balk li{background:var(--wit-15);width:56px;height:2px;position:relative;overflow:hidden}.dag__balk li:after{content:"";background:var(--wit);transform:scaleX(var(--p,0));transform-origin:0;position:absolute;inset:0}.specs{padding:140px var(--marge);max-width:calc(var(--breed) + 2 * var(--marge));margin:0 auto}.specs__kop{max-width:760px;margin-bottom:56px}.specs__raster{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.spec{border-radius:var(--radius);background:linear-gradient(180deg, var(--wit-08), #f3efe808);border:1px solid var(--wit-08);opacity:0;flex-direction:column;gap:10px;min-height:240px;padding:32px 28px 28px;display:flex;transform:translateY(24px)}.spec__getal{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(40px,4vw,56px);font-weight:500;line-height:1}.spec__getal small{color:var(--amber);letter-spacing:0;font-size:.42em;font-weight:450}.spec__naam{margin-top:auto;font-weight:500}.spec__uitleg{color:var(--wit-45);font-size:15px;line-height:1.4}.materiaal{min-height:92svh;padding:120px var(--marge);color:var(--zwart);isolation:isolate;align-items:center;display:grid;position:relative;overflow:hidden}.shader--materiaal{background:repeating-linear-gradient(90deg,#ffffff24 0 6px,#0000000f 6px 14px,#fff0 14px 34px),linear-gradient(120deg,#e9c99a 0%,#e8a65a 45%,#c77d3f 100%)}.shader--materiaal:after{opacity:.25}.materiaal__inhoud{z-index:2;max-width:820px;position:relative}.materiaal__inhoud h2{color:#1a110a;margin-bottom:28px}.materiaal__inhoud h2 .line{display:block;overflow:hidden}.materiaal__inhoud h2 .line>span{display:block}.materiaal__inhoud p{color:#1a110ac7;text-wrap:pretty;max-width:620px;font-size:clamp(17px,1.5vw,21px)}.kleuren{padding:140px var(--marge);max-width:calc(var(--breed) + 2 * var(--marge));margin:0 auto}.kleuren__kop{margin-bottom:48px}.kleuren__raster{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.kleur{opacity:0;transform:translateY(24px)}.shader--kleur{aspect-ratio:4/5;border-radius:var(--radius);margin-bottom:18px;position:relative}.shader--kleur:after{opacity:.12}.shader--kleur[data-shader=kleur-zand]{background:linear-gradient(160deg, #efe3cc, var(--zand) 60%, #9b8a6c)}.shader--kleur[data-shader=kleur-nacht]{background:linear-gradient(160deg, #3b4a6b, var(--nacht) 60%, #0d0f16)}.shader--kleur[data-shader=kleur-klei]{background:linear-gradient(160deg, #c48568, var(--klei) 60%, #4a2a20)}.kleur h3{margin-bottom:6px}.kleur p{color:var(--wit-45);font-size:15px}.stemmen{gap:16px;padding:60px 0 140px;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee{overflow:hidden}.marquee__rij{gap:16px;width:max-content;animation:48s linear infinite marquee;display:flex}.marquee[data-richting=rechts] .marquee__rij{animation-direction:reverse}.marquee:hover .marquee__rij{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}.marquee blockquote{border-radius:var(--radius);border:1px solid var(--wit-08);background:var(--wit-08);letter-spacing:-.015em;flex-direction:column;flex:none;gap:14px;width:420px;margin:0;padding:26px 28px;font-size:19px;line-height:1.35;display:flex}.marquee cite{font-style:normal;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--wit-45);font-size:12px}.bestel{text-align:center;min-height:100svh;padding:140px var(--marge);isolation:isolate;place-items:center;display:grid;position:relative;overflow:hidden}.shader--bestel{background:radial-gradient(50% 45% at 50% 100%, #e8a65a8c, transparent 70%), radial-gradient(70% 50% at 50% 110%, #b9793a59, transparent), var(--zwart)}.bestel__inhoud{z-index:2;flex-direction:column;align-items:center;max-width:820px;display:flex;position:relative}.bestel__inhoud h2{letter-spacing:-.045em;margin-bottom:28px;font-size:clamp(48px,8vw,120px)}.bestel__inhoud h2 .char{display:inline-block}.bestel__prijs{color:var(--wit-70);margin-bottom:36px;font-size:17px}.bestel__prijs strong{color:var(--wit);font-size:22px;font-weight:500}.bestel__klein{color:var(--wit-45);margin-top:28px;font-size:14px}.voet{padding:48px var(--marge) 56px;border-top:1px solid var(--wit-08);color:var(--wit-45);max-width:calc(var(--breed) + 2 * var(--marge));grid-template-columns:1.2fr 1fr 1.4fr;gap:32px;margin:0 auto;font-size:14px;display:grid}.voet__kolom{flex-direction:column;gap:8px;display:flex}.voet__kolom strong{color:var(--wit);letter-spacing:-.03em;font-size:18px;font-weight:600}.voet__kolom a:hover{color:var(--wit)}.voet__klein{font-size:12px;line-height:1.5}.voet__klein a{text-underline-offset:3px;text-decoration:underline}.voet__gpu{font-family:var(--mono);letter-spacing:.06em}html:not(.js) .label,html:not(.js) .spec,html:not(.js) .kleur{opacity:1;transform:none}html:not(.js) .statement__tekst .word{opacity:1}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero__scroll span,.marquee__rij{animation:none}.label,.spec,.kleur{opacity:1;transform:none}}@media (max-width:900px){.nav__links{display:none}.product__toneel{grid-template-columns:1fr;gap:0}.shader--orb{grid-column:1;width:100%;max-width:420px;margin:0 auto 24px}.product__labels{grid-template-columns:1fr;display:grid}.label{grid-area:auto!important}.specs__raster{grid-template-columns:1fr 1fr}.spec{min-height:200px;padding:24px 20px 20px}.kleuren__raster{grid-template-columns:1fr;gap:28px}.shader--kleur{aspect-ratio:16/10}.marquee blockquote{width:300px;padding:20px;font-size:16px}.voet{grid-template-columns:1fr}.dag__inhoud{padding-top:84px}.dag__tijd{margin-bottom:24px}.shader--dag:before{background:linear-gradient(#0a090899 0%,#0a09084d 50%,#0a0908bf 100%)}}@media (max-width:520px){.specs__raster{grid-template-columns:1fr}.hero__acties{gap:14px}.label__waarde{font-size:22px}}