.site-nav-panel[hidden]{display:none}
.site-nav-panel{position:absolute;inset:100% 0 auto;background:var(--mt-bg-secondary);border-block:1px solid var(--mt-border);padding:1.25rem 0 1.5rem;max-height:calc(100dvh - var(--site-nav-height,6rem) - 1rem);overflow-y:auto;box-shadow:var(--mt-shadow-art)}
.site-nav-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.site-nav-panel-heading h2{font-size:1rem;font-weight:700;margin:0;color:var(--mt-text)}
.site-nav-panel-close{display:grid;place-items:center;width:2.25rem;height:2.25rem;background:var(--mt-surface);border:1px solid var(--mt-border);border-radius:.6rem;color:var(--mt-text)}
.site-nav-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1rem;padding:0;list-style:none;margin:0}
.site-nav-card-grid>li{display:flex}
.site-nav-card{position:relative;display:flex;flex-direction:column;width:100%;border:1px solid var(--mt-border);border-radius:1rem;background:var(--mt-surface);color:var(--mt-text);overflow:hidden;text-decoration:none;transition:border-color .15s,background .15s}
.site-nav-card:hover{color:var(--mt-text);background:var(--mt-surface-hover);border-color:var(--mt-primary)}
.site-nav-card:focus-visible,.site-nav-panel-close:focus-visible{outline:2px solid var(--mt-primary);outline-offset:3px}
.site-nav-card-art{display:block;background:var(--mt-accent-soft);height:7rem;border-bottom:1px solid var(--mt-border)}
.site-nav-card-art svg{display:block;width:100%;height:100%}
.nav-art-surface{fill:var(--mt-surface);stroke:var(--mt-text-disabled);stroke-width:1.5}
.nav-art-card{fill:var(--mt-bg-secondary);stroke:var(--mt-primary);stroke-width:1.5}
.nav-art-accent{fill:var(--mt-primary);fill-opacity:.7}
.nav-art-line{stroke:var(--mt-primary);stroke-width:1.5}
.site-nav-card-copy{display:flex;flex-direction:column;gap:.5rem;padding:1rem 2.5rem 1.25rem 1.25rem}
.site-nav-card-copy strong{font-size:1rem;line-height:1.4}
.site-nav-card-copy>span{font-size:.8rem;line-height:1.65;color:var(--mt-text-secondary)}
.site-nav-card-arrow{position:absolute;right:1rem;bottom:1.1rem;color:var(--mt-primary)}
.site-navbar [data-site-panel][aria-expanded=true]{color:var(--mt-primary)}
@media(max-width:575px){.site-nav-card-grid{grid-template-columns:1fr}.site-nav-card{flex-direction:row;align-items:center}.site-nav-card-art{flex:0 0 5.5rem;height:6rem;border-bottom:0;background:transparent}.site-nav-card-copy{padding:.85rem 2.25rem .85rem .5rem}.site-nav-card-copy strong{font-size:.9rem}.site-nav-card-copy>span{font-size:.75rem}.site-nav-card-arrow{bottom:50%;transform:translateY(50%)}}
@media(prefers-reduced-motion:reduce){.site-nav-card{transition:none}}