@property --lagen-p{syntax:"<number>";inherits:true;initial-value:.4}.lagen-explosie-module__dIPsWG__wrap{--lagen-p:.4;--sp:calc(1 - var(--lagen-p));--pw:280px;--ph:calc(var(--pw) * .667);--g0:14;--g1:52;--gap:calc((var(--g0) + var(--g1) * var(--sp)) * 1px);--gut:34px;--kop:64px;--lijn:color-mix(in oklch, var(--foreground) 24%, transparent);--teken:var(--licht-teal);--tekenrand:color-mix(in oklch, var(--foreground) 34%, transparent);--plaatvlak:color-mix(in oklch, var(--background) 76%, transparent);min-height:200vh;color:var(--foreground);position:relative}.lagen-explosie-module__dIPsWG__sticky{top:var(--kop);min-height:calc(100vh - var(--kop));align-items:center;padding:64px 16px;display:flex;position:sticky;overflow:clip}.lagen-explosie-module__dIPsWG__binnen{width:100%;max-width:1120px;margin:0 auto}.lagen-explosie-module__dIPsWG__eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--muted-foreground);align-items:center;gap:9px;margin:0 0 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:flex}.lagen-explosie-module__dIPsWG__vierkant{background:var(--teken);width:8px;height:8px;box-shadow:0 0 0 1px var(--tekenrand);border-radius:1px}.lagen-explosie-module__dIPsWG__kop{letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(26px,5vw,40px);font-weight:600;line-height:1.08}.lagen-explosie-module__dIPsWG__intro{max-width:46ch;color:var(--muted-foreground);margin:0;font-size:clamp(14px,2.6vw,16px);line-height:1.6}.lagen-explosie-module__dIPsWG__meter{letter-spacing:.12em;text-transform:uppercase;max-width:400px;color:var(--muted-foreground);align-items:center;gap:12px;margin-top:26px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;display:flex}.lagen-explosie-module__dIPsWG__baan{background:var(--border);border-radius:2px;flex:1;height:2px;position:relative}.lagen-explosie-module__dIPsWG__vul{width:calc(var(--lagen-p) * 100%);background:color-mix(in oklch, var(--primary) 45%, transparent);border-radius:2px;position:absolute;top:0;bottom:0;left:0}.lagen-explosie-module__dIPsWG__punt{top:50%;left:calc(var(--lagen-p) * 100%);background:var(--primary);width:9px;height:9px;box-shadow:0 0 0 4px color-mix(in oklch, var(--primary) 16%, transparent);border-radius:50%;margin:-4.5px 0 0 -4.5px;position:absolute}.lagen-explosie-module__dIPsWG__tekening{max-width:720px;height:calc(var(--pw) * .605 + (var(--g0) + var(--g1)) * 5px + 34px);margin:44px auto 0;position:relative}.lagen-explosie-module__dIPsWG__gloed{left:calc(var(--pw) * .6);width:calc(var(--pw) * 1.9);height:calc(var(--pw) * 1.9);margin:calc(var(--pw) * -.95) 0 0 calc(var(--pw) * -.95);background:radial-gradient(circle, color-mix(in oklch, var(--licht-violet) 85%, transparent), transparent 68%);filter:blur(26px);pointer-events:none;z-index:0;border-radius:50%;position:absolute;top:50%}.lagen-explosie-module__dIPsWG__as{left:calc(var(--pw) * .6);width:1px;height:calc(var(--gap) * 6.4);background:repeating-linear-gradient(180deg, var(--lijn) 0 3px, transparent 3px 8px);z-index:1;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.lagen-explosie-module__dIPsWG__plaat,.lagen-explosie-module__dIPsWG__grond{left:calc(var(--pw) * .6);width:var(--pw);height:var(--ph);transform:translate(-50%, -50%) translateY(calc((2.5 - var(--i)) * var(--gap))) rotateX(58deg) rotateZ(-38deg);border-radius:7px;position:absolute;top:50%}.lagen-explosie-module__dIPsWG__grond{--i:-1.15;border:1px dashed color-mix(in oklch, var(--foreground) 16%, transparent);z-index:1;pointer-events:none}.lagen-explosie-module__dIPsWG__laag{pointer-events:none;z-index:calc(var(--i) + 2);position:absolute;inset:0}.lagen-explosie-module__dIPsWG__plaat{pointer-events:auto;border:1px solid var(--border);background-color:var(--plaatvlak);background-image:linear-gradient(135deg, color-mix(in oklch, var(--foreground) 9%, transparent), transparent 58%), var(--velour);box-shadow:var(--shadow-l);will-change:transform;place-items:center;transition:border-color .22s,background-color .22s,opacity .22s;display:grid}.lagen-explosie-module__dIPsWG__ic{width:calc(var(--pw) * .16);height:calc(var(--pw) * .16);color:color-mix(in oklch, var(--foreground) 52%, transparent);transition:color .22s,opacity .22s;position:absolute;bottom:7%;left:7%}.lagen-explosie-module__dIPsWG__ic svg{width:100%;height:100%;display:block}.lagen-explosie-module__dIPsWG__merk{justify-content:center;align-items:center;gap:calc(var(--pw) * .035);font-size:calc(var(--pw) * .13);letter-spacing:.14em;color:var(--primary);opacity:calc(var(--lagen-p) * 3.6 - 2.5);pointer-events:none;font-weight:600;display:flex;position:absolute;inset:0}.lagen-explosie-module__dIPsWG__merkTeken{width:calc(var(--pw) * .17);height:calc(var(--pw) * .17)}.lagen-explosie-module__dIPsWG__top .lagen-explosie-module__dIPsWG__ic{opacity:calc(3.2 - var(--lagen-p) * 3.6)}.lagen-explosie-module__dIPsWG__top .lagen-explosie-module__dIPsWG__plaat{border-color:color-mix(in oklch, var(--primary) 34%, var(--border))}.lagen-explosie-module__dIPsWG__bij{left:calc(var(--pw) * 1.2 + var(--gut));right:0;top:calc(50% + (2.5 - var(--i)) * max(var(--gap), 23px));transform:translateY(-50%) translateX(calc(var(--lagen-p) * 26px));text-align:left;max-width:30ch;color:inherit;font:inherit;cursor:pointer;pointer-events:auto;opacity:calc(3.4 - var(--lagen-p) * 3.6);background:0 0;border:0;border-radius:8px;grid-template-columns:auto 1fr;align-items:baseline;column-gap:8px;margin:0;padding:4px 6px;display:grid;position:absolute}.lagen-explosie-module__dIPsWG__bij:before{content:"";width:calc(var(--gut) - 2px);background:repeating-linear-gradient(90deg, var(--lijn) 0 4px, transparent 4px 8px);height:1px;margin-top:-.5px;position:absolute;top:50%;right:100%}.lagen-explosie-module__dIPsWG__bij:after{content:"";right:calc(100% + var(--gut) - 5px);background:var(--teken);width:5px;height:5px;box-shadow:0 0 0 1px var(--tekenrand);border-radius:50%;margin-top:-2.5px;position:absolute;top:50%}.lagen-explosie-module__dIPsWG__nr{letter-spacing:.2em;color:var(--muted-foreground);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;transition:color .22s}.lagen-explosie-module__dIPsWG__naam{letter-spacing:-.01em;font-size:15px;font-weight:600}.lagen-explosie-module__dIPsWG__uit{color:var(--muted-foreground);opacity:calc(3 - var(--lagen-p) * 4);grid-column:2;margin-top:2px;font-size:12.5px;line-height:1.45}.lagen-explosie-module__dIPsWG__laag:hover .lagen-explosie-module__dIPsWG__plaat,.lagen-explosie-module__dIPsWG__laag:focus-within .lagen-explosie-module__dIPsWG__plaat,.lagen-explosie-module__dIPsWG__op .lagen-explosie-module__dIPsWG__plaat{border-color:color-mix(in oklch, var(--primary) 56%, transparent);background-color:color-mix(in oklch, var(--primary) 9%, var(--plaatvlak));box-shadow:var(--shadow-l), inset 0 0 0 1px color-mix(in oklch, var(--primary) 22%, transparent)}.lagen-explosie-module__dIPsWG__laag:hover .lagen-explosie-module__dIPsWG__ic,.lagen-explosie-module__dIPsWG__laag:focus-within .lagen-explosie-module__dIPsWG__ic,.lagen-explosie-module__dIPsWG__op .lagen-explosie-module__dIPsWG__ic,.lagen-explosie-module__dIPsWG__laag:hover .lagen-explosie-module__dIPsWG__nr,.lagen-explosie-module__dIPsWG__laag:focus-within .lagen-explosie-module__dIPsWG__nr,.lagen-explosie-module__dIPsWG__op .lagen-explosie-module__dIPsWG__nr{color:var(--primary)}.lagen-explosie-module__dIPsWG__tekening[data-solo] .lagen-explosie-module__dIPsWG__laag:not(.lagen-explosie-module__dIPsWG__op) .lagen-explosie-module__dIPsWG__plaat{opacity:.3}.lagen-explosie-module__dIPsWG__tekening[data-solo] .lagen-explosie-module__dIPsWG__laag:not(.lagen-explosie-module__dIPsWG__op) .lagen-explosie-module__dIPsWG__bij{opacity:calc((3.4 - var(--lagen-p) * 3.6) * .45)}.lagen-explosie-module__dIPsWG__bij:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media (min-width:1020px){.lagen-explosie-module__dIPsWG__binnen{grid-template-columns:minmax(280px,400px) 1fr;align-items:center;gap:60px;display:grid}.lagen-explosie-module__dIPsWG__tekening{width:100%;margin:0 auto}}@media (max-width:1019px){.lagen-explosie-module__dIPsWG__wrap{--pw:220px;--g1:32}}@media (max-width:620px){.lagen-explosie-module__dIPsWG__wrap{--pw:152px;--g0:11;--g1:25;--gut:20px}.lagen-explosie-module__dIPsWG__sticky{padding:40px 14px}.lagen-explosie-module__dIPsWG__tekening{margin-top:32px}.lagen-explosie-module__dIPsWG__naam{font-size:13.5px}.lagen-explosie-module__dIPsWG__uit{font-size:11.5px}.lagen-explosie-module__dIPsWG__bij{max-width:none;padding:3px 2px}}@media (max-width:420px){.lagen-explosie-module__dIPsWG__wrap{--pw:126px;--gut:14px}.lagen-explosie-module__dIPsWG__uit{font-size:11px}}@media (max-height:780px) and (min-width:1020px){.lagen-explosie-module__dIPsWG__wrap{--pw:210px;--g1:30}}@media (prefers-reduced-motion:reduce){.lagen-explosie-module__dIPsWG__wrap{transition:none;--lagen-p:.4!important}.lagen-explosie-module__dIPsWG__wrap *{transition:none!important}}