:root{--bg:#0b0b0c;--bg2:#131315;--fg:#f2f0eb;--fg2:#9c9a94;--dim:#6a6864;--line:#f2f0eb24;--line2:#f2f0eb52;--hot:#f2f0eb;--sans:"Inter Tight", Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--wrap:1320px;--pad:clamp(20px, 4.2vw, 64px);--ease:cubic-bezier(.16, 1, .3, 1)}:root[data-theme=light]{--bg:#f0eee9;--bg2:#e4e1da;--fg:#111112;--fg2:#4b4945;--dim:#85827c;--line:#11111229;--line2:#11111257;--hot:#111112}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.55;transition:background .45s,color .45s;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}img{max-width:100%;display:block}::selection{background:var(--fg);color:var(--bg)}.wrap{width:100%;max-width:var(--wrap);padding:0 var(--pad);margin:0 auto}.mono{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-size:11.5px}.nav{z-index:50;padding:18px var(--pad);mix-blend-mode:difference;color:#fff;justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;top:0;bottom:auto;left:0;right:0}.nav a,.nav button{color:#fff}.navname{letter-spacing:-.01em;white-space:nowrap;font-size:14.5px;font-weight:600}.navlinks{gap:22px;display:flex}.navlinks a{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;opacity:.88;font-size:11.5px;font-weight:500;transition:opacity .25s}.navlinks a:hover{opacity:1}.navright{align-items:center;gap:14px;display:flex}.langsw{font-family:var(--mono);letter-spacing:.08em;gap:6px;font-size:11.5px;display:flex}.langsw button{opacity:.45;transition:opacity .25s}.langsw button[data-on=true]{opacity:1;text-underline-offset:4px;text-decoration:underline}@media (max-width:860px){.navlinks{display:none}}.hero{min-height:100svh;padding:120px var(--pad) 40px;max-width:var(--wrap);flex-direction:column;justify-content:center;margin:0 auto;display:flex;position:relative}.avail{align-items:center;gap:9px;margin-bottom:clamp(26px,5vh,50px);display:inline-flex}.avail .dot{background:#3ed27e;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2.4s infinite pulse;box-shadow:0 0 #3ed27e8c}@keyframes pulse{0%{box-shadow:0 0 #3ed27e80}70%{box-shadow:0 0 0 8px #3ed27e00}to{box-shadow:0 0 #3ed27e00}}h1.big{letter-spacing:-.045em;font-size:clamp(40px,9.2vw,138px);font-weight:600;line-height:.92}h1.big .row{display:block;overflow:hidden}h1.big .row>span{display:block}h1.big .row:last-child>span{color:var(--fg2)}.herofoot{border-top:1px solid var(--line);grid-template-columns:1fr minmax(0,46ch);align-items:end;gap:24px;margin-top:clamp(34px,6vh,64px);padding-top:22px;display:grid}.herofoot p{color:var(--fg2);font-size:clamp(15px,1.35vw,17.5px);line-height:1.6}@media (max-width:860px){.herofoot{grid-template-columns:1fr}}.reel{position:relative}.reelstick{flex-direction:column;justify-content:flex-end;height:100svh;display:flex;position:sticky;top:0;overflow:hidden}.reelcanvas{z-index:0;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.reelscrim{z-index:1;pointer-events:none;background:linear-gradient(#06060800 32%,#0606083d 52%,#060608b8 78%,#060608eb 100%),linear-gradient(90deg,#060608ad 0%,#06060838 34%,#06060800 62%),linear-gradient(#0606088c 0%,#06060800 22%);position:absolute;top:0;bottom:0;left:0;right:0}.reeltop{z-index:2;padding:88px var(--pad) 0;justify-content:space-between;gap:16px;display:flex;position:absolute;top:0;left:0;right:0}.reeltop .mono{color:#ffffff9e}.reelcopy{z-index:2;padding:0 var(--pad) clamp(74px, 12vh, 118px);color:#fff;max-width:min(720px,92vw);position:relative}.reelrole{color:#fff9}.reelname{letter-spacing:-.042em;margin:12px 0 16px;font-size:clamp(34px,6vw,82px);font-weight:600;line-height:.96}.reelblurb{color:#ffffffd1;max-width:56ch;font-size:clamp(14.5px,1.25vw,17px);line-height:1.62}.reeltags{flex-wrap:wrap;gap:6px;margin-top:20px;display:flex}.reeltags span{font-family:var(--mono);letter-spacing:.05em;color:#ffffffd1;border:1px solid #ffffff47;border-radius:2px;padding:4px 9px;font-size:10.5px}.reelopen{color:#fff;align-items:center;gap:9px;margin-top:22px;font-size:14.5px;display:inline-flex}.reelopen u{border-bottom:1px solid #ffffff73;padding-bottom:1px;text-decoration:none}.reelopen svg{transition:transform .35s var(--ease)}.reelopen:hover svg{transform:translate(3px,-3px)}.reeldrawn{color:#ffffff6b;letter-spacing:.06em;margin-top:16px}.reelnums{right:var(--pad);z-index:2;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:clamp(74px,12vh,118px)}.reelnum{font-family:var(--mono);letter-spacing:.08em;color:#fff6;align-items:center;gap:10px;font-size:11px;transition:color .3s;display:flex}.reelnum i{width:22px;height:1px;transition:width .4s var(--ease);background:currentColor;display:block}.reelnum[data-on=true]{color:#fff}.reelnum[data-on=true] i{width:46px}@media (max-width:700px){.reelnums{display:none}}.stackwork{padding:clamp(60px,9vh,110px) 0}.seclabel{border-bottom:1px solid var(--line);margin-bottom:30px;padding-bottom:18px}.stackcard{margin-bottom:44px}.stackshot{aspect-ratio:16/10;border-radius:3px;place-items:center;display:grid;position:relative;overflow:hidden}.stackshot img{object-fit:cover;object-position:top center;width:100%;height:100%}.stackdrawn{color:#ffffff8c;text-align:center;padding:20px}.stackbody{padding-top:18px}.stackbody h2{letter-spacing:-.035em;margin:10px 0 12px;font-size:clamp(26px,6vw,40px);font-weight:600;line-height:1}.stackbody p{color:var(--fg2);max-width:58ch;font-size:15px;line-height:1.6}.stackbody .reeltags span{border-color:var(--line2);color:var(--fg2)}.stackbody .reelopen{color:var(--fg)}.stackbody .reelopen u{border-color:var(--line2)}.demos{padding:clamp(60px,9vh,110px) 0 clamp(50px,8vh,92px);overflow:hidden}.demohead{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:26px;padding-bottom:20px;display:flex}.demohead h2{letter-spacing:-.035em;font-size:clamp(24px,3.4vw,42px);font-weight:600;line-height:1}.demohead p{color:var(--fg2);max-width:46ch;font-size:14.5px;line-height:1.55}.demorail{cursor:grab;margin-top:30px}.demorail:active{cursor:grabbing}.demotrack{width:max-content;padding:0 var(--pad);gap:18px;display:flex}.democard{flex-shrink:0;width:clamp(240px,26vw,340px)}.democard .shot{border:1px solid var(--line);background:var(--bg2);border-radius:3px;overflow:hidden}.democard img{aspect-ratio:16/10;object-fit:cover;object-position:top center;width:100%;transition:transform .7s var(--ease), filter .5s ease;filter:grayscale()contrast(1.02)}.democard:hover img{filter:grayscale(0);transform:scale(1.045)}.democard .cap{justify-content:space-between;gap:12px;margin-top:11px;display:flex}.democard .cap b{letter-spacing:-.01em;font-size:14.5px;font-weight:500}.democard .cap span{font-family:var(--mono);color:var(--dim);font-size:11px}.about{padding:clamp(60px,9vh,110px) 0}.aboutgrid{grid-template-columns:minmax(0,22ch) minmax(0,1fr);gap:clamp(24px,5vw,70px);display:grid}.aboutgrid p{letter-spacing:-.018em;max-width:46ch;font-size:clamp(17px,2vw,24px);line-height:1.5}.aboutgrid p+p{color:var(--fg2);margin-top:22px}@media (max-width:820px){.aboutgrid{grid-template-columns:1fr}}.stackstrip{border-block:1px solid var(--line);padding:16px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.stacktrack{will-change:transform;width:max-content;display:flex}.stacktrack span{white-space:nowrap;color:var(--fg2);align-items:center;gap:22px;padding-right:22px;font-size:clamp(15px,1.6vw,19px);display:inline-flex}.stacktrack span:after{content:"";background:var(--line2);border-radius:50%;flex-shrink:0;width:4px;height:4px}.contact{padding:clamp(70px,13vh,150px) 0 clamp(40px,6vh,70px)}.contact h2{letter-spacing:-.05em;max-width:14ch;font-size:clamp(34px,8vw,108px);font-weight:600;line-height:.94}.contact .sub{max-width:50ch;color:var(--fg2);margin-top:26px;font-size:16px;line-height:1.6}.contact .row{flex-wrap:wrap;gap:10px;margin-top:34px;display:flex}.btn{border:1px solid var(--line2);will-change:transform;border-radius:2px;align-items:center;gap:10px;padding:14px 22px;font-size:14.5px;transition:background .3s,color .3s,border-color .3s;display:inline-flex}.btn.solid,.btn:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}.btn svg{transition:transform .35s var(--ease)}.btn:hover svg{transform:translate(3px,-3px)}footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:14px;padding:22px 0 40px;display:flex}.progress{background:var(--fg);z-index:70;transform-origin:0;height:2px;position:fixed;top:0;left:0;right:0}.cursor{background:var(--fg);z-index:60;pointer-events:none;will-change:transform;mix-blend-mode:difference;border-radius:50%;width:8px;height:8px;position:fixed;top:0;left:0}@media (hover:none),(max-width:900px){.cursor{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stacktrack{transform:none!important}.avail .dot{animation:none}}