:root{font-family:IBM Plex Sans,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--black);background-color:var(--white);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--light-blue: #e5e5e5;--mid-blue: #abcdff;--blue: #4992fa;--dark-blue: #2b7cf1;--highlight-color: var(--blue);--highlight-color-hover: var(--dark-blue);--white: #fff;--black: #213547;--gray: #999999;--light-gray: #eee;--light-gray-hover: #ddd}a{font-weight:500;color:var(--highlight-color);text-decoration:inherit}a:hover{color:var(--highlight-color-hover);text-decoration:underline}body{margin:0;display:flex;place-items:center;min-height:100vh}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--highlight-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#app{max-width:1280px;margin:0 auto}.main-container[data-v-46f66c3e]{max-width:800px}.hello-container[data-v-46f66c3e]{margin-top:70px;display:flex;gap:20px;align-items:top}.hello-text[data-v-46f66c3e]{margin-right:2em}.hello-text>h1[data-v-46f66c3e]{font-size:2.5em;font-weight:400;text-align:left;margin:5px 0}.hello-text>h3[data-v-46f66c3e]{font-weight:400;text-align:left;color:var(--gray);margin:0}.hello-links[data-v-46f66c3e]{display:flex;justify-content:start;gap:10px;padding-top:10px}.hello-links>span[data-v-46f66c3e]{padding:5px;border-radius:40px;display:inline-flex;width:23px;height:23px;justify-content:center;align-items:center;background-color:var(--light-gray);cursor:pointer}.hello-links>span>a[data-v-46f66c3e]{font-weight:500;color:var(--black);text-decoration:inherit}.hello-links>span>a[data-v-46f66c3e]:hover{color:var(--black)}.hello-links>span.with-text[data-v-46f66c3e]{width:auto;height:100%}.hello-links>span.with-text>*[data-v-46f66c3e]{font-weight:700;padding:0 6px}.hello-links>span[data-v-46f66c3e]:hover{background-color:var(--light-gray-hover)}.neg-margin[data-v-46f66c3e]{margin-left:-30px}.about[data-v-46f66c3e]{margin-top:50px;padding:0 2em}.selected-work[data-v-46f66c3e]{padding:0 2em;margin-top:80px}.selected-work>h3[data-v-46f66c3e]{font-weight:400;margin:0 0 30px}.project-list[data-v-46f66c3e]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:60px}.project>h4[data-v-46f66c3e]{font-size:1.15em;margin:0}.project-meta[data-v-46f66c3e]{color:var(--gray);font-size:.9em;margin:3px 0 0}.project-description[data-v-46f66c3e]{margin:12px 0 0}.project-media[data-v-46f66c3e]{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.media-frame[data-v-46f66c3e]{display:block;box-sizing:border-box;aspect-ratio:4 / 3;padding:8px;border:1px solid var(--light-gray);border-radius:10px;transition:border-color .2s}.media-frame[data-v-46f66c3e]:hover{border-color:var(--highlight-color)}.media-frame>img[data-v-46f66c3e]{display:block;width:100%;height:100%;object-fit:contain}.media-frame--bleed[data-v-46f66c3e]{padding:0;overflow:hidden;border-color:transparent}.project-resources[data-v-46f66c3e]{display:flex;flex-wrap:wrap;gap:20px;margin-top:16px;font-size:.95em}.project-resources>a[data-v-46f66c3e]{display:inline-flex;align-items:center;gap:8px}.overview-grid[data-v-46f66c3e]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.overview-grid>div[data-v-46f66c3e]{display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--highlight-color);border-radius:10px}.overview-grid>div>div[data-v-46f66c3e]{display:flex;justify-content:space-between;align-items:end}.tech-stack[data-v-46f66c3e]{font-family:monospace}.project-links[data-v-46f66c3e]{display:flex;font-size:20px;gap:15px;margin:0 5px}.footer[data-v-46f66c3e]{margin-top:50px;height:100px;width:100%;display:flex;align-items:center;justify-content:center}@media screen and (max-width:720px){.project-media[data-v-46f66c3e]{grid-template-columns:1fr}.overview-grid[data-v-46f66c3e]{display:grid;grid-template-columns:1fr;gap:30px}.overview-grid>div[data-v-46f66c3e]{display:flex;flex-direction:column;justify-content:space-between;gap:0px;padding:10px;border:none}.overview-grid>div>div[data-v-46f66c3e]{display:flex;justify-content:space-between;align-items:end}}.logo[data-v-113441e9]{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo[data-v-113441e9]:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vue[data-v-113441e9]:hover{filter:drop-shadow(0 0 2em #42b883aa)}