body{height:100vh;width:100vw;margin:0;background-color:#000}.rubik-font{font-family:Rubik,sans-serif}main{background-image:url(/interactions/curtain-reveal-menu/kiki.jpg);background-position:center 0%;background-repeat:no-repeat;background-size:contain;height:100vh;width:100vw;position:relative;z-index:2;transition:transform .5s cubic-bezier(.13,.53,.38,.97)}body[data-nav=true]>main{transform:translateY(-50%)}nav{height:50vh;width:100%;position:absolute;left:0;bottom:0;z-index:1;overflow:hidden}#nav-links{display:flex;gap:clamp(1rem,2vw,2rem);margin-top:clamp(2rem,2vw,3rem);padding:0rem clamp(1rem,2vw,2rem);transform:translateY(70%) scale(.9);transition:transform .5s cubic-bezier(.13,.53,.38,.97)}body[data-nav=true]>nav>#nav-links{transform:translateY(0) scale(1)}#nav-links>.nav-link{text-decoration:none}#nav-links>.nav-link>.nav-link-label{color:#fff;font-size:1.25rem;margin:0rem;text-transform:uppercase}#nav-links>.nav-link>.nav-link-image{width:max(20vw,400px);aspect-ratio:1.8 / 1;border-radius:.5rem;margin-top:.75rem;object-fit:cover}#nav-toggle{height:5rem;width:5rem;position:fixed;z-index:3;left:50%;bottom:3rem;transform:translate(-50%);background-color:#ff3f7f;border:none;border-radius:5rem;outline:none;box-shadow:0 0 4rem #00000059;cursor:pointer;transition:transform,background-color;transition-timing-function:ease;transition-duration:.4s}#nav-toggle:hover{transform:translate(-50%) scale(1.04)}#nav-toggle:active{transform:translate(-50%) scale(.96)}body[data-nav=true]>#nav-toggle{background-color:#f06}body:not([data-nav=true])>#nav-toggle:hover>.open{opacity:1;transform:translate(-50%,-50%) scale(1)}#nav-toggle>svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.9);color:#f6e7e0;font-size:1.75rem;opacity:0;transition:transform,opacity;transition-timing-function:ease;transition-duration:.4s}body[data-nav=true]>#nav-toggle>.close{opacity:1;transform:translate(-50%,-50%) scale(1)}