.portfolio-wallpaper{position:fixed;inset:0;z-index:0;pointer-events:none;background:url('backgrounds/biointerface-weave-light.webp') center/cover no-repeat;opacity:.5}[data-theme=dark] .portfolio-wallpaper{background-image:url('backgrounds/biointerface-weave.webp');opacity:.65}body>header,body>main,body>footer{position:relative;z-index:1}body>header{background:color-mix(in srgb,var(--bg) 94%,transparent)}#theme{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:8px}#theme svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.theme-sun{display:none}[data-theme=dark] .theme-sun{display:block}[data-theme=dark] .theme-moon{display:none}@media(max-width:650px){.portfolio-wallpaper{opacity:.25}[data-theme=dark] .portfolio-wallpaper{opacity:.32}}@media print{.portfolio-wallpaper{display:none}}
#menu{width:40px;height:40px;padding:6px;border-radius:8px}.menu-circuit{display:block;width:26px;height:26px;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.menu-close{display:none}#menu[aria-expanded="true"] .menu-traces{display:none}#menu[aria-expanded="true"] .menu-close{display:block}#menu:hover{border-color:var(--ink)}

/* Keep the same two controls at desktop, side-panel and mobile widths. */
body>header{flex-wrap:nowrap;gap:20px;z-index:20}body>header .brand{min-width:0}body>header .navtools{display:flex;align-items:center;gap:10px;margin-left:auto;order:3;flex:none}body>header #menu,body>header #theme{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:42px;height:42px;padding:8px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--ink);flex:none}body>header #menu svg,body>header #theme svg{width:24px;height:24px;flex:none}body>header nav{position:absolute;top:calc(100% - 1px);right:5%;width:min(420px,90vw);display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:14px 20px;border:1px solid var(--line);border-radius:0 0 13px 13px;background:var(--bg);box-shadow:0 18px 35px #00000012;font-size:17px;z-index:30}body>header nav.open{display:grid}body>header nav a{padding:12px 10px;border:0;border-bottom:1px solid var(--line)}body>header nav a:last-child{grid-column:1/-1;border-bottom:0}body>header #menu:focus-visible,body>header #theme:focus-visible{outline:2px solid var(--ink);outline-offset:4px}@media(max-width:420px){body>header{gap:10px}body>header .brand{font-size:20px}body>header .navtools{gap:7px}body>header #menu,body>header #theme{width:39px;height:39px}body>header nav{font-size:16px}}