:root{--font-heading:"Sora", sans-serif;--font-body:"Public Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--asfalt:#121110;--asfalt-2:#1b1a18;--asfalt-3:#262421;--chroom:#ecebe8;--zacht:#a8a49c;--lijn:#34312c;--amber:#f3c46b;--amber-diep:#d9952f;--open:#8fd49a;--dicht:#ef8f78}html{background:var(--asfalt);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--asfalt);color:var(--chroom)}::selection{background:var(--amber);color:var(--asfalt)}:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:4px}.sla-over{background:var(--amber);color:var(--asfalt);z-index:50;border-radius:8px;padding:12px 16px;position:absolute;top:-64px;left:16px}.sla-over:focus{top:16px}.kop{z-index:20;transition:background .3s,box-shadow .3s;position:fixed;inset:0 0 auto}.kop.is-gescrold{background:color-mix(in srgb, var(--asfalt) 82%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--lijn)}.kop__rij{align-items:center;gap:32px;height:72px;display:flex}.merk{font-family:var(--site-serif);letter-spacing:-.01em;align-items:baseline;gap:6px;padding-left:4px;font-size:19px;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.merk__boog{width:56px;color:var(--amber);opacity:.9;position:absolute;top:-10px;left:-6px}.merk__licht{color:var(--zacht);font-weight:300}.nav{gap:24px;margin-left:auto;display:flex}.nav a{color:var(--zacht);padding:12px 0;font-size:15px;text-decoration:none;transition:color .15s}.nav a:hover{color:var(--chroom)}.knop{background:var(--amber);min-height:48px;color:var(--asfalt);transition:transform .15s var(--ease-uit), background .2s, box-shadow .2s;border-radius:12px;justify-content:center;align-items:center;padding:0 24px;font-size:17px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 0 #f3c46b00}.knop:hover{background:#f7d48d;box-shadow:0 8px 32px -8px #f3c46b8c}.knop:active{transform:scale(.97)}.knop--rustig{color:var(--chroom);background:0 0;box-shadow:inset 0 0 0 1px #57534b}.knop--rustig:hover{background:var(--asfalt-3);box-shadow:inset 0 0 0 1px var(--zacht)}.knop--klein{font-variant-numeric:tabular-nums;min-height:40px;padding:0 16px;font-size:15px}.held{isolation:isolate;padding:144px 0 64px;position:relative;overflow:hidden}.held__gloed{z-index:-1;background:radial-gradient(48% 56% at 78% 30%, #f3c46b4d, #d9952f1a 45%, transparent 72%), radial-gradient(40% 40% at 10% 100%, #ecebe80f, transparent 70%), linear-gradient(180deg, #0d0c0b, var(--asfalt) 60%);position:absolute;inset:0}.held__gloed:after{content:"";filter:blur(1px);opacity:.5;background:linear-gradient(#0000,#f3c46b80);width:2px;height:46%;position:absolute;top:-10%;left:70%}.held__rooster{grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;display:grid}.held__kop{font-family:var(--site-serif);letter-spacing:-.035em;margin-top:24px;font-size:clamp(40px,5.4vw,76px);font-weight:600;line-height:1.04}.regel{padding-bottom:.06em;display:block;overflow:hidden}.regel>span{display:inline-block}.held__intro{max-width:44ch;color:var(--zacht);margin-top:24px;font-size:clamp(17px,1.3vw,20px)}.held__acties{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.raster{justify-self:end;width:min(100%,600px)}.raster img{width:100%;height:auto;-webkit-mask:radial-gradient(70% 70%,#000 55%,#0000 100%);mask:radial-gradient(70% 70%,#000 55%,#0000 100%)}.raster.is-zichtbaar img{animation:opkomen 1.6s var(--ease-uit) both}@keyframes opkomen{0%{opacity:0;filter:blur(6px);transform:scale(1.04)}to{opacity:1;filter:none;transform:none}}.open{color:var(--zacht);align-items:center;gap:8px;font-size:15px;display:inline-flex}.open__punt{background:var(--zacht);border-radius:50%;width:8px;height:8px;position:relative}[data-open=ja] .open__punt{background:var(--open);box-shadow:0 0 12px var(--open)}[data-open=ja] .open__punt:after{content:"";border:1.5px solid var(--open);animation:puls 2.4s var(--ease-uit) infinite;border-radius:50%;position:absolute;inset:-4px}[data-open=nee] .open__punt{background:var(--dicht)}@keyframes puls{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}.vertrouwen{border-top:1px solid var(--lijn);grid-template-columns:repeat(3,1fr);gap:24px;margin-top:64px;padding:32px 0 0;list-style:none;display:grid}.vertrouwen li{align-items:baseline;gap:12px;display:flex}.vertrouwen b{font-family:var(--site-serif);color:var(--amber);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:32px;font-weight:500}.vertrouwen span{color:var(--zacht)}.sectiekop{font-family:var(--site-serif);letter-spacing:-.03em;font-size:clamp(28px,3vw,44px);font-weight:600;line-height:1.1}.zacht{color:var(--zacht);max-width:40ch;margin-top:16px}.tijden{padding:96px 0}.tijden__kop{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;display:flex}.week{gap:12px;margin-top:48px;display:grid;position:relative}.week__as{color:var(--zacht);font-variant-numeric:tabular-nums;justify-content:space-between;margin-left:64px;font-size:13px;display:flex}.week__rij{grid-template-columns:48px 1fr;align-items:center;gap:16px;display:grid}.week__rij>span{font-family:var(--site-serif);color:var(--zacht);font-size:15px}.week__baan{background:repeating-linear-gradient(90deg, var(--asfalt-2) 0 calc(100% / 12 - 1px), var(--lijn) calc(100% / 12 - 1px) calc(100% / 12));border-radius:8px;height:40px;position:relative}.week__baan i{top:4px;bottom:4px;left:calc((var(--van) - 8) / 12 * 100%);width:calc((var(--tot) - var(--van)) / 12 * 100%);background:linear-gradient(90deg,#f3c46b8c,#f3c46bbf);border-radius:4px;position:absolute}.week__baan i.laat{background:linear-gradient(90deg, #f3c46b8c, var(--amber) 80%);box-shadow:0 0 24px -4px #f3c46b99}.week__rij.is-vandaag>span{color:var(--chroom);font-weight:600}.week__rij.is-vandaag .week__baan{box-shadow:inset 0 0 0 1px #57534b}.week__nu{background:var(--chroom);pointer-events:none;border-radius:2px;width:2px;position:absolute;box-shadow:0 0 8px #ecebe899}.werk{background:linear-gradient(180deg, var(--asfalt), var(--asfalt-2) 30%, var(--asfalt-2) 70%, var(--asfalt));padding:96px 0}.werk__rooster{grid-template-columns:1fr 1.6fr;gap:64px;display:grid}.diensten{margin:0;padding:0;list-style:none}.diensten li{border-bottom:1px solid var(--lijn);justify-content:space-between;align-items:center;gap:24px;padding:24px 0;display:flex}.diensten li:first-child{border-top:1px solid var(--lijn)}.diensten h3{font-family:var(--site-serif);letter-spacing:-.01em;font-size:20px;font-weight:500}.diensten p{color:var(--zacht);margin-top:4px;font-size:16px}.diensten b{font-family:var(--site-serif);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:28px;font-weight:500}.diensten small{color:var(--zacht);font-size:15px;font-weight:400}.pijl{color:var(--amber);padding:12px 0;font-weight:600;text-decoration:none}.pijl:hover{text-underline-offset:4px;text-decoration:underline}.hidzer{padding:96px 0}.hidzer__rooster{grid-template-columns:1fr 1fr;gap:64px;display:grid}.hidzer .sectiekop{align-self:start;max-width:16ch;position:sticky;top:112px}.tijdlijn{gap:48px;margin:0;padding:0 0 0 32px;list-style:none;display:grid;position:relative}.tijdlijn:before{content:"";background:linear-gradient(180deg, var(--amber), var(--lijn));width:1px;position:absolute;top:12px;bottom:12px;left:4px}.tijdlijn li{position:relative}.tijdlijn li:before{content:"";background:var(--asfalt);width:9px;height:9px;box-shadow:inset 0 0 0 2px var(--amber);border-radius:50%;position:absolute;top:14px;left:-32px}.tijdlijn b{font-family:var(--site-serif);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:44px;font-weight:600}.tijdlijn p{color:var(--zacht);max-width:36ch;margin-top:8px;font-size:18px}.slot{background:var(--chroom);color:var(--asfalt);border-radius:24px 24px 0 0;padding:96px 0}.slot__rooster{grid-template-columns:1.2fr 1fr;align-items:end;gap:64px;display:grid}.slot__kop{font-family:var(--site-serif);letter-spacing:-.035em;max-width:14ch;font-size:clamp(32px,4vw,56px);font-weight:600;line-height:1.06}.slot__gegevens{justify-items:start;gap:8px;display:grid}.slot__nummer{font-family:var(--site-serif);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(32px,3.4vw,48px);font-weight:600;text-decoration:none}.slot__nummer:hover{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:2px}.slot p,.slot address{color:#4a4741;font-style:normal}.slot address{margin-bottom:16px}.slot .knop--rustig{color:var(--asfalt);box-shadow:inset 0 0 0 1.5px var(--asfalt)}.slot .knop--rustig:hover{background:var(--asfalt);color:var(--chroom)}.slot :focus-visible{outline-color:var(--asfalt)}.voet{background:var(--chroom);color:#4a4741;border-top:1px solid #d3d0ca;padding:24px 0 32px;font-size:15px}.voet__rij{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.voet a{margin-block:-12px;padding-block:12px;display:inline-block}.voet :focus-visible{outline-color:var(--asfalt)}.balk{display:none}@media (width<=880px){.nav{display:none}.kop__rij{justify-content:space-between;height:64px}.held{padding:104px 0 48px}.held__rooster{grid-template-columns:1fr;gap:24px}.raster{order:-1;justify-self:center;width:min(100%,420px);margin-bottom:-24px}.vertrouwen{grid-template-columns:1fr;gap:12px;margin-top:48px;padding-top:24px}.vertrouwen b{min-width:64px;font-size:24px}.tijden,.werk,.hidzer,.slot{padding:64px 0}.week__as{margin-left:48px;font-size:12px}.week__rij{grid-template-columns:32px 1fr;gap:16px}.werk__rooster,.hidzer__rooster,.slot__rooster{grid-template-columns:1fr;gap:32px}.hidzer .sectiekop{position:static}.diensten b{font-size:22px}.voet{padding-bottom:112px}.balk{z-index:30;background:color-mix(in srgb, var(--asfalt-2) 86%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 0 0 1px var(--lijn), 0 16px 40px -8px #0009;border-radius:16px;grid-template-columns:1.5fr 1fr;gap:8px;padding:8px;display:grid;position:fixed;bottom:12px;left:12px;right:12px}}@media (width<=420px){.merk{font-size:17px}.knop--klein{padding:0 12px;font-size:14px}}@media (width<=880px){.balk{opacity:0;visibility:hidden;transition:transform .3s var(--ease-uit), opacity .3s, visibility .3s;transform:translateY(calc(100% + 24px))}.balk.is-zichtbaar{opacity:1;visibility:visible;transform:none}}