@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--t: .45s cubic-bezier(.4, 0, .2, 1);--bg-transition: 1.6s cubic-bezier(.25, .46, .45, .94);--human-bg: #F5F0E8;--human-fg: #1a1a18;--human-muted: #5a5a52;--human-subtle: #a0a098;--human-faint: #c0bab0;--human-wip-bg: #ede8dc;--human-wip-fg: #a0988a;--human-wip-border: #d8d0c0;--robot-bg: #030a03;--robot-fg: #00cc44;--robot-bright: #00ff55;--robot-mid: #00aa33;--robot-dim: #007a25;--robot-dark: #005518;--robot-darker: #004410}html{scroll-behavior:smooth}body{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:3rem 4rem;background-color:var(--human-bg);color:var(--human-fg);font-family:DM Sans,sans-serif;transition:background-color var(--bg-transition),color var(--t);--name-font: "DM Serif Display", serif;--name-style: italic;--name-size: clamp(2.8rem, 6vw, 4.5rem);--name-spacing: -.02em;--name-color: inherit;--name-overflow: visible;--tagline-size: clamp(.9rem, 1.8vw, 1.05rem);--tagline-color: #474741;--tagline-lh: 1.65;--tagline-spacing: normal;--label-color: #505048;--label-font: "DM Mono", monospace;--label-size: .62rem;--label-spacing: .12em;--num-color: #505048;--num-font: "DM Mono", monospace;--num-size: .62rem;--link-size: .92rem;--desc-color: #474741;--desc-size: .78rem;--wip-bg: var(--human-wip-bg);--wip-color: #474741;--wip-border: var(--human-wip-border);--contact-size: .8rem;--contact-color: #474741}body.mode-robot{background-color:var(--robot-bg);color:var(--robot-fg);font-family:DM Mono,monospace;--name-font: "Press Start 2P", cursive;--name-style: normal;--name-size: .75rem;--name-spacing: .04em;--name-color: var(--robot-bright);--name-overflow: hidden;--tagline-size: .73rem;--tagline-color: var(--robot-fg);--tagline-lh: 1.95;--tagline-spacing: .02em;--label-color: var(--robot-fg);--label-font: "Press Start 2P", cursive;--label-size: .5rem;--label-spacing: .2em;--num-color: var(--robot-fg);--num-font: "Press Start 2P", cursive;--num-size: .5rem;--link-size: .76rem;--desc-color: var(--robot-fg);--desc-size: .7rem;--wip-bg: transparent;--wip-color: var(--robot-dark);--wip-border: var(--robot-darker);--contact-size: .7rem;--contact-color: var(--robot-fg)}body.mode-robot:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.07) 2px,rgba(0,0,0,.07) 4px);pointer-events:none;z-index:0}main,.switcher,.footer-note{position:relative;z-index:1}main{max-width:500px;width:100%}.page-layout{display:flex;flex-direction:column;align-items:center;gap:10rem}@media(max-width:600px){body{justify-content:flex-end;padding:2rem 1.75rem;gap:7rem}}@media(min-width:768px){body{align-items:center}}.name{line-height:1;font-family:var(--name-font);font-style:var(--name-style);font-size:var(--name-size);font-weight:400;letter-spacing:var(--name-spacing);color:var(--name-color);overflow:var(--name-overflow);text-overflow:ellipsis;margin-bottom:1.2rem;transition:font-size var(--t),color var(--t),letter-spacing var(--t)}.cursor{display:inline-block;width:.6em;height:1em;background:var(--robot-fg);vertical-align:text-bottom;margin-left:3px;opacity:0;transition:opacity var(--t)}body.mode-robot .cursor{opacity:1;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.tagline{line-height:var(--tagline-lh);max-width:500px;margin-bottom:2.75rem;font-size:var(--tagline-size);color:var(--tagline-color);letter-spacing:var(--tagline-spacing);transition:color var(--t),font-size var(--t)}.projects{margin-bottom:2.75rem}.projects-label{font-family:var(--label-font);font-size:var(--label-size);letter-spacing:var(--label-spacing);color:var(--label-color);text-transform:uppercase;margin-bottom:.9rem;transition:color var(--t)}.project-list{list-style:none;padding:0}.project-item{display:flex;align-items:baseline;gap:.9rem;margin-bottom:.55rem}.project-num{font-family:var(--num-font);font-size:var(--num-size);color:var(--num-color);flex-shrink:0;transition:color var(--t)}.project-link{font-size:var(--link-size);font-weight:400;text-decoration:none;color:inherit;display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap}a.project-link{border-bottom:1px solid transparent;transition:border-color .2s}a.project-link:hover{border-bottom-color:currentColor}.project-desc{font-size:var(--desc-size);font-weight:300;color:var(--desc-color);transition:color var(--t)}.project-wip{font-family:DM Mono,monospace;font-size:.58rem;letter-spacing:.08em;padding:.12rem .4rem;border-radius:1px;background:var(--wip-bg);color:var(--wip-color);border:1px solid var(--wip-border);transition:background var(--t),color var(--t),border-color var(--t)}.contact{display:flex;gap:1.4rem;flex-wrap:wrap;align-items:center}.contact a{font-size:var(--contact-size);text-decoration:none;color:var(--contact-color);border-bottom:1px solid transparent;transition:color .2s,border-color .2s}.contact a:hover{border-bottom-color:currentColor}body.mode-human .contact a:hover{color:var(--human-fg)}body.mode-robot .contact a:hover{color:var(--robot-bright)}.contact-sep{opacity:.2;font-size:.65rem}.switcher{position:static;display:flex;flex-shrink:0;z-index:100;border:1px solid currentColor;border-radius:2px;overflow:hidden;transition:opacity .2s}.switcher:hover{opacity:1}.switcher button{background:transparent;border:none;color:inherit;padding:.4rem .6rem;cursor:pointer;transition:background var(--t),color var(--t);display:flex;align-items:center;justify-content:center}body:not(.mode-robot) .switcher button:hover{background:var(--human-fg);color:#fff}body.mode-robot .switcher button:hover{background:var(--human-bg);color:var(--human-fg)}.toggle-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.toggle-icon svg{pointer-events:none;position:absolute;width:100%;height:100%;transition:opacity .2s}.icon-human{opacity:0;pointer-events:none}body.mode-robot .icon-human{opacity:1}body.mode-robot .icon-robot{opacity:0}body.mode-human .icon-robot{opacity:1}body.mode-human .icon-human{opacity:0}.footer-controls{position:fixed;max-width:500px;bottom:5rem;width:100%;display:flex;align-items:center;justify-content:space-between;gap:0;box-sizing:border-box}.footer-controls .switcher{margin-left:auto;flex-shrink:0}@media(max-width:600px){.footer-controls .switcher{margin-left:0;align-self:flex-end}}.footer-note{font-family:DM Mono,monospace;font-size:.58rem;letter-spacing:.06em;color:#505048;transition:color var(--t)}body.mode-robot .footer-note{color:var(--robot-fg)}:focus-visible{outline:3px solid var(--human-fg);outline-offset:3px}body.mode-robot :focus-visible{outline-color:var(--robot-bright)}.skip-link{position:absolute;top:-100%;left:0;padding:.5rem 1rem;background:var(--human-fg);color:var(--human-bg);font-size:.875rem;z-index:10000;text-decoration:none;transition:top var(--t)}.skip-link:focus{top:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}