@font-face{font-family:Host Grotesk;src:url(/fonts/HostGrotesk.woff2) format("woff2");font-display:swap}*{margin:0;padding:0;box-sizing:border-box}:root{--dark-bg: #121220;--dark-title: #F8F8F8;--dark-body: #B8C0DE;--dark-accent: #ff876f;--dark-focus: #ebf8ff0b;--dark-highlight: rgba(242, 242, 255, .125);--dark-hightlight-alt: rgba(242, 242, 255, .1);--light-bg: #FFFBF4;--light-title: #121220;--light-body: #323242;--light-accent: #ff876f;--light-focus: #fffff82d;--light-highlight: rgba(242, 242, 255, .8);--light-hightlight-alt: rgba(242, 242, 255, .3);--background: var(--dark-bg);--title: var(--dark-title);--body: var(--dark-body);--accent: var(--dark-accent);--focus: var(--dark-focus);--highlight: var(--dark-highlight);--highlight-alt: var(--dark-hightlight-alt)}.light{--background: var(--light-bg);--title: var(--light-title);--body: var(--light-body);--accent: var(--light-accent);--focus: var(--light-focus);--highlight: var(--light-highlight);--highlight-alt: var(--light-hightlight-alt)}html,body{min-height:100dvh;background:var(--background);color:var(--body);font-family:Host Grotesk,sans-serif;font-size:18px;font-weight:300;scroll-behavior:smooth}body{padding:calc(50dvh - 140px) 26rem 10rem;will-change:scroll-position}#background{pointer-events:none;position:fixed;top:45%;left:55%;transform:translate3d(-50%,-50%,0);will-change:transform;aspect-ratio:1;height:86dvw;width:auto;border-radius:38rem;background:radial-gradient(114.51% 122.83% at 0% -15.36%,#f76f53,#e74f6a38 66.72%,#e74f6a00),linear-gradient(333.95deg,#53d0ecd9 -7.76%,#53d0ec34 19.67%,#8a89be00 35.42%),radial-gradient(109.15% 148.57% at 4.46% 98.44%,#1b3180,#1b318000),linear-gradient(141.57deg,#4eadeb 19.08%,#4eadeb00 98.72%);filter:blur(52px);opacity:.4;animation:rotate 120s linear infinite}#noise{pointer-events:none;position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;&:after{content:"";position:absolute;top:50%;left:50%;translate:-50% -50%;width:400vmax;height:400vmax;background-image:url(/img/noise.svg);background-repeat:repeat;background-size:528px;opacity:.06;animation:grain 5s steps(5) infinite}}.page-fade{transition:opacity .2s ease-in}.top-buttons{position:absolute;top:5rem;right:5rem;display:flex;gap:1rem;z-index:10;animation:buttons-fade-in .2s ease-out both}button{border:none;cursor:pointer;font-family:Host Grotesk,sans-serif;font-size:18px;font-weight:300;padding:.5rem .875rem;border-radius:1.5rem}h1,h2{font-weight:800;color:var(--title);text-wrap:pretty}section{position:relative;scroll-margin-top:2rem;margin-bottom:6rem;opacity:0;animation:fade-in .25s ease-out forwards;&:nth-child(1){animation-delay:.2s}&:nth-child(2){animation-delay:.4s}&:nth-child(3){animation-delay:.6s}&:nth-child(4){animation-delay:.8s}&:first-of-type{margin-bottom:16rem}}h1{font-size:44px;& span{text-wrap:nowrap}}h2{font-size:36px;margin-bottom:1.5rem}h3{margin-bottom:.5em}:is(p,span,footer){a{display:inline-flex;color:var(--accent);text-decoration:none;font-weight:900;border-radius:.25rem;align-items:center;&:focus-visible{outline-offset:2px}}svg{margin-left:.125rem;height:19px;vertical-align:middle}}:is(a,button):focus-visible{outline:2px solid var(--body);outline-offset:-1px}p{margin:2rem 0}strong{font-weight:900}svg{display:inline-block;fill:currentColor;aspect-ratio:1;width:auto;vertical-align:middle}td{vertical-align:top;padding-bottom:2.5rem}:not(pre)>code{display:inline-block;background:var(--focus);padding:.125rem .25rem;border-radius:.25rem;border-top:1px solid var(--highlight)}.experience-date{padding:6px 1rem 0 0;font-size:14px;text-wrap:nowrap}.pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.pill{padding:.4rem .8rem;background:var(--accent);color:var(--light-body);border-radius:1rem;font-size:14px}.project,.article,button{color:inherit;background:#0000;transition:.12s ease-out;transition-property:background,color;border-bottom:1px solid transparent;border-top:2px solid transparent;&:is(:hover,:focus-visible){background:var(--focus);color:var(--title);border-top:2px solid var(--highlight);border-bottom:1px solid var(--highlight-alt)}}.project,.article{cursor:pointer;text-decoration:none;--padding: 1.25rem;display:flex;gap:1.5rem;margin:0 calc(-1 * var(--padding)) 2rem;padding:1rem var(--padding);border-radius:1.25rem 1.375rem;h3{svg{flex-shrink:0;height:20px;margin:-2px .25rem 0;transition:transform .12s ease-out}}&:is(:focus-visible,:hover) svg{transform:translate(.25rem)}}.project:is(:focus-visible,:hover) svg{transform:translate(2px,-2px)}.thumbnail{flex-shrink:0;height:100px;width:auto;aspect-ratio:16 / 9;overflow:hidden;border-radius:.25rem;box-shadow:0 16px 16px -8px #0003;img{width:100%;object-fit:cover;object-position:center}.placeholder{width:100%;height:100%;background:var(--highlight)}}.separator{background:center / contain repeat-x url(/img/squiggle_dark.svg);height:16px;width:100%;margin:8rem 0 2rem;.light &{background:center / contain repeat-x url(/img/squiggle_light.svg)}}footer{position:relative;display:flex;justify-content:space-between;gap:2rem}.footer-left{font-weight:700}.footer-right{display:flex;gap:2rem;.section-title{font-weight:700;margin-bottom:.5rem}}.colophon,.contact{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem}.no-icon{margin-left:calc(19px + .5rem)}.small-separator{height:1px;width:24px;background:var(--body);margin:.75rem 0}@media (max-width: 1560px){body{padding:16rem 16rem 10rem}}@media (max-width: 1220px){body{padding:12rem 8rem 6rem}#background{top:0;left:50%;height:140dvw}.experience-date{text-wrap:wrap}}@media (max-width: 768px){body{padding:8rem 2rem 6rem}.top-buttons{top:2rem;right:2rem}h1{font-size:30px}h2{font-size:26px}footer{flex-direction:column;gap:2rem}.footer-right{flex-direction:column;gap:1.5rem}.project,.article{flex-direction:column;gap:1rem;.thumbnail{height:auto}}}@media (max-width: 480px){body{padding:6rem 1.5rem 4rem}section{margin-bottom:4rem;&:first-of-type{margin-bottom:8rem}}.top-buttons{top:1rem;right:1rem}.experience-date{padding-right:0;padding-bottom:.5rem}.article,.project{--padding: 1rem;border-radius:var(--padding);padding:.5rem var(--padding)}th{display:none}tr{display:block;margin-bottom:2rem}td{display:block;padding-bottom:.5rem}}@media (prefers-reduced-motion: reduce){#noise:after{opacity:.03}section{opacity:1}section,#background,#noise:after{animation:none}}@keyframes rotate{0%{transform:translate3d(-50%,-50%,0) rotate(0)}to{transform:translate3d(-50%,-50%,0) rotate(360deg)}}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}@keyframes fade-in{0%{transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes buttons-fade-in{0%{opacity:0;transform:translate(.5rem)}to{opacity:1;transform:translate(0)}}