/* Parent navbar proportions and colors, scoped to avoid changing Afterflow art. */
.nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.5rem;min-height:67px;box-sizing:border-box;background:rgba(4,6,11,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,255,163,.14)}.nav .brand{display:flex;align-items:center;gap:.7rem;flex-shrink:0}.nav .brand img{width:34px;height:34px}.nav .brand-name{font-family:'Chakra Petch',Arial,sans-serif;font-weight:700;font-size:1.25rem;letter-spacing:-.02em;color:#dfe9f0;text-transform:lowercase}.nav .brand-name .ord{color:#00ffa3;text-shadow:0 0 16px #00ffa38c}.nav .header-note{position:absolute;left:50%;transform:translateX(-50%);font-size:12px;white-space:nowrap}.nav-links{position:absolute;top:100%;right:0;width:min(300px,100vw);display:flex;flex-direction:column;align-items:stretch;gap:0;background:rgba(4,6,11,.97);backdrop-filter:blur(18px);border:1px solid #00ffa324;border-top:0;border-right:0;box-shadow:0 24px 60px -20px #000d,0 0 40px -24px #00ffa3;padding:.3rem 0 .5rem;max-height:calc(100dvh - 67px);overflow-y:auto;overscroll-behavior:contain}.nav-links a{white-space:nowrap;padding:.8rem 1.4rem;font-size:.86rem;font-weight:500;letter-spacing:.02em;border-bottom:1px solid #ffffff12;color:#8296ab}.nav-links a:last-child{border:0}.nav-links a:hover{color:#dfe9f0;background:#00ffa30f}.nav-actions{display:flex;align-items:center;gap:.6rem;flex:0 0 auto;margin-left:auto}.nav-connect{font-family:'Chakra Petch',Arial,sans-serif;font-weight:600;font-size:.78rem;letter-spacing:.1em;line-height:1.65;text-transform:uppercase;padding:.5rem 1rem;background:transparent;color:#00ffa3;border:1px solid #00ffa3;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);cursor:pointer}.nav-connect:hover{background:#00ffa314}.nav-burger{display:flex;width:34px;height:30px;padding:6px 4px;background:none;border:0;cursor:pointer;flex-direction:column;justify-content:space-between}.nav-burger span{display:block;height:2px;width:100%;background:#00ffa3;box-shadow:0 0 8px #00ffa3b3;transition:transform .2s,opacity .15s}.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-burger.open span:nth-child(2){opacity:0}.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}html{scroll-padding-top:82px}[hidden]{display:none!important}@media(max-width:1000px){.nav .header-note{display:none}}@media(max-width:420px){.nav{padding:.85rem .8rem;gap:.5rem}.nav .brand{gap:.35rem}.nav .brand-name{font-size:1.1rem}.nav-connect{padding:.5rem .6rem;font-size:.68rem}.nav-actions{gap:.5rem}}
@media(max-width:370px){.nav .brand-name{font-size:1rem}.nav-connect{font-size:.62rem;padding:.5rem .45rem;letter-spacing:.05em}.nav-actions{gap:.35rem}}
.nav-links .social-link{display:flex;align-items:center;gap:.65rem;min-height:44px}.nav-links .social-link:hover{color:#00ffa3}.nav-links .social-link:focus-visible{outline:2px solid #00ffa3;outline-offset:-4px}.nav-links .x-mark{width:16px;height:16px;fill:currentColor;flex-shrink:0}