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