.uurwerk{--uurwerk-zet:cubic-bezier(.62, .04, .24, 1);overflow:visible}.toneel{isolation:isolate;background:radial-gradient(ellipse 75% 65% at 50% 45%, var(--espresso) 0%, var(--charcoal) 72%);color:var(--logo-gold);place-content:center;justify-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.toneel:before,.toneel:after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.toneel:before{background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--logo-gold) 15%, transparent), transparent 42%)}.toneel:after{opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='k'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23k)'/%3E%3C/svg%3E")}.intro{z-index:2147483647}html[data-intro] .intro[hidden]{display:grid!important}.intro .uurwerk{width:clamp(220px,48vw,380px);height:auto}.intro__camera{transform-origin:50% 26%;animation:intro-camera 3s var(--ease) both, intro-scherp .9s var(--ease) both}.intro:before{animation:intro-licht 3s var(--ease) both}@keyframes intro-camera{0%{transform:scale(1.08)}}@keyframes intro-scherp{0%{filter:blur(6px)}}@keyframes intro-licht{0%{opacity:0;transform:scale(.8)}55%{opacity:1}to{opacity:.8;transform:scale(1.06)}}.uurwerk--intro .uurwerk__ring,.uurwerk--intro .uurwerk__wijzer,.uurwerk--intro .uurwerk__as{animation:uurwerk-in .3s var(--ease) both, uurwerk-uit 1ms steps(1, end) 1.6s forwards}.uurwerk--intro .uurwerk__wijzer--lang{animation:uurwerk-in .3s var(--ease) both, uurwerk-uit 1ms steps(1, end) 1.6s forwards, uurwerk-zet-lang 1.45s var(--uurwerk-zet) .15s both}.uurwerk--intro .uurwerk__wijzer--kort{animation:uurwerk-in .3s var(--ease) both, uurwerk-uit 1ms steps(1, end) 1.6s forwards, uurwerk-zet-kort 1.45s var(--uurwerk-zet) .15s both}.uurwerk__veeg{animation:uurwerk-veeg 1.45s var(--uurwerk-zet) .15s both}.uurwerk__vast{animation:1ms step-start 1.599s both uurwerk-in}.uurwerk__glans{fill:var(--gold-glans)}.uurwerk__glansband{animation:.95s cubic-bezier(.45,0,.2,1) 1.5s both uurwerk-glans}.uurwerk__woord>*,.uurwerk__exclusive>*{--uurwerk-letter:cubic-bezier(.16, 1, .3, 1)}.uurwerk--intro .uurwerk__woord>*{animation:uurwerk-in .9s var(--ease) 1.1s both, uurwerk-letter 1.4s var(--uurwerk-letter) 1.1s both}.uurwerk--intro .uurwerk__exclusive>*{animation:uurwerk-in .8s var(--ease) 1.5s both, uurwerk-letter 1.1s var(--uurwerk-letter) 1.5s both}@keyframes uurwerk-in{0%{opacity:0}}@keyframes uurwerk-uit{to{opacity:0}}@keyframes uurwerk-zet-lang{0%{transform:rotate(-360deg)}to{transform:rotate(0)}}@keyframes uurwerk-zet-kort{0%{transform:rotate(-30deg)}}@keyframes uurwerk-veeg{0%{stroke-dashoffset:125.66px}to{stroke-dashoffset:0}}@keyframes uurwerk-glans{0%{transform:translate(0)}to{transform:translate(160px)}}@keyframes uurwerk-letter{0%{transform:translateX(calc(var(--dx) * 1px))}}html[data-intro=opent] .intro{pointer-events:none;animation:.75s cubic-bezier(.76,0,.24,1) both intro-open}html[data-intro=opent] .intro__inhoud{animation:.45s cubic-bezier(.5,0,.75,0) both intro-inhoud-weg}@keyframes intro-open{0%{clip-path:inset(0)}to{clip-path:inset(0 0 100%)}}@keyframes intro-inhoud-weg{to{opacity:0;transform:translateY(-3vh)}}html[data-intro=speelt] main,html[data-intro=speelt] main *{animation-play-state:paused!important}.uurwerk--laden .uurwerk__wijzer--lang{animation:2.4s linear infinite uurwerk-rond}.uurwerk--laden .uurwerk__wijzer--kort{animation:28.8s linear infinite uurwerk-rond}.uurwerk--laden .uurwerk__woord>*{animation:uurwerk-in .7s var(--ease) .25s both, uurwerk-letter 1.1s var(--uurwerk-letter) .25s both}.uurwerk--laden .uurwerk__exclusive>*{animation:uurwerk-in .7s var(--ease) .55s both, uurwerk-letter .9s var(--uurwerk-letter) .55s both}@keyframes uurwerk-rond{to{transform:rotate(360deg)}}.laadscherm{z-index:2147483000;gap:var(--s-6);padding:var(--gutter);text-align:center;animation:laden-in .5s var(--ease) .2s both}.laadscherm .uurwerk{width:clamp(200px,42vw,320px);height:auto}.laadscherm__tekst{color:color-mix(in srgb, var(--ivory) 80%, transparent);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;margin:0}.laadteken{justify-items:center;gap:var(--s-4);padding-block:var(--s-7);color:var(--gold-deep);text-align:center;animation:laden-in .4s var(--ease) .3s both;display:grid}.laadteken .uurwerk{width:76px;height:76px}.laadteken__tekst{max-width:44ch;color:var(--ink-soft);margin:0}.laadteken--klein{color:currentColor;padding:0;display:inline-block}.laadteken--klein .uurwerk{width:1.6em;height:1.6em}@keyframes laden-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.uurwerk--intro .uurwerk__ring,.uurwerk--intro .uurwerk__wijzer,.uurwerk--intro .uurwerk__as,.uurwerk__glans{display:none}.uurwerk__vast,.uurwerk .uurwerk__woord>*,.uurwerk .uurwerk__exclusive>*,.intro__camera,.intro:before{animation:none}.laadscherm,.laadteken{animation-duration:1ms}}