.menu{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;background-color:#0f0f0f;-webkit-clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);pointer-events:none;transform-style:preserve-3d;perspective:1000px}.col-1{flex:1 1}.col-2{flex:2 1}.col{height:100%;padding:10em 2em 2em;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.col,.link{position:relative}.link{transform:translateY(30px);opacity:0}.link a{text-decoration:none;color:#fff;font-size:48px;font-weight:300;letter-spacing:-1.5px;line-height:125%}.video-wrapper{width:100%;aspect-ratio:16/9;background-color:#1d1d1d;-webkit-clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);overflow:hidden;padding:2em}.video-wrapper video{width:100%;height:100%;object-fit:cover}.socials{width:50%;display:flex;gap:2em}.socials .sub-col{flex:1 1}.socials .sub-col p{position:relative;transform:translateY(30px);opacity:0;font-family:Akkurat Mono;font-size:12px;font-weight:400}.header h1,.socials .sub-col p{color:#fff;text-transform:uppercase}.header h1{font-family:Schabo;font-size:500px;font-weight:lighter;line-height:100%;height:400px}.header h1 span{position:relative;display:inline-block;transform:scale(.75) translateY(500px) rotateY(90deg);transform-origin:bottom}@media (max-width:900px){.col-1{flex:2 1;align-items:flex-start}.link a{font-size:30px}.video-wrapper{padding:.4em}.socials{width:100%;flex-direction:column;gap:8em}.header h1{font-size:120px;height:100px}}.logo,.menu-logo{position:absolute;top:2em;left:2em}.logo a,.menu-logo a{text-decoration:none;text-transform:uppercase;color:#000;font-family:Schabo;font-size:60px;font-weight:lighter}.menu-logo a{color:#fff}.menu-toggle{position:fixed;top:2em;right:2em;width:120px;height:60px;background-color:#0f0f0f;border-radius:8em;transition:width .5s cubic-bezier(.075,.82,.165,1);transform-origin:right;cursor:pointer;z-index:2}.menu-toggle.opened{width:60px}.menu-copy{position:absolute;top:50%;left:30px;transform:translateY(-50%);color:#fff;transition:left .5s cubic-bezier(.075,.82,.165,1);z-index:1}.menu-copy p{text-transform:uppercase;font-weight:500;font-size:12px;margin:0;padding:0}.menu-toggle:hover .menu-copy{left:20px}.menu-toggle.opened .menu-copy{opacity:0}.menu-toggle-icon{position:absolute;right:0;width:60px;height:60px;border-radius:100%;-webkit-clip-path:circle(10% at 50% 50%);clip-path:circle(10% at 50% 50%);background-color:#deb887;transition:all .5s cubic-bezier(.075,.82,.165,1);z-index:10;overflow:hidden}.menu-toggle:hover .menu-toggle-icon{-webkit-clip-path:circle(35% at 50% 50%);clip-path:circle(35% at 50% 50%)}.menu-toggle.opened .menu-toggle-icon{-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%);transform:scale(1.125)}.hamburger{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;display:flex;justify-content:center;align-items:center;transition:all 1s cubic-bezier(.075,.82,.165,1);opacity:0}.menu-toggle.opened .hamburger,.menu-toggle:hover .hamburger{top:50%;opacity:1}.menu-bar{position:absolute;width:15px;height:1.5px;background:#000;transition-property:transform;transition:all .25s ease-out}.menu-bar[data-position=top]{transform:translateY(-3px)}.menu-bar[data-position=bottom]{transform:translateY(3px)}.menu-toggle.opened .menu-bar[data-position=top]{transform:translateY(0) rotate(45deg) scaleX(1.05)}.menu-toggle.opened .menu-bar[data-position=bottom]{transform:translateY(0) rotate(-45deg) scaleX(1.05)}