/* The same wordmark on the home page and every archive view. */
.top > .site-brand{
 display:block;
 flex:none;
 font:400 12px/1.3 monospace;
 letter-spacing:.02em;
 color:inherit;
 text-decoration:none;
}
.top > .site-brand:hover{color:inherit;text-decoration:none}
@media(max-width:650px){
 .top > .site-brand{font-size:10px;line-height:1.35}
}
/* Shared header geometry, including compact and wide viewports. */
html{scrollbar-gutter:stable}
.page{max-width:1800px}
.page>.top{position:relative;top:auto;right:auto;bottom:auto;left:auto;margin:0;padding:0;min-height:31.2px;align-items:flex-start;filter:blur(.4px);font:400 12px/1.3 monospace;letter-spacing:normal}
@media(min-width:651px){.page{padding-top:20px;padding-left:28px;padding-right:28px}}
@media(max-width:650px){.page>.top{position:fixed;top:20px;left:20px;right:20px;bottom:auto;z-index:100;min-height:27px;font-size:10px;line-height:1.35}.project-stack-page>.page{padding-top:47px}}

/* Apply the saved palette before the first frame of a new page. */
html[data-theme="dark"],html[data-theme="dark"] body{background:#111110;color:#f2f0e9;color-scheme:dark}
html[data-theme="dark"] .page-loader{background:#111110;color:#f2f0e9}