header.site-header{position:fixed;top:0;left:0;z-index:1000;width:100%;background:var(--bg-transparent);border-bottom:3px solid var(--ink);color:var(--ink)}html.projects header.site-header{position:relative}@media(prefers-reduced-motion:reduce){.nav-link.is-sparkling:before,.nav-link.is-sparkling:after{animation:none!important;opacity:0!important}}header.site-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/textures/grain.webp) repeat,url(https://cdn.wolfbard.art/cdn-cgi/image/width=360,quality=50,format=auto/layout/header_background.jpg) repeat;background-size:200px,360px auto;opacity:.2;background-blend-mode:overlay,multiply;pointer-events:none;z-index:-1}.inner{max-width:var(--maxw);margin:0 auto;padding:.8rem 1rem;display:flex;align-items:center;gap:1rem}@media(max-width:480px){.inner{font-size:.9rem}}.logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:inherit;transition:transform var(--transition-medium)}.logo:hover{animation:wiggle .6s ease-in-out}.logo img{width:48px;height:48px;border-radius:var(--radius-circle);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);object-fit:cover}.logo b{font-family:Grandstander}.nav-links a{text-decoration:none;color:inherit;font-weight:700;padding:.4rem .8rem;border:3px solid var(--ink);border-radius:var(--radius-pill);background:var(--light-peach);box-shadow:0 6px 0 var(--ink);transform:translateY(0);transition:transform 80ms ease-out,box-shadow 80ms ease-out;user-select:none!important;-webkit-user-drag:none!important;-webkit-tap-highlight-color:transparent;white-space:nowrap;position:relative;overflow:visible}.nav-links a[aria-current=page]{background:color-mix(in srgb,var(--accent) 85%,#000);color:var(--offwhite);transform:translateY(3px);box-shadow:0 3px 0 var(--ink)}.site-header .is-sparkling{z-index:2;overflow:visible!important}.site-header .is-sparkling:before,.site-header .is-sparkling:after{content:"\2726";position:absolute;top:50%;font-size:1.2rem;line-height:1;color:var(--accent);text-shadow:0 0 4px color-mix(in srgb,var(--accent) 85%,transparent),0 0 12px color-mix(in srgb,var(--accent) 60%,transparent);pointer-events:none;opacity:0;z-index:1;animation:nav-link-sparkle .4s linear forwards}.site-header .is-sparkling:before{left:6%;--sparkle-x: -26px;--sparkle-r: -130deg}.site-header .is-sparkling:after{right:6%;--sparkle-x: 26px;--sparkle-r: 130deg;animation-delay:50ms}@keyframes nav-link-sparkle{0%{opacity:0;transform:translateY(-50%) translate(0) scale(.3) rotate(0)}15%{opacity:1;transform:translateY(-50%) translate(calc(var(--sparkle-x, 0px) * .15),-12px) scale(1.4) rotate(calc(var(--sparkle-r, 0deg) * .15))}35%{opacity:.35;transform:translateY(-50%) translate(calc(var(--sparkle-x, 0px) * .4),-20px) scale(1.1) rotate(calc(var(--sparkle-r, 0deg) * .4))}55%{opacity:0;transform:translateY(-50%) translate(calc(var(--sparkle-x, 0px) * .65),-10px) scale(.85) rotate(calc(var(--sparkle-r, 0deg) * .6))}to{opacity:0;transform:translateY(-50%) translate(var(--sparkle-x, 0px),14px) scale(.5) rotate(var(--sparkle-r, 0deg))}}@media(max-width:960px)and (min-width:801px){.viewer-suffix{display:none}}.nav-links a:hover{background:var(--accent-dark);color:var(--offwhite);transform:translateY(-2px);box-shadow:0 8px 0 var(--ink),0 8px 18px #00000040}.nav-links a:active{background:color-mix(in srgb,var(--accent) 85%,#000);color:var(--offwhite);transform:translateY(4px);box-shadow:0 2px 0 var(--ink)}@media(hover:none){.nav-links a:hover:not(:active),.account-btn:hover:not(:active){transform:translateY(0);box-shadow:0 6px 0 var(--ink)}.nav-links a:hover:not(:active){background:color-mix(in srgb,var(--accent) 85%,#000);color:var(--offwhite)}}.nav-links a.is-navigating,.nav-links a.is-navigating:hover{background:color-mix(in srgb,var(--accent) 85%,#000);color:var(--offwhite);transform:translateY(3px);box-shadow:0 3px 0 var(--ink)}.account-btn{display:flex;align-items:center;justify-content:center;position:relative;width:42px;height:42px;min-width:42px;min-height:42px;border:3px solid var(--ink);border-radius:var(--radius-circle);background:var(--light-peach);text-decoration:none;color:inherit;flex-shrink:0;overflow:hidden;transition:none;cursor:var(--cursor-pointer)}.account-btn:hover{background:var(--accent-dark);color:var(--offwhite);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.account-btn:active{transition:var(--transition-press)}.account-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;line-height:1}.account-avatar{position:absolute;inset:0;width:100%;height:100%;border-radius:var(--radius-circle);object-fit:cover;display:block}.account-nav-wrap{position:relative;display:flex;align-items:center;flex-shrink:0}.notif-badge{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-family:var(--ui-font);font-weight:700;font-size:.72rem;line-height:1;color:var(--offwhite);background:var(--accent);border:2px solid var(--ink);border-radius:var(--radius-pill);pointer-events:none;z-index:3}.notif-badge[hidden]{display:none}.notif-panel{position:absolute;top:calc(100% + 10px);right:0;width:min(340px,calc(100vw - 2rem));max-height:min(70vh,460px);overflow-y:auto;background:var(--offwhite);border:3px solid var(--ink);border-radius:var(--radius-lg);box-shadow:0 6px 0 var(--ink),0 10px 24px #0000002e;z-index:60}.notif-panel[hidden]{display:none}.notif-head{font-family:var(--ui-font);font-weight:700;padding:.7rem .9rem;border-bottom:3px solid var(--ink)}.notif-item{display:block;padding:.6rem .9rem;text-decoration:none;color:inherit;border-bottom:1px solid rgba(0,0,0,.12)}.notif-item:last-of-type{border-bottom:none}.notif-item:hover{background:var(--light-peach)}.notif-item.is-unread{background:#f8345914}.notif-actor{font-family:var(--ui-font);font-weight:700;font-size:.9rem}.notif-item.is-unread .notif-actor:after{content:"";display:inline-block;width:8px;height:8px;margin-left:6px;vertical-align:middle;background:var(--accent);border:1.5px solid var(--ink);border-radius:var(--radius-circle)}.notif-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px;font-size:.82rem;color:var(--text-muted)}.notif-time{display:block;margin-top:3px;font-size:.72rem;color:var(--text-muted)}.notif-empty{padding:1.1rem .9rem;text-align:center;color:var(--text-muted)}.notif-foot{display:block;padding:.6rem .9rem;text-align:center;font-family:var(--ui-font);font-weight:700;text-decoration:none;color:var(--accent);border-top:3px solid var(--ink)}.notif-foot:hover{background:var(--light-peach)}.nav-notif-count{min-width:18px;height:18px;margin-left:.4rem;padding:0 5px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.7rem;line-height:1;color:var(--offwhite);background:var(--accent);border:2px solid var(--ink);border-radius:var(--radius-pill)}@media(max-width:800px),(max-height:500px)and (orientation:landscape){.account-btn,.account-nav-wrap{display:none}}.site-header .inner{display:flex;align-items:center;gap:1rem;position:relative}.nav-toggle{display:none;margin-left:auto;border:3px solid var(--ink);background:var(--light-peach);border-radius:var(--radius-md);padding:.35rem .5rem;box-shadow:0 4px 0 var(--ink)}.nav-toggle:active{transform:translateY(2px);box-shadow:0 2px 0 var(--ink)}.nav-links{margin-left:auto;display:flex;gap:.4rem;flex-wrap:nowrap}.nav-links .nav-account-link{display:none}.site-header .inner{height:4.5rem}.site-header .nav-toggle,.site-header .nav-toggle:focus-visible{background:var(--light-peach)}.site-header .nav-toggle:hover{background:var(--accent-dark);color:var(--offwhite)}@media(max-width:800px),(max-height:500px)and (orientation:landscape){.nav-toggle{display:inline-flex;align-items:center;flex-direction:column;justify-content:center;gap:6px;padding:.6rem 1rem;border:3px solid var(--ink);border-radius:var(--radius-md);background:var(--light-peach);cursor:var(--cursor-pointer);box-shadow:0 4px 0 var(--ink);z-index:1002}.nav-links{position:absolute;top:calc(100% + 6px);right:1rem;display:flex;flex-direction:column;background:var(--bg);border:3px solid var(--ink);box-shadow:0 12px 0 var(--ink),0 12px 24px #00000040;border-radius:var(--radius-xl);padding:.5rem .5rem 1rem;min-width:220px;z-index:1003;gap:.75rem;will-change:transform,opacity;background-color:var(--bg);opacity:0;transform:translateY(-8px) scale(.96);transform-origin:top right;pointer-events:none;visibility:hidden;transition:opacity .2s ease-out,transform .2s ease-out,visibility 0s linear .2s}.nav-links.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;visibility:visible;transition:opacity .2s ease-out,transform .2s ease-out,visibility 0s linear 0s}@media(prefers-reduced-motion:reduce){.nav-links{transform:none;transition:opacity 80ms linear,visibility 0s linear 80ms}.nav-links.is-open{transform:none;transition:opacity 80ms linear,visibility 0s linear 0s}}.nav-links .nav-account-link{display:flex;align-items:center}.nav-toggle span{display:block;width:1.75rem;height:3px;background-color:var(--ink);border-radius:var(--radius-xs)}}.header-ready body>.updates{opacity:1;transform:translateY(0);transition:opacity var(--transition-slow),transform var(--transition-slow)}body.placeholder-images:before{background:url(https://cdn.wolfbard.art/cdn-cgi/image/width=1080,quality=50,format=auto/layout/background.jpg) repeat!important}body.placeholder-images header.site-header:before{background:url(https://cdn.wolfbard.art/cdn-cgi/image/width=360,quality=50,format=auto/layout/header_background.jpg) repeat!important}html.dark-mode header.site-header{background:#293046fa;border-bottom-color:var(--dm-border);color:var(--dm-text)}html.dark-mode header.site-header:before{opacity:.06}html.dark-mode header.site-header:after{opacity:.15;mix-blend-mode:overlay}html.dark-mode .nav-links a{background:var(--dm-accent-dim);border-color:var(--dm-border);color:var(--dm-text);box-shadow:0 6px 0 var(--dm-border)}html.dark-mode .nav-links a[aria-current=page]{background:var(--dm-accent-strong);color:var(--dm-white);box-shadow:0 3px 0 var(--dm-border)}html.dark-mode .nav-links a:hover{background:var(--dm-accent-strong);color:var(--dm-white);box-shadow:0 8px 0 var(--dm-border),0 8px 18px #00000059}html.dark-mode .nav-links a:active{background:var(--dm-accent-strong);color:var(--dm-white);box-shadow:0 2px 0 var(--dm-border)}html.dark-mode .nav-links a.is-navigating,html.dark-mode .nav-links a.is-navigating:hover{background:var(--dm-accent-strong);color:var(--dm-white);box-shadow:0 3px 0 var(--dm-border)}html.dark-mode .logo img{border-color:var(--dm-border);box-shadow:0 4px 0 var(--dm-border)}html.dark-mode .account-btn{background:var(--dm-accent-dim);border-color:var(--dm-border);box-shadow:0 4px 0 var(--dm-border);color:var(--dm-text)}html.dark-mode .account-btn:hover{background:var(--dm-accent-strong);color:var(--dm-white);box-shadow:0 6px 0 var(--dm-border),0 6px 14px #0000004d}html.dark-mode .notif-panel{background:var(--dm-surface);border-color:var(--dm-border);box-shadow:0 6px 0 var(--dm-border),0 10px 24px #0006;color:var(--dm-text)}html.dark-mode .notif-head{border-bottom-color:var(--dm-border)}html.dark-mode .notif-item{border-bottom-color:#ffffff1f}html.dark-mode .notif-item:hover,html.dark-mode .notif-foot:hover{background:var(--dm-accent-dim)}html.dark-mode .notif-item.is-unread{background:#f8345929}html.dark-mode .notif-preview,html.dark-mode .notif-time{color:var(--dm-text-muted)}html.dark-mode .notif-foot{border-top-color:var(--dm-border)}html.dark-mode .notif-badge,html.dark-mode .nav-notif-count{border-color:var(--dm-border)}html.dark-mode .nav-toggle{background:var(--dm-accent-dim);border-color:var(--dm-border);box-shadow:0 4px 0 var(--dm-border)}html.dark-mode .nav-toggle:active{box-shadow:0 2px 0 var(--dm-border)}html.dark-mode .nav-toggle span{background-color:var(--dm-text)}html.dark-mode .site-header .nav-toggle,html.dark-mode .site-header .nav-toggle:focus-visible{background:var(--dm-accent-dim)}html.dark-mode .site-header .nav-toggle:hover{background:var(--dm-accent-strong)}html.dark-mode .dark-mode-toggle{color:var(--dm-text)}@media(max-width:800px),(max-height:500px)and (orientation:landscape){html.dark-mode .nav-links{background:#293046fa;border-color:var(--dm-border);box-shadow:0 12px 0 var(--dm-border),0 12px 24px #0006;background-color:#293046fa}html.dark-mode .nav-links .dark-mode-toggle{background:var(--dm-accent-dim);border-color:var(--dm-border);color:var(--dm-text);box-shadow:0 6px 0 var(--dm-border)}html.dark-mode .nav-links .dark-mode-toggle:hover{background:var(--dm-accent-strong);color:var(--dm-white);box-shadow:0 8px 0 var(--dm-border),0 8px 18px #00000059}}

/*# sourceMappingURL=header.b7fbd377.css.map */