@font-face{font-family:Big Shoulders Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/big-shoulders-vietnamese-wght-normal-Cu-DDijC.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Big Shoulders Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/big-shoulders-latin-ext-wght-normal-C7duU6kR.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Big Shoulders Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/big-shoulders-latin-wght-normal-D2Rs5vCJ.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-vietnamese-wght-normal-XAtsl5Q_.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-ext-wght-normal-C4zznr8T.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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;src:url(/assets/archivo-latin-wght-normal-E0tuGl4L.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{color-scheme:dark;--ink: #0b0c0f;--ink-2: #14161b;--line: #262a32;--paper: #ece8e1;--muted: #8d919a;--dim: #555a64;--accent: #72d1fe;--display: "Big Shoulders Variable", "Arial Narrow", sans-serif;--body: "Archivo Variable", system-ui, sans-serif;--mono: "JetBrains Mono Variable", ui-monospace, monospace;--gutter: clamp(16px, 4vw, 56px);--skew: -18deg;--slice: 22px;--ease-out: cubic-bezier(.16, 1, .3, 1);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{background:var(--ink);-webkit-text-size-adjust:100%}body{min-height:100svh;background:var(--ink);color:var(--paper);font-family:var(--body);font-size:16px;line-height:1.55}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}::-moz-selection{background:var(--accent);color:var(--ink)}::selection{background:var(--accent);color:var(--ink)}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skip{position:absolute;left:var(--gutter);top:-100px;z-index:60;padding:10px 14px;background:var(--paper);color:var(--ink);font-weight:700}.skip:focus{top:12px}.page{position:relative;max-width:1480px;margin:0 auto;padding:0 var(--gutter) max(24px,env(safe-area-inset-bottom));padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right))}.hero{padding-top:max(clamp(16px,2.4vw,32px),env(safe-area-inset-top))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.role{font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.topnav{display:flex;align-items:center;gap:6px}.navlink{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;font-weight:600;font-size:14px;color:var(--paper);transition:color .2s}.navlink:hover{color:var(--accent)}.discord{display:inline-flex;align-items:baseline;gap:8px;min-height:44px;padding:0 12px;align-items:center;border:0;background:none;color:var(--paper);font:inherit;font-size:14px;cursor:pointer}.discord-label{color:var(--muted);font-weight:600}.discord code{font-family:var(--mono);font-size:14px;color:var(--accent);transition:color .4s}.discord-hint{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);min-width:6ch;text-align:left}.discord:hover .discord-hint{color:var(--paper)}.wordmark{position:relative;margin:clamp(10px,1.6vw,22px) 0 0;font-family:var(--display);font-weight:900;font-size:clamp(72px,25.5vw,340px);line-height:.78;letter-spacing:-.01em;text-transform:uppercase;width:-moz-max-content;width:max-content;max-width:100%}.wm{display:block;padding-top:.04em}.wm-top{clip-path:polygon(0 0,100% 0,100% 41%,0 63%);animation:wm-in .9s var(--ease-out) both}.wm-bottom{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(0 63%,100% 41%,100% 100%,0 100%);color:var(--paper);animation:wm-in .9s var(--ease-out) .08s both,wm-shift .7s var(--ease-out) .75s both}.wm-cut{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.wm-cut line{stroke:var(--accent);stroke-width:3px;transform-origin:0 0;transition:stroke .4s;animation:cut .5s var(--ease-out) .55s both}@keyframes wm-in{0%{transform:translateY(.35em);opacity:0}to{transform:none;opacity:1}}@keyframes wm-shift{0%{translate:0 0}to{translate:.045em .012em}}@keyframes cut{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.lede{max-width:40ch;margin-top:clamp(14px,2.4vw,26px);font-size:clamp(20px,2.3vw,26px);font-weight:600;letter-spacing:-.01em;line-height:1.45;color:var(--paper);text-wrap:pretty;animation:fade-up .7s var(--ease-out) .35s both}@keyframes fade-up{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}.work{margin-top:clamp(20px,3vw,36px);scroll-margin-top:12px}.work-head{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin:0 calc(var(--gutter) * -1);padding:10px var(--gutter);background:var(--ink);border-bottom:1px solid var(--line)}.work-title{font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:.1em;text-transform:uppercase;margin-right:auto}.hint{font-size:12px;color:var(--dim);letter-spacing:.06em}.filters{display:flex;gap:2px}.chip{position:relative;display:inline-flex;align-items:center;gap:3px;min-height:40px;padding:0 16px;border:0;background:none;color:var(--muted);font:inherit;font-family:var(--display);font-weight:700;font-size:17px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;isolation:isolate;transition:color .2s}.chip:before{content:"";position:absolute;top:6px;right:4px;bottom:6px;left:4px;z-index:-1;transform:skew(var(--skew));border:1px solid var(--line);background:var(--ink-2);transition:background-color .2s,border-color .2s}.chip sup{font-size:10px;top:-.6em;color:var(--dim);font-family:var(--mono);letter-spacing:0}.chip:hover{color:var(--paper)}.chip[aria-pressed=true]{color:var(--ink)}.chip[aria-pressed=true]:before{background:var(--accent);border-color:var(--accent)}.chip[aria-pressed=true] sup{color:var(--ink)}.badge{display:inline-block;padding:3px 10px;font-family:var(--display);font-weight:800;font-size:13px;letter-spacing:.14em;color:var(--ink);background:var(--accent);clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%)}.tags{display:flex;flex-wrap:wrap;gap:4px 14px;list-style:none}.tags li{font-size:13px;font-weight:600;color:var(--muted)}.tags li:before{content:"/ ";color:var(--accent)}.tech{display:flex;flex-wrap:wrap;gap:6px;list-style:none}.tech li{font-family:var(--mono);font-size:12px;padding:4px 9px;border:1px solid var(--line);color:var(--paper)}.actions{display:flex;flex-wrap:wrap;gap:4px}.btn{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 22px;font-family:var(--display);font-weight:800;font-size:18px;letter-spacing:.08em;text-transform:uppercase;color:var(--paper);isolation:isolate;transition:color .2s}.btn:before{content:"";position:absolute;top:0;right:6px;bottom:0;left:6px;z-index:-1;transform:skew(var(--skew));border:1px solid var(--line);transition:background-color .2s,border-color .2s,transform .25s var(--ease-out)}.btn:hover:before{border-color:var(--accent)}.btn-primary{color:var(--ink)}.btn-primary:before{background:var(--accent);border-color:var(--accent)}.btn-primary:hover:before{transform:skew(var(--skew)) scaleX(1.05)}.frame{position:relative;display:block;overflow:hidden;background:var(--ink-2);clip-path:polygon(var(--slice) 0,100% 0,calc(100% - var(--slice)) 100%,0 100%)}.media{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:left top;object-position:left top}.cycle{position:relative;overflow:hidden}.cycle-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transform:scale(1);transition:opacity 1.1s ease-in-out,transform 1.1s linear}.cycle-img[data-on]{opacity:1;transform:scale(1.04);transition:opacity 1.1s ease-in-out,transform 6.1s linear}.cycle-ticks{position:absolute;right:calc(var(--slice) + 16px);bottom:14px;z-index:1;display:flex;gap:5px}.cycle-ticks i{width:18px;height:3px;background:#ffffff4d;transition:background .5s}.cycle-ticks i[data-on]{background:var(--accent)}.placeholder{display:grid;place-items:center;overflow:hidden;background:repeating-linear-gradient(-72deg,transparent 0 22px,color-mix(in srgb,var(--accent) 14%,transparent) 22px 24px),linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,var(--ink-2)),var(--ink-2) 70%)}.wipe{position:absolute;top:-2px;right:-30%;bottom:-2px;left:-30%;z-index:2;background:var(--accent);transform:translate(-110%) skew(var(--skew));pointer-events:none}.split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(28px,4vw,72px);align-items:start;padding-top:36px}.index{list-style:none;counter-reset:row}.index li{animation:fade-up .45s var(--ease-out) calc(var(--i) * 40ms) both}.row{position:relative;display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:14px;width:100%;padding:6px 18px 6px 12px;border:0;background:none;font:inherit;text-align:left;cursor:pointer;isolation:isolate;color:var(--dim);transition:color .18s}.row:before{content:"";position:absolute;top:3px;right:0;bottom:3px;left:0;z-index:-1;background:var(--accent);transform:skew(var(--skew)) scaleX(0);transform-origin:left center;transition:transform .32s var(--ease-out)}.row:hover,.row:focus-visible{color:var(--paper)}.row[data-active]{color:var(--ink)}.row[data-active]:before{transform:skew(var(--skew)) scaleX(1)}.row:focus-visible{outline-offset:-2px}.row-badge{font-family:var(--display);font-weight:800;font-size:13px;letter-spacing:.14em;color:var(--accent);transition:color .18s}.row[data-active] .row-badge{color:var(--ink)}.row-title{font-family:var(--display);font-weight:800;font-size:clamp(34px,3.7vw,58px);line-height:1;letter-spacing:.005em;text-transform:uppercase;white-space:nowrap;transition:transform .32s var(--ease-out)}.row[data-active] .row-title{transform:translate(10px)}.row-arrow{font-size:26px;opacity:0;transform:translate(-8px,8px);transition:opacity .2s,transform .32s var(--ease-out)}.row[data-active] .row-arrow{opacity:1;transform:none}.stage{position:sticky;top:84px;container-type:inline-size}.stage .frame{height:min(52svh,56.25cqw);animation:frame-in .5s var(--ease-out) both}.stage .placeholder{display:grid;place-items:center;overflow:hidden;background:repeating-linear-gradient(-72deg,transparent 0 22px,color-mix(in srgb,var(--accent) 14%,transparent) 22px 24px),linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,var(--ink-2)),var(--ink-2) 70%)}.wipe{animation:wipe .62s cubic-bezier(.7,0,.3,1) both}.stage .media{animation:media-in .5s ease-out .22s both}@keyframes wipe{0%{transform:translate(-110%) skew(var(--skew))}to{transform:translate(110%) skew(var(--skew))}}@keyframes media-in{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}@keyframes frame-in{0%{transform:translate(-6px)}to{transform:none}}.stage-bodies{display:grid}.stage-body{grid-area:1 / 1;padding:22px 0 0 var(--slice);max-width:62ch}.stage-body.ghost{visibility:hidden;pointer-events:none}.stage-body.ghost .rise{animation:none}.stage-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px}.stage-desc{margin-top:14px;font-size:20px;line-height:1.4;font-weight:500;text-wrap:pretty}.stage-long{margin-top:10px;font-size:15px;color:var(--muted);text-wrap:pretty}.stage-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}.rise{animation:fade-up .45s var(--ease-out) calc(.12s + var(--d) * .05s) both}.cards{list-style:none;display:grid;gap:44px;padding-top:28px}@media (min-width: 640px){.cards{grid-template-columns:1fr 1fr;gap:48px 28px}}.card{--slice: 16px}.card .frame{aspect-ratio:16 / 10}.card-badge{position:absolute;left:calc(var(--slice) + 6px);bottom:10px;z-index:3}.card-body{padding:16px 4px 0;display:grid;gap:12px;justify-items:start}.card-title{font-family:var(--display);font-weight:800;font-size:clamp(40px,11vw,52px);line-height:.95;text-transform:uppercase}.card-desc{font-size:17px;line-height:1.45;text-wrap:pretty}.more{width:100%;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.more summary{display:flex;align-items:center;justify-content:space-between;min-height:46px;font-weight:600;font-size:15px;color:var(--muted);cursor:pointer;list-style:none}.more summary::-webkit-details-marker{display:none}.more summary:after{content:"+";font-size:22px;color:var(--accent);transition:transform .2s}.more[open] summary:after{transform:rotate(45deg)}.more p{color:var(--muted);font-size:15px;margin-bottom:12px}.more .tech{margin-bottom:14px}.card:not(.is-in) .frame,.card:not(.is-in) .card-body{opacity:0;transform:translateY(18px)}.card .frame,.card .card-body{transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.card .card-body{transition-delay:.12s}.card.is-in .placeholder{display:grid;place-items:center;overflow:hidden;background:repeating-linear-gradient(-72deg,transparent 0 22px,color-mix(in srgb,var(--accent) 14%,transparent) 22px 24px),linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,var(--ink-2)),var(--ink-2) 70%)}.placeholder span{font-family:var(--display);font-weight:900;font-size:clamp(56px,14cqw,150px);line-height:.9;text-transform:uppercase;text-align:center;padding:0 8%;color:transparent;-webkit-text-stroke:2px var(--accent)}.card .frame{container-type:inline-size}.stage .placeholder span{font-size:12cqw}.wipe{animation:wipe .7s cubic-bezier(.7,0,.3,1) .05s both}.cards{animation:fade-up .35s var(--ease-out) both}.foot{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:clamp(64px,10vw,140px);padding-top:18px;border-top:1px solid var(--line)}.foot-mark{margin-right:auto;font-family:var(--display);font-weight:900;font-size:28px;text-transform:uppercase;letter-spacing:.02em}@media (max-width: 520px){.topnav{gap:0;margin-right:-8px}.topbar .discord-hint{display:none}.topbar .navlink,.topbar .discord{font-size:13px}.role{font-size:12px;letter-spacing:.12em}.navlink,.discord{padding:0 8px}.work-title{display:none}.filters{width:100%;justify-content:space-between}.chip{flex:1;justify-content:center;padding:0 6px}.foot{justify-content:space-between}.foot-mark{width:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important}.card:not(.is-in) .frame,.card:not(.is-in) .card-body{opacity:1;transform:none}}