@font-face{font-family:OpenSans Variable;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:#0f110c;--border:#181818;--accent:#00f0b5;--text-muted:#888;--sans:"OpenSans Variable", 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:2.5rem}@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}@media (hover:hover){a:hover{text-decoration:underline}}#app{flex-direction:column;max-width:50rem;min-height:100svh;margin:0 auto;padding:0 1.5rem;display:flex}@media (width<=48em){#app{padding-top:3.5rem}}body:before{content:"";background:linear-gradient(to bottom, var(--bg) 30%, transparent 100%);z-index:49;pointer-events:none;height:5rem;position:fixed;top:0;left:0;right:0}@media (width<=48em){body:before{display:none}}.nav-icon{background-color:currentColor;flex-shrink:0;width:1.75rem;height:1.75rem;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (width<=48em){.nav-icon{width:1.25rem;height:1.25rem}}.nav-icon--home{-webkit-mask-image:url(/images/icons/home.svg);mask-image:url(/images/icons/home.svg)}.nav-icon--projects{-webkit-mask-image:url(/images/icons/projects.svg);mask-image:url(/images/icons/projects.svg)}.nav-icon--about{-webkit-mask-image:url(/images/icons/about.svg);mask-image:url(/images/icons/about.svg)}.nav-icon--message{-webkit-mask-image:url(/images/icons/message.svg);mask-image:url(/images/icons/message.svg)}#site-nav{z-index:50;background:var(--bg);border-bottom:1px solid var(--border);padding:.5rem 1rem;position:fixed;top:0;left:0;right:0}@media (width>=48em){#site-nav{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--border);background:#0f110cbf;border-radius:1rem;width:50rem;padding:.5rem;top:1rem;left:50%;right:auto;transform:translate(-50%)}}nav{gap:.4rem;display:flex}@media (width<=48em){nav{gap:.2rem}}.nav-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.5rem;align-items:center;gap:.4rem;padding:.4rem .75rem;font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:flex;position:relative}@media (width<=48em){.nav-btn{padding:.4rem .5rem}}.nav-btn svg{flex-shrink:0;width:1rem;height:1rem}@media (hover:hover){.nav-btn:hover{color:var(--text-h);text-decoration:none}}.nav-btn.active:not(.nav-btn--cta){color:var(--text-h)}.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{flex-direction:column;justify-content:center;align-items:center;height:100svh;display:flex;position:relative}.hero-inner{align-items:center;gap:4rem;width:100%;display:flex}@media (width<=48em){.hero-inner{text-align:center;flex-direction:column-reverse;gap:2rem}}.hero-content{flex-direction:column;flex:1;align-items:flex-start;gap:.5rem;display:flex}@media (width<=48em){.hero-content{align-items:center}}.hero-name{letter-spacing:-.1rem;color:var(--text-h);margin:1rem 0 .5rem;font-size:3rem}@media (width<=48em){.hero-name{font-size:2.25rem}}.hero-role{color:var(--accent);font-size:1.125rem;font-weight:500}.hero-degree{color:var(--text-muted);font-size:.9375rem;font-weight:400}.hero-location{color:var(--text-muted);font-size:.9375rem}.hero-tagline{flex-direction:column;align-items:flex-start;gap:1rem;margin-top:2.5rem;display:flex}.hero-tagline p{color:var(--text-muted);font-size:1rem;font-size:.9375rem!important}@media (width<=48em){.hero-tagline{align-items:center}}.hero-stack{flex-wrap:wrap;align-items:flex-start;gap:1.5rem;display:flex}@media (width<=48em){.hero-stack{justify-content:center;max-width:16rem}}.stack-item{opacity:.6;cursor:default;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:.4rem;transition:opacity .2s;display:flex}.stack-item img{pointer-events:none;-webkit-user-drag:none;width:2rem;height:2rem}.stack-item span{color:var(--text);white-space:nowrap;font-size:.6875rem}.stack-item:hover{opacity:1}.memory-portal{flex-shrink:0;width:18rem;height:22rem;position:relative}.memory-portal .memory-portal__slide{pointer-events:none;opacity:0;width:100%;height:100%;display:block;position:absolute;inset:0}.memory-portal .memory-portal__slide img{object-fit:cover;-webkit-user-drag:none;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;width:100%;height:100%;animation:9s ease-in-out infinite blob-morph;display:block}.memory-portal .memory-portal__slide.memory-portal__slide--active{opacity:1}.memory-portal.memory-portal--ready .memory-portal__slide{transition:opacity 1s}.memory-portal{-webkit-user-select:none;user-select:none;transition:transform .15s}.memory-portal.memory-portal--pressed{transition:transform .1s ease-in;transform:scale(.94)}@media (width<=48em){.memory-portal{width:11rem;height:14rem}}@keyframes blob-morph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}33%{border-radius:30% 60% 70% 40%/50% 60% 30%}66%{border-radius:50% 60% 30%/30% 40% 70% 50%}}@media (prefers-reduced-motion:reduce){.memory-portal__slide img{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;animation:none}.memory-portal--ready .memory-portal__slide,.memory-portal{transition:none}}.hero-scroll{color:var(--text-muted);white-space:nowrap;flex-direction:column;align-items:center;gap:.35rem;font-size:.8125rem;text-decoration:none;transition:color .2s;display:flex;position:absolute;bottom:2rem}.hero-scroll svg{width:1.125rem;height:1.125rem;animation:2.4s ease-in-out infinite hero-bounce}.hero-scroll:hover{color:var(--text);text-decoration:none}@media (width<=48em){.hero-scroll{display:none}}@keyframes hero-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes nav-shake{0%,to{transform:translate(0)}15%{transform:translate(-4px)}30%{transform:translate(4px)}45%{transform:translate(-3px)}60%{transform:translate(3px)}75%{transform:translate(-1px)}90%{transform:translate(1px)}}.nav-btn--shake{animation:.7s 2 nav-shake}#about,#contact{flex-direction:column;gap:1rem;min-height:100svh;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,#about,#contact{scroll-margin-top:5rem}@media (width<=48em){#projects,#about,#contact{scroll-margin-top:4rem}}#projects{padding:3rem 0}.project-list{flex-direction:column;gap:6rem;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 picture{pointer-events:none;flex-shrink:0;width:18rem;height:12rem;display:block}.project picture img{width:100%;height:100%}.project img{object-fit:cover;-webkit-user-drag:none;pointer-events:none;will-change:transform;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,.project:focus-visible{background:#ffffff0f}:is(.project:hover,.project:focus-visible) img{rotate:0deg;scale:1.04}.project:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.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 picture{width:100%}.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-date{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:-.5rem;font-size:.75rem}.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,.project-info .project-date{flex-shrink:0}.project-info p{min-height:0;color:var(--text-muted);flex:1;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}#contact-overlay{-webkit-backdrop-filter:blur(30px);z-index:100;opacity:0;visibility:hidden;pointer-events:none;background:#0009;justify-content:center;align-items:center;padding:1.5rem;transition:opacity .2s,visibility 0s .2s;display:flex;position:fixed;inset:0}#contact-overlay.open{opacity:1;visibility:visible;pointer-events:all;transition:opacity .2s,visibility}#contact-modal{border:1px solid var(--border);background:#202020;border-radius:1rem;flex-direction:column;gap:1.25rem;width:100%;max-width:26rem;padding:2rem;display:flex;position:relative}#contact-modal .contact-links{margin-top:0}#contact-modal .contact-links a{gap:.6rem}#contact-modal .contact-links a svg{flex-shrink:0;width:1rem;height:1rem}#contact-close{color:var(--text);cursor:pointer;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}#contact-close:hover{background:#ffffff1a}#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;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility 0s .2s}#modal-overlay.open{opacity:1;visibility:visible;pointer-events:all;transition:opacity .2s,visibility}#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:var(--text-muted);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}.cursor-tooltip{z-index:200;pointer-events:none;-webkit-backdrop-filter:blur(8px);color:var(--text);white-space:nowrap;opacity:0;background:#0009;border-radius:2rem;padding:.3rem .75rem;font-size:.75rem;transition:opacity .15s;position:fixed}.cursor-tooltip.visible{opacity:1}