body.no-scroll{padding-right:var(--scrollbar-width,12px);overflow:hidden}.overlay{z-index:1000;opacity:0;visibility:hidden;width:100%;height:100%;transition:all .4s var(--easing);background-color:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.overlay.active{opacity:1;visibility:visible;width:100vw;right:0}.overlay-content{aspect-ratio:16/9;width:90%;max-width:1000px;position:relative}.showreel-frame{background-color:#000;width:100%;height:100%;box-shadow:0 10px 30px #0000004d}.showreel-frame iframe{border:none;width:100%;height:100%}.close-btn{background-color:var(--color-accent);color:#fff;cursor:pointer;width:40px;height:40px;transition:all .3s var(--easing);z-index:1001;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-40px;right:-10px}.close-btn:hover{color:var(--color-accent);background-color:#fff;transform:scale(1.1)}@media (max-width:768px){.overlay-content{width:95%}.close-btn{top:-50px;right:0}}