@font-face{font-family:Kokoro;src:url(/fonts/Kokoro-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Kokoro;src:url(/fonts/Kokoro-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/fonts/IBMPlexSans-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/fonts/IBMPlexSans-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/fonts/IBMPlexSans-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--color-text: #000;--color-heading: #000;--color-link: #0000ee;--color-link-visited: #551a8b;--color-bg: #fff;--font-body: "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-heading: "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--max-width: 660px;--left-padding: 4rem;--content-total-width: calc(var(--max-width) + var(--left-padding) + var(--left-padding));--dithering-mobile-height: 300px}*{box-sizing:border-box}html{font-size:16px}body{margin:0;padding:0;font-family:var(--font-body);line-height:22.5px;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{display:flex;min-height:100vh}#app>article{max-width:var(--max-width);padding:4rem 1rem 4rem 4rem;width:var(--max-width)}@media(max-width:788px){#app>article{min-height:calc(100vh - var(--dithering-mobile-height));min-height:calc(100svh - var(--dithering-mobile-height));padding:2rem 1rem;width:100%}}.dithering-background{flex:1;min-width:0;overflow:hidden}.dithering-inner{position:relative;width:2560px;height:100%}.dithering-content{position:relative}.dithering-mask{position:absolute;top:0;left:0;width:100px;height:100%;pointer-events:none;mix-blend-mode:screen}@media(max-width:788px){#app{flex-direction:column}.dithering-background{height:var(--dithering-mobile-height);flex:none}.dithering-mask{width:100%;height:100px}}h1{font-family:"Kokoro",var(--font-heading);font-size:40px;font-weight:400;color:var(--color-heading);margin:0 0 1.5rem;line-height:1.3}h2{font-family:"Kokoro",var(--font-heading);font-size:1rem;font-weight:600;color:var(--color-heading);margin:1.75rem 0 1rem;text-transform:uppercase;letter-spacing:.06em}.section-nav{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin:-.25rem 0 2.5rem}.section-nav a{border-bottom:1px solid transparent;color:var(--color-link);font-family:"Kokoro",var(--font-heading);font-size:1.125rem;font-weight:600;letter-spacing:0;line-height:1.3}.section-nav a:visited{color:var(--color-link)}.section-nav a:hover,.section-nav a:focus-visible{border-bottom-color:currentColor;text-decoration:none}.section-nav a[aria-current=page]{border-bottom-color:currentColor}@media(max-width:788px){.section-nav{column-gap:.75rem}}p{margin:0 0 1rem}.experiment{margin-bottom:1.5rem}.experiment-title{font-family:"Kokoro",var(--font-heading);font-size:1rem;font-weight:700;letter-spacing:0;line-height:1}.foot-link:before{content:"↗ ";font-family:Kokoro;padding-left:2px}a{color:var(--color-link);text-decoration:none}a:visited{color:var(--color-link-visited)}a:hover{text-decoration:underline}.social-links{display:flex;gap:1.5rem;margin-top:.5rem}.social-links a{font-family:var(--font-heading);font-size:.9rem}