.nav-root[data-open]{pointer-events:auto}.nav-trigger{position:relative}.nav-trigger:after{content:"";background:var(--color-accent);transform-origin:0;height:2px;transition:transform var(--dur-small) var(--ease-brand);position:absolute;bottom:8px;left:0;right:0;transform:scaleX(0)}@media (hover:hover){.nav-trigger:hover:after{transform:scaleX(1)}}.nav-item[data-open] .nav-trigger:after{transform:scaleX(1)}.nav-chevron{width:20px;height:44px;color:var(--color-mute);cursor:pointer;transition:color var(--dur-small) var(--ease-brand);background:0 0;border:0;justify-content:center;align-items:center;margin-left:2px;padding:0;display:inline-flex}.nav-chevron svg{transition:transform var(--dur-small) var(--ease-brand)}.nav-item[data-open] .nav-chevron{color:var(--color-ink)}.nav-item[data-open] .nav-chevron svg{transform:rotate(180deg)}.nav-chevron:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.nav-backdrop{inset:var(--nav-h) 0 0 0;opacity:0;pointer-events:none;transition:opacity var(--dur-medium) var(--ease-brand);background:#1c1d1f47;position:fixed}.nav-backdrop[data-open]{opacity:1}.nav-panel{left:0;right:0;top:var(--nav-h);z-index:40;background:var(--color-ground);clip-path:inset(0 0 100%);visibility:hidden;pointer-events:auto;transition:clip-path .28s var(--ease-brand), visibility 0s .28s;border-bottom:1px solid #d8d8d8;position:fixed}.nav-panel[data-open]{clip-path:inset(0);visibility:visible;transition:clip-path .42s var(--ease-brand), visibility 0s}.nav-panel__stack{align-content:start;align-items:start;display:grid;overflow:hidden}.nav-panel__stack[data-resizing]{transition:height .32s var(--ease-brand)}.nav-panel__content{gap:var(--space-12);width:100%;max-width:calc(var(--container-wide) + 4rem);padding:var(--space-8) var(--space-8) var(--space-12);animation:nav-content-in var(--dur-medium) var(--ease-brand) both;grid-area:1/1;grid-template-columns:4fr 8fr;margin:0 auto;display:grid}.nav-panel__content--leaving{animation:nav-content-out var(--dur-small) var(--ease-brand) both;pointer-events:none}@keyframes nav-content-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}@keyframes nav-content-out{0%{opacity:1;translate:0}to{opacity:0;translate:0 -8px}}.nav-panel__lead{gap:var(--space-3);padding-right:var(--space-8);border-right:1px solid var(--color-line);flex-direction:column;display:flex}.nav-panel__title{max-width:14em;font-size:var(--fs-h3);text-wrap:balance;margin:0;line-height:1.2}.nav-panel__all{align-items:center;gap:var(--space-2);padding-top:var(--space-4);font-family:var(--font-mono);color:var(--color-mute);transition:color var(--dur-small) var(--ease-brand);margin-top:auto;font-size:.875rem;text-decoration:none;display:inline-flex}.nav-panel__all-arrow{transition:translate var(--dur-small) var(--ease-brand)}@media (hover:hover){.nav-panel__all:hover{color:var(--color-ink)}.nav-panel__all:hover .nav-panel__all-arrow{translate:4px}}.nav-panel__content:not(.nav-panel__content--leaving) .nav-panel__list>li,.nav-panel__content:not(.nav-panel__content--leaving) .nav-panel__tiles>li{opacity:0;animation:nav-row-in var(--dur-medium) var(--ease-brand) both;animation-delay:calc(90ms + var(--stagger-i,0) * 70ms)}@keyframes nav-row-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}.nav-panel__list{column-gap:var(--space-8);grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none;display:grid}.nav-panel__list>li{border-top:1px solid var(--color-line)}.nav-row{align-items:start;gap:var(--space-3);padding:var(--space-4) 0;color:var(--color-ink);grid-template-columns:2.25rem 1fr 1.25rem;text-decoration:none;display:grid}.nav-row__index{letter-spacing:.06em;color:var(--color-mute);padding-top:.35em;font-size:.6875rem}.nav-row__text{gap:var(--space-1);flex-direction:column;display:flex}.nav-row__title{font-size:1.25rem;line-height:1.25}.nav-row__mark{isolation:isolate;margin-inline:-.2rem;padding-inline:.2rem;position:relative}.nav-row__mark:before{content:"";z-index:-1;background:var(--color-accent);transform-origin:0;transition:transform var(--dur-medium) var(--ease-brand);position:absolute;inset:.1em -.05em;transform:scaleX(0)}.nav-row__body{color:var(--color-mute);text-wrap:pretty;font-size:.875rem;line-height:1.5}.nav-row__arrow{color:var(--color-ink);opacity:0;transition:opacity var(--dur-small) var(--ease-brand), translate var(--dur-small) var(--ease-brand);padding-top:.15em;translate:-6px}@media (hover:hover){.nav-row:hover .nav-row__mark:before{transform:scaleX(1)}.nav-row:hover .nav-row__arrow{opacity:1;translate:none}}.nav-row:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.nav-row:focus-visible .nav-row__mark:before{transform:scaleX(1)}.nav-panel__tiles{gap:var(--space-6);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.nav-tile{gap:var(--space-2);color:var(--color-ink);flex-direction:column;text-decoration:none;display:flex}.nav-tile__frame{aspect-ratio:4/3;background:var(--color-ink);display:block;position:relative;overflow:hidden}.nav-tile__frame img{filter:brightness(.72)contrast(.9)saturate(.6);transition:filter var(--dur-medium) var(--ease-brand), transform var(--dur-scene) var(--ease-brand);transform:scale(1.02)}.nav-tile__light{opacity:0;transition:opacity var(--dur-medium) var(--ease-brand);background:linear-gradient(#ffab8038,#0000 55%);position:absolute;inset:0}.nav-tile__eyebrow{margin-top:var(--space-2);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-mute);font-size:.6875rem}.nav-tile__title{font-size:1.125rem;line-height:1.25}.nav-tile__eyebrow+.nav-tile__title{margin-top:calc(.25rem - var(--space-2))}.nav-tile__body{color:var(--color-mute);font-size:.8125rem}@media (hover:hover){.nav-tile:hover .nav-tile__frame img{filter:none;transform:scale(1.06)}.nav-tile:hover .nav-tile__light{opacity:1}}.nav-tile:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}@media (prefers-reduced-motion:reduce){.nav-panel,.nav-panel[data-open]{transition:visibility}.nav-panel__stack[data-resizing]{transition:none}.nav-panel__content,.nav-panel__content--leaving,.nav-panel__list>li,.nav-panel__tiles>li{opacity:1;animation:none;translate:none}.nav-panel__content--leaving{display:none}.nav-tile__frame img,.nav-row__mark:before,.nav-row__arrow,.nav-trigger:after{transition:none}}
