@supports (animation-timeline:view()){.op-komst,.op-komst-later{animation:linear both op-komst;animation-timeline:view()}.op-komst{animation-range:entry entry 45%}.op-komst-later{animation-range:entry 8% entry 60%}}@keyframes op-komst{0%{opacity:0;transform:translateY(14px)}}.opening-in>*{animation:op-komst .55s var(--ease-vlot) both}.opening-in>:first-child{animation-delay:20ms}.opening-in>:nth-child(2){animation-delay:80ms}.opening-in>:nth-child(3){animation-delay:.14s}.opening-in>:nth-child(4){animation-delay:.2s}.opening-in>:nth-child(5){animation-delay:.26s}.opening-in>:nth-child(6){animation-delay:.32s}.aurora{pointer-events:none;height:820px;position:absolute;inset:0 0 auto;overflow:hidden;-webkit-mask-image:linear-gradient(#000 50%,#0000);mask-image:linear-gradient(#000 50%,#0000)}.aurora span{background:radial-gradient(circle, var(--accent) 0%, transparent 70%);opacity:.14;display:block;position:absolute}.aurora span:first-child{width:58vw;max-width:860px;height:58vw;max-height:860px;top:2%;left:2%}.aurora span:nth-child(2){opacity:.1;width:52vw;max-width:760px;height:52vw;max-height:760px;top:12%;right:0%}@media (max-width:640px){.aurora span{opacity:.09}.aurora span:nth-child(2){opacity:.07}}@media (hover:hover) and (pointer:fine){.aurora span:first-child{animation:34s ease-in-out infinite alternate aurora-a}.aurora span:nth-child(2){animation:42s ease-in-out infinite alternate aurora-b}}@keyframes aurora-a{to{transform:translate(-5%,6%)scale(1.08)}}@keyframes aurora-b{to{transform:translate(5%,-5%)scale(1.06)}}.leesbalk{display:none}@supports (animation-timeline:scroll()){.leesbalk{z-index:30;transform-origin:0;background-image:var(--verloop-accent);height:2px;animation:linear both leesbalk;animation-timeline:scroll(root);display:block;position:fixed;inset:0 0 auto}}@keyframes leesbalk{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.kop-verdicht{border-bottom-color:#0000}.kop-verdicht:after{content:"";background:var(--border);height:1px;box-shadow:var(--shadow-kaart);pointer-events:none;position:absolute;inset:auto 0 -1px}@supports (animation-timeline:scroll()){.kop-verdicht:after{animation:linear both kop-verdicht;animation-timeline:scroll(root);animation-range:0 120px}}@keyframes kop-verdicht{0%{opacity:0}to{opacity:1}}.kaart-zweef,.beeld-glans{isolation:isolate;position:relative}.kaart-zweef:after,.beeld-glans:after{content:"";z-index:-1;border-radius:inherit;opacity:0;pointer-events:none;position:absolute;inset:0}.kaart-zweef:after{box-shadow:var(--shadow-zweef)}.beeld-glans:after{box-shadow:var(--shadow-venster)}@media (hover:hover) and (pointer:fine){.kaart-zweef{transition:transform var(--duur-normaal) var(--ease-vlot), border-color var(--duur-normaal) var(--ease-vlot)}.kaart-zweef:after,.beeld-glans:after{transition:opacity var(--duur-normaal) var(--ease-vlot)}.kaart-zweef:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border));transform:translateY(-4px)}.kaart-zweef:hover:after,.beeld-glans:hover:after{opacity:1}.kaart-zweef.ring-draait:hover{border-color:#0000}.kaart-zweef:hover .kaart-icoon{background-image:var(--verloop-accent);color:#fff}.beeld-glans{transition:transform var(--duur-lang) var(--ease-vlot)}.beeld-glans:hover{transform:translateY(-3px)}}.ring-draait{position:relative}.ring-draait:before{content:"";border-radius:inherit;pointer-events:none;background-image:var(--verloop-accent);-webkit-mask-composite:xor;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.telefoon-toneel{position:relative}.telefoon-podium{--rand:4px;--b:252px;--app:calc(var(--b) / 390);--balk:calc(65 * var(--app));width:calc(var(--b) + 2 * var(--rand));perspective:1400px;perspective-origin:50% 35%;animation:telefoon-komt .6s var(--ease-vlot) .35s both;margin-inline:auto;position:relative}@media (min-width:768px){.telefoon-podium{--rand:5px;--b:clamp(220px, 24vw, 300px);z-index:1;margin:0;position:absolute;bottom:-28px;right:0}}.telefoon{z-index:1;padding:var(--rand);border-radius:calc(var(--b) * .145);background-image:var(--verloop-inkt);box-shadow:var(--shadow-venster), 0 0 0 1px color-mix(in srgb, var(--foreground) 12%, transparent), inset 1px 1px 0 #ffffff29;position:relative;transform:rotateY(-10deg)rotateX(4deg)}@media (min-width:768px){.telefoon{transform:rotateY(-18deg)rotateX(6deg)}}.telefoon-scherm{border-radius:calc(var(--b) * .145 - var(--rand));aspect-ratio:390/812;isolation:isolate;background:#fafafa;position:relative;overflow:hidden;transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.telefoon-scherm:before{content:"";z-index:3;top:calc(10 * var(--app));width:calc(7 * var(--app));height:calc(7 * var(--app));margin-left:calc(-3.5 * var(--app));background-image:var(--verloop-inkt);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--foreground) 14%, transparent);border-radius:50%;position:absolute;left:50%}.telefoon-rol{animation:telefoon-kennismaking 1.8s var(--ease-vlot) 1.4s both;position:absolute;inset:0}.telefoon-scherm img{width:100%;height:auto;display:block;position:absolute;inset:0 0 auto}.telefoon-balk{z-index:2;height:var(--balk);position:absolute;inset:0 0 auto;overflow:hidden}.telefoon-scherm-b{display:none}.telefoon-schaduw{z-index:0;pointer-events:none;background:radial-gradient(var(--lightningcss-light,#10182847)var(--lightningcss-dark,#0009),#0000 70%);border-radius:50%;height:44px;position:absolute;bottom:-34px;left:4%;right:-6%}@supports (animation-timeline:scroll()){.telefoon-rol{animation:none}.telefoon-scherm-b{display:block}.telefoon-podium{view-timeline:--telefoon block}.telefoon,.telefoon-scherm-a,.telefoon-scherm-b{animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--telefoon;animation-range:entry 50% exit 25%}.telefoon{animation-name:telefoon-kantel-klein}.telefoon-scherm-a{animation-name:telefoon-vandaag}.telefoon-scherm-b{animation-name:telefoon-trimkaart}@media (min-width:768px){.telefoon{animation-name:telefoon-kantel}}}@keyframes telefoon-kantel{0%{transform:rotateY(-18deg)rotateX(6deg)translateY(0)}42%{transform:rotateY(-3deg)rotateX(1deg)translateY(14px)}52%{transform:rotateY(1deg)rotateX(1deg)translateY(18px)}to{transform:rotateY(8deg)rotateX(-3deg)translateY(30px)}}@keyframes telefoon-kantel-klein{0%{transform:rotateY(-10deg)rotateX(4deg)translateY(0)}45%{transform:rotateY(0)rotateX(0)translateY(10px)}to{transform:rotateY(4deg)rotateX(-2deg)translateY(20px)}}@keyframes telefoon-vandaag{0%{opacity:1;transform:translateY(0)}42%{transform:translateY(calc(-390 * var(--app)));opacity:1}47%,to{transform:translateY(calc(-390 * var(--app)));opacity:0}}@keyframes telefoon-trimkaart{0%,47%{opacity:0;transform:translateY(0)}52%{transform:translateY(calc(-20 * var(--app)));opacity:1}to{transform:translateY(calc(-430 * var(--app)));opacity:1}}@keyframes telefoon-komt{0%{opacity:0;transform:translateY(40px)scale(.96)}40%{opacity:1}}@keyframes telefoon-kennismaking{to{transform:translateY(calc(-150 * var(--app)))}}@keyframes op-komst-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.op-komst,.op-komst-later,.kop-verdicht:after,.aurora span{animation:none!important}.opening-in>*,.telefoon-podium{animation:.3s ease-out both op-komst-fade!important}.aurora span{will-change:auto}.op-komst,.op-komst-later,.opening-in>*{opacity:1;transform:none}.kop-verdicht:after{opacity:1}.leesbalk{display:none!important}.kaart-zweef:hover,.beeld-glans:hover{transform:none}.telefoon,.telefoon-rol,.telefoon-scherm-a,.telefoon-scherm-b{animation:none!important}.telefoon-scherm-b{display:none!important}}