.hips-nav{position:sticky;top:0;z-index:50;background-color:oklch(from var(--color-bg) l c h/.85);-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);border-bottom:1px solid transparent;transition:border-color var(--duration-base) var(--ease-out-quint),box-shadow var(--duration-base) var(--ease-out-quint),background-color var(--duration-base) var(--ease-out-quint)}.hips-nav--scrolled{border-bottom-color:oklch(from var(--color-text) l c h/.08);box-shadow:var(--shadow-sm)}.hips-nav-link{position:relative;display:inline-flex;align-items:center;color:var(--color-text-muted);transition:color .18s var(--ease-out-quint);padding:var(--space-2) 0;text-transform:uppercase;letter-spacing:.05em}.hips-nav-link:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background-color:var(--color-primary);transform:scaleX(0);transform-origin:left center;transition:transform var(--duration-base) var(--ease-out-quint);border-radius:1px}.hips-nav-link:focus-visible,.hips-nav-link:hover{color:var(--color-text)}.hips-nav-link:focus-visible:after,.hips-nav-link:hover:after{transform:scaleX(1)}.hips-nav-link[data-active=true]{color:var(--color-primary)}.hips-nav-link[data-active=true]:after{transform:scaleX(1)}.hips-theme-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:var(--radius-md);color:var(--color-text);transition:background-color var(--duration-base) var(--ease-out-quint),color var(--duration-base) var(--ease-out-quint)}.hips-theme-toggle:focus-visible,.hips-theme-toggle:hover{background-color:var(--color-surface-offset)}.hips-theme-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.hips-dropdown{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);min-width:220px;background-color:var(--color-bg);border:1px solid oklch(from var(--color-text) l c h/.08);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-2) 0;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:60}.hips-dropdown[data-open=true]{opacity:1;pointer-events:auto;transform:translate(-50%)}.hips-dropdown-item{position:relative;display:block;padding:var(--space-3) var(--space-4);color:var(--color-text);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;transition:color var(--duration-fast) var(--ease-out-quint),background-color var(--duration-fast) var(--ease-out-quint)}.hips-dropdown-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background-color:var(--color-primary);transform:scaleY(0);transform-origin:center;transition:transform var(--duration-fast) var(--ease-out-quint)}.hips-dropdown-item:focus-visible,.hips-dropdown-item:hover{color:var(--color-primary);background-color:var(--color-surface-offset);outline:none}.hips-dropdown-item:focus-visible:before,.hips-dropdown-item:hover:before{transform:scaleY(1)}.hips-dropdown-item[data-active=true]{color:var(--color-primary)}.hips-drawer-backdrop{position:fixed;inset:0;z-index:55;background-color:var(--color-backdrop);opacity:0;pointer-events:none;transition:opacity var(--duration-slow) var(--ease-out-quint)}.hips-drawer-backdrop[data-open=true]{opacity:1;pointer-events:auto}.hips-drawer{position:fixed;top:0;right:0;height:100dvh;width:min(320px,100vw);z-index:60;background-color:var(--color-bg);border-left:1px solid var(--color-divider);transform:translateX(100%);transition:transform var(--duration-slow) var(--ease-out-quint);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);overflow-y:auto;overscroll-behavior:contain}.hips-drawer[data-open=true]{transform:translateX(0)}.hips-drawer-link{display:flex;align-items:center;min-height:44px;padding:var(--space-3) var(--space-4);color:var(--color-text);border-bottom:1px solid var(--color-divider);border-left:2px solid transparent;transition:color var(--duration-fast) var(--ease-out-quint),background-color var(--duration-fast) var(--ease-out-quint)}.hips-drawer-link[data-active=true]{color:var(--color-primary);border-left-color:var(--color-primary)}.hips-drawer-link:focus-visible,.hips-drawer-link:hover{background-color:var(--color-surface-offset);outline:none}.hips-drawer-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background-color:var(--color-primary);color:var(--color-text-inverse);font-size:var(--text-sm);font-weight:600;width:100%;transition:background-color var(--duration-base) var(--ease-out-quint),transform var(--duration-fast) var(--ease-out-quint)}.hips-drawer-cta:hover{background-color:var(--color-primary-hover)}.hips-drawer-cta:active{background-color:var(--color-primary-active);transform:scale(.97)}.hips-top-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background-color:var(--color-primary);color:var(--color-text-inverse);font-size:var(--text-sm);font-weight:600;transition:background-color var(--duration-base) var(--ease-out-quint),transform var(--duration-fast) var(--ease-out-quint)}.hips-top-cta:hover{background-color:var(--color-primary-hover)}.hips-top-cta:active{background-color:var(--color-primary-active);transform:scale(.97)}.hips-drawer-link:focus-visible,.hips-nav-link:focus-visible,.hips-top-cta:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){.hips-drawer,.hips-drawer-backdrop,.hips-drawer-cta,.hips-drawer-link,.hips-dropdown,.hips-dropdown-item,.hips-nav,.hips-nav-link,.hips-nav-link:after,.hips-theme-toggle,.hips-top-cta{transition-duration:.001ms!important;animation-duration:.001ms!important}}