@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Mono:wght@300;400;500&family=Syne:wght@400;600;700;800&display=swap");:root{--bg:#f5f3ef;--bg2:#ede9e3;--text:#1a1814;--text-muted:#6b6660;--accent:#2c2c2c;--accent2:#8b5e3c;--border:rgba(0,0,0,.1);--card-bg:#fff;--nav-bg:hsla(40,23%,95%,.92);--tag-bg:#1a1814;--tag-text:#f5f3ef;--badge-bg:#f0ece5;--badge-text:#5a4a3a}[data-theme=dark]{--bg:#111010;--bg2:#1a1918;--text:#e8e4de;--text-muted:#857e77;--accent:#e8e4de;--accent2:#c49a6c;--border:hsla(0,0%,100%,.08);--card-bg:#1e1c1a;--nav-bg:hsla(0,3%,6%,.92);--tag-bg:#e8e4de;--tag-text:#111010;--badge-bg:#2a2724;--badge-text:#c49a6c}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:Syne,sans-serif;background-color:var(--bg);color:var(--text);transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 2rem;height:60px;display:flex;align-items:center;justify-content:space-between;transition:background .3s}.nav-brand{font-family:DM Mono,monospace;font-size:.78rem;font-weight:500;letter-spacing:.08em;text-decoration:none;color:var(--text);text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:2rem;list-style:none}.nav-links a{font-family:DM Mono,monospace;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;transition:color .2s}.nav-links a.active,.nav-links a:hover{color:var(--text)}.theme-btn{background:none;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;padding:.4rem .7rem;border-radius:4px;font-size:.85rem;transition:all .2s}.theme-btn:hover{color:var(--text);border-color:var(--text)}.hamburger{display:none;background:none;border:none;cursor:pointer;padding:4px;color:var(--text)}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:80px 2rem 4rem;max-width:1100px;margin:0 auto}.hero-eyebrow{font-family:DM Mono,monospace;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent2);margin-bottom:1.5rem}.hero h1{font-family:"DM Serif Display",serif;font-size:clamp(2.8rem,6vw,5.5rem);line-height:1.05;letter-spacing:-.02em;color:var(--text);margin-bottom:1.5rem}.hero h1 em{font-style:italic;color:var(--accent2)}.hero-sub{font-family:DM Mono,monospace;font-size:.9rem;color:var(--text-muted);max-width:540px;line-height:1.8;margin-bottom:2.5rem}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn-primary{font-family:DM Mono,monospace;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;background:var(--text);color:var(--bg);padding:.85rem 1.8rem;border:none;cursor:pointer;transition:opacity .2s}.btn-primary:hover{opacity:.8}.btn-outline{font-family:DM Mono,monospace;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;background:transparent;color:var(--text);padding:.85rem 1.8rem;border:1px solid var(--border);cursor:pointer;transition:border-color .2s}.btn-outline:hover{border-color:var(--text)}.page{max-width:1100px;margin:0 auto;padding:100px 2rem 6rem}.page-title{font-family:"DM Serif Display",serif;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.02em;margin-bottom:.5rem}.page-divider{width:48px;height:2px;background:var(--accent2);margin:1rem 0 3rem}.about-grid{display:grid;grid-template-columns:280px 1fr;grid-gap:5rem;gap:5rem;align-items:start}.profile-wrap{position:-webkit-sticky;position:sticky;top:80px}.profile-img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top;filter:grayscale(15%);display:block}.profile-meta{margin-top:1.5rem;display:flex;flex-direction:column;gap:.6rem}.profile-meta-item{font-family:DM Mono,monospace;font-size:.7rem;color:var(--text-muted);letter-spacing:.04em}.about-text h2{font-family:"DM Serif Display",serif;font-size:1.8rem;margin-bottom:1.5rem;letter-spacing:-.01em}.about-text p{font-size:.95rem;line-height:1.85;color:var(--text-muted);margin-bottom:1.4rem}.connect-section{margin-top:4rem;padding-top:3rem;border-top:1px solid var(--border)}.connect-section h3{font-family:DM Mono,monospace;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.5rem}.social-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.social-link{font-family:DM Mono,monospace;font-size:.75rem;letter-spacing:.04em;text-decoration:none;color:var(--text);border:1px solid var(--border);padding:.5rem 1.1rem;transition:all .2s}.social-link:hover{border-color:var(--text);background:var(--text);color:var(--bg)}.contact-grid{display:flex;flex-direction:column;gap:.5rem}.contact-item{font-family:DM Mono,monospace;font-size:.78rem;color:var(--text-muted)}.contact-item a{color:var(--text-muted);text-decoration:none}.contact-item a:hover{color:var(--text)}.projects-list{display:flex;flex-direction:column;gap:0}.project-card{display:grid;grid-template-columns:260px 1fr;grid-gap:3rem;gap:3rem;padding:2.5rem 0;border-bottom:1px solid var(--border)}.project-card:first-child{border-top:1px solid var(--border)}.project-img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:grayscale(20%);display:block}.project-meta{font-family:DM Mono,monospace;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent2);margin-bottom:.75rem}.project-title{font-family:"DM Serif Display",serif;font-size:1.4rem;letter-spacing:-.01em;line-height:1.3;margin-bottom:.75rem}.project-supervisor{font-family:DM Mono,monospace;font-size:.72rem;color:var(--text-muted);margin-bottom:1rem}.tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.2rem}.tag{font-family:DM Mono,monospace;font-size:.65rem;letter-spacing:.04em;background:var(--badge-bg);color:var(--badge-text);padding:.3rem .7rem;border-radius:2px}.project-desc{font-size:.88rem;line-height:1.8;color:var(--text-muted);margin-bottom:.8rem}.project-highlight{font-size:.85rem;line-height:1.75;color:var(--text-muted);margin-bottom:.5rem}.project-highlight strong{font-family:DM Mono,monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text)}.project-links{display:flex;gap:.75rem;margin-top:1.5rem}.proj-link{font-family:DM Mono,monospace;font-size:.72rem;letter-spacing:.04em;text-decoration:none;color:var(--text-muted);border:1px solid var(--border);padding:.4rem 1rem;transition:all .2s}.proj-link:hover{color:var(--text);border-color:var(--text)}.edu-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5px;gap:1.5px;background:var(--border)}.edu-card{background:var(--card-bg);padding:2.5rem}.edu-logo{height:40px;width:auto;object-fit:contain;margin-bottom:1.5rem;display:block;filter:grayscale(30%)}.edu-degree{font-family:"DM Serif Display",serif;font-size:1.1rem;letter-spacing:-.01em;line-height:1.4;margin-bottom:.4rem}.edu-year{font-family:DM Mono,monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent2);margin-bottom:.6rem}.edu-institution{font-size:.88rem;color:var(--text-muted);margin-bottom:.5rem}.edu-detail{font-family:DM Mono,monospace;font-size:.72rem;color:var(--text-muted);letter-spacing:.02em;margin-bottom:.3rem}.course-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}.course-chip{font-family:DM Mono,monospace;font-size:.65rem;background:var(--badge-bg);color:var(--badge-text);padding:.25rem .6rem;border-radius:2px}.skills-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem}.skills-col h3{font-family:DM Mono,monospace;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent2);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.skill-list{list-style:none;display:flex;flex-direction:column;gap:0}.skill-item{font-size:.9rem;color:var(--text-muted);padding:.85rem 0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.75rem;transition:color .2s}.skill-item:hover{color:var(--text)}.skill-dot{width:5px;height:5px;border-radius:50%;background:var(--accent2);flex-shrink:0}.experience-empty{font-family:"DM Serif Display",serif;font-size:1.2rem;font-style:italic;color:var(--text-muted);padding:4rem 0}.blog-card{display:grid;grid-template-columns:180px 1fr;grid-gap:3rem;gap:3rem;padding:2.5rem 0;border-bottom:1px solid var(--border)}.blog-card:first-child{border-top:1px solid var(--border)}.blog-card-left{padding-top:.2rem}.blog-date{margin-top:.5rem;line-height:1.6}.blog-date,.blog-readtime{font-family:DM Mono,monospace;font-size:.7rem;color:var(--text-muted);letter-spacing:.04em}.blog-readtime{margin-top:.3rem}.blog-title-link{text-decoration:none;color:var(--text);transition:color .2s}.blog-title-link:hover{color:var(--accent2)}@media (max-width:768px){.blog-card{grid-template-columns:1fr;gap:1rem}.blog-card-left{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}}.footer{border-top:1px solid var(--border);padding:2rem;text-align:center}.footer p{font-family:DM Mono,monospace;font-size:.72rem;color:var(--text-muted);letter-spacing:.04em}.fade-in{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.mobile-menu{display:none;position:fixed;top:60px;left:0;right:0;background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:1.5rem 2rem;z-index:99}.mobile-menu.open{display:block}.mobile-menu ul{list-style:none;display:flex;flex-direction:column;gap:1rem}.mobile-menu a{font-family:DM Mono,monospace;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);text-decoration:none}.mobile-menu a.active,.mobile-menu a:hover{color:var(--text)}@media (max-width:768px){.nav-links{display:none}.hamburger{display:block}.about-grid{grid-template-columns:1fr;gap:2.5rem}.profile-wrap{position:static}.project-card{gap:1.5rem}.edu-grid,.project-card,.skills-grid{grid-template-columns:1fr}.skills-grid{gap:2.5rem}}