:root{--dock-circle:#eaeaea;--dock-icon:#777;--dock-surface:#fafafaf2;--dock-border:#e4e4e4;--dock-tip:#fff;--dock-shadow:0 12px 35px #00000012}body{padding-bottom:114px}header{padding-top:32px}.identity{margin-bottom:0}.dock-position{position:fixed;z-index:50;bottom:max(22px,env(safe-area-inset-bottom));left:0;right:0;display:flex;justify-content:center;pointer-events:none;padding:0 12px}.dock{pointer-events:auto;display:flex;flex-wrap:nowrap;align-items:flex-end;gap:6px;height:62px;padding:8px;border:1px solid var(--dock-border);border-radius:40px;background:var(--dock-surface);box-shadow:var(--dock-shadow);line-height:1;isolation:isolate}.dock .dock-item{--size:44px;display:inline-flex;flex:none;position:relative;align-items:center;justify-content:center;width:var(--size);height:var(--size);min-height:44px;border:0;border-radius:50%;padding:0;margin:0;background:var(--dock-circle);color:var(--dock-icon);cursor:pointer;font:inherit;transition:width 400ms ease-out,height 400ms ease-out,color 400ms ease-out;touch-action:manipulation;text-decoration:none}.dock-item>svg{width:calc(var(--size)*.46);height:calc(var(--size)*.46);flex:none;pointer-events:none}.dock .dock-item:hover,.dock .dock-item:focus-visible{color:#555;text-decoration:none}.dock .dock-item:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.dock .dock-item[aria-current=page]{color:#5d5d5d;text-decoration:none}.dock-dot{position:absolute;width:3px;height:3px;background:var(--dock-icon);border-radius:50%;bottom:-6px;opacity:0}.dock-item[aria-current=page] .dock-dot{opacity:1}.dock-tooltip{position:absolute;bottom:calc(100% + 13px);left:50%;transform:translate(-50%,4px);border:1px solid var(--dock-border);border-radius:7px;padding:7px 10px;background:var(--dock-tip);color:var(--ink);box-shadow:0 2px 8px #00000008;white-space:nowrap;font-size:11px;line-height:1.3;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 400ms ease-out,transform 400ms ease-out,visibility 400ms ease-out}.dock-item:hover .dock-tooltip,.dock-item:focus-visible .dock-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0)}.sun-icon{display:none}.theme-toggle .moon-icon{display:block}[data-theme=dark]{color-scheme:dark;--bg:#141414;--ink:#e4e4e4;--muted:#a0a0a0;--line:#2e2e2e;--dock-circle:#262626;--dock-icon:#a0a0a0;--dock-surface:#191919f5;--dock-border:#303030;--dock-tip:#252525;--dock-shadow:0 12px 35px #00000030}[data-theme=dark] p{color:#b8b8b8}[data-theme=dark] .project-meta,[data-theme=dark] .eyebrow,[data-theme=dark] .work-row p,[data-theme=dark] .lab-caption{color:var(--muted)}[data-theme=dark] .type-sample,[data-theme=dark] .project-visual{background:#242424}[data-theme=dark] .dock .dock-item:hover,[data-theme=dark] .dock .dock-item:focus-visible,[data-theme=dark] .dock .dock-item[aria-current=page]{color:#ddd}[data-theme=dark] .theme-toggle .moon-icon{display:none}[data-theme=dark] .theme-toggle .sun-icon{display:block}[data-theme=dark] .skip{background:#252525}[data-theme=dark] a:focus-visible{outline-color:#ccc}@media(max-width:699px){.dock-position{bottom:max(14px,env(safe-area-inset-bottom));padding:0 6px}.dock{gap:3px;height:52px;padding:6px;border-radius:30px}.dock .dock-item{--size:34px;width:34px;height:38px;min-height:38px;border-radius:50%}.dock-item>svg{width:18px;height:18px}.dock-tooltip{font-size:10px;padding:6px 8px}.dock-item:first-child .dock-tooltip{left:0;transform:translateY(4px)}.dock-item:first-child:hover .dock-tooltip,.dock-item:first-child:focus-visible .dock-tooltip{transform:none}.dock-item:last-child .dock-tooltip{left:auto;right:0;transform:translateY(4px)}.dock-item:last-child:hover .dock-tooltip,.dock-item:last-child:focus-visible .dock-tooltip{transform:none}.dock-dot{bottom:-5px}body{padding-bottom:96px}}@media(max-width:430px){.dock{gap:2px;padding:6px}.dock .dock-item{--size:30px;width:30px;height:36px;min-height:36px}.dock-item>svg{width:17px;height:17px}.dock{height:50px}}@media(max-width:370px){.dock{gap:1px}.dock .dock-item{--size:26px;width:26px}.dock-item>svg{width:16px;height:16px}}@media(prefers-reduced-motion:reduce){.dock-item,.dock-tooltip{transition:none!important}}