@layer quartz-base{.page-header>header{z-index:40;background:color-mix(in srgb, var(--light) 72%, transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb, var(--secondary) 14%, transparent);flex-direction:row;align-items:center;gap:20px;margin:0;padding:14px 6px;display:flex;position:sticky;top:0}@media (max-width:800px){.page-header>header{flex-wrap:wrap;row-gap:10px;padding:10px 4px}}.site-header-brand{color:var(--dark);flex-shrink:0;align-items:baseline;gap:8px;display:flex}.site-header-brand .site-header-name{font-family:var(--titleFont);letter-spacing:.01em;font-size:1.3rem}.site-header-brand .site-header-tld{font-family:var(--codeFont);letter-spacing:.24em;color:var(--gray);font-size:.6rem}.site-header-brand:hover .site-header-name{color:var(--secondary)}.site-header-nav{flex-wrap:wrap;flex:1;align-items:center;gap:4px;display:flex}.site-header-nav .site-header-link{font-family:var(--codeFont);letter-spacing:.14em;text-transform:uppercase;color:var(--gray);border:1px solid #0000;border-radius:999px;padding:7px 12px;font-size:.62rem;font-weight:500;transition:color .2s,background-color .2s,border-color .2s}.site-header-nav .site-header-link:hover{color:var(--dark)}.site-header-nav .site-header-link.active{color:var(--dark);background:color-mix(in srgb, var(--secondary) 16%, transparent);border-color:color-mix(in srgb, var(--secondary) 35%, transparent)}@media (max-width:800px){.site-header-nav{order:3;gap:2px;width:100%}}.site-header-clock{font-family:var(--codeFont);letter-spacing:.14em;color:var(--gray);white-space:nowrap;flex-shrink:0;font-size:.62rem}@media (max-width:800px){.site-header-clock{display:none}}.page-header>header .darkmode{border:1px solid color-mix(in srgb, var(--secondary) 20%, transparent);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}}