@media screen and (min-width: 1280px) {
  html .page .p-nav[data-hs-armed] {
    width: calc(min(100%, 1160px) + (var(--hs-w, 1068px) - min(100%, 1160px)) * var(--hs-p, 0));
    height: calc(98px - 36px * var(--hs-p, 0));
    top: calc(10px * var(--hs-p, 0));
    margin-top: calc(10px * var(--hs-p, 0));
    margin-bottom: calc(var(--hs-gap, 0px) + 26px * var(--hs-p, 0));
    padding-block: calc(26px * (1 - var(--hs-p, 0)));
    padding-inline: calc(40px - 18px * var(--hs-p, 0)) calc(40px - 32px * var(--hs-p, 0));
    column-gap: calc(18px + 6px * var(--hs-p, 0));
    border-radius: calc(24px * var(--hs-p, 0));
    background-color: rgba(255, 255, 255, calc(.35 * var(--hs-p, 0)));
    box-shadow: 0 0 0 1px rgba(255, 255, 255, calc(.55 * var(--hs-p, 0))) inset, 0 8px 28px rgba(30, 45, 110, calc(.08 * var(--hs-p, 0)));
    transition: none;
  }
  html .page .p-nav[data-hs-armed]::before {
    left: calc(-1 * var(--nav-bleed, 20px) * (1 - var(--hs-p, 0)));
    right: calc(-1 * var(--nav-bleed, 20px) * (1 - var(--hs-p, 0)));
    border-radius: calc(24px * var(--hs-p, 0)) calc(24px * var(--hs-p, 0)) calc(10px + 14px * var(--hs-p, 0)) calc(10px + 14px * var(--hs-p, 0));
    opacity: calc(1 - 2 * max(0, var(--hs-p, 0) - .5));
    transition: none;
  }
  html .page .p-nav[data-hs-armed] > .p-nav-home { margin-inline-end: calc(13px * var(--hs-p, 0)); transition: background-color .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease, opacity .15s ease; }
  html .page .p-nav[data-hs-armed] .btn-ghost { margin-inline-end: calc(-12px * var(--hs-p, 0)); transition: background-color .15s ease; }
  html .page .p-nav[data-hs] {
    -webkit-backdrop-filter: blur(calc(20px * var(--hs-p, 0)));
    backdrop-filter: blur(calc(20px * var(--hs-p, 0)));
    min-width: max-content;
  }
  html .page .p-nav[data-hs] .btn-ghost { background-color: #D6E2FD; }
}