@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ground:#efefef;--ink:#111;--muted:#5f5f5f;--pill-h:36px;--panel-w:300px;--ease:cubic-bezier(.32, 1.2, .5, 1)}*{box-sizing:border-box;margin:0}html{overscroll-behavior:none;background:var(--ground);height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Archivo Variable,Helvetica,Arial,sans-serif}body{overscroll-behavior:none;height:100%}body.has-drum{overflow:hidden}#drum{touch-action:none;width:100%;height:100dvh;display:none;position:fixed;inset:0}.has-drum #drum{display:block}.has-drum .list{display:none}.edge{z-index:1;pointer-events:none;height:13vh;display:none;position:fixed;left:0;right:0}.has-drum .edge{display:block}.edge-top{--to:to top;top:0}.edge-bottom{--to:to bottom;bottom:0}.edge i{-webkit-backdrop-filter:blur(var(--b));backdrop-filter:blur(var(--b));-webkit-mask-image:linear-gradient(var(--to), transparent var(--from), #000 100%);-webkit-mask-image:linear-gradient(var(--to), transparent var(--from), #000 100%);mask-image:linear-gradient(var(--to), transparent var(--from), #000 100%);position:absolute;inset:0}.edge i:first-child{--b:1.5px;--from:0%}.edge i:nth-child(2){--b:4px;--from:30%}.edge i:nth-child(3){--b:9px;--from:55%}.edge i:nth-child(4){--b:18px;--from:78%}.pill{z-index:2;width:var(--closed-w,150px);height:var(--pill-h);-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);transition:width .42s var(--ease), height .42s var(--ease), border-radius .42s ease;background:#fafafaa8;border-radius:18px;position:fixed;top:43vh;left:22.6vw;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000d,0 6px 24px #00000012}.pill-project{top:calc(43vh + var(--pill-h) + 8px);display:none}.has-drum .pill-project{display:block}.pill.open{z-index:3;width:min(var(--panel-w), calc(100vw - 32px));height:var(--open-h,200px);border-radius:20px}.pill-label{height:var(--pill-h);color:inherit;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0 15px;font-size:12px;transition:opacity .2s,filter .2s;position:absolute;top:0;left:0}.pill-label h1{letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:500;font-stretch:125%}.pill-label span{transition:opacity .14s,filter .14s;display:block}.pill.swapping .pill-label span{opacity:0;filter:blur(4px)}.pill.open .pill-label{opacity:0;filter:blur(6px);pointer-events:none}.pill-panel{width:min(var(--panel-w), calc(100vw - 32px));opacity:0;filter:blur(8px);transform-origin:0 0;visibility:hidden;padding:16px 18px 18px;font-size:13px;line-height:1.4;transition:opacity .18s,filter .18s,transform .25s,visibility 0s linear .18s;position:absolute;top:0;left:0;transform:scale(.97)}.pill.open .pill-panel{opacity:1;filter:none;visibility:visible;transition:opacity .28s ease 80ms, filter .28s ease 80ms, transform .38s var(--ease) 40ms, visibility 0s;transform:none}.pill-panel h2{margin-right:28px;font-size:14px;font-weight:500}.pill-panel p{margin-top:10px}.pill-panel .pill-sub{color:var(--muted);margin-top:2px}.pill-close{width:28px;height:28px;color:inherit;font:inherit;cursor:pointer;background:#0000000f;border:0;border-radius:50%;font-size:16px;line-height:1;position:absolute;top:8px;right:8px}.pill-links{gap:14px;margin-top:12px;display:flex}.pill-links a{color:inherit;text-underline-offset:3px}.pill-links a[hidden]{display:none}.pill-links:has(a[hidden]){display:none}.pill :focus-visible{outline:2px solid var(--ink);outline-offset:-3px}.list{gap:32px;width:min(320px,80vw);margin:0 auto;padding:96px 0;display:grid}.list img{border-radius:8px;width:100%;display:block}.list a{color:inherit;text-decoration:none}.list p{margin-top:8px;font-size:11px}@media (height<=500px) and (orientation:landscape){.pill{left:max(16px, env(safe-area-inset-left));top:16px}.pill-project{top:calc(16px + var(--pill-h) + 8px)}.pill.open{max-height:calc(100dvh - 32px);overflow-y:auto}}.pill{transition-property:width,height,border-radius,opacity}.pill-open .pill:not(.open){opacity:0;pointer-events:none}@media (aspect-ratio<=9/10){.pill{top:auto;bottom:max(16px, env(safe-area-inset-bottom));left:16px}.pill-project{top:auto;left:auto;right:16px}.pill-label,.pill-panel{top:auto;bottom:0}.pill-panel{transform-origin:0 100%}.pill-project .pill-label,.pill-project .pill-panel{left:auto;right:0}.pill-project .pill-panel{transform-origin:100% 100%}.pill.open{max-height:calc(100dvh - 32px)}}