.nav-header{background-color:var(--dark-bg);flex-direction:column;align-items:center;width:100%;padding:3rem 1rem;display:flex}.navigation{max-width:var(--max-content-width);background-color:var(--dark-bg);border:var(--border-width)solid var(--color-white);border-radius:var(--border-radius);flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%;padding:.75rem;display:flex}.nav-button{border:1px solid var(--color-white);border-radius:var(--border-radius);color:var(--color-white);font-size:var(--text-body);line-height:var(--line-height-heading);cursor:pointer;white-space:nowrap;background-color:#0000;align-items:center;gap:.5rem;padding:.625rem 1.5rem;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-button.active{background-color:var(--color-white);color:var(--dark-bg)}.nav-button:hover:not(:disabled):not(.coming-soon){transform:translateY(-2px);box-shadow:0 4px 8px #fff3}.nav-button.coming-soon{opacity:.6;cursor:not-allowed}.nav-button .badge{background-color:var(--color-white);color:var(--dark-bg);text-transform:uppercase;letter-spacing:.5px;border-radius:3px;padding:.125rem .375rem;font-size:9px;font-weight:600;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 4px #0003}