.hb,.v3 section.blok-moment>div.v3-kop-hemel{--hb-lucht:clamp(8.5rem,5rem + 14vw,15rem);--hb-grond:clamp(1.5rem,4vw,3rem);--hb-hoog:color-mix(in oklab,var(--color-gold-soft) 45%,var(--color-surface));--hb-laag:var(--color-surface);--hb-nachtblauw:oklch(from var(--color-shadow-ink) calc(l * 0.3 + 0.18) 0.07 268);--hb-rand:clamp(0.6rem,3vw,2.5rem)}.hb{--hb-boven:0px;--hb-zon:clamp(15px,0.55rem + 1.1vw,30px);--hb-maan:clamp(22px,0.8rem + 1.4vw,40px);margin:0;position:relative;isolation:isolate;padding-bottom:var(--hb-grond);background:linear-gradient(to bottom,var(--hb-hoog) 0,var(--hb-laag) calc(100% - var(--hb-grond)),transparent 100%)}.hb:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:calc(var(--hb-boven) + env(safe-area-inset-top, 0px));background:var(--hb-hoog);pointer-events:none}@supports not (color:oklch(from white l c h)){.hb{--hb-nachtblauw:var(--color-shadow-ink)}}.hb-leeg{height:calc(var(--hb-lucht) + var(--hb-grond));background:color-mix(in oklab,var(--color-surface-2) 70%,var(--color-surface))}.hb-scene{position:relative;overflow:hidden}body[data-lucht=mist] .hb-scene:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,color-mix(in oklab,color-mix(in oklab,var(--color-white) 70%,var(--color-surface)) 62%,transparent) 0,color-mix(in oklab,color-mix(in oklab,var(--color-white) 70%,var(--color-surface)) 34%,transparent) 42%,transparent 85%);animation:hb-mist 40s ease-in-out infinite alternate}@keyframes hb-mist{0%{opacity:.7}to{opacity:1}}body[data-weergave=rustig] .hb-scene:before{animation:none}.hb-svg{display:block;width:100%;height:var(--hb-lucht)}.hb[data-fase=nacht]{--hb-hoog:color-mix(in oklab,var(--hb-nachtblauw) 84%,var(--color-surface));--hb-laag:color-mix(in oklab,var(--hb-nachtblauw) 60%,var(--color-surface))}.hb[data-fase=dageraad]{--hb-hoog:color-mix(in oklab,var(--hb-nachtblauw) 72%,var(--color-surface));--hb-laag:color-mix(in oklab,var(--color-gold) 18%,var(--color-surface))}.hb[data-fase=ochtend]{--hb-hoog:color-mix(in oklab,var(--color-gold-soft) 30%,var(--color-surface));--hb-laag:var(--color-surface)}.hb[data-fase=dag]{--hb-hoog:color-mix(in oklab,var(--color-gold-soft) 45%,var(--color-surface));--hb-laag:var(--color-surface)}.hb[data-fase=gouden-uur]{--hb-hoog:color-mix(in oklab,var(--color-gold-hi) 55%,var(--color-surface));--hb-laag:color-mix(in oklab,var(--color-gold-soft) 80%,var(--color-surface))}.hb[data-fase=schemering]{--hb-hoog:color-mix(in oklab,var(--hb-nachtblauw) 70%,var(--color-gold-soft));--hb-laag:color-mix(in oklab,var(--color-gold) 30%,var(--color-surface))}.hb-baan,.hb-horizon,.hb-merk-tik,.hb-stand-lijn,.hb-stand-punt{vector-effect:non-scaling-stroke}.hb-baan{fill:none;stroke:color-mix(in oklab,var(--color-gold) 55%,transparent);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:3 5}.hb-horizon{stroke:color-mix(in oklab,var(--color-border-strong) 70%,transparent);stroke-width:1}.hb-horizon-diepte{fill:url(#hb-grond-verf)}.hb-grond-stop-hoog{stop-color:color-mix(in oklab,var(--color-gold-deep) 22%,transparent)}.hb-grond-stop-laag{stop-color:transparent}.hb-baan-stop-vol{stop-color:white;stop-opacity:1}.hb-baan-stop-weg{stop-color:white;stop-opacity:0}.hb[data-fase=dageraad] .hb-grond-stop-hoog,.hb[data-fase=schemering] .hb-grond-stop-hoog{stop-color:color-mix(in oklab,var(--hb-nachtblauw) 50%,transparent)}.hb[data-fase=nacht] .hb-grond-stop-hoog{stop-color:color-mix(in oklab,var(--hb-nachtblauw) 88%,transparent)}.hb-lucht{position:absolute;inset:0;pointer-events:none}.hb-zon{position:absolute;width:var(--hb-zon);height:var(--hb-zon);margin:calc(var(--hb-zon) / -2) 0 0 calc(var(--hb-zon) / -2);border-radius:50%;background:radial-gradient(circle at 44% 40%,color-mix(in oklab,var(--color-white) 88%,var(--color-gold-hi)) 0,var(--color-gold-hi) 34%,color-mix(in oklab,var(--color-gold-hi) 72%,var(--color-gold)) 62%,color-mix(in oklab,var(--color-gold) 82%,var(--color-gold-hi)) 88%,color-mix(in oklab,var(--color-gold) 60%,transparent) 100%);box-shadow:0 0 6px 1px color-mix(in oklab,var(--color-gold-hi) 70%,transparent),0 0 0 7px color-mix(in oklab,var(--color-gold) 24%,transparent);animation:hb-adem 6s var(--ease-calm) infinite}.hb[data-fase=dageraad] .hb-zon,.hb[data-fase=gouden-uur] .hb-zon,.hb[data-fase=schemering] .hb-zon{transform:scaleY(.88);background:radial-gradient(circle at 44% 42%,color-mix(in oklab,var(--color-white) 62%,var(--color-gold-hi)) 0,var(--color-gold-hi) 30%,var(--color-gold) 70%,color-mix(in oklab,var(--color-gold) 70%,transparent) 100%)}.hb[data-fase=nacht] .hb-zon{background:color-mix(in oklab,var(--color-gold) 60%,var(--color-shadow-ink));box-shadow:none}.hb-zon-gloed{position:absolute;width:calc(var(--hb-zon) * 3.05);height:calc(var(--hb-zon) * 3.05);margin:calc(var(--hb-zon) * -1.525) 0 0 calc(var(--hb-zon) * -1.525);border-radius:50%;background:radial-gradient(circle,color-mix(in oklab,var(--color-gold-hi) 55%,transparent) 0,transparent 72%);filter:blur(3px);opacity:.4}.hb[data-fase=dageraad] .hb-zon-gloed,.hb[data-fase=gouden-uur] .hb-zon-gloed,.hb[data-fase=schemering] .hb-zon-gloed{width:calc(var(--hb-zon) * 4.5);height:calc(var(--hb-zon) * 4.5);margin:calc(var(--hb-zon) * -2.25) 0 0 calc(var(--hb-zon) * -2.25);opacity:.8;background:radial-gradient(circle,color-mix(in oklab,var(--color-gold-hi) 75%,var(--color-white)) 0,color-mix(in oklab,var(--color-gold) 35%,transparent) 55%,transparent 75%)}.hb[data-fase=nacht] .hb-zon-gloed{opacity:0}.hb-maan-gloed{position:absolute;width:calc(var(--hb-maan) * 1.45);height:calc(var(--hb-maan) * 1.45);margin:calc(var(--hb-maan) * -.725) 0 0 calc(var(--hb-maan) * -.725);border-radius:50%;background:radial-gradient(circle,color-mix(in oklab,var(--color-white) 55%,var(--color-gold-hi)) 0,transparent 72%);filter:blur(2px);opacity:0}.hb[data-fase=nacht] .hb-maan-gloed{opacity:.35}.hb-derde-wash{fill:color-mix(in oklab,var(--color-gold) 10%,transparent)}.hb-derde-grens{stroke:color-mix(in oklab,var(--color-gold-hi) 45%,transparent);stroke-width:1;stroke-dasharray:2 3;fill:none}.hb-derde-naam{position:absolute;top:1.65rem;margin:0;color:color-mix(in oklab,var(--color-gold-hi) 55%,var(--color-white));font-size:.68rem;letter-spacing:.04em;text-transform:lowercase;text-align:right;white-space:nowrap;pointer-events:none;text-shadow:0 1px 2px color-mix(in oklab,var(--color-shadow-ink) 55%,transparent)}.hb[data-fase=dag] .hb-derde-naam,.hb[data-fase=gouden-uur] .hb-derde-naam,.hb[data-fase=ochtend] .hb-derde-naam{color:var(--color-gold-deep);text-shadow:none}.hb-maan{position:absolute;width:var(--hb-maan);height:var(--hb-maan);margin:calc(var(--hb-maan) / -2) 0 0 calc(var(--hb-maan) / -2);overflow:visible;transform-origin:center;filter:drop-shadow(0 0 2px color-mix(in oklab,var(--color-shadow-ink) 45%,transparent))}.hb-maan-schijf{fill:color-mix(in oklab,var(--color-shadow-ink) 35%,var(--color-surface-2));opacity:.5}.hb-maan-licht{fill:url(#hb-maan-verf)}.hb-maan-stop-kern{stop-color:color-mix(in oklab,var(--color-white) 92%,var(--color-gold-hi))}.hb-maan-stop-midden{stop-color:color-mix(in oklab,var(--color-white) 80%,var(--color-gold-hi))}.hb-maan-stop-rand{stop-color:color-mix(in oklab,var(--color-white) 58%,var(--color-gold))}.hb-maan-zeeen ellipse{fill:color-mix(in oklab,var(--color-shadow-ink) 42%,transparent);opacity:.3}.hb[data-fase=nacht] .hb-maan-zeeen ellipse{opacity:.38}.hb[data-fase=dag] .hb-maan,.hb[data-fase=ochtend] .hb-maan{opacity:.45}.hb-ster{position:absolute;border-radius:50%;background:radial-gradient(circle,color-mix(in oklab,var(--color-white) 92%,var(--color-gold-hi)) 0,color-mix(in oklab,var(--color-white) 60%,var(--color-gold-hi)) 42%,transparent 100%);opacity:.7;animation:hb-twinkel 4.5s ease-in-out infinite}.hb-merk-tik{stroke:color-mix(in oklab,var(--color-border-strong) 80%,transparent);stroke-width:1}.hb-merk-tik[data-geweest=true]{stroke:var(--color-gold-deep)}.hb-stand-lijn{stroke:color-mix(in oklab,var(--color-border-strong) 55%,transparent);stroke-width:1;stroke-dasharray:1.5 2.5}.hb-stand-lijn[data-geweest=true]{stroke:color-mix(in oklab,var(--color-gold-deep) 75%,transparent)}.hb-stand-punt{fill:none;stroke:color-mix(in oklab,var(--color-surface) 40%,var(--color-shadow-ink));stroke-width:4.6;stroke-linecap:round}.hb-stand-punt[data-geweest=true]{stroke:var(--color-gold-deep)}.hb[data-fase=nacht] .hb-stand-lijn{stroke:color-mix(in oklab,var(--color-white) 32%,transparent)}.hb[data-fase=nacht] .hb-stand-punt{stroke:color-mix(in oklab,var(--color-white) 55%,transparent)}.hb[data-fase=nacht] .hb-stand-lijn[data-geweest=true],.hb[data-fase=nacht] .hb-stand-punt[data-geweest=true]{stroke:var(--color-gold-hi)}.hb-namen{position:absolute;left:0;right:0;height:0;padding-inline:var(--hb-rand);pointer-events:none}.hb-naam{position:absolute;top:calc(var(--hb-lucht) * 5 / 116 + .25rem);transform:translateX(-50%);white-space:nowrap;font-family:var(--font-ui);font-size:clamp(.55rem,.47rem + .32vw,.8rem);letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);text-shadow:0 1px 2px color-mix(in oklab,var(--color-shadow-ink) 55%,transparent)}.hb-naam[data-rij="1"]{top:calc(var(--hb-lucht) * 5 / 116 + 1.15rem)}.hb-naam[data-rij="2"]{top:calc(var(--hb-lucht) * 5 / 116 + 2.05rem)}.hb-naam[data-geplaatst]{transform:none}.hb-naam[data-geweest=true]{color:var(--color-shadow-ink);background:color-mix(in oklab,var(--color-white) 80%,var(--color-gold-hi));padding:.05em .4em;border-radius:999px;text-shadow:none}.hb[data-fase=nacht] .hb-naam{color:color-mix(in oklab,var(--color-white) 65%,transparent)}.hb[data-fase=nacht] .hb-naam[data-geweest=true]{color:var(--color-shadow-ink)}@keyframes hb-adem{0%,to{transform:scale(1);opacity:.75}50%{transform:scale(1.12);opacity:1}}@keyframes hb-twinkel{0%,to{opacity:.35}50%{opacity:.9}}.hb-schuif{position:absolute;inset:auto 0 0 0;width:100%;height:40%;margin:0;padding:0;border:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;cursor:ew-resize;touch-action:none}.hb-schuif::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;background:transparent;border:none;height:100%}.hb-schuif::-webkit-slider-thumb{-webkit-appearance:none;width:2px;height:2px;background:transparent}.hb-schuif::-moz-range-thumb,.hb-schuif::-moz-range-track{background:transparent;border:none}.hb-schuif::-moz-range-thumb{width:2px;height:2px}.hb-schuif:focus-visible{outline:2px solid var(--color-gold-deep);outline-offset:-3px;border-radius:8px}.hb-voorbeeld{left:var(--hb-rand);padding:.2rem .6rem;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.02em;background:color-mix(in oklab,var(--color-white) 80%,var(--color-gold-hi));pointer-events:none}.hb-seizoen-schakel,.hb-voorbeeld{position:absolute;top:.5rem;margin:0;font-family:var(--font-ui);color:var(--color-shadow-ink)}.hb-seizoen-schakel{right:var(--hb-rand);z-index:1;padding:.2rem .55rem;border:none;border-radius:999px;font-size:.6rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:color-mix(in oklab,var(--color-white) 78%,var(--color-gold-hi));opacity:.7;cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out)}.hb-seizoen-schakel:focus-visible,.hb-seizoen-schakel:hover{opacity:1}.hb-seizoen-schakel[aria-pressed=true]{background:var(--color-gold-deep);color:var(--color-on-gold);opacity:1}.hb-seizoen{position:relative;padding:.35rem var(--hb-rand) .55rem;background:color-mix(in oklab,var(--color-surface-2) 65%,var(--color-surface));border-top:1px solid var(--color-border);animation:hb-seizoen-in var(--duration-normal) var(--ease-out)}.hb-seizoen-svg{display:block;width:100%;height:56px}.hb-seizoen-horizon{stroke:color-mix(in oklab,var(--color-border-strong) 55%,transparent);stroke-width:1}.hb-seizoen-pad{fill:none;stroke-linecap:round}.hb-seizoen-pad-nu{stroke:var(--color-gold-deep);stroke-width:1.7}.hb-seizoen-pad-verder{stroke:color-mix(in oklab,var(--color-muted) 80%,transparent);stroke-width:1.2;stroke-dasharray:2 3}.hb-seizoen-namen{display:flex;justify-content:space-between;margin-top:.15rem;font-family:var(--font-ui);font-size:.56rem;letter-spacing:.07em;text-transform:uppercase}.hb-seizoen-naam-nu{color:var(--color-gold-deep)}.hb-seizoen-naam-verder{color:var(--color-muted)}@keyframes hb-seizoen-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.hb[data-actief=false] .hb-scene:before,.hb[data-actief=false] .hb-ster,.hb[data-actief=false] .hb-zon{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.hb-scene:before,.hb-ster,.hb-zon{animation:none}.hb-zon{transform:scale(1);opacity:.85}.hb-ster{opacity:.6}.hb-seizoen{animation:none}}.hb-seizoen-uitleg{margin:var(--space-2) 0 0;font-size:.78rem;line-height:1.5;color:var(--color-ivory-dim);text-align:left}.hb-seizoen-schuif{width:100%;margin-top:var(--space-2);accent-color:var(--color-gold)}