:root{--bg: #d7e2e0;--bg-deep: #c5d4d1;--ink: #14221f;--ink-soft: #3d524c;--muted: #5f736c;--accent: #0f6b61;--accent-soft: rgba(15, 107, 97, .12);--line: rgba(20, 34, 31, .14);--panel: rgba(247, 250, 249, .78);--panel-strong: rgba(247, 250, 249, .92);--shadow: 0 18px 50px rgba(20, 34, 31, .08);--radius: 18px;--font-display: "Bricolage Grotesque", Georgia, serif;--font-body: "Literata", Georgia, serif;--max: 1100px;color:var(--ink);background:var(--bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(ellipse 80% 50% at 10% 0%,rgba(255,255,255,.55),transparent 55%),radial-gradient(ellipse 60% 40% at 90% 10%,rgba(15,107,97,.12),transparent 50%),linear-gradient(180deg,var(--bg) 0%,var(--bg-deep) 100%);color:var(--ink)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E");mix-blend-mode:soft-light;z-index:0}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.18em}button{font:inherit;color:inherit;cursor:pointer}.app{position:relative;min-height:100vh;isolation:isolate}.particle-field{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.particle-field canvas{width:100%!important;height:100%!important}.veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#d7e2e040,#d7e2e08c 42%,#c5d4d1c7)}.nav,main,.footer{position:relative;z-index:2}.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:var(--max);margin:0 auto;padding:1.25rem 1.5rem 0}.nav__mark{font-family:var(--font-display);font-weight:700;font-size:1.15rem;letter-spacing:-.03em;text-decoration:none}.nav__links{display:flex;flex-wrap:wrap;gap:.85rem 1.25rem}.nav__links a{font-size:.95rem;color:var(--ink-soft);text-decoration:none}.nav__links a:hover{color:var(--ink)}.language-switcher{display:flex;gap:.5rem}.language-switcher__btn{min-width:2.2rem;height:2.2rem;padding:0 .5rem;border-radius:6px;border:1px solid var(--line);font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:.08em;background:transparent;color:var(--ink-soft);transition:background .2s ease,color .2s ease,border-color .2s ease}.language-switcher__btn:hover{border-color:var(--ink-soft);color:var(--ink)}.language-switcher__btn--active{background:var(--ink);color:#f4faf8;border-color:var(--ink)}.language-switcher__btn--active:hover{background:#0c1714}.hero{max-width:var(--max);margin:0 auto;min-height:calc(100vh - 4.5rem);display:flex;flex-direction:column;justify-content:flex-end;padding:4rem 1.5rem 4.5rem;animation:rise .9s ease both}.hero__brand{margin:0 0 1rem;font-family:var(--font-display);font-size:clamp(3.4rem,10vw,7.5rem);font-weight:700;line-height:.92;letter-spacing:-.05em}.hero__title{margin:0;max-width:16ch;font-family:var(--font-display);font-size:clamp(1.55rem,3.2vw,2.35rem);font-weight:600;line-height:1.15;letter-spacing:-.03em}.hero__lede{margin:1.1rem 0 0;max-width:38ch;font-size:1.08rem;line-height:1.55;color:var(--ink-soft)}.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.hero__image{width:240px;height:240px;border-radius:50%;object-fit:cover;border:6px solid rgba(247,250,249,.9);box-shadow:0 20px 60px #14221f14;transition:transform .3s ease,box-shadow .3s ease}.hero__image:hover{transform:scale(1.05);box-shadow:0 28px 70px #14221f1f}@media(max-width:860px){.hero__profile--top{position:relative;top:auto;margin-bottom:2rem;order:-1}.hero__image{width:180px;height:180px;border-width:4px}}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.7rem 1.15rem;border-radius:999px;border:1px solid transparent;font-family:var(--font-display);font-size:.98rem;font-weight:600;letter-spacing:-.01em;text-decoration:none;transition:transform .2s ease,background .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--ink);color:#f4faf8}.btn--primary:hover{background:#0c1714}.btn--ghost{background:transparent;border-color:var(--line);color:var(--ink)}.btn--ghost:hover{background:#f7faf98c}.section{max-width:var(--max);margin:0 auto;padding:4.5rem 1.5rem}.section__head{max-width:40rem;margin-bottom:1.75rem}.eyebrow{margin:0 0 .55rem;font-family:var(--font-display);font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.section h2{margin:0;font-family:var(--font-display);font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.15;letter-spacing:-.03em}.section__lede{margin:.85rem 0 0;color:var(--ink-soft);line-height:1.55;max-width:70ch}.filters{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1.5rem}.chip{border:1px solid var(--line);background:#f7faf98c;border-radius:999px;padding:.45rem .9rem;font-family:var(--font-display);font-size:.9rem;font-weight:600;color:var(--ink-soft);transition:background .2s ease,color .2s ease,border-color .2s ease}.chip:hover{color:gray}.chip--active{background:var(--ink);border-color:var(--ink);color:#f4faf8}.projects{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.5fr);gap:1rem 1.25rem;align-items:start}.project-list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.project-item{width:100%;text-align:left;border:1px solid transparent;background:transparent;border-radius:14px;padding:.55rem .75rem;transition:background .2s ease,border-color .2s ease,transform .2s ease;font-size:.95rem}.project-item:hover{background:#f7faf98c}.project-item--active{background:var(--panel);border-color:var(--line);box-shadow:var(--shadow);transform:translate(2px)}.project-item__meta,.project-detail__meta{display:flex;gap:.65rem;align-items:center;margin-bottom:.25rem;font-size:.72rem;color:var(--muted)}.kind{display:inline-flex;padding:.12rem .45rem;border-radius:999px;background:transparent;color:inherit;font-family:var(--font-display);font-weight:600;text-transform:uppercase}.project-item__title{display:block;font-family:var(--font-display);font-size:.95rem;font-weight:600;letter-spacing:-.02em}.project-detail{position:sticky;top:1.25rem;padding:1.35rem 1.4rem 1.5rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-strong);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fade .35s ease both}.project-detail__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.project-detail__head{flex:1}.project-detail h3{margin:.15rem 0 .7rem;font-family:var(--font-display);font-size:1.55rem;letter-spacing:-.03em}.project-detail p{margin:0;color:var(--ink-soft);line-height:1.6}.project-detail__summary{margin:0 0 1rem;font-weight:600;color:var(--ink)}.project-detail__action,.project-detail__video-link{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 .8rem;border-radius:999px;border:1px solid var(--line);background:#f7faf98c;color:var(--ink);text-decoration:none;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:lowercase;transition:background .2s ease,border-color .2s ease,transform .2s ease;flex-shrink:0}.project-detail__action:hover,.project-detail__video-link:hover{background:var(--panel);border-color:var(--ink-soft);transform:translateY(-1px)}.project-detail__action--itch,.project-detail__action--info{text-transform:lowercase}.project-detail__action--itch:before{content:"Itch.io"}.project-detail__action--info svg{width:1.2rem;height:1.2rem}.project-detail__description{margin:1.25rem 0;color:var(--ink-soft);line-height:1.65}.project-detail__description p{margin:0 0 .85rem;color:var(--ink-soft)}.project-detail__description p:last-child{margin-bottom:0}.project-detail__carousel{margin:1.5rem 0}.tag-row{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:1.1rem 0 0;padding:0}.tag-row li{padding:.28rem .6rem;border-radius:999px;border:1px solid var(--line);font-size:.82rem;color:var(--muted)}.carousel{position:relative;width:100%;border-radius:12px;overflow:hidden;background:var(--bg-deep)}.carousel__container{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden}.carousel__image{width:100%;height:100%;object-fit:cover;display:block}.carousel__control{position:absolute;top:50%;transform:translateY(-50%);width:2.2rem;height:2.2rem;border:none;border-radius:50%;background:#14221f8c;color:#f4faf8;font-size:0;cursor:pointer;transition:all .3s ease;z-index:2;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.carousel:hover .carousel__control{opacity:1}.carousel__control:hover{background:#14221fd9;transform:translateY(-50%) scale(1.05)}.carousel__control:before{content:"";width:.5rem;height:.5rem;border-left:1.5px solid #f4faf8;border-top:1.5px solid #f4faf8}.carousel__control--prev{left:.85rem}.carousel__control--prev:before{transform:rotate(-45deg)}.carousel__control--next{right:.85rem}.carousel__control--next:before{transform:rotate(135deg)}.carousel__indicators{position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:2;opacity:0;transition:opacity .3s ease}.carousel:hover .carousel__indicators{opacity:1}.carousel__indicator{width:.5rem;height:.5rem;border-radius:50%;border:none;background:#f7faf966;cursor:pointer;transition:background .2s ease,transform .2s ease;padding:0}.carousel__indicator:hover{background:#f7faf9a6}.carousel__indicator--active{background:#f4faf8}.writing-year-node{border-radius:999px;height:1.9rem;width:fit-content;white-space:nowrap;padding:.45rem .7rem .3rem;background:#f7faf999;border:1px solid var(--line);color:var(--ink-soft);font-family:var(--font-display);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease;margin-top:1rem}.writing-year-node:hover{color:var(--ink);background:#f7faf9cc}.writing-year-node.expanded{background:var(--ink);border-color:var(--ink);color:#f4faf8}.writing-list{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}.writing-item__body{grid-column:2 / -1;transition:opacity .2s ease,transform .2s ease}.writing-item__body.collapsed{opacity:0;transform:translate(10px)}.writing-year-content{display:block;padding-left:1rem;border-left:2px solid var(--line);animation:slideDown .25s ease both}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.kind--article,.kind--conference,.kind--poster{text-transform:uppercase}.writing-item__kind{margin:0;display:inline-flex;padding:1rem .2rem;border-radius:999px;font-family:var(--font-display);font-size:1rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase}.writing-item__kind--article{color:#0d7a72}.writing-item__kind--conference{color:#9c5c65}.writing-item__kind--poster{color:#8b6648}.writing-item__body h3{margin:0;font-family:var(--font-display);font-size:1.15rem;letter-spacing:-.02em;line-height:1.3}.writing-item__venue{margin-bottom:2rem;margin-top:0;color:var(--ink-soft);line-height:1.45}.section--about{padding-bottom:3rem}.social-links{display:flex;flex-wrap:wrap;gap:.6rem}.social-link{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:.45rem .9rem;border-radius:999px;border:1px solid var(--line);background:#f7faf959;color:var(--ink-soft);text-decoration:none;font-size:.85rem;font-family:var(--font-display);transition:background .2s ease,border-color .2s ease,transform .2s ease}.social-link:hover{background:#f7faf9a6;border-color:var(--ink-soft);transform:translateY(-1px)}.social-link svg{flex-shrink:0}.social-link--linkedin:hover{background:#0a66c2;border-color:#0a66c2;color:#fff}.social-link--researchgate:hover{background:#146eb8;border-color:#146eb8;color:#fff}.social-link--googlescholar:hover{background:#4285f4;border-color:#4285f4;color:#fff}.social-link--email:hover{background:#ea4335;border-color:#ea4335;color:#fff}.footer{max-width:var(--max);margin:0 auto;padding:1.5rem 1.5rem 2.5rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:var(--muted);font-size:.92rem;border-top:1px solid var(--line)}.footer a{color:var(--ink-soft);text-decoration:none}.footer a:hover{color:var(--ink)}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:860px){.projects{grid-template-columns:1fr}.project-detail{position:static}.hero{min-height:calc(100svh - 4.5rem);justify-content:center;padding-top:5rem}}@media(max-width:560px){.writing-item{grid-template-columns:1fr;gap:.25rem}.nav{align-items:flex-start;flex-direction:column;gap:.75rem}.language-switcher{align-self:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero,.project-detail,.btn,.project-item,.writing-item{animation:none!important;transition:none!important}.particle-field{display:none}}