.page{max-width:640px;margin:0 auto;padding:80px 24px}.header{margin-bottom:64px}.header-top{display:flex;align-items:flex-start;gap:24px;margin-bottom:28px}.avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;flex-shrink:0}.header-top h1{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;letter-spacing:-.02em;line-height:1.2;margin-bottom:4px}.subtitle{font-size:var(--text-base);color:#666}.bio{color:#444;line-height:1.7;margin-bottom:24px}.bio .highlight{text-decoration:none;background:linear-gradient(104deg,#dcbf6700 .9%,#dcbf6752 2.4%,#dcbf6747 5.8%,#dcbf6714 93%,#dcbf6747 96%,#dcbf6700 98%);padding:.05em .2em;margin:0 -.1em;border-radius:3px 8px 5px 7px;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background .2s}.bio .highlight:hover{background:linear-gradient(104deg,#dcbf6700 .9%,#dcbf677a 2.4%,#dcbf676b 5.8%,#dcbf671f 93%,#dcbf676b 96%,#dcbf6700 98%)}.links{display:flex;flex-wrap:wrap;gap:20px}.links a{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-base);color:#666;transition:color .2s}.links a:hover{color:#1a1a1a}.ssh-hint{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:16px;font-size:var(--text-sm);color:#888}.ssh-command{display:inline-flex;align-items:center;gap:4px}.ssh-hint code{font-family:var(--font-mono);font-size:.95em;color:#444;background:#f3f3f3;padding:2px 6px;border-radius:4px}.ssh-copy-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:0;border-radius:4px;background:#f5f3f0;color:#777;box-shadow:0 1px #fffc inset,0 1px 2px #1a1a1a1f;cursor:pointer;transform:translateY(0) scale(1);transition:transform .14s var(--ease-out),box-shadow .14s var(--ease-out),color .2s,background .2s}.ssh-copy-btn:hover{color:#1a1a1a;background:#fbfaf8;transform:translateY(-1px) scale(1.03);box-shadow:0 1px #ffffffe6 inset,0 3px 6px #1a1a1a24}.ssh-copy-btn:active{transform:translateY(1px) scale(.9);box-shadow:0 1px 2px #1a1a1a29 inset,0 0 #1a1a1a00;transition-duration:80ms}.ssh-copy-btn:focus-visible{color:#1a1a1a;background:#fbfaf8;box-shadow:0 1px #ffffffa6 inset,0 1px 2px #1a1a1a1f}.ssh-copy-btn--copied{color:#1a1a1a}.ssh-copy-btn:focus-visible{outline:2px solid #1a1a1a;outline-offset:2px}.ssh-copy-icon{width:13px;height:13px;stroke-width:2.2}.ssh-copy-btn--copied .ssh-copy-icon{animation:ssh-copy-pop .18s var(--ease-out)}@keyframes ssh-copy-pop{0%{transform:scale(.72)}to{transform:scale(1)}}.photos{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:64px}.photo-card{cursor:pointer}.photo-frame{aspect-ratio:4 / 3;background:#e8e5e0;border-radius:8px;overflow:hidden}.photo-frame img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.photo-card:hover .photo-frame img{transform:scale(1.05)}.photo-caption{font-size:var(--text-xs);color:#999;font-style:italic;margin-top:6px}.photo-caption a{text-decoration:underline;text-decoration-color:#d4d0cb;text-underline-offset:2px;transition:text-decoration-color .2s}.photo-caption a:hover{text-decoration-color:#999}.lightbox{position:fixed;inset:0;z-index:100;background:#000000d1;display:flex;align-items:center;justify-content:center;padding:16px;cursor:pointer}.lightbox img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px;cursor:default}.lightbox-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#fff9;font-size:1.8rem;cursor:pointer;line-height:1;transition:color .2s}.lightbox-close:hover{color:#fff}.page>section{margin-bottom:64px}.page>section h2{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;letter-spacing:-.01em;padding-bottom:8px;border-bottom:1px solid #d4d0cb;margin-bottom:24px}.job+.job{margin-top:28px}.job-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;margin-bottom:4px}.job-company{font-weight:500;color:inherit;text-decoration:none}.job-company:hover{text-decoration:underline}.job-badge{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:#888;background:#e8e5e0;padding:2px 7px;border-radius:3px;margin-left:8px}.job-period{font-size:var(--text-base);color:#888}.job-role{font-size:var(--text-base);color:#666;margin-bottom:4px}.job-desc{font-size:var(--text-base);color:#555;line-height:1.65}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.project-card{display:flex;flex-direction:column}.project-img{aspect-ratio:4 / 3;background:#e8e5e0;border-radius:8px;margin-bottom:10px;overflow:hidden}.project-img img{width:100%;height:100%;object-fit:cover}.project-video{aspect-ratio:4 / 3;border-radius:8px;overflow:hidden;margin-bottom:10px;background:#e8e5e0}.project-video iframe,.project-video video{width:100%;height:100%;border:none;object-fit:cover}.project-title{font-weight:500;color:inherit;text-decoration:none;margin-bottom:4px}a.project-title:hover{text-decoration:underline}.project-desc{font-size:var(--text-base);color:#888;line-height:1.55}.recs{list-style:none}.rec{padding:4px 0}.rec a{position:relative;display:inline-flex;align-items:baseline;gap:12px;font-size:var(--text-base);color:#444;text-decoration:none;transition:color .2s}.rec a:hover{color:#1a1a1a}.rec-category{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:#999;display:inline-block;width:22ch;flex-shrink:0}.rec-name{font-weight:500;text-decoration:underline;text-decoration-color:#d4d0cb;text-underline-offset:2px;transition:text-decoration-color .2s}.rec a:hover .rec-name{text-decoration-color:#1a1a1a}.rec-external{font-size:var(--text-xs);color:#aaa;margin-left:4px;vertical-align:baseline;transition:color .2s}.rec a:hover .rec-external{color:#666}.rec-tooltip{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background:#1a1a1ad9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#f5f3f0;font-size:var(--text-sm);line-height:1.5;padding:8px 14px;border-radius:6px;width:max-content;max-width:240px;pointer-events:none;opacity:0;transition:opacity .2s;z-index:10}.rec-tooltip:after{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:#1a1a1ad9}.rec a:hover .rec-tooltip{opacity:1}footer{padding-top:32px;border-top:1px solid #d4d0cb}footer p{font-size:var(--text-base);color:#888}.footer-links{display:flex;gap:20px;margin-top:12px}.footer-links a{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-base);color:#666;transition:color .2s}.footer-links a:hover{color:#1a1a1a}@media(max-width:640px){.page{padding:48px 20px;overflow-x:hidden}.header-top h1{font-size:1.5rem}.avatar{width:64px;height:64px}.projects-grid{grid-template-columns:1fr}.rec-tooltip{display:none}}