*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--black:#111;--gray:#d3cdcd;--light-gray:#f6f5f5e0;--border:#e0e0e0;--white:#fff;--bg:#fefef99d}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--black);font-family:Georgia,Times New Roman,serif;line-height:1.6}a{color:inherit;text-decoration:none}.nav{border-bottom:1px solid var(--border);background:var(--bg);z-index:100;justify-content:space-between;align-items:center;padding:18px 48px;display:flex;position:sticky;top:0}.nav-logo{letter-spacing:.2em;font-family:Courier New,monospace;font-size:11px;font-weight:700}.nav-links{gap:28px;list-style:none;display:flex}.nav-links a{letter-spacing:.12em;color:var(--gray);font-family:sans-serif;font-size:11px;transition:color .2s}.nav-links a:hover{color:var(--black)}.nav-btn{letter-spacing:.1em;background:var(--black);color:var(--white);cursor:pointer;border:none;padding:9px 20px;font-family:sans-serif;font-size:11px;transition:opacity .2s}.nav-btn:hover{opacity:.8}.nav-menu-toggle{cursor:pointer;background:0 0;border:none;font-size:22px;display:none}.hero{border-bottom:1px solid var(--border);grid-template-columns:1fr 300px;align-items:start;gap:40px;padding:64px 48px 72px;display:grid}.hero-tag{letter-spacing:.28em;color:var(--gray);margin-bottom:22px;font-family:sans-serif;font-size:10px}.hero-name{letter-spacing:-.02em;margin-bottom:26px;font-size:54px;font-weight:700;line-height:1.04}.hero-bio{color:#444;max-width:420px;margin-bottom:30px;font-family:sans-serif;font-size:14px;line-height:1.8}.hero-links{gap:22px;display:flex}.hero-links a{letter-spacing:.05em;border-bottom:1px solid var(--border);padding-bottom:2px;font-family:sans-serif;font-size:11px;transition:border-color .2s}.hero-links a:hover{border-color:var(--black)}.hero-photo{aspect-ratio:3/4;background:#e0e0e0;width:100%;overflow:hidden}.hero-photo img{object-fit:cover;object-position:top;filter:grayscale(20%);width:100%;height:100%}.hero-photo-placeholder{width:100%;height:100%;color:var(--gray);letter-spacing:.1em;background:linear-gradient(160deg,#d8d8d8 0%,#b8b8b8 100%);justify-content:center;align-items:center;font-family:sans-serif;font-size:12px;display:flex}.section{border-bottom:1px solid var(--border);padding:56px 48px}.section-header{justify-content:space-between;align-items:baseline;margin-bottom:36px;display:flex}.section-title{letter-spacing:.24em;color:var(--black);font-family:sans-serif;font-size:11px;font-weight:700}.section-more{color:var(--gray);letter-spacing:.06em;font-family:sans-serif;font-size:11px;transition:color .2s}.section-more:hover{color:var(--black)}.edu-item{border-top:1px solid var(--border);grid-template-columns:130px 1fr;gap:24px;padding:24px 0;display:grid}.edu-date{color:var(--gray);letter-spacing:.04em;padding-top:4px;font-family:sans-serif;font-size:11px}.edu-name{margin-bottom:10px;font-size:18px;font-weight:600}.edu-desc{color:#555;margin-bottom:14px;font-family:sans-serif;font-size:13px;line-height:1.7}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{letter-spacing:.08em;background:var(--light-gray);color:#555;padding:4px 10px;font-family:sans-serif;font-size:10px}.exp-card{background:var(--light-gray);margin-bottom:16px;padding:28px}.exp-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.exp-title{font-size:18px;font-weight:600}.exp-period{color:var(--gray);letter-spacing:.05em;font-family:sans-serif;font-size:11px}.exp-bullets{margin:10px 0 16px;list-style:none}.exp-bullets li{color:#555;padding:3px 0 3px 18px;font-family:sans-serif;font-size:13px;line-height:1.65;position:relative}.exp-bullets li:before{content:"—";color:var(--gray);position:absolute;left:0}.exp-tech{color:var(--gray);letter-spacing:.06em;gap:20px;margin-top:14px;font-family:Courier New,monospace;font-size:10px;display:flex}.projects-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.project-card{border:1px solid var(--border);grid-template-columns:1fr 140px;transition:border-color .2s;display:grid;overflow:hidden}.project-card:hover{border-color:#aaa}.project-card.wide{grid-column:1/-1;grid-template-columns:1fr 240px}.project-info{padding:22px 20px}.project-category{letter-spacing:.22em;color:var(--gray);margin-bottom:10px;font-family:sans-serif;font-size:9px}.project-name{margin-bottom:10px;font-size:16px;font-weight:600;line-height:1.35}.project-desc{color:#666;margin-bottom:14px;font-family:sans-serif;font-size:12px;line-height:1.65}.project-img{background:#222;justify-content:center;align-items:center;min-height:160px;display:flex}.project-img img{object-fit:cover;width:100%;height:100%}.blog-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.blog-thumb{background:#ddd;justify-content:center;align-items:center;height:165px;margin-bottom:16px;display:flex;overflow:hidden}.blog-thumb img{object-fit:cover;filter:grayscale(10%);width:100%;height:100%}.blog-date{color:var(--gray);letter-spacing:.1em;margin-bottom:8px;font-family:sans-serif;font-size:10px}.blog-title{margin-bottom:8px;font-size:15px;font-weight:600;line-height:1.4}.blog-excerpt{color:#777;font-family:sans-serif;font-size:12px;line-height:1.65}.blog-card a:hover .blog-title{text-decoration:underline}.blog-page{max-width:680px;margin:0 auto;padding:56px 24px}.blog-page h1{margin-bottom:16px;font-size:38px;line-height:1.15}.blog-page-meta{color:var(--gray);letter-spacing:.08em;border-bottom:1px solid var(--border);margin-bottom:40px;padding-bottom:24px;font-family:sans-serif;font-size:11px}.blog-content{font-size:16px;line-height:1.85}.blog-content h2{margin:40px 0 16px;font-size:22px}.blog-content h3{margin:32px 0 12px;font-size:18px}.blog-content p{margin-bottom:20px}.blog-content code{background:var(--light-gray);padding:2px 6px;font-family:Courier New,monospace;font-size:13px}.blog-content pre{color:#eee;background:#111;margin:24px 0;padding:20px 24px;font-family:Courier New,monospace;font-size:13px;line-height:1.6;overflow-x:auto}.blog-content pre code{color:inherit;background:0 0;padding:0}.blog-content ul,.blog-content ol{margin-bottom:20px;padding-left:24px}.blog-content li{margin-bottom:6px}.blog-content blockquote{border-left:3px solid var(--black);color:#555;margin:24px 0;padding-left:20px;font-style:italic}.contact-grid{grid-template-columns:1fr 1fr;gap:48px;display:grid}.contact-intro{color:#555;margin-bottom:20px;font-family:sans-serif;font-size:14px;line-height:1.8}.contact-email{font-family:Courier New,monospace;font-size:16px}.contact-location{color:var(--gray);margin-top:6px;font-family:sans-serif;font-size:13px}.social-list{list-style:none}.social-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 0;font-family:sans-serif;font-size:13px;display:flex}.social-name{color:var(--black)}.social-list a{color:var(--gray);letter-spacing:.04em;font-size:11px;transition:color .2s}.social-list a:hover{color:var(--black)}.footer{justify-content:space-between;align-items:center;padding:20px 48px;display:flex}.footer-text{color:var(--gray);font-family:sans-serif;font-size:11px}@media (max-width:768px){.nav{padding:16px 20px}.nav-links{display:none}.nav-menu-toggle{display:block}.hero{grid-template-columns:1fr;padding:36px 20px 48px}.hero-photo{aspect-ratio:auto;order:-1;max-height:300px}.hero-name{font-size:36px}.section{padding:40px 20px}.edu-item{grid-template-columns:1fr;gap:10px}.projects-grid,.project-card,.project-card.wide{grid-template-columns:1fr}.project-img{min-height:120px}.blog-grid,.contact-grid{grid-template-columns:1fr}.footer{flex-direction:column;gap:6px;padding:16px 20px}}