:root{--color-bg:#fff;--color-text:#000;--color-dim:#999;--color-green:#00e07a;--color-red:#ff2d55;--color-pink:#ff2bd6;--color-yellow:#ffd400;--color-blue:#1a6bff;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, "Cascadia Mono", "Roboto Mono", Consolas, "Liberation Mono", monospace;--max-width:60rem;--lh-tree:2.1;--radius:20px;--particle-colors:var(--color-green), var(--color-pink), var(--color-yellow), var(--color-blue), var(--color-red)}*{box-sizing:border-box;margin:0}html{font:normal 15px/1.5 var(--font-mono);color:var(--color-text);background:var(--color-bg);scroll-behavior:smooth;overflow-anchor:none;overflow-x:hidden}@media only screen and (width<=480px){html{font-size:.75rem}}@media only screen and (width>=1110px){html{font-size:1rem}}body{opacity:0;flex-direction:column;align-items:center;max-width:90vw;margin:0 auto;padding:10vh 0 5vh;transition:opacity .6s ease-in;display:flex}body.loaded{opacity:1}main{max-width:var(--max-width);width:100%;margin:0 auto;display:block;position:relative}img,video{max-width:100%;display:block}a{color:var(--color-green);text-decoration:none;transition:color .2s,background-color .2s}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px;border-radius:3px}::selection{background:var(--color-green);color:#000}.tree{font:inherit;line-height:var(--lh-tree);white-space:pre-wrap;text-align:left;overflow-wrap:break-word;margin:0}.tree a{display:inline-block}.marker{transition:transform .2s var(--ease);pointer-events:none;display:inline-block;transform:scaleX(.7)}a:hover .marker{transform:scaleX(.7)scale(1.2)}.marker-video{color:var(--color-red)}.marker-figma{color:var(--color-pink)}.marker-site{color:var(--color-blue)}.note{color:var(--color-dim)}.cap{color:var(--color-dim);letter-spacing:.05em}.block{margin-top:2.5rem}.block-first{margin-top:0}.projects{text-align:left;margin-top:1.5rem;padding:0;position:relative}.projects .project{vertical-align:top;margin:0 2rem 2rem 0;display:inline-block;position:relative}.projects .project img{opacity:.65;border-radius:4px;width:auto;height:175px;transition:opacity .25s;display:inline-block}body[data-project-is-hovered=true] .projects .project:not(:hover) img{opacity:.3}.projects .project:hover{z-index:10}.projects .project:hover img,.projects .project:hover span{opacity:1}.projects .project span{background:var(--color-bg);color:var(--color-text);opacity:0;pointer-events:none;white-space:nowrap;padding:.5rem 0;font-size:.85rem;line-height:1.4;transition:opacity .25s;display:block;position:absolute;top:100%;left:0}.projects .project span b{color:var(--color-green);font-size:1rem;font-weight:400}@media only screen and (width<=480px){.projects .project{margin-bottom:3rem;display:block}.projects .project img{max-width:50%;height:auto}.projects .project span{opacity:1;vertical-align:top;width:50%;display:inline;position:static}}.hero-media{justify-content:center;margin:2.5rem 0 3.5rem;display:flex}.rz3d{transform-style:preserve-3d;backface-visibility:hidden;transition:transform .4s var(--ease);will-change:transform;perspective:1000px;display:block;position:relative}.rz3d .rz3d-shadow{pointer-events:none;user-select:none;border-radius:var(--radius);background:var(--color-text);transform:translateZ(var(--z)) translate(var(--dx), var(--dy));transform-style:preserve-3d;backface-visibility:hidden;opacity:var(--o,.12);position:absolute;inset:0}.rz3d .card{z-index:1;border-radius:var(--radius);background:#f2f2f2;margin:0;line-height:0;position:relative;overflow:hidden;transform:translateZ(20px)}.rz3d .card video{width:17rem;max-width:76vw;height:auto;display:block}.rz3d:hover{transform:rotateX(4deg)rotateY(-6deg)}.hero-media figcaption{color:var(--color-dim);text-align:center;letter-spacing:.05em;margin-top:1.25rem;font-size:.8rem;line-height:1.6}.particles{pointer-events:none;z-index:-1;position:fixed;inset:0;overflow:hidden}.particle{will-change:transform;animation:linear infinite fall;position:absolute;top:-4vh}@keyframes fall{0%{opacity:0;transform:translateY(0)rotate(0)}5%{opacity:var(--o,1)}90%{opacity:var(--o,1)}to{transform:translateY(300vh) rotate(var(--spin,0deg));opacity:0}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}footer{color:var(--color-dim);letter-spacing:.05em;margin-top:4rem;padding-top:1.5rem;font-size:.8rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}body{opacity:1}.particles{display:none}.rz3d:hover{transform:none}}figcaption[data-astro-cid-bnnieqso] button[data-astro-cid-bnnieqso]{font:inherit;letter-spacing:.05em;color:var(--color-green);cursor:pointer;background:0 0;border:0;padding:0}figcaption[data-astro-cid-bnnieqso] button[data-astro-cid-bnnieqso]:hover{text-decoration:underline}blockquote[data-astro-cid-lcdefpme]{text-align:left;border-left:2px solid var(--color-green);margin:0;padding-left:1rem}figcaption[data-astro-cid-lcdefpme]{margin-top:.5rem;padding-left:1rem}