.work-navigation[data-nav-theme]{--nav-surface:var(--surface-light);--nav-ink:var(--ink-light);--nav-rule:var(--rule-light);color:var(--nav-ink);background:0 0}.work-navigation[data-nav-theme=paper]{--nav-surface:var(--surface-paper);--nav-ink:var(--ink-paper);--nav-rule:var(--rule-paper)}.work-navigation[data-nav-theme=dark],html[data-darkroom] .work-navigation[data-nav-theme=auto]{--nav-surface:var(--surface-dark);--nav-ink:var(--ink-dark);--nav-rule:var(--rule-dark)}html[data-darkroom=develop] .work-navigation[data-nav-theme=auto]{--nav-ink:var(--ink-develop);--nav-rule:var(--rule-develop)}.work-navigation[data-nav-theme]>.site-nav{background:var(--nav-surface);color:var(--nav-ink);border-color:var(--nav-rule)}.work-navigation[data-nav-theme=auto]>.site-nav,.work-navigation[data-nav-theme=dark]>.site-nav{background:0 0}.work-navigation[data-nav-theme]>.work-panel{--color-surface:var(--surface-light);--color-ink:var(--ink-light);--color-ink-muted:#6e6a66;--color-line:var(--rule-light);background:var(--surface-light);color:var(--ink-light)}.work-navigation[data-nav-theme]>.work-panel .outline-link{border-color:var(--rule-light);color:var(--ink-light)}.work-navigation[data-nav-theme]:is(.is-open,.is-closing)>.site-nav{background:var(--surface-light);color:var(--ink-light);border-color:#0000}.work-navigation[data-nav-theme=paper]>.site-nav,.primary-work-navigation[data-nav-theme]>.site-nav{padding-block:var(--navigation-bar-space)}.work-navigation:is(.is-open,.is-closing)>.site-nav:before,.work-navigation.is-open>.site-nav:after{content:"";background:var(--rule-light);pointer-events:none;height:1px;position:absolute;left:0;right:0}.work-navigation:is(.is-open,.is-closing)>.site-nav:before{top:0}.work-navigation.is-open>.site-nav:after{bottom:0}@media (prefers-reduced-motion:no-preference){.work-navigation[data-nav-theme]>.site-nav{transition:opacity var(--motion-reveal) var(--ease-entrance),transform var(--motion-settle) var(--ease-entrance),background-color var(--motion-menu) var(--ease-entrance),color var(--motion-menu) ease,padding-top var(--motion-menu) var(--ease-entrance),padding-bottom var(--motion-menu) var(--ease-entrance)}}@media (max-width:600px){.work-navigation .site-nav nav{gap:var(--space-4)}}@media (hover:hover){.work-navigation[data-nav-theme]>.work-panel .outline-link:hover{background:var(--control-ink);color:var(--control-surface)}}