.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.showreel-hero{position:relative;height:calc(100vh - 80px);height:calc(100svh - 80px);min-height:320px;background:#000}.showreel.showreel--hero{height:100% !important;aspect-ratio:auto;border-radius:0}.showreel--hero.speelt .showreel__video{object-fit:contain}.werk{scroll-margin-top:80px}.showreel__pijl{position:absolute;z-index:2;left:50%;bottom:clamp(24px,4vh,48px);display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#9c00d8;color:#f5f5f5;translate:-50% 0;transition:background-color 200ms ease-out;animation:showreel-pijl 1.6s ease-in-out infinite alternate}.showreel__pijl:hover{background:#000}.showreel__pijl:focus-visible{outline:3px solid #fff;outline-offset:3px}.showreel.speelt+.showreel__pijl{display:none}@keyframes showreel-pijl{from{transform:translateY(0)}to{transform:translateY(6px)}}@media(prefers-reduced-motion: reduce){.showreel__pijl{animation:none}}.showreel{position:relative;height:auto !important;margin:0;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:#000}.showreel__video{display:block;width:100%;height:100%;object-fit:cover}.showreel.speelt .showreel__video{scale:1 !important;translate:none !important}.showreel__knop{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.showreel.speelt .showreel__knop{display:none}.showreel__knop:focus-visible{outline:3px solid #fff;outline-offset:-6px}.showreel__knal{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:clamp(130px,20vw,300px);aspect-ratio:221/218;translate:-50% -50%;pointer-events:none}.showreel__knal-vorm{grid-area:1/1;width:100%;height:100%;fill:#9c00d8;translate:-2.1% 0;transform-origin:52.1% 50%;animation:showreel-knal-draai 10s linear infinite}.showreel__knal-tekst{grid-area:1/1;position:relative;z-index:1;padding-top:.195em;font-family:"Formula Condensed","Bebas Neue",sans-serif !important;font-size:clamp(24px,3.06vw,44px);font-weight:700;line-height:1;letter-spacing:.03em;text-align:center;text-transform:uppercase;white-space:nowrap;color:#f5f5f5}@keyframes showreel-knal-draai{to{transform:rotate(360deg)}}@media(hover: hover)and (pointer: fine){.showreel__knal{opacity:0;scale:.6;transition:opacity 220ms ease-out,scale 320ms cubic-bezier(0.22, 1, 0.36, 1)}.showreel__knop:is(:hover,:focus-visible) .showreel__knal{opacity:1;scale:1}.showreel__knal-vorm{animation-play-state:paused}.showreel__knop:is(:hover,:focus-visible) .showreel__knal-vorm{animation-play-state:running}.showreel.volgt .showreel__knop{cursor:none}.showreel.volgt .showreel__knal{top:0;left:0}}@media(prefers-reduced-motion: reduce){.showreel__knal-vorm{animation:none}.showreel__knal{transition:opacity 150ms linear;scale:1}}