:root{color-scheme:dark;--space:#23172a;--ink:#f4f0da;--muted:#c5b4c8;--alien:#c3d3a4;--line:#68516e;--display:'Space Grotesk',sans-serif;--body:'Manrope',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100svh;background:var(--space);color:var(--ink);font-family:var(--body);font-size:1rem;-webkit-font-smoothing:antialiased}a{color:inherit}::selection{background:var(--alien);color:var(--space)}.wrap{width:calc(100% - 112px);max-width:1328px;margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:16px;z-index:20;padding:12px 20px;background:var(--alien);color:var(--space);transform:translateY(-200%)}.skip-link:focus{transform:none}a:focus-visible{outline:3px solid var(--alien);outline-offset:6px}
.hero{position:relative;height:41.66vw;min-height:0;max-height:none;isolation:isolate;overflow:hidden}.universe{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,var(--space),transparent 24%)}
.connections{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:56px}.social-link{position:relative;display:block;min-width:0;text-decoration:none;padding:30px 28px 32px;isolation:isolate;overflow:hidden;transition:background .25s,color .25s}.social-link:first-child{padding-left:0}.social-link:last-child{padding-right:0}.social-link+.social-link{border-left:1px solid var(--line)}.link-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.platform-icon{height:27px;width:27px}.x-icon{height:24px;width:24px}.link-arrow{width:22px;height:22px;color:var(--muted);transition:transform .25s,color .25s}h2{font-family:var(--display);font-size:clamp(1.35rem,2vw,1.75rem);font-weight:500;letter-spacing:-.05em;margin:0 0 8px;line-height:1.3}.handle{font-size:.875rem;color:var(--muted);transition:color .25s}.link-orbit{position:absolute;bottom:0;height:3px;background:var(--alien);left:0;width:100%;transform:scaleX(0);transform-origin:left;transition:transform .3s}.social-link:hover,.social-link:focus-visible{background:#49334f52}.social-link:hover .link-arrow,.social-link:focus-visible .link-arrow{transform:translate(3px,-3px);color:var(--alien)}.social-link:hover .link-orbit,.social-link:focus-visible .link-orbit{transform:scaleX(1)}.social-link:hover .handle{color:var(--ink)}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.social-link{padding-inline:22px}.link-top{margin-bottom:30px}}
@media(max-width:640px){.wrap{width:calc(100% - 40px)}.hero{height:clamp(260px,82vw,400px);min-height:0;max-height:none}.universe{object-position:12% center}.connections{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:32px}.social-link,.social-link:first-child,.social-link:last-child{padding:23px 18px 24px}.social-link:nth-child(odd){padding-left:0;border-left:0}.social-link:nth-child(even){padding-right:0}.social-link:nth-child(n+3){border-top:1px solid var(--line)}.link-top{margin-bottom:25px}.platform-icon{width:25px;height:25px}.link-arrow{width:19px;height:19px}h2{font-size:1.5rem;margin-bottom:6px}.handle{font-size:.875rem}}
@media(max-width:360px){h2{font-size:1.35rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(forced-colors:active){.social-link{border:1px solid LinkText}.hero-shade{background:Canvas}}

/* Quiet digital rain fills the space beneath the social links. */
main{display:flex;flex-direction:column;min-height:100svh}
.hero,.connections{flex-shrink:0}
.connections{margin-bottom:0;position:relative;z-index:1}
.code-flow{position:relative;flex:1;min-height:clamp(420px,48vh,680px);overflow:hidden;isolation:isolate;touch-action:pan-y}
.code-flow canvas{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.9;mask-image:linear-gradient(to bottom,transparent,#000 18px,#000 78%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 18px,#000 78%,transparent)}
.ascii-planet{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);margin:0;width:max-content;color:var(--alien);font:500 clamp(10px,2.1vw,16px)/1.1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-variant-ligatures:none;white-space:pre;direction:ltr;text-shadow:0 0 6px var(--space),0 1px 2px var(--space);pointer-events:none;user-select:none}
.site-signature{position:absolute;right:clamp(20px,3vw,40px);bottom:20px;color:var(--muted);font:400 18px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em;text-decoration:none}
.site-signature:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
@media(max-width:640px){.code-flow{min-height:420px}}
@media(forced-colors:active){.code-flow{min-height:80px}.code-flow canvas,.ascii-planet{display:none}.site-signature{color:LinkText}}