#root{flex-direction:column;min-height:100vh;display:flex}.main-content{width:100%;max-width:var(--content-max-width);box-sizing:border-box;padding:var(--space-5) var(--space-4) var(--space-6);flex:1;margin:0 auto}.home-page-container{text-align:center;padding-top:var(--space-5);flex-direction:column;align-items:center;display:flex}.headshot{object-fit:cover;border:3px solid var(--theme-purple);border-radius:50%;width:12em;height:12em;transition:box-shadow .3s}.headshot:hover{box-shadow:0 0 1.5em var(--theme-purple)}.home-page-container h1{margin-top:var(--space-4);margin-bottom:var(--space-2)}.home-page-text{max-width:34rem;color:var(--theme-muted)}.home-page-text p{margin-bottom:var(--space-3)}.home-page-text p:last-child{margin-bottom:0}.home-divider{margin:var(--space-4) 0;border:none;border-top:1px solid var(--theme-border)}.icon-container{justify-content:center;gap:var(--space-4);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.icon-link{align-items:center;gap:var(--space-1);color:var(--theme-muted);font-size:var(--text-sm);flex-direction:column;transition:color .3s;display:flex}.icon-link:hover{color:var(--theme-white);text-decoration:none}.icon{object-fit:contain;will-change:filter;width:50px;height:50px;transition:filter .3s}.icon-link:hover .icon{filter:drop-shadow(0 0 1em var(--theme-purple))}.button{padding:var(--space-2) var(--space-4);border-radius:var(--radius);background-color:var(--theme-purple);color:var(--theme-white);font-weight:600;display:inline-block}.button:hover{background-color:var(--theme-dark-purple);text-decoration:none}footer{border-top:1px solid var(--theme-border);background-color:var(--theme-surface);color:var(--theme-muted);text-align:center;padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}footer p{margin:0}footer a{text-decoration:underline}@media (width<=768px){.headshot{width:10em;height:10em}.icon{width:36px;height:36px}}nav{z-index:1000;background-color:var(--theme-surface);border-bottom:1px solid var(--theme-border);padding:0 var(--space-4);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.wordmark{color:var(--theme-white);font-weight:700;font-size:var(--text-lg);padding:var(--space-2) 0}.wordmark:hover{color:var(--theme-light-purple);text-decoration:none}nav ul{gap:var(--space-1);margin:0;padding:0;list-style-type:none;display:flex}nav ul a{padding:var(--space-3) var(--space-3);color:var(--theme-muted);text-decoration:none;display:block}nav ul a:hover{color:var(--theme-white);text-decoration:none}nav ul a.active{color:var(--theme-white);box-shadow:inset 0 -3px 0 var(--theme-purple);font-weight:600}.menu-toggle{color:var(--theme-white);padding:var(--space-2);cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1;display:none}@media (width<=768px){nav{flex-wrap:wrap}.menu-toggle{display:block}nav ul{width:100%;padding-bottom:var(--space-2);flex-direction:column;display:none}nav ul.show{display:flex}nav ul a{padding:var(--space-2) var(--space-2)}nav ul a.active{box-shadow:inset 3px 0 0 var(--theme-purple)}}.project-grid{gap:var(--space-4);margin-top:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:0;list-style:none;display:grid}.project-card{background-color:var(--theme-surface);border:1px solid var(--theme-border);border-radius:var(--radius);padding:var(--space-4);flex-direction:column;transition:border-color .2s;display:flex}.project-card:hover{border-color:var(--theme-purple)}.project-card h3{margin:0 0 var(--space-2)}.project-card p{margin:0 0 var(--space-3);color:var(--theme-muted);flex:1}:root{--theme-purple:#646cff;--theme-dark-purple:#363fdb;--theme-light-purple:#9aa0ff;--theme-black:#2d2d2a;--theme-surface:#383836;--theme-border:#4c4c48;--theme-white:#fbfff1;--theme-muted:#b8bcb0;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2.5rem;--space-6:4rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.75rem;--text-2xl:2.5rem;--radius:8px;--content-max-width:56rem;color-scheme:dark}body{min-width:320px;min-height:100vh;color:var(--theme-white);background-color:var(--theme-black);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.6}h1{font-size:var(--text-2xl);margin:0 0 var(--space-4);line-height:1.15}h2{font-size:var(--text-xl);margin:var(--space-5) 0 var(--space-3);line-height:1.25}h3{font-size:var(--text-lg);margin:0 0 var(--space-2);line-height:1.3}p{margin:0 0 var(--space-3)}a{color:var(--theme-light-purple);text-decoration:none}a:hover{text-decoration:underline}@media (width<=768px){:root{--text-2xl:2rem;--text-xl:1.5rem}}