*,:before,:after{box-sizing:border-box}:root{--bg:#131313;--ink:#c9c9c9;--ink-2:#8a8a8a;--line-2:#262626;--accent:#e6d9ff;--accent-2:#a98cff;--ease:cubic-bezier(.22, .8, .24, 1)}html,body,#root{height:100%}body{color:var(--ink);background-color:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:JetBrains Mono,ui-monospace,SF Mono,Consolas,monospace;font-size:15px;line-height:1.6;overflow:hidden}a{color:inherit;text-decoration:none}::selection{background:var(--accent-2);color:#000}.hero-wrap{z-index:1;height:100%;position:relative}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:3rem;max-width:1180px;height:100%;margin:0 auto;padding:2rem;display:grid}.hero__side{z-index:2;justify-content:center;display:flex;position:relative}.stage{aspect-ratio:1;cursor:grab;touch-action:none;width:min(126%,40rem,88vh)}.stage:active{cursor:grabbing}.stage canvas{width:100%;height:100%;display:block}.hero__card{align-items:flex-start;gap:1.6rem;display:flex}.hero__pfp{border:1px solid var(--line-2);object-fit:cover;width:140px;height:140px;animation:pop .9s var(--ease) .1s both;background:#1c1c1c;border-radius:6px;flex:none}.hero__title{letter-spacing:-.01em;white-space:nowrap;color:#ededed;margin:0 0 .5rem;font-size:clamp(1.2rem,1.5vw + .6rem,1.55rem);font-weight:400}.hero__split{padding-bottom:.12em}.hero__sub{color:var(--ink-2);text-wrap:balance;animation:rise .7s var(--ease) .62s both;margin:0 0 1.1rem;font-size:.85rem}.socials{z-index:3;gap:1.15rem;margin:0;padding:0;list-style:none;display:flex;position:relative}.socials li{animation:rise .6s var(--ease) both}.socials li:first-child{animation-delay:.8s}.socials li:nth-child(2){animation-delay:.88s}.socials li:nth-child(3){animation-delay:.96s}.socials li:nth-child(4){animation-delay:1.04s}.socials li:nth-child(5){animation-delay:1.12s}.socials__link{color:#e8e8e8;transition:color .2s ease, transform .2s var(--ease);display:inline-flex}.socials__link:hover{color:#fff;transform:translateY(-2px)}.socials__link svg{display:block}.work{color:var(--ink-2);gap:.15rem;margin:1.15rem 0 0;padding:0;font-size:.8rem;list-style:none;display:grid}.work__link{transition:color .2s}.work li{animation:rise .6s var(--ease) both}.work li:first-child{animation-delay:1.2s}.work li:nth-child(2){animation-delay:1.28s}.work li:nth-child(3){animation-delay:1.36s}.work li:nth-child(4){animation-delay:1.44s}.work li:nth-child(5){animation-delay:1.52s}.work li:nth-child(6){animation-delay:1.6s}.work li:nth-child(7){animation-delay:1.68s}.work__link:hover{color:#fff}.blackout{z-index:50;background:var(--tint,#000);opacity:0;pointer-events:none;transition:opacity .38s linear;position:fixed;inset:0}.blackout.is-on{opacity:1;pointer-events:auto}.secret{font:inherit;color:#3d3d3d;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s ease, color .25s ease, letter-spacing .3s var(--ease);background:0 0;border:0;margin:1rem 0 0;padding:0;font-size:.7rem;display:block}.hero__meta:hover .secret,.secret:focus-visible,.secret[aria-pressed=true]{opacity:1;pointer-events:auto}.secret:hover,.secret:focus-visible{color:var(--accent-2);letter-spacing:.08em}.secret[aria-pressed=true]{color:var(--accent)}.is-party:before{content:"";z-index:0;pointer-events:none;filter:blur(50px);opacity:.36;background:conic-gradient(#ff2d55,#ff9500,#ffd60a,#34c759,#00c7be,#0a84ff,#5e5ce6,#bf5af2,#ff2d55);animation:7s linear infinite swirl;position:fixed;inset:-65%}.is-party .hero__side{animation:1.15s ease-in-out infinite bob}.is-party .stage{--x:-8vw;--y:-6vh;animation:scatter 1.3s var(--ease) both, twirl 4.6s linear -.6s infinite}.is-party .hero__title{--x:8vw;--y:-36vh;animation:scatter 1.1s var(--ease) both, twirl 5.2s linear -2.4s infinite, rainbow 3.2s linear infinite}.is-party .hero__pfp{--x:-28vw;--y:30vh;animation:scatter 1.25s var(--ease) both, twirl 3.4s linear -1.9s infinite}.is-party .hero__sub{--x:16vw;--y:32vh;animation:scatter 1.15s var(--ease) both, twirl 4.1s linear -1.3s infinite, rainbow 4.4s linear infinite}.is-party .secret{--x:30vw;--y:-22vh;animation:scatter 1.05s var(--ease) both, twirl 3.7s linear -.9s infinite, rainbow 2.6s linear infinite}.is-party .socials li,.is-party .work li{animation:scatter 1.2s var(--ease) both, twirl 3.4s linear infinite}.is-party .socials li:first-child{--x:-26vw;--y:-24vh;animation-delay:0s,-.2s}.is-party .socials li:nth-child(2){--x:-10vw;--y:34vh;animation-delay:70ms,-.9s}.is-party .socials li:nth-child(3){--x:14vw;--y:-36vh;animation-delay:.14s,-1.6s}.is-party .socials li:nth-child(4){--x:30vw;--y:20vh;animation-delay:.21s,-2.3s}.is-party .socials li:nth-child(5){--x:-32vw;--y:4vh;animation-delay:.28s,-3s}.is-party .work li:first-child{--x:-24vw;--y:-36vh;animation-delay:0s,-.3s}.is-party .work li:nth-child(2){--x:20vw;--y:-18vh;animation-delay:80ms,-.8s}.is-party .work li:nth-child(3){--x:-32vw;--y:18vh;animation-delay:.16s,-1.3s}.is-party .work li:nth-child(4){--x:12vw;--y:38vh;animation-delay:.24s,-1.8s}.is-party .work li:nth-child(5){--x:34vw;--y:2vh;animation-delay:.32s,-2.3s}.is-party .work li:nth-child(6){--x:-8vw;--y:-28vh;animation-delay:.4s,-2.8s}.is-party .work li:nth-child(7){--x:26vw;--y:-40vh;animation-delay:.48s,-3.3s}.is-party .hero__title,.is-party .hero__sub,.is-party .work__link,.is-party .secret{color:#0000;background-image:linear-gradient(90deg,#ff2d55,#ff9500,#ffd60a,#34c759,#00c7be,#0a84ff,#5e5ce6,#bf5af2,#ff2d55);background-size:200% 100%;-webkit-background-clip:text;background-clip:text}.is-party .work__link{animation:3.6s linear infinite rainbow}.is-party .work li:nth-child(2) .work__link{animation-delay:-.5s}.is-party .work li:nth-child(3) .work__link{animation-delay:-1s}.is-party .work li:nth-child(4) .work__link{animation-delay:-1.5s}.is-party .work li:nth-child(5) .work__link{animation-delay:-2s}.is-party .work li:nth-child(6) .work__link{animation-delay:-2.5s}.is-party .work li:nth-child(7) .work__link{animation-delay:-3s}.is-party .socials{animation:3.4s linear infinite hues}.is-party .socials li:first-child .socials__link{color:#ff2d55}.is-party .socials li:nth-child(2) .socials__link{color:#ff9500}.is-party .socials li:nth-child(3) .socials__link{color:#ffd60a}.is-party .socials li:nth-child(4) .socials__link{color:#34c759}.is-party .socials li:nth-child(5) .socials__link{color:#0a84ff}@keyframes bob{0%,to{transform:translateY(0)rotate(-.5deg)}50%{transform:translateY(-12px)rotate(.5deg)}}@keyframes twirl{to{rotate:360deg}}@keyframes scatter{0%{translate:0}to{translate:var(--x,0) var(--y,0)}}@keyframes rainbow{0%{background-position:0%}to{background-position:200%}}@keyframes hues{to{filter:hue-rotate(360deg)}}@keyframes swirl{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:860px){.hero{grid-template-columns:1fr;justify-items:center;gap:1.75rem;padding:2rem 1.25rem}.hero__card{order:-1}.stage{width:min(72vw,32vh,17rem)}}@media (max-width:520px){.hero__card{text-align:center;flex-direction:column;gap:1rem}.hero__pfp{width:108px;height:108px}.socials{justify-content:center}}@media (max-height:480px){body{overflow-y:auto}.hero-wrap{height:auto;min-height:100%}.hero{height:auto;min-height:100dvh}}
