@layer components{.nav_wrap{z-index:100;padding-inline:var(--site-margin);background-color:var(--background);color:var(--text);border-bottom:var(--border-width) solid var(--border);justify-content:center;display:flex;position:sticky;top:0}.nav_wrap.overlap{position:fixed;inset-inline:0}.nav_inner{width:100%;max-width:var(--max-width-main);justify-content:space-between;align-items:center;gap:0 var(--space-6);display:flex}.nav_logo,.nav_toggle{min-height:var(--nav-height)}.nav_logo{width:6.5rem;transition:opacity var(--hover-duration) var(--hover-ease);align-items:center;display:flex}@media (hover:hover){.nav_logo:hover{opacity:.6}}.nav_toggle{--_icon-width:1.5rem;--_bar-gap:.5rem;min-width:2.75rem;margin-right:calc((2.75rem - var(--_icon-width)) / -2);color:inherit;border-radius:var(--radius-small);transition:opacity var(--hover-duration) var(--hover-ease);justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.nav_toggle:hover{opacity:.6}}.nav_toggle_icon{width:var(--_icon-width);height:calc(var(--_bar-gap) + var(--border-width));display:block;position:relative}.nav_toggle_icon:before,.nav_toggle_icon:after{content:"";height:var(--border-width);transition:transform var(--open-duration) var(--open-ease);background-color:currentColor;position:absolute;inset-inline:0}.nav_toggle_icon:before{top:0}.nav_toggle_icon:after{top:var(--_bar-gap)}.nav_wrap.open .nav_toggle_icon:before{transform:translateY(calc(var(--_bar-gap) / 2)) rotate(45deg)}.nav_wrap.open .nav_toggle_icon:after{transform:translateY(calc(var(--_bar-gap) / -2)) rotate(-45deg)}.nav_menu{top:100%;visibility:hidden;max-height:calc(100svh - var(--nav-height));overscroll-behavior:contain;background-color:var(--background);border-bottom:var(--border-width) solid var(--border);transition:grid-template-rows var(--open-duration) var(--open-ease), visibility var(--open-duration) var(--open-ease);grid-template-rows:0fr;display:grid;position:absolute;inset-inline:0;overflow:clip auto}.nav_menu_inner{opacity:0;transition:opacity var(--open-duration) var(--open-ease);overflow:hidden}.nav_wrap.open .nav_menu{visibility:visible;grid-template-rows:1fr}.nav_wrap.open .nav_menu_inner{opacity:1;overflow-y:auto}.nav_links{padding:var(--space-2) var(--site-margin) var(--space-4);font-size:var(--text-main);font-weight:var(--primary-medium);flex-direction:column;display:flex}.nav_links>li+li{border-top:var(--border-width) solid var(--border)}.nav_link{padding-block:var(--space-3);color:color-mix(in lab, currentcolor 60%, transparent);text-underline-offset:.4em;text-decoration:none;text-decoration-thickness:var(--border-width);transition:color var(--hover-duration) var(--hover-ease);display:block}.nav_link[aria-current=page]{color:var(--text)}@media (hover:hover){.nav_link:hover{color:var(--text)}}@media (min-width:48rem){.nav_toggle{display:none}.nav_menu{visibility:visible;background-color:#0000;border-bottom:0;display:block;position:static}.nav_menu_inner{opacity:1;overflow:visible}.nav_links{align-items:center;gap:var(--space-4);font-size:var(--text-small);flex-flow:wrap;padding:0}.nav_links>li+li{border-top:0}.nav_link{padding-block:0}.nav_link[aria-current=page]{text-decoration:underline}}.footer_wrap{padding-block:var(--section-space-small);padding-inline:var(--site-margin);background-color:var(--background);color:var(--text);border-top:var(--border-width) solid var(--border);justify-content:center;display:flex}.footer_inner{width:100%;max-width:var(--max-width-main);gap:var(--space-6);flex-direction:column;display:flex}.footer_top{justify-content:space-between;align-items:center;gap:var(--space-4) var(--space-6);flex-wrap:wrap;display:flex}.footer_logo{width:7.5rem;max-width:100%;transition:opacity var(--hover-duration) var(--hover-ease);display:block}@media (hover:hover){.footer_logo:hover{opacity:.6}}.footer_links{align-items:center;gap:var(--space-4);font-size:var(--text-small);font-weight:var(--primary-medium);flex-wrap:wrap;display:flex}.footer_link{color:var(--text-2);transition:color var(--hover-duration) var(--hover-ease);text-decoration:none}@media (hover:hover){.footer_link:hover{color:var(--text)}}.footer_bottom{padding-top:var(--space-4);border-top:var(--border-width) solid var(--border)}.footer_copyright{color:var(--text-2)}}
