@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&family=Instrument+Sans:wght@400;500;600;700&display=swap");:root{--bg:#0a0a0a;--bg-menu:#111111;--surface:#1a1a1a;--text:#f0f0f0;--text-muted:#888888;--text-dim:#555555;--border:#2a2a2a;--accent:#f0f0f0;--font-display:"Instrument Sans","Inter",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--ease-out:cubic-bezier(0.16,1,0.3,1);--hero-image-width:700px}[data-theme=light]{--bg:#ffffff;--bg-menu:#f5f5f5;--surface:#efefef;--text:#0a0a0a;--text-muted:#555555;--text-dim:#999999;--border:#e0e0e0;--accent:#0a0a0a}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;-webkit-font-smoothing:antialiased;transition:background .3s var(--ease-out),color .3s var(--ease-out);scrollbar-gutter:stable}body{min-height:100vh}a{text-decoration:none}a,button{color:inherit}button{background:none;border:none;cursor:pointer;font:inherit}ul{list-style:none}.t-eyebrow{font-family:var(--font-body);font-size:.7rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.t-display{font-size:clamp(3rem,8vw,6rem);line-height:1;letter-spacing:-.02em}.t-display,.t-nav-large{font-family:var(--font-display);font-weight:400}.t-nav-large{font-size:clamp(1.5rem,2.8vw,2rem);line-height:1.3;letter-spacing:-.01em}.t-body{font-size:.875rem;font-weight:300;line-height:1.7}.t-body,.t-label{font-family:var(--font-body);color:var(--text-muted)}.t-label{font-size:.8rem;font-weight:400}.site-wrapper{position:relative;min-height:100vh;background:var(--bg);transition:background .3s var(--ease-out)}.particles-canvas{inset:0;z-index:-1}.particles-canvas,.topbar{position:fixed;pointer-events:none}.topbar{top:0;left:0;right:0;z-index:50;justify-content:flex-end;padding:1.25rem 2rem}.topbar,.topbar__controls{display:flex;align-items:center}.topbar__controls{gap:2rem;pointer-events:all}.topbar__btn{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:.4rem;transition:color .2s}.topbar__btn:hover{color:var(--text)}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:6rem 2rem 2rem;position:relative}.hero__eyebrow{font-weight:700;letter-spacing:.1em;margin-bottom:.4rem}.hero__name{font-family:var(--font-body);font-weight:300;font-size:clamp(2.5rem,6vw,4.75rem);letter-spacing:-.03em;margin-bottom:2.5rem}.hero__cta{display:flex;gap:1rem;margin-bottom:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2rem;border-radius:999px;font-size:.85rem;font-weight:400;letter-spacing:.02em;transition:all .2s var(--ease-out);white-space:nowrap}.btn--filled{background:var(--text);color:var(--bg)}.btn--filled:hover{opacity:.85;transform:translateY(-1px)}.btn--outline{border:1.5px solid var(--text);color:var(--text)}.btn--outline:hover{background:var(--text);color:var(--bg);transform:translateY(-1px)}.hero__image-wrap{width:100%;max-width:var(--hero-image-width);margin:0 auto;opacity:.9}.hero__image-wrap img{width:100%;height:auto;filter:grayscale(100%)}.hero__image--dark{display:block;mix-blend-mode:screen}.hero__image--light{display:none;mix-blend-mode:multiply}[data-theme=light] .hero__image--dark{display:none}[data-theme=light] .hero__image--light{display:block}.menu-overlay{position:fixed;top:0;left:0;right:0;z-index:100;width:100%;max-height:100vh;background:var(--bg-menu);border-bottom:1px solid var(--border);box-shadow:0 24px 60px rgba(0,0,0,.35);display:flex;flex-direction:column;padding:1rem 2rem 3rem;transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform .4s var(--ease-out),opacity .3s var(--ease-out);overflow-y:auto}.menu-overlay.is-open{transform:translateY(0);opacity:1;pointer-events:all}.menu-overlay__topbar{display:flex;justify-content:flex-end;align-items:center;min-height:1.5rem;margin-bottom:1.5rem}.menu-overlay__close{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:.5rem;transition:color .2s}.menu-overlay__close:hover{color:var(--text)}.menu-overlay__body{display:grid;grid-template-columns:1fr 1.3fr;grid-gap:4rem;gap:4rem;max-width:1400px;width:100%;margin:0 auto;flex:1 1}.menu-overlay__nav{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding-left:1rem}.menu-overlay__nav-link{display:block;padding:.2rem 0;color:var(--text);text-align:left;transition:color .15s}.menu-overlay__nav-link:hover{color:var(--text-muted)}.menu-overlay__bio{container-type:inline-size;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.menu-overlay__bio-name{font-family:var(--font-body);font-size:2rem;font-weight:500;margin-bottom:.4rem}.menu-overlay__bio-eyebrow{font-size:.9rem;margin-bottom:1.25rem}.menu-overlay__social-row{display:grid;grid-template-columns:repeat(4,64px);justify-content:start;grid-gap:2rem;gap:2rem;margin-top:1.5rem}@container (max-width: 351px){.menu-overlay__social-row{grid-template-columns:repeat(2,64px)}}.menu-overlay__social-icon{width:64px;height:64px;color:var(--text);transition:opacity .15s}.menu-overlay__social-icon:hover{opacity:.7}.menu-overlay__divider{max-width:1400px;width:100%;margin:3rem auto 0;border-top:1px solid var(--text)}.bottom-nav{background:transparent;padding:1.6rem 2rem 1.9rem;padding-left:max(2rem,calc((100% - var(--hero-image-width)) / 2 - 5rem));display:flex;gap:5rem}.bottom-nav__col{display:flex;flex-direction:column;gap:.75rem}.bottom-nav__label{color:var(--text-dim);font-size:.625rem;letter-spacing:.14em;text-transform:uppercase}.bottom-nav__link{color:var(--text-muted);font-size:.875rem;width:-moz-fit-content;width:fit-content;padding-bottom:.15rem;border-bottom:1px solid transparent;transition:color .15s}.bottom-nav__link:hover{color:var(--text)}.bottom-nav__link--active{color:var(--text);border-bottom-color:var(--text)}.bottom-nav__icons{display:flex;flex-direction:column;align-items:center;gap:.65rem}.bottom-nav__icon-badge{width:18px;height:18px;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:color .15s}.bottom-nav__icon-badge:hover{color:var(--text)}.page{padding-top:6rem;max-width:1100px;margin:0 auto;padding-left:2rem;padding-right:2rem}.page-hero{margin-bottom:3rem}.page-hero__title{margin-bottom:1.5rem}.page-hero__title--body{font-family:var(--font-body);font-weight:500}.page-hero__title--small{font-size:clamp(1.75rem,4vw,2.5rem)}.page-hero__desc{max-width:46rem;font-size:1rem}.page-hero__desc--white{color:var(--text);font-size:1.1rem}.page-hero__desc--center{margin:0 auto;text-align:center}.page-hero__desc--full{max-width:none;width:100%}.page-hero__divider{margin-top:2rem;border-top:1px solid var(--border)}.about__body{display:flex;gap:3rem;align-items:flex-start;margin-bottom:3rem}.about__text{display:flex;flex-direction:column;gap:1.25rem;flex:1 1}.about__text p{color:var(--text);font-size:1.05rem}.about__portrait{flex-shrink:0}.about__portrait-frame{position:relative;width:160px;height:160px;border-radius:999px;background:var(--surface);border:1px solid var(--border);overflow:hidden}.about__portrait-frame img{object-fit:cover}.about__gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin:0 -4rem 3rem}.about__gallery-item{position:relative;aspect-ratio:3/2;background:var(--surface);border-radius:4px;overflow:hidden}.about__gallery-item img{object-fit:cover;filter:grayscale(100%) contrast(1.05)}.about__gallery-item__img--face{object-position:center 28%;transform:scale(1.2)}.project-detail__body{margin-bottom:3rem}.project-detail__text{width:100%;min-width:0}.project-detail__text p{color:var(--text);font-size:1.05rem;line-height:1.7;margin-bottom:1.1rem}.project-detail__text h1,.project-detail__text h2,.project-detail__text h3{font-family:var(--font-display);color:var(--text);font-weight:500;margin:1.75rem 0 .75rem}.project-detail__text h2{font-size:1.4rem}.project-detail__text h3{font-size:1.15rem}.project-detail__text ol,.project-detail__text ul{color:var(--text);font-size:1.05rem;line-height:1.7;margin:0 0 1.1rem 1.25rem}.project-detail__text li{margin-bottom:.4rem}.project-detail__text strong{color:var(--text);font-weight:600}.project-detail__text code{font-family:monospace;font-size:.9em;background:var(--surface);border-radius:4px;padding:.15em .4em}.project-detail__text a{color:var(--text);text-decoration:underline;text-underline-offset:.2em}.project-detail__text blockquote{border-left:2px solid var(--border);padding-left:1rem;color:var(--text-muted);margin:0 0 1.1rem}.project-detail__banner{position:relative;width:100%;aspect-ratio:3/1;background:var(--border);border-radius:12px;overflow:hidden;margin-bottom:2.5rem}.project-detail__banner img{object-fit:cover}.project-detail__text img{display:block;width:100%;height:auto;margin:1.5rem 0;background:var(--surface);border:1px solid var(--border);border-radius:8px}.project-detail__text p em{color:var(--text-muted)}.project-detail__text table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:0 0 1.5rem;font-size:.95rem;line-height:1.55}.project-detail__text td,.project-detail__text th{border:1px solid var(--border);padding:.55rem .75rem;text-align:left;vertical-align:top;color:var(--text)}.project-detail__text th{background:var(--surface);font-weight:600}.project-detail__text th:empty,.project-detail__text thead tr:empty{padding:0;border-width:0}.project-detail__text pre{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.9rem 1rem;overflow-x:auto;margin:0 0 1.5rem;font-size:.88rem;line-height:1.6}.project-detail__text pre code{background:none;padding:0;font-size:inherit}.project-detail__text hr{border:0;border-top:1px solid var(--border);margin:2.5rem 0}.cv__section{padding:2rem 0}.cv__section--education,.cv__section--roles{width:-moz-fit-content;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto}.cv__divider{border-top:1px solid var(--border)}.cv__experience-list{display:flex;flex-direction:column}.cv-entry{display:flex;justify-content:flex-start;align-items:center;gap:2.5rem;padding:1.75rem 0}.cv-entry__role{flex:0 1 24rem;min-width:0}.cv-entry__degree{font-family:var(--font-display);font-size:clamp(1.15rem,2.2vw,1.5rem);font-weight:400;line-height:1.3;margin-bottom:.4rem}.cv-entry__title{font-family:var(--font-body);font-size:1.35rem;font-weight:500;margin-bottom:.4rem}.cv-entry__note,.cv-entry__org{color:var(--text-muted)}.cv-entry__note{font-size:1.05rem}.cv-entry--education .cv-entry__role{flex:0 1 28rem}.cv-entry__meta{flex-shrink:0;min-width:12rem;text-align:right}.cv-entry__location{color:var(--text-muted)}.cv-entry__location--strong{color:var(--text);font-weight:500;margin-bottom:.35rem}.cv-entry__dates{color:var(--text-muted)}.projects__grid{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem;padding-bottom:4rem}.project-card{display:block;background:var(--surface);border-radius:16px;padding:1rem}.project-card__image{position:relative;width:100%;aspect-ratio:3/1;max-height:320px;background:var(--border);border-radius:12px;overflow:hidden;margin-bottom:1.1rem}.project-card__image img{object-fit:cover}.project-card__year{color:var(--text-dim);margin-bottom:.3rem}.project-card__title{font-family:var(--font-body);font-size:1.3rem;font-weight:500;margin-bottom:.5rem}.project-card__desc{color:var(--text-muted)}.blog-filter-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2.5rem;flex-wrap:wrap}.blog-filter-bar__chips{display:flex;gap:.75rem;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem 1.25rem;border-radius:999px;border:1.5px solid var(--text);font-size:.85rem;font-weight:600;color:var(--text);transition:all .15s}button.chip:hover{opacity:.75}.chip--active{background:var(--text);color:var(--bg)}.chip--static{border-color:var(--border);color:var(--text-muted);font-weight:500;padding:.4rem .9rem;font-size:.75rem}.blog-filter-bar__more{position:relative}.blog-filter-bar__more-menu{position:absolute;top:calc(100% + .5rem);left:0;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.4rem;min-width:140px;z-index:10}.blog-filter-bar__more-item{display:block;width:100%;text-align:left;padding:.5rem .75rem;border-radius:6px;font-size:.85rem}.blog-filter-bar__more-item:hover{background:var(--bg-menu)}.blog-filter-bar__search-btn{color:var(--text-muted)}.blog-filter-bar__search-btn:hover{color:var(--text)}.blog-filter-bar__search-input{background:transparent;border-bottom:1px solid var(--border);padding:.4rem 0;font-size:.9rem;color:var(--text);min-width:200px}.blog__list{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:3rem}.blog__empty{color:var(--text-muted);padding:2rem 0}.blog-row{display:grid;grid-template-columns:1fr 1.3fr;border:1px solid var(--border);min-height:260px}.blog-row__image{position:relative;background:var(--surface)}.blog-row__image img{object-fit:cover}.blog-row__body{padding:2rem;display:flex;flex-direction:column;gap:1rem}.blog-row__heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.blog-row__title{font-family:var(--font-display);font-size:1.7rem;font-weight:400}.blog-row__year{color:var(--text-dim)}.blog-row__desc{color:var(--text-muted);flex:1 1}.blog-row__tags{display:flex;gap:.6rem;flex-wrap:wrap}.blog__pagination{display:flex;align-items:center;justify-content:center;gap:1rem;font-weight:700;padding-bottom:4rem}.blog__pagination button:disabled{opacity:.3;cursor:default}@media (max-width:640px){.topbar{padding:1rem 1.25rem}.topbar__controls{gap:1.25rem}.hero{padding:5rem 1.25rem 2rem}.menu-overlay{padding:1rem 1.25rem 2rem}.menu-overlay__body{grid-template-columns:1fr;gap:2.5rem}.bottom-nav{padding:1.4rem 1.25rem 1.75rem;gap:2.5rem}.page{padding-left:1.25rem;padding-right:1.25rem}.about__body{flex-direction:column-reverse}.project-detail__text table{font-size:.85rem}.project-detail__text pre{font-size:.78rem}.about__gallery{grid-template-columns:1fr;margin-left:0;margin-right:0}.cv__section--education,.cv__section--roles{width:100%}.cv-entry{flex-direction:column;align-items:flex-start;gap:.5rem}.cv-entry--education .cv-entry__role,.cv-entry__role{flex-basis:auto}.cv-entry__meta{text-align:left;min-width:0}.blog-row,.projects__grid{grid-template-columns:1fr}.blog-row__image{min-height:200px}.blog-filter-bar__search-input{min-width:0;width:100%}}@media (prefers-reduced-motion:reduce){.btn,.menu-overlay{transition:none}}