@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";.ibm-plex-mono-thin{font-family:IBM Plex Mono,monospace;font-weight:100;font-style:normal}.ibm-plex-mono-extralight{font-family:IBM Plex Mono,monospace;font-weight:200;font-style:normal}.ibm-plex-mono-light{font-family:IBM Plex Mono,monospace;font-weight:300;font-style:normal}.ibm-plex-mono-regular{font-family:IBM Plex Mono,monospace;font-weight:400;font-style:normal}.ibm-plex-mono-medium{font-family:IBM Plex Mono,monospace;font-weight:500;font-style:normal}.ibm-plex-mono-semibold{font-family:IBM Plex Mono,monospace;font-weight:600;font-style:normal}.ibm-plex-mono-bold{font-family:IBM Plex Mono,monospace;font-weight:700;font-style:normal}.ibm-plex-mono-thin-italic{font-family:IBM Plex Mono,monospace;font-weight:100;font-style:italic}.ibm-plex-mono-extralight-italic{font-family:IBM Plex Mono,monospace;font-weight:200;font-style:italic}.ibm-plex-mono-light-italic{font-family:IBM Plex Mono,monospace;font-weight:300;font-style:italic}.ibm-plex-mono-regular-italic{font-family:IBM Plex Mono,monospace;font-weight:400;font-style:italic}.ibm-plex-mono-medium-italic{font-family:IBM Plex Mono,monospace;font-weight:500;font-style:italic}.ibm-plex-mono-semibold-italic{font-family:IBM Plex Mono,monospace;font-weight:600;font-style:italic}.ibm-plex-mono-bold-italic{font-family:IBM Plex Mono,monospace;font-weight:700;font-style:italic}:root{--color01: #393e41;--color02: #d3d0cb;--color03: #ff0959;--color04: #587b7f;--color05: #090059;--color-accent: var(--color03);--color-background: #ffffff;--color-text: var(--color05);--font-family: "IBM Plex Mono", serif;--heading-font-size: clamp(20px, 2.5vw , 48px);--horizontal-margin: 4vw;--vertical-margin: clamp(10px, var(--horizontal-margin), 10vh);--social-direction: row;--social-gap: 10px;--title-display: inline-block;--title-size: 16px}@media(max-width:600px){:root{--horizontal-margin: 8vw;--title-display: block;--social-gap: 8px;--title-size: 14px}}@property --pct{syntax: "<percentage>"; inherits: true; initial-value: 0%;}@keyframes grow{0%{--pct: 0%}to{--pct: 100%}}*{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;font-family:var(--font-family);color:var(--color-text)}h1{margin:0;padding:0}nav h1{font-size:var(--title-size);font-weight:600;text-transform:uppercase}nav h1 span{display:var(--title-display)}nav{display:flex;justify-content:space-between}.social-links{display:flex;list-style:none;flex-direction:var(--social-direction);margin:0;padding:0;gap:var(--social-gap)}.social-links svg{height:1.2rem;width:auto}@media(max-width:600px){.social-links{display:grid;grid-template-columns:1fr 1fr;grid-row-gap:0}}.content-wrapper{width:calc(100vw - 2 * var(--horizontal-margin));max-width:900px;margin:var(--vertical-margin) auto 0;font-size:14px;line-height:1.5}.sr-only{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}a{color:var(--color05);text-decoration:dotted underline;transition:all .2s ease;background:linear-gradient(to top,var(--color03) var(--pct),transparent 0%)}a:not(.icon-link):hover{color:var(--color-background);text-decoration:none;animation:grow .2s ease forwards;background:linear-gradient(to top,var(--color03) var(--pct),transparent 0%)}a.icon-link:hover{color:var(--color03)}ul.work{list-style:none;margin:0;padding:0}ul.work li{margin:0;padding:0}canvas{z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}@media(max-width:600px){canvas{top:unset;bottom:0;height:50vh}}