@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/bricolage-latin-ext-B82pxkPf.woff2) format("woff2");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:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/bricolage-latin-C23fTOVi.woff2) format("woff2");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:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/plex-mono-latin-ext-C05TWSE2.woff2) format("woff2");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:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/plex-mono-latin-BJoXLJYV.woff2) format("woff2");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}:root{--bg: #111111;--ink: #f4f4f4;--dim: #8a8a8a;--faint: #5f5f5f;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--cursor: url(/cursor-css.svg) 1 1;--card-w: min(380px, calc((100dvh - 400px)*.8) , calc((100vw - 96px)/2) )}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Bricolage Grotesque,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;cursor:var(--cursor),auto;-webkit-tap-highlight-color:transparent}a,a *{cursor:var(--cursor),pointer}main{box-sizing:border-box;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:clamp(28px,6vh,64px) 20px 24px;gap:clamp(24px,4.5vh,44px)}.top{text-align:center}h1{margin:0;font-weight:800;font-size:clamp(64px,10vw,124px);letter-spacing:-.045em;line-height:.9}.tag{margin:14px 0 0;font:400 13px/1.4 var(--mono);color:var(--dim);letter-spacing:.02em}.packs{display:grid;grid-template-columns:repeat(2,var(--card-w));gap:clamp(24px,3.4vw,48px)}.card{display:flex;flex-direction:column;color:inherit;text-decoration:none;border-radius:28px;outline:none;transition:transform .3s cubic-bezier(.2,.8,.2,1);animation:rise .6s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--i) * 80ms + 60ms)}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}.media{position:relative;aspect-ratio:4 / 5;border-radius:24px;overflow:hidden;background:#1b1b1b;isolation:isolate}.media video,.media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.frame{position:relative}.badge{position:absolute;top:-11px;right:-11px;box-sizing:border-box;width:36px;height:36px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:9px;background:var(--bg);color:var(--ink);font:600 16px/1 Bricolage Grotesque,system-ui,sans-serif;transition:background-color .25s,color .25s}.card h2{margin:18px 0 0;font-weight:800;font-size:28px;letter-spacing:-.025em;line-height:1}.modes{margin:8px 0 0;font:400 13px/1.4 var(--mono);color:var(--dim)}.line{display:block;height:2px;margin-top:14px;background:var(--ink);transform:scaleX(0);transform-origin:left center;transition:transform .35s cubic-bezier(.2,.8,.2,1)}@media(hover:hover){.card:hover{transform:translateY(-6px)}.card:hover .media video,.card:hover .media img{transform:scale(1.02)}.card:hover .line{transform:scaleX(1)}.card:hover .badge{background:var(--ink);color:var(--bg)}}.card:focus-visible .media{outline:2px solid var(--ink);outline-offset:5px}.card:focus-visible .line{transform:scaleX(1)}footer{margin-top:auto;font:400 12px/1.4 var(--mono);color:var(--faint);letter-spacing:.02em;text-align:center}.fx{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}@media(max-width:720px){.packs{width:100%;max-width:420px;grid-template-columns:minmax(0,1fr);gap:40px}main{padding-top:40px}.badge{top:-9px;right:-7px}}@media(prefers-reduced-motion:reduce){.card{animation:none;transition:none}.media video,.media img,.line{transition:none}}body{position:relative}.profile{--d: 40px;position:absolute;z-index:3;left:clamp(16px,3vw,40px);bottom:calc(24px + 9px - var(--d) / 2)}.avatar{display:block;width:var(--d);height:var(--d);padding:0;border:0;border-radius:50%;background:#1b1b1b;box-shadow:0 0 0 1.5px #f4f4f459;position:relative;cursor:var(--cursor),pointer;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .2s}.avatar:after{content:"";position:absolute;inset:calc((var(--d) - 44px) / 2);border-radius:50%}.avatar picture,.avatar img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar[aria-expanded=true]{box-shadow:0 0 0 1.5px var(--ink)}.avatar:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--ink)}@media(hover:hover){.avatar:hover{transform:scale(1.06);box-shadow:0 0 0 1.5px var(--ink)}}.pop{position:absolute;bottom:calc(var(--d) + 8px);left:0;display:flex;padding:4px;border-radius:999px;background:var(--ink);color:var(--bg);animation:pop-in .18s cubic-bezier(.2,.8,.2,1)}.pop[hidden]{display:none}@keyframes pop-in{0%{opacity:0;transform:translateY(6px)}}.pop a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:inherit}.pop a svg{width:19px;height:19px}.pop a:focus-visible{outline:2px solid var(--bg);outline-offset:-4px}@media(hover:hover){.pop a:hover{background:#1111111f}}@media(max-width:480px){.profile{--d: 36px}}@media(prefers-reduced-motion:reduce){.avatar,.pop{transition:none;animation:none}}