@layer quartz-base{.site-mobile-nav{z-index:100;background:var(--light);opacity:0;pointer-events:none;flex-direction:column;transition:opacity .22s,transform .22s;display:none;position:fixed;inset:0;transform:translateY(-8px)}.site-mobile-nav.open{opacity:1;pointer-events:auto;display:flex;transform:none}.site-mobile-nav-top{border-bottom:1px solid color-mix(in srgb, var(--secondary) 14%, transparent);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.site-mobile-nav-brand{color:var(--dark);align-items:baseline;gap:8px;display:flex}.site-mobile-nav-brand .site-header-name{font-family:var(--titleFont);font-size:1.3rem}.site-mobile-nav-brand .site-header-tld{font-family:var(--codeFont);letter-spacing:.24em;color:var(--gray);font-size:.6rem}.site-mobile-nav-close{border:1px solid color-mix(in srgb, var(--secondary) 20%, transparent);width:38px;height:38px;color:var(--dark);cursor:pointer;background:0 0;border-radius:10px;flex-shrink:0;font-size:1rem;line-height:1}.site-mobile-nav-links{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;justify-content:center;gap:2px;padding:20px 28px;display:flex;overflow-y:auto}.site-mobile-nav-links .site-mobile-nav-link{border-bottom:1px solid color-mix(in srgb, var(--secondary) 14%, transparent);font-family:var(--titleFont);color:var(--dark);padding:16px 4px;font-size:2.1rem}.site-mobile-nav-links .site-mobile-nav-link.active{color:var(--secondary)}}