:root{--paper:#f2f1ed;--ink:#0b0b0b;--muted:#55554f;--gutter:clamp(16px, 3.2vw, 44px);--display:"Archivo", "Helvetica Neue", Arial, sans-serif;--mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--display);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.45;overflow-x:hidden}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}h1,h2,p{margin:0}ul{margin:0;padding:0;list-style:none}.mono{font-family:var(--mono);font-size:13px}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.wrap{max-width:1280px;padding:0 var(--gutter);margin:0 auto}h2{letter-spacing:-.035em;font-weight:850;font-stretch:112%;line-height:.92}.muted{color:var(--muted)}.hero{flex-direction:column;gap:48px;min-height:100svh;padding:clamp(20px,3.7vw,48px) 0;display:flex}.hero-bar{justify-content:space-between;align-items:center;gap:16px;display:flex}.hero-bar img{image-rendering:pixelated;width:clamp(44px,4.3vw,56px);height:auto;display:block}.hero-bar nav{gap:clamp(16px,2.5vw,32px);font-size:15px;display:flex}.hero-bar nav a{padding:12px 0;text-decoration:none}.hero-bar nav a:hover{color:var(--muted)}.entry{flex-direction:column;gap:28px;margin-block:auto;display:flex}.headword{flex-wrap:wrap;align-items:baseline;gap:12px 28px;display:flex}.headword h1{letter-spacing:-.03em;font-size:clamp(110px,15.4vw,200px);font-weight:900;font-stretch:125%;line-height:.85}.headword p{color:var(--muted);font-size:clamp(17px,1.7vw,22px)}.entry ol{flex-direction:column;gap:10px;max-width:860px;margin:0;padding-left:36px;font-size:clamp(20px,2vw,26px);line-height:1.35;display:flex}.stage{position:relative;overflow:hidden}.stage canvas{touch-action:pan-y;display:block}.apps{outline-offset:6px;padding-bottom:clamp(40px,6vw,88px)}.carousel{-webkit-user-select:none;user-select:none;overscroll-behavior-x:contain;width:100vw;height:clamp(340px,46vw,78svh);margin-left:calc(50% - 50vw);-webkit-mask-image:linear-gradient(#0000,#000 8% 88%,#0000);mask-image:linear-gradient(#0000,#000 8% 88%,#0000)}.app-meta{justify-content:space-between;align-items:flex-start;gap:24px;margin-top:24px;display:flex}.app-meta>div:first-child{justify-items:start;gap:12px;display:grid}.app-meta h2{text-wrap:balance;font-size:clamp(32px,4vw,60px)}.app-meta h2 a,.socials a{text-decoration:none}.app-meta h2 a:hover{text-decoration:underline;text-decoration-thickness:3px}.app-meta p{max-width:26em;font-size:clamp(17px,1.4vw,20px)}.controls{flex-shrink:0;align-items:center;gap:12px;display:flex}.controls button{border:1px solid var(--ink);width:44px;height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;font-size:16px}.controls button:hover{background:var(--ink);color:var(--paper)}.maker{padding:clamp(40px, 6vw, 96px) 0 calc(clamp(40px, 6vw, 96px) + env(safe-area-inset-bottom))}.maker h2{letter-spacing:-.02em;font-size:clamp(26px,2.6vw,36px)}.maker p{margin-top:12px;font-size:clamp(17px,1.4vw,20px)}.socials{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.socials a{border:1px solid var(--ink);place-items:center;width:44px;height:44px;display:grid}.socials a:hover{background:var(--ink);color:var(--paper)}@media (width<=880px){.carousel{height:min(100vw,78svh)}.app-meta{flex-direction:column-reverse}}
