.hp-nav,.hp-menu,.hp-skip{--bg:var(--color-background);--bg-2:var(--color-background-secondary);--bg-3:var(--color-background-tertiary);--fg:var(--color-foreground);--fg-2:var(--color-foreground-secondary);--accent:var(--color-accent-solid);--accent-grad:linear-gradient(135deg, var(--color-accent-start), var(--color-accent-end));--line:var(--color-border);--line-strong:color-mix(in oklab, var(--fg) 16%, transparent);--on-accent:var(--color-background);--display:var(--font-space), "Space Grotesk", sans-serif;--nav-h:clamp(3.75rem, 3.4rem + 1.2vw, 4.5rem);--ease:cubic-bezier(.25, 1, .5, 1)}.site-nav-failed{margin:1rem var(--gutter,1.25rem);color:var(--color-foreground)}.hp-skip{left:var(--gutter,1rem);top:var(--space-s,.75rem);z-index:200;border-radius:var(--radius-md,.5rem);background:var(--accent);color:var(--on-accent);transition:transform .4s var(--ease);padding:.35rem .75rem;font-weight:600;position:fixed;transform:translateY(-250%)}.hp-skip:focus-visible{transform:none}.hp-nav{z-index:100;border-bottom:1px solid #0000;transition:background-color .5s,border-color .5s;position:fixed;inset:0 0 auto}.hp-nav.is-solid{background:color-mix(in oklab, var(--bg) 84%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--line)}body:has(.hp-menu:not([hidden])) .hp-nav{background:color-mix(in oklab, var(--bg) 84%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--line)}.hp-wrap{width:100%;padding:0 var(--gutter,1.25rem)}.hp-nav__inner{max-width:none;height:var(--nav-h);column-gap:var(--space-l,1.5rem);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.hp-nav__logo{color:inherit;text-decoration:none}.hp-nav__logo img{border-radius:var(--radius-full,9999px);width:2.25rem;height:2.25rem}.hp-nav__links{justify-self:center;min-width:0}.hp-nav__links ul{gap:var(--space-l,1.5rem);white-space:nowrap;flex-wrap:nowrap;margin:0;padding:0;list-style:none;display:flex}.hp-nav__links a{color:var(--fg-2);font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .3s}.hp-nav__links a:hover,.hp-nav__links a[aria-current=page]{color:var(--fg)}.hp-nav__right{justify-self:end;gap:var(--space-xs,.5rem);align-items:center;display:flex}.hp-nav__menu{border-radius:var(--radius-md,.5rem);border:1px solid var(--line-strong);white-space:nowrap;min-height:2.5rem;color:inherit;cursor:pointer;background:0 0;align-items:center;gap:.6rem;padding:0 .9rem;font-size:.875rem;font-weight:600;display:none}.hp-nav__menu-icon{width:1rem;height:.625rem;position:relative}.hp-nav__menu-icon span{border-radius:var(--radius-full,9999px);width:100%;height:1.5px;transition:transform .4s var(--ease), top .4s var(--ease);background:currentColor;position:absolute;left:0}.hp-nav__menu-icon span:first-child{top:0}.hp-nav__menu-icon span:last-child{top:calc(100% - 1.5px)}.hp-nav__menu[aria-expanded=true] .hp-nav__menu-icon span:first-child{top:calc(50% - .75px);transform:rotate(45deg)}.hp-nav__menu[aria-expanded=true] .hp-nav__menu-icon span:last-child{top:calc(50% - .75px);transform:rotate(-45deg)}.hp-nav[data-collapsed=true] .hp-nav__links{visibility:hidden;pointer-events:none;width:max-content;position:absolute;top:0;left:0}.hp-nav[data-collapsed=true] .hp-nav__inner{grid-template-columns:auto minmax(0,1fr)}.hp-nav[data-collapsed=true] .hp-nav__right{grid-column:2}.hp-nav[data-collapsed=true] .hp-nav__menu{display:inline-flex}.hp-menu{z-index:90;justify-content:space-between;gap:var(--space-l,1.5rem);padding:calc(var(--nav-h) + var(--space-xl,2rem)) var(--gutter,1rem) calc(var(--space-xl,2rem) + env(safe-area-inset-bottom));background:radial-gradient(120% 60% at 100% 0%, color-mix(in oklab, var(--accent) 16%, transparent), transparent 60%), var(--bg);overscroll-behavior:contain;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.hp-menu[hidden]{display:none}.hp-menu ol{gap:var(--space-xs,.5rem);counter-reset:m;margin:0;padding:0;list-style:none;display:grid}.hp-menu li{counter-increment:m;border-bottom:1px solid var(--line)}.hp-menu li a{align-items:baseline;gap:var(--space-s,.75rem);padding:var(--space-s,.75rem) 0;font-family:var(--display);font-size:var(--step-4,2rem);letter-spacing:-.02em;color:inherit;font-weight:600;line-height:1.1;text-decoration:none;display:flex}.hp-menu li a:before{content:counter(m, decimal-leading-zero);font-family:var(--font-inter), sans-serif;color:var(--accent);letter-spacing:.04em;font-size:.85rem;font-weight:600}.hp-menu li a[aria-current=page]{color:var(--accent)}.hp-menu__twin .hp-btn{width:100%}.hp-theme{align-items:center;display:inline-flex;position:relative}.hp-theme__swatch{border-radius:var(--radius-full,9999px);background:var(--accent-grad);pointer-events:none;width:.625rem;height:.625rem;position:absolute;left:.7rem}.hp-theme__select{appearance:none;border-radius:var(--radius-md,.5rem);border:1px solid var(--line-strong);background:transparent linear-gradient(45deg, transparent 50%, var(--fg-2) 50%) no-repeat right .95rem center / .3rem .3rem, transparent linear-gradient(135deg, var(--fg-2) 50%, transparent 50%) no-repeat right .65rem center / .3rem .3rem;min-height:2.5rem;color:var(--fg);font:inherit;cursor:pointer;padding:0 1.9rem 0 1.75rem;font-size:.875rem;font-weight:500}.hp-theme__select option{background:var(--bg-2);color:var(--fg)}.hp-theme__select:hover{border-color:var(--color-border-hover)}.hp-theme[data-pending]{opacity:.6}.hp-menu__theme .hp-theme,.hp-menu__theme .hp-theme__select{width:100%}.hp-btn{border-radius:var(--radius-md,.5rem);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 1.15rem;font-weight:600;display:inline-flex}.hp-btn--primary{background:var(--accent-grad);color:var(--on-accent)}.hp-btn--sm{white-space:nowrap;min-height:2.5rem;padding:0 1rem;font-size:.875rem}.hp-btn--sm .hp-btn__note{display:none}@media (max-width:640px){.hp-nav__theme{display:none}}@media (min-width:641px){.hp-menu__theme{display:none}}@media (max-width:379px){.hp-nav__right .hp-btn--sm .hp-btn__note{display:none}}:focus-visible{outline:2px solid var(--color-accent-solid);outline-offset:4px}.hp-vh{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;overflow:hidden;position:absolute!important}