@font-face{font-family:ElmsSans;src:url(/fonts/OpenSans-VariableFont_wdth,wght.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--text:#f5f3f5;--text-h:#fff;--bg:#181818;--border:#2e2e2e;--accent:#00f0b5;--sans:"ElmsSans", system-ui, sans-serif;--mono:ui-monospace, Consolas, monospace;font-family:var(--sans);letter-spacing:.01em;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:145%}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-size:1.125rem}@media (width<=48em){body{font-size:1rem}}h1,h2,h3{color:var(--text-h);margin:0;font-weight:500}h1{letter-spacing:-.1rem;font-size:3rem}@media (width<=48em){h1{font-size:2rem}}h2{letter-spacing:-.03rem;font-size:1.5rem;line-height:1.1}h3{font-size:1.25rem}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}#app{flex-direction:column;max-width:50rem;min-height:100svh;margin:0 auto;padding:0 1.5rem;display:flex}nav{gap:.4rem;padding:1rem 0;display:flex}.nav-btn{color:var(--text);border:1px solid #0000;border-radius:.5rem;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.875rem;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:flex}.nav-btn svg{flex-shrink:0;width:1rem;height:1rem}.nav-btn:hover{color:var(--text-h);background:#ffffff0f;border-color:#444;text-decoration:none}.nav-btn.nav-btn--cta{background:var(--accent);color:var(--bg);border-color:var(--accent);margin-left:auto;font-weight:500}.nav-btn.nav-btn--cta:hover{color:var(--bg);background:#00d9a3;border-color:#00d9a3}#home{text-align:center;padding:6rem 0 4rem}#home .name{color:var(--text);margin-bottom:.5rem;font-size:1.5rem;font-weight:500}#home .role{color:var(--text-h);font-size:1rem}@media (width<=48em){#home{padding:3rem 0 2rem}}#about,#say-hello{flex-direction:column;gap:1rem;padding:3rem 0;display:flex}.contact-links{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.contact-links a{border:1px solid var(--border);color:var(--text);border-radius:.5rem;align-items:center;padding:.5rem 1rem;font-size:.875rem;text-decoration:none;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.contact-links a:hover{color:var(--text-h);background:#ffffff0f;border-color:#444;text-decoration:none}main{flex:1}#projects{padding:3rem 0}.project-list{flex-direction:column;gap:4rem;margin:0;padding:0;list-style:none;display:flex}.project{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:1rem;align-items:center;gap:2.5rem;margin:-1rem;padding:1rem;transition:background .3s;display:flex}.project img{object-fit:cover;-webkit-user-drag:none;pointer-events:none;border-radius:.75rem;flex-shrink:0;width:18rem;height:12rem;transition:rotate .3s,scale .3s;rotate:-2deg}.project img.portrait{width:11rem;height:15rem}.project:hover{background:#ffffff0a}.project:hover img{rotate:0deg;scale:1.04}.project:nth-child(2n){flex-direction:row-reverse}.project:nth-child(2n) img{rotate:2deg}.project:nth-child(2n):hover img{rotate:0deg}@media (width<=48em){.project{gap:1.5rem;flex-direction:column!important}.project img{width:100%;rotate:0deg}.project:nth-child(2n) img{rotate:0deg}}.project-tags{flex-wrap:wrap;gap:.4rem;display:flex;overflow:hidden}.tag{color:var(--bg);white-space:nowrap;border-radius:.75rem;padding:.15rem .6rem;font-size:.75rem;font-weight:600}.tag.tag--school{background-color:#4a9eff}.tag.tag--personal{background-color:var(--accent)}.tag.tag--thesis{background-color:#b07eff}.tag.tag--exchange{background-color:#ff9f4a}.tag.tag--secondary,.tag.tag--overflow{color:var(--text);border:1px solid var(--border);background-color:#0000;font-weight:400}.project-info{flex-direction:column;align-self:flex-start;gap:.75rem;max-height:12rem;display:flex;overflow:hidden}.project-info h2{color:var(--text-h);flex-shrink:0}.project-info .project-tags{flex-shrink:0}.project-info p{color:#888;flex:1;min-height:0;font-size:1rem;overflow:hidden;-webkit-mask-image:linear-gradient(#000 50%,#0000 100%);mask-image:linear-gradient(#000 50%,#0000 100%)}@media (width<=48em){.project-info{align-self:stretch;max-height:none}}.project:has(img.portrait) .project-info{max-height:15rem}#modal-overlay{-webkit-backdrop-filter:blur(30px);z-index:100;background:#0009;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}@media (width<=48em){#modal-overlay{align-items:flex-end;padding:0}}#modal-overlay{opacity:0;pointer-events:none;transition:opacity .2s}#modal-overlay.open{opacity:1;pointer-events:all}#modal{border:1px solid var(--border);background:#202020;border-radius:1rem;width:100%;max-width:50rem;max-height:90svh;position:relative;overflow-y:auto}@media (width<=48em){#modal{border-bottom:none;border-radius:1rem 1rem 0 0;height:92svh}}#modal-close{color:var(--text);cursor:pointer;z-index:1;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.25rem;line-height:1;display:flex;position:absolute;top:.75rem;right:.75rem}#modal-close:hover{color:var(--text-h);background:#000c}#modal-img{object-fit:cover;border-radius:.75rem .75rem 0 0;width:100%;height:22rem;display:block}@media (width<=48em){#modal-img{height:14rem}}.modal-body{flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.project-detail{display:none}#modal-desc{color:#888;flex-direction:column;gap:1rem;font-size:1rem;display:flex}#modal-desc p{margin:0}#modal-desc figure{flex-direction:column;align-items:center;gap:.5rem;margin:0;display:flex}#modal-desc img,#modal-desc figure img{border-radius:.5rem;max-width:60%;margin:0 auto;display:block}@media (width<=48em){#modal-desc img,#modal-desc figure img{max-width:100%}}#modal-desc figcaption{color:#666;text-align:center;font-size:.8rem}