.site-nav-bar{z-index:10;box-sizing:border-box;background-color:var(--color-inverted-surface);height:auto;min-height:4rem;color:var(--color-accent-primary);--site-nav-bar-margin:1rem;border-radius:1.5rem;display:block;position:fixed;top:0;left:0;right:0;overflow:visible}@media (min-width:640px){.site-nav-bar{--site-nav-bar-margin:1.5rem}}.site-nav-bar{margin:var(--site-nav-bar-margin)}.site-nav-bar--home{margin-top:var(--site-nav-bar-margin);transform-origin:50% 0}.site-nav-bar--case-study{margin-top:var(--site-nav-bar-margin);transform-origin:50% 0;opacity:1;pointer-events:auto}.site-nav-bar__nav{font-family:var(--font-mono),ui-monospace,monospace;color:var(--color-accent-primary);flex-direction:row;flex-shrink:1;justify-content:flex-end;align-items:center;gap:.5rem;min-width:0;font-size:.75rem;font-weight:500;line-height:1;display:none}@media (min-width:768px){.site-nav-bar__nav{display:flex}}.site-nav-bar__nav-item{color:inherit;flex-shrink:0;text-decoration:none}.site-nav-bar__nav-item:hover{color:var(--color-accent-primary-hover)}.site-nav-bar__nav-sep{-webkit-user-select:none;user-select:none;flex-shrink:0}.site-nav-bar__mobile{box-sizing:border-box;justify-content:space-between;align-items:center;gap:.75rem;width:100%;min-height:4rem;padding:0 1rem;display:flex;position:relative}.site-nav-bar__mobile-brand{cursor:pointer;font-family:var(--font-mono),ui-monospace,monospace;text-transform:uppercase;color:var(--color-accent-primary);text-align:left;background:0 0;border:none;flex-shrink:0;margin:0;padding:0;font-size:.75rem;font-weight:500;line-height:1;text-decoration:none;transition:color .3s}.site-nav-bar__mobile-brand:hover{color:var(--color-accent-primary-hover)}.site-nav-bar__mobile-title{min-width:0;font-family:var(--font-mono),ui-monospace,monospace;text-transform:uppercase;text-align:left;color:var(--color-inverted-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.75rem;font-weight:500;line-height:1;overflow:hidden}.site-nav-bar__mobile-title-spacer{flex:1;min-width:0}.site-nav-bar__end{flex-shrink:0;justify-content:flex-end;align-items:center;gap:.5rem;min-width:0;display:flex}.site-nav-bar__menu-toggle{cursor:pointer;font-family:var(--font-mono),ui-monospace,monospace;color:var(--color-accent-primary);background:0 0;border:none;flex-shrink:0;margin:0;padding:0;font-size:.75rem;font-weight:500;line-height:1;transition:color .3s}.site-nav-bar__menu-toggle:hover{color:var(--color-accent-primary-hover)}@media (min-width:768px){.site-nav-bar__menu-toggle{display:none}}.site-nav-bar__drawer{box-sizing:border-box;background-color:var(--color-inverted-surface);border-radius:1.5rem;width:100%;margin-top:.5rem;padding:1rem 1.25rem;position:absolute;top:4rem;left:0}.site-nav-bar__drawer-list{flex-direction:column;align-items:flex-end;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.site-nav-bar__drawer-item{margin:0;padding:0}.site-nav-bar__drawer-link{font-family:var(--font-mono),ui-monospace,monospace;text-transform:uppercase;color:var(--color-accent-primary);font-size:.75rem;font-weight:500;line-height:1;text-decoration:none;transition:color .3s}.site-nav-bar__drawer-link:hover{color:var(--color-accent-primary-hover)}