*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}:root{--color-body: #FDFDFD;--color-shadow: rgba(0,0,0, .04);--color-shadow-dark: rgba(255,255,255, .12);--color-font: #222;--color-font-subdued: gray;--color-link: royalblue;--box-shadow: rgba(0, 0, 0, .1) 0px 1px 3px 0px, rgba(0, 0, 0, .06) 0px 1px 2px 0px;--size: 16px;--size-xs: calc(var(--size) * .25);--size-s: calc(var(--size) * .5);--size-l: calc(var(--size) * 1.5);--size-xl: calc(var(--size) * 2);--size-xxl: calc(var(--size) * 2.5);--height-masthead: calc(var(--size) * 20);--fw: 400;--fw-heavy: 700;--fs-xs: calc(var(--size) * .75);--fs-s: calc(var(--size) * .875);--fs: var(--size);--fs-l: calc(var(--fs) * 1.2);--fs-xl: calc(var(--fs) * 2);--fs-xxl: calc(var(--fs) * 3)}html{background-color:var(--color-body);background-image:linear-gradient(to right bottom,#fff 22%,#f8f8f8,#f2f2f2,#ebebeb,#e5e5e5);color:var(--color-font);font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-size:var(--fs);font-weight:var(--fw)}body{margin:0;background:var(--color-body);color:var(--color-font);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;display:flex;flex-direction:column}html{background-color:var(--color-body);background-image:linear-gradient(to right bottom,#fff 22%,#f8f8f8,#f2f2f2,#ebebeb,#e5e5e5);color:var(--color-font);font-size:var(--fs);font-weight:var(--fw)}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 0 auto;text-align:center;background:var(--color-body)}.hero-grid{display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:var(--size-xl);width:100%;max-width:1100px;margin:0 auto}.hero-col{flex:1 1 0;display:flex;flex-direction:column;justify-content:center;padding-inline:var(--size-xxl)}.hero-col-left{align-items:flex-end;text-align:right;padding-right:var(--size-xxl);border-right:1px solid var(--color-shadow)}@media (prefers-color-scheme: dark){.hero-col-left{border-right:1px solid var(--color-shadow-dark)}}.hero-col-right{align-items:flex-start;text-align:left;padding-left:var(--size-xl);justify-content:center}.hero-links{display:flex;gap:var(--size-l);justify-content:center;margin-top:var(--size-xl)}@media (max-width: 800px){.hero-col-left{border-right:none}.hero-grid{flex-direction:column;gap:var(--size-l);padding:var(--size-l)}.hero-col-left,.hero-col-right{align-items:center;text-align:center;padding:0}.hero-divider{width:100%;height:1px;margin:var(--size-l) 0}}.hero-profile{margin-bottom:2rem}.profile-img{border-radius:50%;width:160px;height:160px;object-fit:cover;box-shadow:0 4px 32px var(--color-shadow)}.hero-name{font-size:var(--fs-xxl);font-weight:var(--fw-heavy);margin-bottom:.2rem;color:var(--color-font)}.hero-title{color:var(--color-font-subdued);margin-bottom:var(--size-l);font-size:var(--fs-m);font-weight:var(--fw)}.hero-desc{font-size:var(--fs-l);color:var(--color-font-subdued);max-width:500px;line-height:1.6}.hero-links{display:flex;gap:var(--size-s);justify-content:center;margin-top:var(--size-s);flex-wrap:wrap}.icon-link{display:inline-block;padding:.4em 1.2em;border-radius:999px;border:1.5px solid var(--color-shadow);background:none;color:var(--color-link);font-weight:500;font-size:var(--fs-s);text-decoration:none;transition:color .15s,border-color .15s;cursor:pointer}p{margin-bottom:var(--size)}@media (prefers-color-scheme: dark){.icon-link{border-color:var(--color-shadow-dark);color:var(--color-link)}}.icon-link:hover,.icon-link:focus{background:#4169e114;color:var(--color-link)}@media (prefers-color-scheme: dark){.icon-link:hover,.icon-link:focus{background:#4169e129;color:var(--color-link)}}footer{flex-shrink:0;color:var(--color-font-subdued);padding:var(--size);font-size:var(--fs-s);text-align:center}footer p{margin:0}@media (prefers-color-scheme: dark){:root{--color-body: black;--color-font: #DDD;--color-link: rgb(0, 128, 255)}html{background-image:none}.brand img{filter:invert(1)}}
