:root{--bg:#fbf9f4;--bg-elev:#ffffff;--bg-subtle:#f3efe7;--ink:#1f1d1a;--ink-soft:#4a4641;--ink-mute:#8a847b;--rule:#e8e3d8;--accent:#4b7a5a;--accent-soft:#e3ebe1;--accent-2:#6a8a4a;--accent-3:#9c7a3d;--accent-4:#3a6b80;--font-serif:"Fraunces","Cormorant Garamond",Georgia,serif;--font-sans:"Inter Tight",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--max-w:720px;--radius:8px}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","cv11"}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle at 20% 10%,rgba(75,122,90,.05),transparent 40%),radial-gradient(circle at 80% 80%,rgba(30,96,145,.03),transparent 40%)}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:400;letter-spacing:-.02em;line-height:1.15;margin:0;color:var(--ink)}p{margin:0}a{color:inherit;text-decoration:none}.page{position:relative;z-index:1;max-width:var(--max-w);margin:0 auto;padding:var(--space-24) var(--space-6) var(--space-16)}@media (max-width:640px){.page{padding:var(--space-12) var(--space-4) var(--space-12)}}.section{margin-top:var(--space-24)}.section:first-child{margin-top:0}.section-label{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:var(--space-6)}.section-label:before{content:"";display:inline-block;width:18px;height:1px;background:var(--accent)}.about{display:grid;grid-template-columns:280px 1fr;grid-gap:var(--space-8);gap:var(--space-8);align-items:start}@media (max-width:640px){.about{grid-template-columns:1fr;gap:var(--space-6)}}.avatar{width:100%;max-width:280px;aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:transparent;position:relative}@media (max-width:640px){.avatar{max-width:220px;margin:0 auto}}.avatar img{width:100%;height:100%;object-fit:cover;display:block;animation:sketch-draw 1.6s cubic-bezier(.4,0,.2,1) both;animation-delay:.1s}@keyframes sketch-draw{0%{-webkit-clip-path:inset(0 0 100% 0 round 4px);clip-path:inset(0 0 100% 0 round 4px)}to{-webkit-clip-path:inset(0 0 0 0 round 4px);clip-path:inset(0 0 0 0 round 4px)}}.about-text h1{font-size:clamp(2rem,5vw,2.75rem);margin-bottom:var(--space-3)}.about-text h1 .accent{color:var(--accent);font-style:italic}.about-text .bio{color:var(--ink-soft);font-size:1.0625rem;line-height:1.65;margin-bottom:var(--space-6);max-width:52ch}.contact-icons{display:flex;gap:var(--space-3)}.icon-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--bg-elev);border:1px solid var(--rule);color:var(--ink-soft);transition:all .2s ease}.icon-link:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px);background:var(--accent-soft)}.icon-link svg{width:18px;height:18px}.exp-list{display:flex;flex-direction:column}.exp-item{display:grid;grid-template-columns:56px 1fr auto;grid-gap:var(--space-4);gap:var(--space-4);align-items:center;padding:var(--space-4) var(--space-3);margin:0 calc(var(--space-3) * -1);border-radius:var(--radius);transition:background .2s ease;border-bottom:1px solid var(--rule)}.exp-item:last-child{border-bottom:none}.exp-item:hover{background:var(--bg-subtle)}.exp-logo{width:56px;height:56px;border-radius:12px;overflow:hidden;background:var(--bg-elev);border:1px solid var(--rule);display:flex;align-items:center;justify-content:center}.exp-logo img{width:100%;height:100%;object-fit:cover}.exp-body{min-width:0}.exp-company{font-family:var(--font-serif);font-size:1.125rem;color:var(--ink);margin-bottom:2px}.exp-role{font-size:.875rem;color:var(--ink-mute)}.exp-period{font-family:var(--font-mono);font-size:.75rem;color:var(--ink-mute);letter-spacing:.04em;white-space:nowrap}@media (max-width:640px){.exp-item{grid-template-columns:48px 1fr;gap:var(--space-3);padding:var(--space-3) var(--space-2);margin:0 calc(var(--space-2) * -1)}.exp-logo{width:48px;height:48px;border-radius:10px}.exp-company{font-size:1rem}.exp-role{font-size:.8125rem}.exp-period{grid-column:2;grid-row:2;white-space:normal;margin-top:2px}}.proj-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-6);gap:var(--space-6)}.proj-grid:has(>:only-child){grid-template-columns:minmax(0,calc((100% - var(--space-6)) / 2));justify-content:center}@media (max-width:640px){.proj-grid{grid-template-columns:1fr}.proj-grid:has(>:only-child){grid-template-columns:1fr}}.proj-card{display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden;transition:all .25s ease}.proj-card:hover{transform:translateY(-3px);border-color:var(--ink-mute);box-shadow:0 12px 24px -16px rgba(31,29,26,.18)}.proj-image{aspect-ratio:16/10;background:var(--bg-subtle);overflow:hidden;position:relative}.proj-image img{width:100%;height:100%;object-fit:cover;display:block}.proj-body{padding:var(--space-4) var(--space-4) var(--space-6)}.proj-title{font-family:var(--font-serif);font-size:1.25rem;margin-bottom:var(--space-2)}.proj-desc{font-size:.9375rem;color:var(--ink-soft);margin-bottom:var(--space-3);line-height:1.55}.tech-stack{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.03em;padding:3px 8px;border-radius:4px;background:var(--bg-subtle);color:var(--ink-soft);border:1px solid var(--rule)}.tag.c1{background:var(--accent-soft);color:var(--accent)}.tag.c1,.tag.c2{border-color:transparent}.tag.c2{background:#e8eedc;color:var(--accent-2)}.tag.c3{background:#f2e8d4;color:var(--accent-3)}.tag.c3,.tag.c4{border-color:transparent}.tag.c4{background:#d8e8ef;color:var(--accent-4)}.proj-more{margin-top:var(--space-6);font-family:var(--font-mono);font-size:.8125rem;letter-spacing:.04em;color:var(--ink-mute);text-align:center}.proj-more a{color:var(--accent);border-bottom:1px solid var(--accent-soft)}.proj-more a:hover{border-bottom-color:var(--accent)}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:var(--space-8);transition:color .2s ease}.back-link:hover{color:var(--accent)}.detail-header{display:flex;align-items:center;gap:var(--space-4);padding-bottom:var(--space-6);border-bottom:1px solid var(--rule);margin-bottom:var(--space-8)}.detail-logo{width:64px;height:64px;border-radius:12px;background:var(--bg-elev);border:1px solid var(--rule);overflow:hidden;flex-shrink:0}.detail-logo img{width:100%;height:100%;object-fit:cover}.detail-title{font-size:clamp(1.75rem,4vw,2.25rem);margin-bottom:4px}.detail-subtitle{color:var(--ink-mute);font-size:.9375rem;font-family:var(--font-mono);letter-spacing:.02em}.detail-image{width:100%;aspect-ratio:16/9;background:var(--bg-subtle);border-radius:var(--radius);overflow:hidden;border:1px solid var(--rule);margin-bottom:var(--space-8)}.detail-image img{width:100%;height:100%;object-fit:contain}.detail-image-square{aspect-ratio:1/1;max-width:420px;margin-left:auto;margin-right:auto}.prose p{color:var(--ink-soft);line-height:1.75;font-size:1.0625rem;margin-bottom:var(--space-4)}.prose h3{font-size:1.25rem;margin-top:var(--space-8);margin-bottom:var(--space-3)}.prose ul{color:var(--ink-soft);padding-left:var(--space-6);line-height:1.75}.prose ul li{margin-bottom:var(--space-2)}.project-gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-3);gap:var(--space-3);margin-top:var(--space-4)}@media (max-width:640px){.project-gallery{grid-template-columns:repeat(2,1fr)}}.project-gallery-item{background:var(--bg-subtle);border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden}.project-gallery-item img{width:100%;height:auto;display:block}.testimonial-attribution{margin-top:var(--space-3);font-family:var(--font-mono);font-size:.8125rem;letter-spacing:.04em;color:var(--ink-mute)}.testimonial-quote{position:relative;margin:var(--space-4) 0 0;padding:var(--space-4) var(--space-6) var(--space-4) var(--space-8);border-left:3px solid var(--accent-soft);background:var(--bg-subtle);border-radius:0 var(--radius) var(--radius) 0;font-style:italic;color:var(--ink-soft)}.testimonial-quote:before{content:"\201C";top:var(--space-2);left:var(--space-3)}.testimonial-quote:after,.testimonial-quote:before{position:absolute;font-family:var(--font-serif);font-size:2.5rem;line-height:1;color:var(--accent);opacity:.5}.testimonial-quote:after{content:"\201D";bottom:calc(var(--space-2) * -.5);right:var(--space-3)}.testimonial-quote p{margin-bottom:var(--space-3)}.testimonial-quote p:last-child{margin-bottom:0}.testimonial-quote>p:first-child{margin-top:var(--space-4)}.testimonial-quote ul{margin:0;padding-left:var(--space-6);color:var(--ink-soft)}.testimonial-quote ul li{margin-bottom:var(--space-2)}.testimonial-quote ul li:last-child{margin-bottom:0}.prose .testimonial-lead{font-family:var(--font-serif);font-size:2rem;line-height:1;color:var(--accent);opacity:.5;font-style:normal;margin-top:var(--space-4)!important;margin-right:0!important;margin-bottom:var(--space-2)!important;margin-left:0!important}.student-quotes{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4)}.student-quote{position:relative;margin:0;padding:var(--space-4) var(--space-8);border-left:3px solid var(--accent-soft);color:var(--ink-soft);font-style:italic;font-size:1.0625rem;line-height:1.75;background:var(--bg-subtle);border-radius:0 var(--radius) var(--radius) 0}.student-quote:after,.student-quote:before{position:absolute;font-family:var(--font-serif);font-size:2rem;line-height:1;color:var(--accent);opacity:.5;font-style:normal}.student-quote:before{content:"\201C";top:var(--space-3);left:var(--space-3)}.student-quote:after{content:"\201D";bottom:calc(var(--space-2) * -.25);right:var(--space-3)}.meta-row{display:flex;gap:var(--space-6);flex-wrap:wrap;padding:var(--space-4) 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-bottom:var(--space-8)}.meta-row>div{display:flex;flex-direction:column;gap:2px}.meta-row .meta-tech{flex-basis:100%;gap:var(--space-2)}.meta-row .meta-tech .tech-stack{margin-top:2px}.meta-label{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute)}.meta-value{font-size:.9375rem;color:var(--ink)}.meta-value a{color:var(--accent);border-bottom:1px solid var(--accent-soft)}.meta-value a:hover{border-bottom-color:var(--accent)}@media (max-width:640px){.detail-header{gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.detail-logo{width:52px;height:52px;border-radius:10px}.meta-row{gap:var(--space-4);padding:var(--space-3) 0;margin-bottom:var(--space-6)}.testimonial-quote{padding:var(--space-4) var(--space-4) var(--space-4) var(--space-6)}.testimonial-quote:before{font-size:2rem;top:var(--space-2);left:var(--space-2)}.testimonial-quote:after{font-size:2rem;right:var(--space-2)}.student-quote{padding:var(--space-4) var(--space-6)}.student-quote:before{font-size:1.75rem;left:var(--space-2)}.student-quote:after{font-size:1.75rem;right:var(--space-2)}.prose .testimonial-lead{font-size:1.625rem}.prose p,.prose ul{font-size:1rem}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page>*{animation:fadeUp .6s ease both}.page>:first-child{animation-delay:.05s}.page>:nth-child(2){animation-delay:.15s}.page>:nth-child(3){animation-delay:.25s}.page>:nth-child(4){animation-delay:.35s}