.video-wrapper{position:relative;display:inline-block}.video-wrapper video{display:block}.play-button{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:80px;height:80px;border-radius:50%;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;cursor:pointer}.play-button:before{content:"";width:0;height:0;border-left:25px solid white;border-top:15px solid transparent;border-bottom:15px solid transparent;margin-left:3px}.preloader{position:fixed;inset:0;width:100%;height:100svh;background-color:var(--accent-2);z-index:9999;overflow:hidden;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);will-change:clip-path}.progress-bar{position:absolute;top:0;left:0;width:100%;height:7px;background-color:var(--base-500);transform:scaleX(0);transform-origin:left;will-change:transform}.preloader-images{top:45%;left:50%;transform:translate(-50%,-50%);width:25rem;height:25rem;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.preloader-images,.preloader-images .img{position:absolute;overflow:hidden;will-change:clip-path}.preloader-images .img{inset:0;border-radius:.75rem;-webkit-clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}.preloader-images .img img{width:100%;height:100%;object-fit:cover;transform:scale(2);will-change:transform}.preloader-header{position:fixed;inset:0;z-index:10000;pointer-events:none;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 1.5rem;gap:.75rem;opacity:0;visibility:hidden}.preloader-header h1{font-size:6rem;line-height:1;font-family:Big Shoulders Display;font-weight:900}.preloader-header h1,.preloader-header p{margin:0;text-transform:uppercase;color:var(--base-500);opacity:0}.preloader-header p{font-size:1rem;line-height:1.2;letter-spacing:.12em}.preloader-header h1,.preloader-header p{position:relative;top:30vh}.preloader-header .char-mask{display:inline-block;overflow:hidden}.preloader-header .char{display:inline-block}@media (max-width:1000px){.preloader-header{gap:.5rem}.preloader-header h1{font-size:4rem;letter-spacing:0}.preloader-header p{font-size:.95rem;letter-spacing:.1em}.preloader-images{width:20rem;height:20rem}}@media (max-width:480px){.preloader-header h1{font-size:3rem}.preloader-images{width:16rem;height:16rem;top:43%}}