@charset "UTF-8";:root{--font-sans:"Geist",system-ui,-apple-system,sans-serif;--font-serif:"Instrument Serif",Georgia,serif;--font-mono:"JetBrains Mono",monospace;--r-sm:10px;--r-md:16px;--r-lg:24px;--r-xl:32px;--r-pill:100px;--glass-blur:blur(24px) saturate(180%);--glass-blur-strong:blur(34px) saturate(200%);--chip-bg:rgba(0,0,0,.5);--chip-border:hsla(0,0%,100%,.18);--chip-fg:#fff;--tr-fast:.16s cubic-bezier(.4,0,.2,1);--tr-base:.36s cubic-bezier(.4,0,.2,1);--tr-spring:.52s cubic-bezier(.16,1,.3,1)}:root,[data-theme=dark]{color-scheme:dark;--bg:#0a0a0c;--bg-elev:#141417;--bg-tint:#1b1b1f;--text:#f3f2ef;--text-2:#bcbab4;--text-3:#87857e;--line:hsla(0,0%,100%,.08);--line-2:hsla(0,0%,100%,.14);--line-3:hsla(0,0%,100%,.24);--accent:#e0936f;--accent-2:#7f9cbe;--surface-1:hsla(0,0%,100%,.045);--surface-2:hsla(0,0%,100%,.09);--inset-hi:hsla(0,0%,100%,.06);--glass-1:rgba(18,18,22,.55);--glass-2:rgba(18,18,22,.62);--glass-3:rgba(10,10,12,.82);--scrim:rgba(4,4,6,.72);--scrim-strong:rgba(4,4,6,.92);--sh-card:0 1px 0 var(--inset-hi) inset,0 8px 32px rgba(0,0,0,.34);--sh-card-hover:0 1px 0 hsla(0,0%,100%,.08) inset,0 18px 48px rgba(0,0,0,.46);--sh-float:0 1px 0 var(--inset-hi) inset,0 14px 44px rgba(0,0,0,.5);--sh-nav:0 1px 0 var(--inset-hi) inset,0 12px 40px rgba(0,0,0,.45);--progress-glow:color-mix(in srgb,var(--accent) 50%,transparent);--hero-grad:linear-gradient(120deg,#f3f2ef,#e3bda8 52%,#a9c2dd);--logo-invert:1;--wash-1:radial-gradient(circle at center,#c97a5e 0%,#9e5d6b 50%,transparent 72%);--wash-1-o:.16;--wash-2:radial-gradient(circle at center,#4f6884 0%,#3d5266 55%,transparent 72%);--wash-2-o:.15;--wash-3:radial-gradient(circle at center,#c69770 0%,#8b6448 60%,transparent 78%);--wash-3-o:.09;--wash-4:radial-gradient(circle at center,#6e8478 0%,#4a5e58 60%,transparent 75%);--wash-4-o:.08;--veil-top:rgba(10,10,12,.3);--veil-bottom:rgba(10,10,12,.5)}[data-theme=light]{color-scheme:light;--bg:#fbfbfa;--bg-elev:#fff;--bg-tint:#f3f2ef;--text:#1c1b18;--text-2:#5a564d;--text-3:#918c82;--line:rgba(20,18,14,.1);--line-2:rgba(20,18,14,.15);--line-3:rgba(20,18,14,.26);--accent:#c0613f;--accent-2:#4a6b91;--surface-1:rgba(20,18,14,.035);--surface-2:rgba(20,18,14,.075);--inset-hi:hsla(0,0%,100%,.7);--glass-1:hsla(0,0%,100%,.62);--glass-2:hsla(0,0%,100%,.7);--glass-3:hsla(0,0%,100%,.86);--scrim:rgba(28,27,24,.42);--scrim-strong:rgba(20,19,17,.8);--sh-card:0 1px 0 var(--inset-hi) inset,0 6px 24px rgba(40,35,28,.08);--sh-card-hover:0 1px 0 var(--inset-hi) inset,0 16px 40px rgba(40,35,28,.14);--sh-float:0 1px 0 var(--inset-hi) inset,0 12px 36px rgba(40,35,28,.14);--sh-nav:0 1px 0 var(--inset-hi) inset,0 10px 34px rgba(40,35,28,.12);--progress-glow:color-mix(in srgb,var(--accent) 35%,transparent);--hero-grad:linear-gradient(120deg,#2a2723,#b05c3c 50%,#3f618a);--logo-invert:0;--wash-1:radial-gradient(circle at center,#e8a07f 0%,#d98a96 50%,transparent 72%);--wash-1-o:.16;--wash-2:radial-gradient(circle at center,#8fb0d4 0%,#7d9ec0 55%,transparent 72%);--wash-2-o:.16;--wash-3:radial-gradient(circle at center,#e0bd9b 0%,#cda37e 60%,transparent 78%);--wash-3-o:.12;--wash-4:radial-gradient(circle at center,#a9c2b3 0%,#8fb0a0 60%,transparent 75%);--wash-4-o:.1;--veil-top:hsla(0,0%,100%,.5);--veil-bottom:hsla(0,0%,100%,.65)}.theme-anim,.theme-anim *,.theme-anim :after,.theme-anim :before{transition:background-color var(--tr-base),background-image var(--tr-base),border-color var(--tr-base),color var(--tr-base),fill var(--tr-base),stroke var(--tr-base),box-shadow var(--tr-base)!important}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body.modal-open{overflow:hidden}body{font-family:var(--font-sans);background:var(--bg);font-size:15px;line-height:1.6;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh;position:relative;overflow-x:hidden;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}.skip-link,body{color:var(--text)}.skip-link{position:fixed;top:10px;left:50%;transform:translate(-50%,-150%);z-index:300;background:var(--bg-elev);border:1px solid var(--line-3);padding:10px 18px;border-radius:var(--r-pill);font-size:13px;font-family:var(--font-mono);transition:transform var(--tr-base)}.skip-link:focus{transform:translate(-50%);outline:none}.scroll-progress{position:fixed;top:0;left:0;height:2px;width:0;z-index:250;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:0 0 12px var(--progress-glow);transition:width .12s linear;pointer-events:none}.nav,footer,main{position:relative;z-index:1}img{max-width:100%;display:block}a{text-decoration:none;transition:color var(--tr-fast)}a,button{color:inherit}button{font-family:inherit;border:none;background:none;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.filter-btn:focus-visible,.nav-link:focus-visible{outline-offset:-2px;border-radius:var(--r-pill)}.reveal{opacity:0;transform:translateY(16px);transition:opacity .62s cubic-bezier(.16,1,.3,1),transform .62s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.reveal.in{opacity:1;transform:translateY(0)}main{max-width:1120px;margin:0 auto;padding:124px 40px 120px}.page{display:none}.page.active{display:block}h1,h2,h3,h4{font-weight:500;letter-spacing:-.025em;line-height:1.15;color:var(--text)}.serif{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.015em}.label{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.06em;color:var(--text-3);text-transform:uppercase}.section-title{display:grid;grid-template-columns:60px 1fr auto;gap:24px;align-items:baseline;margin-bottom:44px;padding-bottom:18px;border-bottom:1px solid var(--line)}.section-num{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--accent);letter-spacing:.04em}.section-title h2{font-size:23px;font-weight:500;font-family:var(--font-sans);letter-spacing:-.02em}.page-header{margin-bottom:60px;padding-top:12px;max-width:800px}.page-header .label{margin-bottom:20px;display:inline-flex;align-items:center;gap:10px}.page-header .label:before{content:"";width:20px;height:1px;background:linear-gradient(90deg,var(--accent),transparent)}.page-header h1{font-size:clamp(34px,4.6vw,54px);font-weight:400;margin-bottom:20px;line-height:1.04;letter-spacing:-.028em}.page-header h1 .serif{font-size:1em;letter-spacing:-.02em}.page-header p{color:var(--text-2);font-size:17px;line-height:1.55;font-weight:300;max-width:600px;letter-spacing:-.01em}::-moz-selection{background:var(--accent);color:var(--bg)}::selection{background:var(--accent);color:var(--bg)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--line-3)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.project.enter,.reveal{opacity:1;transform:none}.bg-wash .wash,.bg-wash:after,.bg-wash:before{animation:none}}.bg-wash{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.bg-wash:after,.bg-wash:before,.bg-wash>.wash{content:"";position:absolute;border-radius:50%;filter:blur(140px);will-change:transform}.bg-wash:before{width:62vw;height:62vw;top:-30vw;right:-18vw;background:var(--wash-1);opacity:var(--wash-1-o);animation:drift1 34s ease-in-out infinite}.bg-wash:after{width:58vw;height:58vw;bottom:-28vw;left:-15vw;background:var(--wash-2);opacity:var(--wash-2-o);animation:drift2 40s ease-in-out infinite}.bg-wash .wash-3{width:52vw;height:52vw;top:38%;left:50%;transform:translate(-50%,-50%);background:var(--wash-3);opacity:var(--wash-3-o);animation:drift3 46s ease-in-out infinite;filter:blur(160px)}.bg-wash .wash-4{width:40vw;height:40vw;top:55%;right:12%;background:var(--wash-4);opacity:var(--wash-4-o);animation:drift4 38s ease-in-out infinite;filter:blur(150px)}@keyframes drift1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-6vw,5vh) scale(1.06)}}@keyframes drift2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(8vw,-3vh) scale(1.08)}}@keyframes drift3{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-44%,-54%) scale(1.1)}}@keyframes drift4{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-5vw,-6vh) scale(.95)}}.bg-wash-overlay{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 35%,var(--bg) 100%),linear-gradient(180deg,var(--veil-top) 0,transparent 25%,transparent 75%,var(--veil-bottom) 100%)}.bg-wash-overlay:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/></svg>");opacity:.038;mix-blend-mode:overlay}.nav{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:100;background:var(--glass-1);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--line-2);border-radius:var(--r-pill);box-shadow:var(--sh-nav);padding:8px;transition:transform var(--tr-base),box-shadow var(--tr-base),opacity var(--tr-base)}.nav.nav-hidden{transform:translate(-50%) translateY(-150%);opacity:0}.nav-inner{display:flex;align-items:center;gap:5px;padding:0}.nav-brand{font-family:var(--font-sans);font-size:14.5px;font-weight:500;color:var(--text);padding:11px 18px 11px 20px;letter-spacing:-.01em;white-space:nowrap}.nav-divider{width:1px;height:22px;background:var(--line-2);margin:0 3px}.nav-links{display:flex;gap:2px;position:relative}.nav-indicator{position:absolute;top:0;left:0;height:100%;border-radius:var(--r-pill);background:var(--surface-2);box-shadow:0 1px 0 var(--inset-hi) inset;transition:transform var(--tr-spring),width var(--tr-spring);z-index:0;pointer-events:none}.lang-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:var(--r-pill);color:var(--text-2);font-family:var(--font-mono);font-size:13px;font-weight:500;letter-spacing:.04em;flex-shrink:0;transition:color var(--tr-fast),background var(--tr-fast)}.lang-toggle:hover{color:var(--text);background:var(--surface-2)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-left:2px;border-radius:var(--r-pill);color:var(--text-2);position:relative;flex-shrink:0;transition:color var(--tr-fast),background var(--tr-fast)}.theme-toggle:hover{color:var(--text);background:var(--surface-2)}.theme-toggle svg{width:18px;height:18px;position:absolute;transition:opacity var(--tr-base),transform var(--tr-base)}.theme-toggle .icon-sun{opacity:1;transform:rotate(0) scale(1)}.theme-toggle .icon-moon{opacity:0;transform:rotate(-90deg) scale(.5)}[data-theme=light] .theme-toggle .icon-sun{opacity:0;transform:rotate(90deg) scale(.5)}[data-theme=light] .theme-toggle .icon-moon{opacity:1;transform:rotate(0) scale(1)}.nav-link{padding:11px 18px;font-size:14.5px;color:var(--text-2);border-radius:var(--r-pill);position:relative;z-index:1;transition:color var(--tr-fast)}.nav-link.active,.nav-link:hover{color:var(--text)}.hero{display:grid;gap:30px;padding-top:20px;margin-bottom:112px}.hero-tagline{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;color:var(--text-3);text-transform:uppercase;display:inline-flex;align-items:center;gap:10px}.hero-tagline:before{content:"";width:22px;height:1px;background:linear-gradient(90deg,var(--accent),transparent)}.hero-name{font-size:clamp(42px,7.4vw,78px);font-weight:400;letter-spacing:-.038em;line-height:.98;color:var(--text)}.hero-name .grad{background:var(--hero-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-bottom{display:grid;grid-template-columns:220px 1fr auto;gap:48px;align-items:center;margin-top:14px;padding-top:34px;border-top:1px solid var(--line)}.hero-photo{width:220px;height:220px;border-radius:var(--r-lg);overflow:hidden;position:relative}.hero-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--tr-spring),filter var(--tr-base);filter:grayscale(.1)}.hero-photo:hover img{transform:scale(1.04);filter:grayscale(0)}.hero-bio{font-size:18.5px;line-height:1.62;color:var(--text-2);max-width:560px;font-weight:300;letter-spacing:-.012em;padding-top:2px}.hero-bio strong{color:var(--text);font-weight:500}.hero-bio em{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--text)}.hero-meta{gap:16px;font-size:13px;color:var(--text-2);align-items:flex-end;text-align:right;padding-top:2px}.hero-meta,.hero-meta-row{display:flex;flex-direction:column}.hero-meta-row{gap:5px}.hero-meta-row .label{font-size:10px}.hero-meta-row span:not(.label){color:var(--text);font-size:14px}.disciplines{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.discipline{background:var(--glass-2);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--line-2);border-radius:var(--r-lg);padding:32px;display:flex;flex-direction:column;gap:12px;transition:transform var(--tr-base),border-color var(--tr-base),background var(--tr-base),box-shadow var(--tr-base);box-shadow:var(--sh-card);position:relative;overflow:hidden}.discipline:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0),color-mix(in srgb,var(--accent) 12%,transparent),transparent 60%);opacity:0;transition:opacity var(--tr-base);pointer-events:none}.discipline:hover{transform:translateY(-4px);border-color:var(--line-3);background:var(--glass-1);box-shadow:var(--sh-card-hover)}.discipline:hover:before{opacity:1}.discipline-num{font-family:var(--font-mono);font-size:11px;color:var(--accent);letter-spacing:.04em}.discipline h3{font-size:18px;font-weight:500;letter-spacing:-.015em}.discipline p{color:var(--text-2);font-size:14.5px;line-height:1.65;margin-top:2px}.resume-block{margin-bottom:56px}.timeline{display:flex;flex-direction:column;background:var(--glass-2);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--line-2);border-radius:var(--r-lg);padding:8px 28px;box-shadow:var(--sh-card)}.timeline-item{display:grid;grid-template-columns:110px 96px 1fr;grid-template-areas:"date logo head" "date logo body";-moz-column-gap:22px;column-gap:22px;row-gap:0;padding:22px 0;border-top:1px solid var(--line);align-items:start}.timeline-item:first-child{border-top:none}.timeline-item:hover .timeline-logo{transform:scale(1.06);border-color:var(--line-3)}.timeline-date{grid-area:date;font-family:var(--font-mono);font-size:12px;color:var(--text-2);padding-top:6px;letter-spacing:.01em}.timeline-logo{grid-area:logo;width:96px;height:72px;border-radius:var(--r-md);background:#f6f5f1;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;padding:11px 13px;overflow:hidden;flex-shrink:0;box-shadow:0 1px #ffffff80 inset,var(--sh-card);transition:transform var(--tr-base),border-color var(--tr-base)}.timeline-logo.wide{padding:9px 6px}.timeline-logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.timeline-logo.app{padding:0;background:transparent}.timeline-logo.app img{-o-object-fit:cover;object-fit:cover}.timeline-logo.empty{background:transparent;border-style:dashed;border-color:var(--line)}.timeline-logo.empty:before{content:"";width:6px;height:6px;background:var(--text-3);border-radius:50%;opacity:.3}.timeline-logo-stack{grid-area:logo;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.timeline-head{grid-area:head}.timeline-head h3{font-size:16px;font-weight:500;margin-bottom:4px;padding-top:2px}.timeline-org{display:block;color:var(--text-2);font-size:13.5px}.timeline-body{grid-area:body;margin-top:10px}.timeline-body p{color:var(--text-2);font-size:14.5px;line-height:1.65;max-width:680px}.timeline-body p+p{margin-top:8px}.timeline-body ul{list-style:none;margin-top:12px;display:flex;flex-direction:column;gap:8px}.timeline-body li{position:relative;padding-left:18px;color:var(--text-2);font-size:14.5px;line-height:1.6;max-width:680px}.timeline-body li:before{content:"—";position:absolute;left:0;color:var(--accent)}.timeline-body .note{font-family:var(--font-serif);font-style:normal;font-size:15px;color:var(--text-2);margin-top:12px;padding-left:16px;border-left:2px solid var(--accent);line-height:1.6}.timeline-stack{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.timeline-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;line-height:1;color:var(--text-3);background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-pill);padding:5px 9px 5px 7px;white-space:nowrap;transition:color var(--tr-fast),border-color var(--tr-fast),background var(--tr-fast)}.timeline-tag.no-icon{padding:5px 9px}.timeline-tag img{width:13px;height:13px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.timeline-tag img[data-invert]{filter:invert(var(--logo-invert)) brightness(.95)}.timeline-tag:hover{color:var(--text-2);border-color:var(--line-2);background:var(--surface-2)}.skills-list{display:flex;flex-direction:column;background:var(--glass-2);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--line-2);border-radius:var(--r-lg);padding:4px 28px;box-shadow:var(--sh-card)}.skill-row{padding:22px 0;display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:start;border-top:1px solid var(--line)}.skill-row:first-child{border-top:none}.skill-row h4{font-size:13px;font-weight:500;padding-top:6px;color:var(--text)}.skill-tags{display:flex;flex-wrap:wrap;gap:6px}.skill-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;background:var(--surface-1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--line-2);border-radius:var(--r-pill);font-size:12.5px;font-family:var(--font-mono);color:var(--text-2);transition:color var(--tr-fast),border-color var(--tr-fast),background var(--tr-fast),transform var(--tr-fast)}.skill-pill:hover{color:var(--text);border-color:var(--line-3);background:var(--surface-2);transform:translateY(-2px)}.skill-pill img{width:16px;height:16px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.skill-pill img[data-invert]{filter:invert(var(--logo-invert)) brightness(.95)}.skill-pill.no-icon{padding-left:12px}.portfolio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px;flex-wrap:wrap}.filter-bar{display:flex;flex:1 1 auto;min-width:0;flex-wrap:nowrap;gap:2px;padding:7px 10px;background:var(--glass-2);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--line-2);border-radius:var(--r-pill);box-shadow:var(--sh-card);position:relative;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.filter-bar::-webkit-scrollbar{display:none}.filter-bar.is-scrollable{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent)}.filter-bar.is-scrollable.at-start{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 22px),transparent)}.filter-bar.is-scrollable.at-end{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22px,#000);mask-image:linear-gradient(90deg,transparent 0,#000 22px,#000)}.filter-indicator{position:absolute;top:7px;left:0;height:calc(100% - 14px);border-radius:var(--r-pill);background:var(--surface-2);box-shadow:0 1px 0 var(--inset-hi) inset;transition:transform var(--tr-spring),width var(--tr-spring);z-index:0;pointer-events:none}.filter-btn{padding:8px 13px;font-size:12.5px;color:var(--text-3);font-family:var(--font-mono);border-radius:var(--r-pill);position:relative;z-index:1;flex-shrink:0;transition:color var(--tr-fast);white-space:nowrap}.filter-btn:hover{color:var(--text-2)}.filter-btn.active{color:var(--text)}.filter-btn .count{font-size:10px;opacity:.6;margin-left:5px}.portfolio-count{font-family:var(--font-mono);font-size:11.5px;color:var(--text-3);letter-spacing:.02em;white-space:nowrap}.portfolio-count b{color:var(--text-2);font-weight:500}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 24px}.project{display:flex;flex-direction:column;gap:14px;cursor:pointer;text-align:left;width:100%;transition:opacity var(--tr-base),transform var(--tr-base)}.project.hiding{opacity:0;transform:scale(.96);pointer-events:none}.project.hidden{display:none}.project.enter{opacity:0;transform:translateY(14px)}.project.enter.in{opacity:1;transform:translateY(0);transition:opacity .56s cubic-bezier(.16,1,.3,1),transform .56s cubic-bezier(.16,1,.3,1)}.project:hover .project-image{border-color:var(--line-3);box-shadow:var(--sh-card-hover);transform:translateY(-4px)}.project:hover .project-image-inner{transform:scale(1.05);filter:grayscale(0)}.project:focus-visible .project-view,.project:hover .project-view{opacity:1;transform:translateY(0)}.project:hover .project-title{color:var(--accent)}.project-image{aspect-ratio:4/3;border-radius:var(--r-md);overflow:hidden;background:var(--bg-elev);border:1px solid var(--line-2);position:relative;box-shadow:0 1px 0 var(--inset-hi) inset;transition:border-color var(--tr-base),box-shadow var(--tr-base),transform var(--tr-base)}.project-image-inner{width:100%;height:100%;background-size:cover;background-position:50%;transition:transform .64s cubic-bezier(.4,0,.2,1),filter var(--tr-base);filter:grayscale(.14)}.project-view{bottom:12px;right:12px;letter-spacing:.06em;padding:5px 11px;opacity:0;transform:translateY(6px);transition:opacity var(--tr-base),transform var(--tr-base)}.project-num,.project-view{position:absolute;z-index:2;font-family:var(--font-mono);font-size:10px;color:var(--chip-fg);background:var(--chip-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--r-pill);border:1px solid var(--chip-border)}.project-num{top:12px;left:12px;letter-spacing:.08em;padding:4px 10px}.project-meta{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:0 4px}.project-title{font-size:15px;font-weight:500;letter-spacing:-.015em;transition:color var(--tr-fast)}.project-year{font-size:11px;flex-shrink:0}.project-tags,.project-year{font-family:var(--font-mono);color:var(--text-3)}.project-tags{font-size:11.5px;margin-top:4px;padding:0 4px}.portfolio-empty{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--text-3);font-family:var(--font-mono);font-size:13px}.contact-intro{font-family:var(--font-serif);font-style:italic;font-size:23px;line-height:1.45;color:var(--text-2);max-width:640px;margin-bottom:40px;letter-spacing:-.01em}.contact-intro strong{color:inherit;font-style:inherit;font-family:inherit;font-weight:400;font-size:inherit}.contact-list{display:flex;flex-direction:column;background:var(--glass-2);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--line-2);border-radius:var(--r-lg);padding:4px 28px;max-width:640px;box-shadow:var(--sh-card)}.contact-row{padding:22px 0;display:grid;grid-template-columns:110px 1fr auto;gap:24px;align-items:baseline;border-top:1px solid var(--line)}.contact-row:first-child{border-top:none}.contact-row .label{padding-top:4px}.contact-row a,.contact-row>span:not(.label){font-size:18px;color:var(--text);font-weight:400;letter-spacing:-.015em}.contact-row a:hover{color:var(--accent)}.contact-row .copy-hint{font-family:var(--font-mono);font-size:10px;color:var(--text-3)}.contact-row a.copy-hint-link{font-size:11px;font-weight:400;letter-spacing:.02em;color:var(--text-3);white-space:nowrap;transition:color var(--tr-fast)}.contact-row a.copy-hint-link:hover{color:var(--accent)}.contact-action{display:inline-flex;align-items:center;gap:8px}.copy-btn{font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:var(--text-3);border:1px solid var(--line-2);border-radius:var(--r-pill);padding:4px 10px;transition:color var(--tr-fast),border-color var(--tr-fast),background var(--tr-fast)}.copy-btn:hover{color:var(--text);border-color:var(--line-3);background:var(--surface-1)}.copy-btn.copied{color:var(--accent);border-color:var(--accent)}.contact-socials{margin-top:40px;display:flex;gap:12px;flex-wrap:wrap}.social-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--text-2);padding:10px 18px;background:var(--glass-2);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--line-2);border-radius:var(--r-pill);transition:color var(--tr-fast),border-color var(--tr-fast),background var(--tr-fast),transform var(--tr-fast);box-shadow:0 1px 0 var(--inset-hi) inset}.social-link:hover{color:var(--text);border-color:var(--line-3);background:var(--surface-1);transform:translateY(-2px)}.social-link svg{width:12px;height:12px}footer{max-width:1120px;margin:0 auto;padding:56px 40px 32px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;color:var(--text-3);font-family:var(--font-mono);font-size:11px;letter-spacing:.04em}footer .center{text-align:center}footer .right{text-align:right}.back-to-top{position:fixed;bottom:24px;right:24px;z-index:90;width:46px;height:46px;border-radius:50%;background:var(--glass-1);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--line-2);box-shadow:var(--sh-float);display:flex;align-items:center;justify-content:center;color:var(--text-2);opacity:0;transform:translateY(12px) scale(.9);pointer-events:none;transition:opacity var(--tr-base),transform var(--tr-base),color var(--tr-fast),border-color var(--tr-fast)}.back-to-top.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.back-to-top:hover{color:var(--text);border-color:var(--line-3)}.back-to-top svg{width:16px;height:16px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,18px);z-index:280;background:var(--bg-elev);border:1px solid var(--line-3);color:var(--text);padding:11px 20px;border-radius:var(--r-pill);font-size:13px;box-shadow:var(--sh-float);opacity:0;pointer-events:none;transition:opacity var(--tr-base),transform var(--tr-base);display:flex;align-items:center;gap:9px}.toast.show{opacity:1;transform:translate(-50%)}.toast svg{width:14px;height:14px;color:var(--accent)}.modal-overlay{position:fixed;inset:0;z-index:200;background:var(--scrim);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .32s ease,visibility .32s ease;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:60px 24px}.modal-overlay.open{opacity:1;visibility:visible}.modal-overlay.open .modal{transform:translateY(0) scale(1);opacity:1}.modal{background:var(--glass-3);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--line-2);border-radius:var(--r-xl);width:100%;max-width:880px;position:relative;transform:translateY(24px) scale(.97);opacity:.6;transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .32s ease;box-shadow:0 1px 0 var(--inset-hi) inset,0 30px 90px var(--scrim-strong)}.modal-close{position:sticky;top:16px;margin-left:auto;margin-right:16px;width:38px;height:38px;border-radius:50%;background:var(--bg-elev);border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;font-size:19px;color:var(--text-2);z-index:5;transition:color var(--tr-fast),background var(--tr-fast),border-color var(--tr-fast),transform var(--tr-fast);float:right;margin-top:16px}.modal-close:hover{color:var(--text);background:var(--bg-tint);border-color:var(--text-3);transform:rotate(90deg)}.modal-content{padding:40px 56px 56px}.modal-header{margin-bottom:30px;padding-bottom:24px;border-bottom:1px solid var(--line)}.modal-eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.06em;color:var(--text-3);text-transform:uppercase;margin-bottom:16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.modal-eyebrow span:not(:first-child):before{content:"·";margin-right:12px;color:var(--text-3)}.modal h2{font-size:clamp(26px,3vw,38px);font-weight:400;letter-spacing:-.028em;line-height:1.12;margin-bottom:14px}.modal-tags{font-family:var(--font-mono);font-size:12px;color:var(--accent);letter-spacing:.02em}.modal-description{font-size:15.5px;line-height:1.72;color:var(--text-2);margin-bottom:32px}.modal-description p+p{margin-top:14px}.modal-section{margin-bottom:32px}.modal-section:last-child{margin-bottom:0}.modal-section-label{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;color:var(--text-3);text-transform:uppercase;margin-bottom:14px}.modal-links{display:flex;flex-direction:column;gap:4px}.modal-link{display:inline-flex;align-items:center;gap:10px;padding:11px 0;font-size:14.5px;color:var(--text);border-bottom:1px solid var(--line);transition:color var(--tr-fast),padding var(--tr-fast);width:-moz-fit-content;width:fit-content;min-width:280px;max-width:100%}.modal-link:hover{color:var(--accent);padding-left:8px}.modal-link svg{width:12px;height:12px;flex-shrink:0}.modal-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:8px}.modal-gallery.single{grid-template-columns:1fr}.modal-gallery.single .gallery-img{aspect-ratio:auto}.modal-gallery.single .gallery-img img{height:auto;-o-object-fit:contain;object-fit:contain}.gallery-img{position:relative;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line);background:var(--bg-elev);cursor:zoom-in;aspect-ratio:16/10}.gallery-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--tr-spring)}.gallery-img:hover img{transform:scale(1.05)}.gallery-img:after{content:"⤢";position:absolute;top:10px;right:10px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--chip-fg);background:var(--chip-bg);border:1px solid var(--chip-border);border-radius:50%;opacity:0;transition:opacity var(--tr-fast);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gallery-img:hover:after{opacity:1}.lightbox{position:fixed;inset:0;z-index:400;background:var(--scrim-strong);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:40px;opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease;cursor:zoom-out}.lightbox.open{opacity:1;visibility:visible}.lightbox.open img{transform:scale(1)}.lightbox img{max-width:100%;max-height:90vh;border-radius:var(--r-md);box-shadow:0 30px 90px #0009;transform:scale(.96);transition:transform .32s cubic-bezier(.16,1,.3,1)}.lightbox-close{position:absolute;top:24px;right:24px;width:42px;height:42px;border-radius:50%;background:var(--bg-elev);border:1px solid var(--line-2);color:var(--text-2);font-size:20px;display:flex;align-items:center;justify-content:center;transition:color var(--tr-fast),border-color var(--tr-fast)}.lightbox-close:hover{color:var(--text);border-color:var(--text-3)}.export-pdf{position:fixed;bottom:24px;left:24px;z-index:90;display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 18px 0 14px;border-radius:var(--r-pill);background:var(--glass-1);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--line-2);box-shadow:var(--sh-float);color:var(--text);font-family:var(--font-sans);font-size:13px;font-weight:500;letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:border-color var(--tr-base),box-shadow var(--tr-base),transform var(--tr-base)}.export-pdf:hover{border-color:var(--line-3);box-shadow:var(--sh-card-hover);transform:translateY(-1px)}.export-pdf svg{width:17px;height:17px;color:var(--accent);flex-shrink:0}.app-loader{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;background:var(--bg);transition:opacity .42s ease,visibility .42s ease}.app-loader.loaded{opacity:0;visibility:hidden;pointer-events:none}.app-loader-ring{width:44px;height:44px;border-radius:50%;border-left:2px solid var(--line-2);border-bottom:2px solid var(--line-2);border-right-color:var(--line-2);border-top-color:var(--line-2);border-top:2px solid var(--accent);border-right:2px solid var(--accent-2);animation:appLoaderSpin .8s linear infinite}@keyframes appLoaderSpin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.app-loader-ring{animation-duration:1.8s}}@media(max-width:1024px){main{padding:110px 24px 80px}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:32px 20px}.hero-bottom{grid-template-columns:180px 1fr;gap:32px}.hero-photo{width:180px;height:180px}.hero-meta{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:flex-start;text-align:left;gap:24px;padding-top:16px;border-top:1px solid var(--line)}.timeline-item{grid-template-columns:100px 86px 1fr;-moz-column-gap:16px;column-gap:16px}.timeline-logo{width:86px;height:64px;padding:10px 12px}.timeline-logo.wide{padding:8px 5px}.discipline{padding:28px}}@media(max-width:800px){.nav{top:14px;padding:5px}.nav-brand{padding:7px 10px 7px 12px;font-size:12.5px}.nav-divider{height:16px}.nav-link{padding:7px 12px;font-size:12.5px}.hero{margin-bottom:80px}.hero-name{font-size:clamp(38px,9vw,62px)}.hero-bottom{grid-template-columns:1fr;gap:20px;padding-top:24px}.hero-photo{width:140px;height:140px}.hero-bio{font-size:16px}.hero-meta{grid-column:1;border-top:1px solid var(--line);padding-top:20px;margin-top:8px}.disciplines{grid-template-columns:1fr;gap:14px}.discipline{padding:24px}.section-title{grid-template-columns:40px 1fr;gap:16px}.section-title .label{display:none}.timeline{padding:8px 22px;border-radius:var(--r-lg)}.timeline-item{grid-template-columns:74px 1fr;grid-template-areas:"logo date" "logo head" "body body";-moz-column-gap:14px;column-gap:14px;row-gap:2px;padding:20px 0}.timeline-logo{width:74px;height:56px;padding:9px 11px;border-radius:var(--r-sm)}.timeline-logo.wide{padding:7px 5px}.timeline-date{padding-top:2px;font-size:11px}.timeline-head h3{font-size:15px}.timeline-body{margin-top:8px}.timeline-body p{font-size:14px}.timeline-body .note{font-size:13.5px}.skills-list{padding:4px 22px}.skill-row{grid-template-columns:1fr;gap:14px;padding:20px 0}.skill-row h4{padding-top:0}.contact-list{padding:4px 24px}.contact-row{grid-template-columns:90px 1fr;gap:20px;padding:20px 0}.contact-row a,.contact-row>span:not(.label){font-size:16px}.contact-row .contact-action{grid-column:1/-1;justify-content:flex-start}.portfolio-toolbar{gap:14px}.filter-bar{border-radius:var(--r-lg);padding:7px 8px}.modal-content{padding:32px 24px 40px}.modal-overlay{padding:24px 12px}.modal-gallery{grid-template-columns:1fr}.gallery-img{aspect-ratio:16/10}footer{grid-template-columns:1fr;gap:6px;padding:40px 24px 24px}footer,footer .center,footer .right{text-align:left}}@media(max-width:600px){main{padding:88px 16px 60px}.nav{top:0;left:0;right:0;transform:none;max-width:none;padding:6px 10px;border-radius:0;border:0;border-bottom:1px solid var(--line-2)}.nav.nav-hidden{transform:none;opacity:1}.nav-brand,.nav-divider{display:none}.nav-inner{width:100%;justify-content:center;gap:2px}.nav-link{padding:12px;font-size:13.5px}.lang-toggle{min-width:40px;height:40px;padding:0 10px;font-size:12.5px}.theme-toggle{width:40px;height:40px}.page-header{margin-bottom:48px}.page-header h1{font-size:clamp(30px,8vw,42px);margin-bottom:16px}.page-header p{font-size:15.5px}.page-header .label{margin-bottom:16px}.hero{padding-top:8px;margin-bottom:64px;gap:22px}.hero-tagline{font-size:10px;letter-spacing:.1em}.hero-name{font-size:clamp(34px,11vw,54px)}.hero-photo{width:120px;height:120px;border-radius:var(--r-md)}.hero-bio{font-size:15px;line-height:1.55}.section-title{margin-bottom:32px;padding-bottom:14px}.section-title h2{font-size:21px}.discipline{padding:22px}.discipline h3{font-size:16px}.discipline p{font-size:14px}.timeline{padding:4px 18px}.timeline-item{padding:18px 0;gap:6px 12px}.skills-list{padding:4px 18px}.skill-row{padding:18px 0}.skill-pill{font-size:11.5px;padding:5px 11px 5px 7px}.contact-list{padding:4px 20px}.contact-row{padding:18px 0;gap:16px}.filter-bar{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}.filter-bar::-webkit-scrollbar{display:none}.filter-btn{flex-shrink:0}.filter-indicator{display:none}.portfolio-grid{grid-template-columns:1fr;gap:28px}.modal{border-radius:var(--r-lg)}.modal-content{padding:28px 20px 36px}.modal-close{width:34px;height:34px;margin-right:12px;margin-top:12px}.modal h2{font-size:clamp(22px,6vw,28px)}.modal-description{font-size:15px}.modal-link{min-width:auto;width:100%}.back-to-top{bottom:16px;right:16px;width:42px;height:42px}.export-pdf{padding:0;width:46px;justify-content:center}.export-pdf span{display:none}}@media(max-width:400px){main{padding:84px 13px 52px}.nav{padding:5px 8px}.nav-inner{gap:1px}.nav-link{padding:11px 9px;font-size:13px}.lang-toggle{min-width:36px;height:38px;padding:0 8px;font-size:12px}.theme-toggle{width:36px;height:38px}.portfolio-grid{grid-template-columns:1fr;gap:24px}}@media(max-width:340px){.nav-link{padding:10px 7px;font-size:12px}.lang-toggle{min-width:33px;height:36px}.theme-toggle{width:33px;height:36px}}