header{--mobile-padding-left: calc(env(safe-area-inset-left)*.3) ;--mobile-padding-right: calc(env(safe-area-inset-right)*.6) ;position:fixed;inset:auto 0;padding-top:calc(.35rem + .5cqh);padding-left:calc(var(--mobile-padding-left) + .7rem + 1cqh);padding-right:calc(var(--mobile-padding-right) + .2rem + .2cqh);display:flex;justify-content:space-between;align-items:center;z-index:10}#logo{position:relative;padding-bottom:2px;font-size:clamp(2rem,calc(1.8cqw + 2.5cqh),5rem);font-weight:800;-webkit-user-select:none;user-select:none}#logo:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:linear-gradient(90deg,var(--pink),var(--blue));transition:width .17s ease}#logo:hover:after{width:100%}.menu-container{margin:calc(.35cqw + .35cqh);padding:calc(.72cqw + .72cqh);cursor:pointer}.menu-hamburger{position:relative;width:clamp(25px,calc(1.6cqw + 1.6cqh),50px);display:flex;flex-direction:column;gap:clamp(5px,calc(.3cqw + .3cqh),8px)}.menu-hamburger-line{height:calc(.2cqw + .2cqh);background-color:#fff;transform-origin:right}.menu-trunk{position:absolute;top:0;right:0;width:calc(.2cqw + .2cqh);height:0;background:#fff}.menu-branch{position:absolute;right:0;top:50%;width:0;height:calc(.2cqw + .2cqh);background:#fff;transform-origin:center;transform:translateY(-50%);pointer-events:none;z-index:-1}.menu-text{opacity:0}.menu-item{position:absolute;top:50%;right:0;width:12.5vw;min-width:125px;height:7.5vh;min-height:35px;transform:translateY(-50%);display:none;align-items:center;padding-left:20px;color:#fff;font-size:1.2rem;pointer-events:auto}.menu-item.coming-soon{opacity:.3;cursor:default}.menu-item:not(.coming-soon):hover{color:var(--space-purple);font-size:1.3rem;font-weight:600}@media(max-width:768px){.menu-trunk{max-height:150px}.menu-item{min-width:100px;max-height:5vh;font-size:1rem}.menu-item:not(.coming-soon):hover{color:var(--space-purple);font-size:1.1rem;font-weight:600}}