@font-face{font-family:Host Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/host-grotesk-500.woff2)format("woff2")}@font-face{font-family:Fragment Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/fragment-mono-400.woff2)format("woff2")}:root{--ink:#0e0e0c;--card:#141412;--paper:#ece8df;--mute:#8c887f;--line:#ece8df1f;--contact:#ff4d1f;--name:#d8d4cb;--ease:cubic-bezier(.2, .7, .1, 1);--panel-in:cubic-bezier(.62, 0, .12, 1);--panel-out:cubic-bezier(.7, 0, .84, 0);--margin:24px;--gap:12px;--radius:6px}*,:before,:after{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;overflow:hidden}body{height:100dvh;padding:var(--margin);padding-left:max(var(--margin), env(safe-area-inset-left));padding-right:max(var(--margin), env(safe-area-inset-right));overscroll-behavior:none;grid-template-rows:64px minmax(0,1fr) auto;display:grid}h1,h2,p{margin:0;font-weight:400}.gl{pointer-events:none;z-index:0;opacity:0;width:100%;height:100%;transition:opacity .5s var(--ease);display:block;position:fixed;inset:0}.gl.ready{opacity:1}.top,.cards,.bottom{z-index:1;visibility:visible;position:relative}.about{visibility:visible}.mono{letter-spacing:.01em;font-feature-settings:"zero" 0;font-family:Fragment Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:11px;line-height:1.5}.top{justify-content:space-between;align-items:center;gap:16px;display:flex}.wordmark{letter-spacing:-.045em;color:var(--name);white-space:nowrap;font-kerning:normal;transition:color .7s var(--ease);font-family:Host Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:clamp(24px,2.1vw,34px);font-weight:500;line-height:1}.home{color:inherit;cursor:pointer;text-decoration:none}.wordmark:hover{color:var(--paper)}.letters>span{animation:letter-in .52s var(--ease) both;display:inline-block}.letters>span:first-child{animation-delay:0s}.letters>span:nth-child(2){animation-delay:20ms}.letters>span:nth-child(3){animation-delay:40ms}.letters>span:nth-child(4){animation-delay:60ms}.letters>span:nth-child(5){animation-delay:80ms}.letters>span:nth-child(6){animation-delay:.1s}.letters>span:nth-child(7){animation-delay:.12s}.letters>span:nth-child(8){animation-delay:.14s}.letters>span:nth-child(9){animation-delay:.16s}.letters>span:nth-child(10){animation-delay:.18s}.letters>span:nth-child(11){animation-delay:.2s}.letters>span:nth-child(12){animation-delay:.22s}.letters>span:nth-child(13){animation-delay:.24s}.letters>span:nth-child(14){animation-delay:.26s}.letters>span:nth-child(15){animation-delay:.28s}.wordmark{position:relative}@keyframes letter-in{0%{opacity:.01;transform:translateY(.18em)}}.about-link{appearance:none;font:inherit;letter-spacing:inherit;color:var(--mute);cursor:pointer;text-underline-offset:3px;transition:color .4s var(--ease), text-decoration-color .4s var(--ease);background:0 0;border:0;padding:0;-webkit-text-decoration:underline #8c887f66;text-decoration:underline #8c887f66;text-decoration-thickness:1px}.about-link:hover,.about-link:focus-visible{color:var(--paper);text-decoration-color:#ece8df80}.about{z-index:10;transition:background .34s var(--panel-out);background:#0e0e0c00;justify-content:flex-end;display:flex;position:fixed;inset:0}.about[hidden]{display:none}.about.open{background:#0e0e0c8c}.about-panel{background:var(--card);border-left:1px solid var(--line);width:min(440px,100%);height:100%;transition:transform .34s var(--panel-out);grid-template-rows:auto 1fr;gap:40px;padding:24px 28px 28px;display:grid;overflow-y:auto;transform:translate(100%)}.about.open{transition:background .76s var(--panel-in)}.about.open .about-panel{transition:transform .76s var(--panel-in);transform:none}.about-close svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.about-head{color:var(--mute);justify-content:space-between;align-items:center;display:flex}.about-close{appearance:none;width:30px;height:30px;color:var(--mute);cursor:pointer;transition:color .4s var(--ease);background:0 0;border:0;place-items:center;margin-right:-7px;padding:0;display:grid}.about-close:hover,.about-close:focus-visible{color:var(--paper)}.about-body{letter-spacing:-.012em;color:var(--name);align-content:start;gap:1em;font-family:Host Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:17px;font-weight:500;line-height:1.5;display:grid}.step{gap:6px;display:grid}.step h3{color:var(--mute);letter-spacing:.02em;margin:0;font-weight:400}.step p{margin:0}.about-mail{color:inherit;text-underline-offset:4px;transition:text-decoration-color .4s var(--ease);-webkit-text-decoration:underline #d8d4cb59;text-decoration:underline #d8d4cb59;text-decoration-thickness:1px}.about-mail:hover,.about-mail:focus-visible{text-decoration-color:#ece8dfcc}.links{gap:4px;margin-right:-6px;display:flex}.icon-btn{width:30px;height:30px;color:var(--mute);transition:color .4s var(--ease);-webkit-tap-highlight-color:transparent;place-items:center;display:grid;position:relative}.icon-btn:hover,.icon-btn:focus-visible{color:var(--paper)}.icon-btn svg{fill:currentColor;width:14px;height:14px;transition:opacity .42s var(--ease), transform .52s var(--ease);grid-area:1/1}.icon-btn .i-check,.icon-btn.copied .i-mail{opacity:0;transform:scale(.8)}.icon-btn.copied .i-check{opacity:1;transform:none}.tip{white-space:nowrap;color:var(--paper);background:var(--card);border:1px solid var(--line);opacity:0;pointer-events:none;transition:opacity .24s var(--ease), transform .4s var(--ease);border-radius:4px;margin-top:-10px;padding:3px 7px;font-size:10px;position:absolute;top:50%;right:calc(100% + 2px);transform:translate(3px)}.icon-btn:hover .tip,.icon-btn:focus-visible .tip,.icon-btn.copied .tip{opacity:1;transform:none}.icon-btn.leaving .tip{opacity:0;transition-duration:.36s;transform:translate(3px)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.copyright{vertical-align:-.12em;font-size:1.3em;line-height:0;display:inline-block}.pt{vertical-align:middle;background:currentColor;border-radius:50%;width:1.5px;height:1.5px;margin:0 .8em;display:inline-block}a:focus-visible,.card:focus-visible{outline-offset:3px;outline:1px solid #ece8df73}a:focus-visible{border-radius:4px}.icon-btn:focus:not(:focus-visible){outline:none}.cards{gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));min-height:0;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);outline-offset:3px;touch-action:pan-x;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;min-width:0;min-height:0;animation:card-in .6s var(--ease) both;position:relative}.card:first-child{animation-delay:.36s}.card:nth-child(2){animation-delay:.48s}.card:nth-child(3){animation-delay:.6s}.card:after{content:"";border-radius:var(--radius);box-shadow:0 0 0 2px var(--ink);pointer-events:none;position:absolute;inset:-1px}@keyframes card-in{0%{opacity:0}}.label{color:var(--mute);letter-spacing:.02em;z-index:1;pointer-events:none;position:absolute;top:14px;left:16px}.poster{object-fit:cover;border-radius:calc(var(--radius) - 1px);width:100%;height:100%;display:none;position:absolute;inset:0}.no-webgl .card{background:var(--card)}.no-webgl .poster{display:block}.bottom{letter-spacing:.02em;min-height:28px;color:var(--mute);justify-content:space-between;align-items:flex-end;gap:16px;padding-top:10px;font-size:10px;line-height:1.6;display:flex}.aside{white-space:nowrap;align-items:center;gap:18px;display:flex}.index{white-space:nowrap;font-variant-numeric:tabular-nums;display:none}@media (max-width:1023px){.cards{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:minmax(0,1fr)}}@media (max-width:639px){.cards{gap:var(--gap);scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;margin:0 calc(-1 * var(--margin));padding:0 var(--margin);scroll-padding:0 var(--margin);display:flex;overflow:auto hidden}.cards::-webkit-scrollbar{display:none}.card{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%}.index{display:block}.bottom{flex-direction:column;align-items:stretch;gap:8px}.legal .seg{display:block}.legal .pt{display:none}.aside{justify-content:space-between}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.cards{scroll-behavior:auto}}
