.ds-navlink{color:var(--text-primary);opacity:1;cursor:pointer;transition:color var(--dur-1,.15s) var(--ease-standard,ease), opacity var(--dur-1,.15s) var(--ease-standard,ease);text-decoration:none;position:relative}.ds-navlink--inactive{opacity:.5}.ds-navlink:after{content:"";transform-origin:0;width:100%;height:1px;transition:transform var(--dur-2,.32s) var(--ease-standard,cubic-bezier(.22, 1, .36, 1));background:currentColor;position:absolute;bottom:-.22em;left:0;transform:scaleX(0)}.ds-navlink:hover,.ds-navlink:focus-visible{color:var(--color-clay,#886c6f);opacity:1}.ds-navlink:hover:after,.ds-navlink:focus-visible:after{transform:scaleX(1)}.ds-navlink:hover,.ds-navlink:focus-visible{animation:ds-navlink-blink var(--dur-3,.36s) var(--ease-standard,ease) 1}@keyframes ds-navlink-blink{0%{opacity:1}42%{opacity:.25}to{opacity:1}}.ds-navlink-wrap{width:max-content;display:inline-block;position:relative}.ds-navlink-tip{white-space:nowrap;font-family:var(--font-mono);font-size:var(--text-tiny,10px);letter-spacing:var(--track-mono);text-transform:uppercase;color:var(--text-on-accent,#f4f2ed);background:var(--color-clay,#886c6f);border-radius:var(--radius-sm,4px);opacity:0;pointer-events:none;z-index:20;padding:4px 8px;font-weight:700;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(-4px)}.ds-navlink-wrap:hover .ds-navlink-tip,.ds-navlink-wrap:focus-within .ds-navlink-tip{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.ds-navlink:after{transition:none}.ds-navlink:hover,.ds-navlink:focus-visible{animation:none}}