#vf-showreel{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:64px 24px 24px;border:0;background:#050505f7;color:#fff;overflow:hidden;box-sizing:border-box}
#vf-showreel[open]{display:flex;align-items:center;justify-content:center;animation:vf-reel-in .18s ease-out}#vf-showreel::backdrop{background:#000}
#vf-showreel video{position:relative;z-index:0;display:block;width:100%;height:auto;max-height:100%;object-fit:contain;outline-offset:4px}
.vf-showreel-close{position:fixed;transform:translateZ(0);right:20px;top:12px;width:44px;height:44px;display:grid;place-items:center;font:300 32px/1 sans-serif;color:#eee;background:#111;border:1px solid #d4af374d;border-radius:50%;cursor:pointer;z-index:3}.vf-showreel-close:hover{border-color:#d4af37}.vf-showreel-close:focus-visible{outline:2px solid #d4af37;outline-offset:3px}
@keyframes vf-reel-in{from{opacity:0}to{opacity:1}}@media(max-width:600px){#vf-showreel{padding:64px 8px 20px}.vf-showreel-close{right:12px;top:max(12px,env(safe-area-inset-top))}}@media(prefers-reduced-motion:reduce){#vf-showreel[open]{animation:none}}