:root{--color-accented: #ccc;--color-muted: #888;--color-background: #111;--frontier-size: clamp(24svmin, 360px, 48svmin);--structure-thickness: 2px;--perimeter-duration: 32s;--edge-connectivity: 1;--node-density: .0002;--node-excitation: 2;--node-radius: 4;--node-speed: .5;--guardian-size: calc(.075 * var(--frontier-size));--perimeter-size: calc((var(--frontier-size) - var(--guardian-size)) / sqrt(2));--boundary-size: calc(var(--perimeter-size) - 4 * var(--structure-thickness));--guardian-position: calc(-.5 * var(--guardian-size) + .5 * var(--structure-thickness))}@media (prefers-color-scheme: light){:root{--color-accented: #111;--color-muted: #555;--color-background: #ccc}}@font-face{font-family:Inter Variable;font-display:block;font-weight:100 900;src:url(/inter.woff2) format("woff2"),url(/inter.woff) format("woff")}*{margin:0;border:0;padding:0;box-sizing:border-box;color:inherit;font:inherit;line-height:1.1;-webkit-user-select:none;user-select:none}html{color:var(--color-accented);font-family:Inter Variable,sans-serif;font-size:clamp(1rem,2vmin,2rem)}body{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;background:var(--color-background)}@media screen and (orientation: portrait){body{flex-direction:column-reverse}}#hero{display:flex;flex-direction:column;width:fit-content;height:fit-content;padding:2rem}#name{font-size:2rem}#job{color:var(--color-muted);margin-top:.5rem;margin-bottom:2rem}#art{position:relative;width:var(--frontier-size);height:var(--frontier-size)}#boundary,#frontier{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;border:var(--structure-thickness) solid var(--color-muted)}#boundary{width:var(--boundary-size);height:var(--boundary-size);border-radius:50%}#field{width:100%;height:100%}#frontier{width:var(--perimeter-size);height:var(--perimeter-size);animation:spin var(--perimeter-duration) linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.guardian{position:absolute;width:var(--guardian-size);height:var(--guardian-size);border:var(--structure-thickness) solid var(--color-muted);border-radius:50%;background-color:var(--color-background)}.guardian:nth-child(4n+1){left:var(--guardian-position);top:var(--guardian-position)}.guardian:nth-child(4n+2){right:var(--guardian-position);top:var(--guardian-position)}.guardian:nth-child(4n+3){right:var(--guardian-position);bottom:var(--guardian-position)}.guardian:nth-child(4n){left:var(--guardian-position);bottom:var(--guardian-position)}