@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap";img{filter:invert(1);-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}nav{width:100vw;height:72px;position:fixed;left:0;top:0;padding:1.5rem;z-index:40}.noise-overlay{pointer-events:none;position:fixed;inset:0;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.2;mix-blend-mode:overlay}:root{--primary: #111f35;--secondary: #d02752;--accent: yellow;--bg: #111f35;--text: #fffff1;--main-serif: "Instrument Serif", serif;--main-monospace: "DM Mono", monospace;margin:0;padding:0}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--main-serif);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}html,body{overscroll-behavior-y:none;scrollbar-gutter:stable;margin:0;padding:0}a{text-decoration:none;color:inherit;cursor:pointer}a:visited,a:hover,a:active{text-decoration:none;color:inherit}.overlay{position:absolute;left:0;top:0;height:100vh;background:red;z-index:50}.outer-bar-container[data-v-554e9fbb]{position:absolute;bottom:2rem;right:2rem;width:6rem;height:.2rem;z-index:20;overflow:hidden;border-radius:var(--v7a96eef2);outline:.075rem dashed white;outline-offset:.25rem}.inner-bar[data-v-554e9fbb]{width:var(--e25aa1f8);height:100%;background:#ff0;border-radius:var(--v7a96eef2)}.scroll-container{height:250vh}.sticky-wrapper{position:sticky;top:0;height:100vh;width:100%;overflow:hidden}.horizontal-content{display:flex;width:max-content;will-change:transform}.svg-container{position:absolute;left:0;top:0;min-width:1980px;width:100%;z-index:0;height:100%;background-color:#101e32;background-image:radial-gradient(at 13% 100%,hsla(344,68%,48%,.32) 0px,transparent 50%),radial-gradient(at 100% 0%,hsla(352,91%,56%,.66) 0px,transparent 50%)}.slogan-container[data-v-19df49cf]{position:relative;top:-8rem;left:4rem;display:flex;align-items:center;height:100%}@media(max-width:1024px){.slogan-container[data-v-19df49cf]{top:-3rem}}.hero[data-v-19df49cf]{padding:2rem 0;height:100vh;flex-shrink:0;width:100%;position:relative;overflow:hidden;-webkit-user-select:none;-ms-user-select:none;user-select:none}.hero__text[data-v-19df49cf]{font-size:4.75rem;color:var(--text);line-height:1.4;z-index:10;font-weight:600;max-width:60%}.hero__text span[data-v-19df49cf]{color:var(--secondary);font-weight:600;position:relative}.hero__text span[data-v-19df49cf]:before{position:absolute;left:0;bottom:0;width:100%;height:.5rem;z-index:-1;opacity:.5;background:var(--accent);content:"";transform:translateY(0) rotate(-1deg)}@media(max-width:1024px){.hero__text[data-v-19df49cf]{font-size:3.5rem}}@media(max-width:720px){.hero__text[data-v-19df49cf]{font-size:3rem}}.project-card{height:256px;width:196px;border-radius:2rem;outline:.17rem dashed white;outline-offset:.25rem;font-family:var(--main-monospace)}.project-card.loading{background-color:#ffffff1a;animation:pulse 1.5s ease-in-out infinite;outline-color:#ffffff4d}.project-card .spacer{flex-grow:1}.project-card a{color:var(--accent);display:flex;font-size:.75rem;justify-content:end}.project-card a span{margin-right:.15rem}.description-text{font-size:.75rem;margin-top:.5rem;margin-bottom:.5rem;line-height:1.1rem}.card-container{padding:1.25rem;height:100%;display:flex;flex-direction:column}.projects-container{flex-grow:1;display:flex;flex-direction:column;z-index:20;align-items:end}@media(max-width:1024px){.projects-container{align-items:center}}.projects-container .head{font-size:6rem}@media(max-width:1024px){.projects-container .head{font-size:3rem}}.projects-container .description{font-size:.75rem;margin-top:2rem;margin-bottom:.75rem;font-family:var(--main-monospace)}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.projects-container .repo-buttons{display:flex;gap:.5em}.projects-container .repo-buttons a{font-family:var(--main-monospace);font-size:.75rem;background-color:var(--primary);padding:.75rem 1rem;border-radius:1.25rem}.projects-container .repo-buttons a:hover{color:#ff0}.projects-container .project-card-slide{display:flex;gap:3em;margin-top:1.5rem}.projects-container .project-card-slide .project-card{height:256px;width:196px;border-radius:2rem;outline:.17rem dashed white;outline-offset:.25rem}.projects-container .project-card-slide .project-card.loading{background-color:#ffffff1a;animation:pulse 1.5s ease-in-out infinite;outline-color:#ffffff4d}@media(max-width:1024px){.projects-container .project-card-slide{flex-direction:column}}.socials-container{flex-grow:1;display:flex;flex-direction:column;gap:1.5em;align-items:end}@media(max-width:1024px){.socials-container{align-items:center}}@media(max-width:1024px){.socials-container .head{font-size:3rem;margin-top:2rem}}.socials-container span{font-size:4rem}.socials-container .inner-container{height:6rem;display:flex;gap:1.75rem}.socials-container .social-link{display:flex;align-items:center;justify-content:center;border-radius:2rem;outline:.16rem dashed white;outline-offset:.25rem;aspect-ratio:1/1;height:3rem;padding:.9rem;transition:outline-color .1s}.socials-container .social-link:hover{outline-color:var(--accent)}.section-format{background:var(--secondary);position:relative;min-height:100vh;width:100%}.section-format .overview-container{padding-right:8rem;padding-top:2rem;min-height:100vh;display:flex;flex-direction:column}@media(max-width:1024px){.section-format .overview-container{padding-right:0rem;padding-top:2rem}}.top-offset-div{position:absolute;top:0;left:0;width:100vw;height:20rem;transform:translateY(-100%)}.top-offset-div svg{position:absolute;width:100vw;height:100%;display:block}.offset-div{position:absolute;top:0;left:0;width:var(--v5573a252);height:100%}.offset-div svg{width:100%;height:100%;display:block;transform:translate(-95%) rotate(180deg)}.panel-wrapper[data-v-7e2a638c]{flex-shrink:0;height:100vh}