@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Bodoni+Moda:opsz,wght@6..96,900&family=DM+Mono:wght@400;500&family=Playfair+Display:ital,wght@0,900;1,900&family=Roboto+Slab:wght@900&display=swap";:root{--mouse-x:0;--mouse-y:0;color:#101010;font-synthesis:none;text-rendering:optimizeLegibility;background:#050505;font-family:DM Mono,monospace}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{overflow:hidden;cursor:crosshair}a{color:inherit}.site-shell{position:relative;display:grid;min-height:100vh;overflow:hidden;isolation:isolate;background:#050505;min-height:100svh}.shatter-canvas{position:fixed;z-index:0;pointer-events:none;width:100%;height:100%;inset:0}.topbar{position:absolute;z-index:4;display:flex;justify-content:flex-end;align-items: flex-start;top:clamp(.8rem,3vw,2.3rem);left:clamp(.8rem,4vw,4rem);right:clamp(.8rem,4vw,4rem)}.github-entry{animation:scrap-in .52s 3.75s cubic-bezier(.18,.9,.22,1.18)backwards}.github-link{display:block;text-decoration:none}.github-card{position:relative;display:block;color:#141414;letter-spacing:.06em;clip-path:polygon(4% 12%,20% 3%,34% 9%,47% 0,59% 8%,73% 2%,97% 14%,91% 38%,100% 58%,89% 96%,62% 88%,45% 100%,28% 90%,4% 97%,9% 68%,0 43%);background:#eee4cf;padding:.75rem 1.15rem .9rem;transition:transform .12s steps(2,end),filter .12s;font:900 clamp(.75rem,1.2vw,1rem)/1 Roboto Slab,serif;transform:rotate(7deg)}.github-card:after{position:absolute;z-index:-1;content:"";clip-path:inherit;background:#ef3e9a;inset:8px -9px -8px 8px}.github-link:hover .github-card{filter:contrast(1.4)saturate(1.6);transform:rotate(-9deg)scale(1.2)}.github-link:focus-visible .github-card{filter:contrast(1.4)saturate(1.6);transform:rotate(-9deg)scale(1.2)}.github-link:focus-visible{outline:0}.hero{position:relative;z-index:3;text-align:center;transform:translate(calc(var(--mouse-x)*8px),calc(var(--mouse-y)*5px));align-self: center;width:min(97vw,1600px);margin:0 auto;padding:5rem .5rem 2.5rem}.wordmark-motion{animation:wordmark-alive 4.6s 4.35s ease-in-out infinite alternate}.wordmark{position:relative;display:flex;filter:drop-shadow(11px 17px 0 #00000057);transform:translate(calc(var(--mouse-x)*13px),calc(var(--mouse-y)*-9px))rotate(calc(var(--mouse-x)*2.4deg));justify-content:center;align-items: center;gap:clamp(-.15rem,.15vw,.2rem);transition:transform 80ms linear}.wordmark:before,.wordmark:after{position:absolute;z-index:-1;content:"";pointer-events:none}.wordmark:before{clip-path:polygon(0 16%,100% 0,86% 100%,7% 82%);animation:tape-left-in .65s 1.12s cubic-bezier(.18,.9,.22,1.18)backwards;background:#ef3e9a;width:18%;height:28%;top:-12%;left:4%;transform:rotate(-8deg)}.wordmark:after{clip-path:polygon(5% 0,100% 21%,79% 100%,0 74%);animation:tape-right-in .65s 1.28s cubic-bezier(.18,.9,.22,1.18)backwards;background:#f1cc22;width:15%;height:25%;bottom:-15%;right:7%;transform:rotate(12deg)}.letter{--rotation:0deg;--lift:0px;display:grid;aspect-ratio:.73;overflow:hidden;color:#151515;text-decoration:none;clip-path:polygon(7% 2%,28% 7%,48% 1%,72% 6%,96% 0,91% 25%,100% 49%,94% 74%,98% 96%,70% 91%,48% 100%,24% 94%,3% 100%,8% 72%,0 51%,7% 29%);transform:translateY(var(--lift))rotate(var(--rotation));animation:letter-in 1.05s calc(1.45s + var(--index)*85ms)cubic-bezier(.18,.9,.22,1.18)backwards;flex:0 clamp(58px,9.7vw,165px);place-items: center;min-width:0;transition:transform .13s steps(2,end),filter .13s,clip-path .18s}.letter:nth-child(2n){clip-path:polygon(0 4%,34% 0,57% 8%,92% 3%,100% 31%,94% 54%,100% 94%,68% 100%,45% 93%,13% 100%,5% 72%,10% 43%)}.letter:nth-child(3n){clip-path:polygon(12% 0,44% 5%,65% 1%,100% 13%,93% 46%,98% 83%,72% 96%,39% 91%,4% 100%,9% 64%,0 28%)}.letter:hover{z-index:4;outline:0;filter:brightness(1.18)saturate(1.7)contrast(1.15);clip-path:polygon(0 10%,30% 0,54% 7%,100% 0,90% 31%,100% 62%,91% 100%,60% 90%,30% 100%,7% 86%,12% 57%);transform:translateY(calc(var(--lift) - 14%))rotate(calc(var(--rotation)*-1.8))scale(1.19)}.letter:focus-visible{z-index:4;outline:0;filter:brightness(1.18)saturate(1.7)contrast(1.15);clip-path:polygon(0 10%,30% 0,54% 7%,100% 0,90% 31%,100% 62%,91% 100%,60% 90%,30% 100%,7% 86%,12% 57%);transform:translateY(calc(var(--lift) - 14%))rotate(calc(var(--rotation)*-1.8))scale(1.19)}.letter span{display:block;animation:glyph-alive 2.9s calc(5.2s - var(--index)*.1s)ease-in-out infinite alternate;line-height:.82}.letter-s{--rotation:-8deg;--lift:18px;background:#8eb821;font:900 clamp(3.8rem,8vw,9rem)/1 Arial,sans-serif}.letter-o{--rotation:5deg;--lift:-9px;color:#f4f2ed;-webkit-text-stroke:clamp(5px,.65vw,11px)#222;paint-order:stroke fill;background:#159fc3;font:900 clamp(4rem,9vw,10rem)/1 Archivo Black,sans-serif}.letter-f{--rotation:-3deg;--lift:9px;color:#bebebe;-webkit-text-stroke:clamp(3px,.45vw,8px)#222;paint-order:stroke fill;background:#8f426f;font:900 clamp(4rem,8vw,9rem)/1 Roboto Slab,serif}.letter-t{--rotation:9deg;--lift:-15px;color:#d2d2d2;-webkit-text-stroke:clamp(3px,.4vw,7px)#222;paint-order:stroke fill;background:#b4529b;font:900 clamp(3.8rem,8vw,9rem)/1 Georgia,serif}.letter-fancy{--rotation:-6deg;--lift:12px;color:#202020;-webkit-text-stroke:clamp(3px,.45vw,8px)#f5f3e9;paint-order:stroke fill;background:#12a4c9;font:italic 900 clamp(4rem,8vw,9rem)/1 Playfair Display,serif}.letter-a{--rotation:7deg;--lift:-7px;background:#f3cb24;font:900 clamp(4rem,9vw,10rem)/1 Arial,sans-serif}.letter-u{--rotation:-9deg;--lift:15px;color:#f0f0eb;-webkit-text-stroke:clamp(2px,.3vw,5px)#222;paint-order:stroke fill;background:#82b516;font:italic 900 clamp(4rem,8vw,9rem)/1 Arial,sans-serif}.letter-l{--rotation:6deg;--lift:-12px;color:#f1eef0;background:#c13d91;flex-basis:clamp(45px,7vw,112px);font:900 clamp(4rem,9vw,10rem)/1 Georgia,serif}.letter-last{--rotation:-5deg;--lift:10px;color:#eee;-webkit-text-stroke:clamp(3px,.45vw,8px)#222;paint-order:stroke fill;background:#c7469c;font:900 clamp(3.8rem,8vw,9rem)/1 Roboto Slab,serif}.tagline-motion{animation:tagline-alive 3.9s 4.65s ease-in-out infinite alternate}.tagline{display:flex;text-decoration:none;transform:translate(calc(var(--mouse-x)*-10px),calc(var(--mouse-y)*8px))rotate(calc(var(--mouse-y)*-1.8deg));flex-wrap:wrap;justify-content:center;align-items: center;gap:clamp(.15rem,.5vw,.5rem);max-width:min(96vw,960px);margin:clamp(1.8rem,4vw,3.4rem) auto 0;padding:0;transition:filter .13s,transform .13s steps(2,end)}.tagline:hover{outline:0;filter:saturate(1.7)contrast(1.15)drop-shadow(7px 8px 0 #0000006b);transform:rotate(-1deg)scale(1.04)}.tagline:focus-visible{outline:0;filter:saturate(1.7)contrast(1.15)drop-shadow(7px 8px 0 #0000006b);transform:rotate(-1deg)scale(1.04)}.tagline span{--word-scale:1;--word-rotation:0deg;display:inline-block;color:#151515;letter-spacing:.03em;clip-path:polygon(3% 4%,25% 0,51% 7%,73% 1%,100% 8%,95% 91%,72% 100%,47% 93%,23% 100%,0 89%);transform:translateY(var(--word-y))rotate(var(--word-rotation))scale(var(--word-scale));animation:word-in .56s calc(3.15s + var(--word)*90ms)cubic-bezier(.18,.9,.22,1.18)backwards;background:#e8dfcd;padding:.3rem .56rem;transition:transform .12s steps(2,end),filter .12s;font-family:Georgia,serif;font-size:clamp(.82rem,1.75vw,1.25rem);font-weight:900}.tagline span:hover{z-index:2;filter:saturate(1.8)contrast(1.25);transform:translateY(calc(var(--word-y) - 9px))rotate(calc(var(--word-rotation) + 12deg))scale(calc(var(--word-scale)*1.18))}.tagline span:nth-child(2n){color:#eee8db;background:#111;font-family:DM Mono,monospace}.tagline span:nth-child(3n){color:#111;text-transform:uppercase;background:#ef3e9a;font-family:Archivo Black,sans-serif}.tagline span:nth-child(4n){background:#f2cf25;font-family:Playfair Display,serif;font-style:italic}.tagline span:nth-child(6){text-decoration:underline wavy #f1d31d 4px}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0}@keyframes letter-in{0%{opacity:0;filter:blur(0);transform:translate(calc((var(--index) - 4)*19vw),calc((4 - var(--index))*-15vh))rotate(calc(var(--rotation)*9))scale(.05)}14%{filter:blur(2px)}38%{filter:blur(1px)}52%{filter:blur(0)}66%{opacity:1}82%{filter:blur(0);transform:translateY(calc(var(--lift)*-1))rotate(calc(var(--rotation)*-1.4))scale(1.15)}to{filter:blur(0);transform:translateY(var(--lift))rotate(var(--rotation))scale(1)}}@keyframes word-in{0%{opacity:0;filter:blur(0);transform:translate(calc((var(--word) - 4)*9vw),18vh)rotate(calc(var(--word-rotation) + 120deg))scale(.08)}15%{filter:blur(2px)}40%{filter:blur(1px)}55%{filter:blur(0)}to{opacity:1;filter:blur(0);transform:translateY(var(--word-y))rotate(var(--word-rotation))scale(var(--word-scale))}}@keyframes scrap-in{0%{opacity:0;filter:blur(0);transform:translate(28vw,-24vh)rotate(140deg)scale(.1)}16%{filter:blur(2px)}54%{filter:blur(0)}to{opacity:1;filter:blur(0);transform:none}}@keyframes wordmark-alive{0%{transform:translateY(-4px)rotate(-.7deg)scale(.995)}to{transform:translateY(7px)rotate(.9deg)scale(1.012)}}@keyframes tagline-alive{0%{transform:translate(-5px,4px)rotate(.6deg)}to{transform:translate(6px,-5px)rotate(-.8deg)}}@keyframes glyph-alive{0%{transform:translate(-1px,-2px)rotate(-1.2deg)}to{transform:translate(2px,3px)rotate(1.4deg)}}@keyframes tape-left-in{0%{opacity:0;filter:blur(0);transform:translate(-34vw,-24vh)rotate(-140deg)scale(.08)}16%{filter:blur(2px)}54%{filter:blur(0)}to{opacity:1;filter:blur(0);transform:rotate(-8deg)scale(1)}}@keyframes tape-right-in{0%{opacity:0;filter:blur(0);transform:translate(30vw,28vh)rotate(170deg)scale(.08)}16%{filter:blur(2px)}54%{filter:blur(0)}to{opacity:1;filter:blur(0);transform:rotate(12deg)scale(1)}}@media (max-width:700px){.wordmark{flex-wrap:wrap;gap:-.15rem;max-width:560px}.letter{flex-basis:clamp(50px,17vw,84px)}.letter-l{flex-basis:clamp(42px,13vw,68px)}.hero{padding-top:5.5rem}.tagline{max-width:94vw;margin-top:2rem}.tagline span{font-size:clamp(.72rem,3.4vw,.92rem)}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}