@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap";*{box-sizing:border-box;margin:0;padding:0}a{color:#ccc;text-decoration:none;transition:color .15s}a:hover,a:active{color:#fff;text-decoration:none}::selection{color:#000;background:#0f0}html,body{height:auto}body{color:#ccc;background:#0c0c0c;padding:3rem 2rem;font-family:IBM Plex Mono,Courier New,monospace;position:relative}main{z-index:1;max-width:100%;position:relative}h1{color:#eee;letter-spacing:.02em;margin-bottom:1rem;font-size:1rem;font-weight:400}.name-glitch{cursor:default;display:inline-block;position:relative}.name-glitch:before{content:attr(data-text);color:#0f0;opacity:0;position:absolute;top:0;left:0}.name-glitch:after{content:"or simply call;";color:#555;opacity:0;white-space:nowrap;font-size:.6rem;position:absolute;top:-1.2em;left:0}.name-glitch:hover{color:#0000}.name-glitch:hover:before{opacity:1;animation:.5s step-end infinite glitch-loop}.name-glitch:hover:after{opacity:1}@keyframes glitch-loop{0%{clip-path:inset(0);transform:translate(0)}10%{clip-path:inset(5% 0 85%);transform:translate(-2px,1px)}20%{clip-path:inset(0);transform:translate(2px,-1px)}30%{clip-path:inset(85% 0 5%);transform:translate(-1px,-1px)}40%{clip-path:inset(0);transform:translate(1px,1px)}50%{clip-path:inset(0);transform:translate(0)}60%{clip-path:inset(45% 0);transform:translate(-1px,2px)}70%{clip-path:inset(0);transform:translate(1px,-2px)}80%{clip-path:inset(0);transform:translate(0)}90%{clip-path:inset(0);transform:translate(2px)}to{clip-path:inset(0);transform:translate(0)}}.bio{color:#ccc;font-size:.85rem;line-height:1.7}a.bio-link,a.bio-link:link,a.bio-link:visited{color:#ccc;text-decoration:none;transition:color .15s;position:relative}a.bio-link:hover,a.bio-link:active{color:#fff;text-decoration:none}.hover-img{object-fit:contain;pointer-events:none;opacity:0;visibility:hidden;z-index:9999;width:200px;height:auto;max-height:200px;transition:opacity .15s,visibility .15s;position:fixed;top:0;left:0}.hover-img.show{opacity:1;visibility:visible}section{margin-top:2rem}h2{color:#555;text-transform:lowercase;margin-bottom:.6rem;font-size:.75rem;font-weight:400}.links{flex-direction:column;gap:.2rem;display:flex}.item{flex-direction:column;display:flex}.item-header{align-items:center;gap:.5rem;display:flex}.item-header a{color:#aaa;font-size:.85rem;text-decoration:none;transition:color .15s}.item-header a:hover{color:#fff}.item-link{color:#555;font-size:.7rem}.item-link:hover{color:#0f0}.toggle{color:#555;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-family:inherit;font-size:.75rem;transition:color .15s}.toggle:hover,.toggle.active{color:#0f0}.item-desc{color:#888;max-width:50ch;padding:.4rem 0 .6rem 2.2rem;font-size:.8rem;line-height:1.6;display:none}.item-desc.show{display:block}.desc-link{color:#555;font-size:.75rem}.desc-link:hover{color:#0f0}.item-header:not(:has(.toggle)) a:before{content:"> ";color:#444;transition:color .15s}.item-header:not(:has(.toggle)) a:hover:before{color:#0f0}.noise{opacity:.025;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}@media (width<=600px){body{padding:2rem 1.5rem}}
