:root{font-family:Arial,Helvetica,sans-serif;color:#e9eaf0;background:#010205;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}html{height:-webkit-fill-available}body{position:fixed;top:0;right:0;bottom:0;left:0}.experience{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 0 80%,#00184b,transparent 50%),#010205}.liquid-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none}.liquid-scene canvas{display:block;width:100%;height:100%}.identity{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}h1{margin:0;padding:0;width:clamp(69px,8.86vw,113px);line-height:0}.wordmark{display:block;width:100%;height:auto;overflow:visible}.socials{position:absolute;left:50%;bottom:calc(13% + env(safe-area-inset-bottom,0px));transform:translate(-50%);display:flex;align-items:center;gap:25px}.socials a,.pending-link{display:grid;place-items:center;padding:11px;color:#8b93aa;transition:color .2s}.socials a:hover{color:#fff}.socials a:focus-visible{outline:1px solid #b3d8ff;outline-offset:5px}.pending-link{opacity:.6;cursor:default}.liquid-fallback canvas{display:none}.liquid-fallback:before,.liquid-fallback:after{content:"";position:absolute;width:70%;height:110%;border-radius:45%;filter:blur(50px);background:radial-gradient(ellipse,#0042d8,transparent 65%);animation:liquid-drift 28s ease-in-out infinite alternate}.liquid-fallback:before{left:-45%;top:-30%}.liquid-fallback:after{right:-40%;bottom:-40%;animation-delay:-14s}.reduced-motion:before,.reduced-motion:after{animation:none}@keyframes liquid-drift{0%{transform:translateY(-7%) rotate(-20deg)}to{transform:translateY(12%) rotate(15deg)}}@media(max-width:600px){h1{width:82px}.socials{bottom:calc(14% + env(safe-area-inset-bottom,0px));gap:23px}}.wordmark{animation:wei-float 9s ease-in-out infinite;transform-origin:center}@keyframes wei-float{0%,to{transform:translateZ(0) rotate(0)}25%{transform:translate3d(2.5px,-5px,0) rotate(.3deg)}50%{transform:translate3d(-2px,-1px,0) rotate(-.25deg)}75%{transform:translate3d(1.5px,3.5px,0) rotate(.18deg)}}@media(prefers-reduced-motion:reduce){.wordmark{animation:none}}
