*{box-sizing:border-box}:root{color:#111;background:#ececec;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;font-synthesis:none;text-rendering:optimizeLegibility}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -20%,rgba(255,255,255,.9),transparent 38%),#ececec}body,#root{min-height:100vh}#root{display:grid;place-items:center;padding:28px 16px}a{color:inherit;text-decoration:none}.profile-card{width:min(100%,440px);padding:52px 34px 34px;display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid #e2e2e2;border-radius:2px;box-shadow:0 18px 48px #00000012;animation:card-in .64s cubic-bezier(.2,.8,.2,1) both}.profile-photo,h1,.subtitle,.rule,.bio,.handle{animation:fade-up .62s cubic-bezier(.2,.8,.2,1) both}.profile-photo{width:112px;height:112px;object-fit:cover;padding:4px;background:#fff;border:1px solid #e2e2e2;border-radius:2px;animation-delay:.12s}h1{margin:22px 0 0;font-size:19px;font-weight:300;line-height:1.25;letter-spacing:.22em;text-align:center;text-transform:uppercase;animation-delay:.18s}.subtitle{margin:4px 0 0;color:#999;font-size:11px;letter-spacing:.3em;text-transform:uppercase;animation-delay:.22s}.rule{width:38px;height:1px;margin:18px 0;background:#111;animation-delay:.26s}.bio{margin:0;color:#666;font-size:14px;line-height:1.7;text-align:center;text-wrap:pretty;animation-delay:.3s}.links{width:100%;display:flex;flex-direction:column;gap:10px;margin-top:30px}.link-button{display:flex;min-height:66px;padding:15px 14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;border-radius:2px;text-align:center;transition:box-shadow .22s ease,transform .22s ease;animation:link-in .52s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--delay)}.link-button:hover,.link-button:focus-visible{transform:translateY(-2px)}.link-button:focus-visible{outline:2px solid #111111;outline-offset:3px}.link-button-solid{color:#fff;background:#111;border:1px solid #111111}.link-button-solid:hover,.link-button-solid:focus-visible{box-shadow:0 6px 14px #00000014}.link-button-line{color:#111;background:#fff;border:1px solid #cfcfcf}.link-button-line:hover,.link-button-line:focus-visible{box-shadow:0 6px 14px #0000000f}.link-title{display:block;font-size:12px;font-weight:300;line-height:1.3;letter-spacing:.14em;text-transform:uppercase}.link-description{display:block;max-width:100%;color:currentColor;opacity:.62;font-size:11.5px;font-weight:300;line-height:1.35;letter-spacing:.02em;text-transform:none}.handle{margin:30px 0 0;color:#aaa;font-size:11px;letter-spacing:.18em;text-transform:uppercase;animation-delay:.92s}@keyframes card-in{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes link-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:420px){#root{padding:18px 12px}.profile-card{padding:36px 22px 26px}.profile-photo{width:96px;height:96px}h1{font-size:15px}.subtitle{font-size:10px}.bio{font-size:12.5px}.link-button{min-height:58px;padding:12px 10px}.link-title{font-size:10px;letter-spacing:.11em}.link-description{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0ms!important}}