@import"https://fonts.googleapis.com/css2?family=Host+Grotesk:ital,wght@0,300..800;1,300..800&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:Host Grotesk;overflow:hidden;position:fixed;width:100%;height:100%;touch-action:none;-webkit-overflow-scrolling:touch}img{object-fit:cover}p{color:#fff;font-size:.9rem;font-weight:450}nav,.kobito-footer{position:absolute;left:0;width:100vw;padding:2rem;display:flex;justify-content:space-between;align-items:center;z-index:2}.nav-items{display:flex;gap:4rem}nav .logo p{font-weight:700}.kobito-footer{bottom:0}section{position:relative;width:100vw;height:100svh;overflow:hidden}.kobito-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,-50%) scale(.85) rotate3d(0,0,1,15deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate3d(0,0,1,0)}}.gradient-canvas{position:absolute;top:0;left:0;width:100%;height:100%}@media (max-width: 1000px){nav{flex-direction:column;gap:2rem}img{width:100px}}