*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0a;--fg: #e8e8e6;--muted: #666663;--border: #222220;--accent: #e8e8e6;--link: #e8e8e6;--chip-bg: #111110;--bio-color: #bbbbba;--desc-color: #999997;--svg-outline: #2a2a28;--svg-draw: #505050;--pattern-fg: rgba(255, 255, 255, .05)}html.light{--bg: #f8f6f1;--fg: #1a1a18;--muted: #888880;--border: #e4e2db;--accent: #1a1a18;--link: #1a1a18;--chip-bg: #ffffff;--bio-color: #444440;--desc-color: #666662;--svg-outline: #d0cec8;--svg-draw: #b0aea8;--pattern-fg: rgba(0, 0, 0, .05)}html{font-size:18px;-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{background-color:var(--bg);color:var(--fg);font-family:DM Sans,sans-serif;font-weight:300;line-height:1.65;-webkit-font-smoothing:antialiased;transition:background-color .35s ease,color .35s ease}a{color:var(--link);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--border);transition:text-decoration-color .2s,color .35s}a:hover{text-decoration-color:var(--fg)}.theme-btn{width:36px;height:20px;border-radius:999px;border:1px solid var(--border);background:var(--border);position:relative;cursor:pointer;transition:background .3s,border-color .3s;flex-shrink:0}.theme-btn:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--fg);transition:transform .3s ease,background .3s}html.light .theme-btn:after{transform:translate(16px)}.theme-btn-wrap{display:flex;align-items:center;gap:.5rem}.theme-icon{font-size:.75rem;line-height:1;transition:opacity .3s}nav{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--bg);border-bottom:1px solid transparent;transition:border-color .3s,background .35s}.nav-inner{max-width:640px;margin:0 auto;padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center}nav.scrolled{border-color:var(--border)}.nav-name{font-family:"DM Serif Display",serif;font-size:1rem;text-decoration:none;color:var(--fg);letter-spacing:-.01em}.nav-links{display:flex;gap:1.75rem}.nav-links a{font-size:.8125rem;text-decoration:none;color:var(--muted);font-family:DM Mono,monospace;font-weight:300;transition:color .2s}.nav-links a:hover{color:var(--fg)}main{max-width:640px;margin:0 auto;padding:7rem 2rem 5rem}.hero{margin-bottom:4rem;position:relative}.avatar{width:48px;height:48px;border-radius:50%;background:var(--border);margin-bottom:1.5rem;overflow:hidden;display:flex;align-items:center;justify-content:center;font-family:"DM Serif Display",serif;font-size:1.2rem;color:var(--muted);border:1px solid var(--border)}.avatar img{width:100%;height:100%;object-fit:cover}h1{font-family:"DM Serif Display",serif;font-size:2rem;font-weight:400;letter-spacing:-.03em;line-height:1.2;margin-bottom:.3rem}.tagline{font-family:DM Mono,monospace;font-size:.8rem;color:var(--muted);font-weight:300;letter-spacing:.02em;margin-bottom:1.25rem}.greeting-container{margin-bottom:.5rem;display:flex;align-items:center;font-size:1.35rem;color:var(--muted);font-family:DM Mono,monospace;position:relative}.greeting-text-wrap{position:relative;width:7.5rem;height:2rem}.greeting-text{position:absolute;left:0;top:0;transition:opacity .4s ease,filter .4s ease,transform .4s ease;filter:blur(0px);opacity:1;transform:translateY(0)}.greeting-text.fade{opacity:0;filter:blur(5px);transform:translateY(4px)}.greeting-emoji{margin-left:.2rem}.bio a{color:var(--fg);text-decoration-color:var(--border)}.status-bar{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:1.5rem;font-family:DM Mono,monospace;font-size:.7rem;color:var(--muted);font-weight:300;letter-spacing:.01em}.status-bar span{display:flex;align-items:center;gap:.35rem}.dot{width:6px;height:6px;border-radius:50%;background:#22c55e;flex-shrink:0}section{margin-bottom:3.5rem}.section-label{font-family:DM Mono,monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:300;margin-bottom:1.25rem}.exp-list{list-style:none}.exp-item{display:grid;grid-template-columns:1fr auto;gap:.25rem 1rem;padding:1rem 0;border-top:1px solid var(--border)}.exp-item:last-child{border-bottom:1px solid var(--border)}.exp-role{font-size:.9375rem;font-weight:500}.exp-company{font-size:.875rem;color:var(--muted)}.exp-year{font-family:DM Mono,monospace;font-size:.75rem;color:var(--muted);font-weight:300;text-align:right;padding-top:.1rem}.exp-desc{font-size:.875rem;color:var(--desc-color);grid-column:1;margin-top:.25rem}.project-grid{display:flex;flex-direction:column;gap:0}.project-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem 0;border-top:1px solid var(--border);text-decoration:none;color:inherit;transition:opacity .2s}.project-item:last-child{border-bottom:1px solid var(--border)}.project-item:hover{opacity:.65}.project-title{font-size:.9375rem;font-weight:500}.project-desc{font-size:.875rem;color:var(--muted);margin-top:.2rem}.project-arrow{font-size:.875rem;color:var(--muted);flex-shrink:0;margin-left:1rem;margin-top:.1rem}.writing-list{list-style:none}.writing-item{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.75rem 0;border-top:1px solid var(--border)}.writing-item:last-child{border-bottom:1px solid var(--border)}.writing-item a{font-size:.9375rem;text-decoration:none;color:var(--fg)}.writing-item a:hover{text-decoration:underline;text-underline-offset:3px}.writing-date{font-family:DM Mono,monospace;font-size:.72rem;color:var(--muted);font-weight:300;white-space:nowrap}footer{border-top:1px solid var(--border);padding:4rem 0 3rem;margin-top:2rem}.footer-hover-text{width:100%;height:260px;margin-bottom:4rem;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;position:relative}.footer-hover-text svg{width:100%;height:100%;display:block}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid var(--border)}.footer-links{display:flex;gap:2rem}.footer-links a{font-family:DM Mono,monospace;font-size:.75rem;color:var(--muted);text-decoration:none;font-weight:300;transition:color .2s ease}.footer-links a:hover{color:var(--fg)}.footer-copy{font-family:DM Mono,monospace;font-weight:300;font-size:.75rem;color:var(--muted)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero{animation:fadeUp .5s ease both}section{animation:fadeUp .5s ease both}section:nth-child(1){animation-delay:.05s}section:nth-child(2){animation-delay:.1s}section:nth-child(3){animation-delay:.15s}section:nth-child(4){animation-delay:.2s}footer{animation:fadeUp .5s .25s ease both}.reviews-section{margin-bottom:3.5rem}.review-card{width:420px;max-width:85vw;height:180px;flex-shrink:0;background:var(--chip-bg);border:1px solid var(--border);border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;white-space:normal;transition:box-shadow .2s,border-color .2s,background .35s;cursor:default}.review-card:hover{box-shadow:0 2px 8px #00000017;border-color:#444}.review-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.85rem}.review-pfp{width:32px;height:32px;border-radius:50%;object-fit:cover;background:var(--border);flex-shrink:0}.review-name{font-weight:500;font-size:.875rem;color:var(--fg);font-family:DM Sans,sans-serif}.review-rating{font-size:.75rem;color:var(--fg);margin-left:auto}.review-content{font-size:.8125rem;color:var(--desc-color);font-family:DM Sans,sans-serif;line-height:1.55;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.review-content::-webkit-scrollbar{display:none}.marquee-track.reviews-row{animation:scrollLeft 80s linear infinite}.tech-section{margin-bottom:3.5rem}.marquee-wrapper{position:relative;overflow:hidden;width:100%}.marquee-wrapper:before,.marquee-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none}.marquee-wrapper:before{left:0;background:linear-gradient(to right,var(--bg),transparent)}.marquee-wrapper:after{right:0;background:linear-gradient(to left,var(--bg),transparent)}.marquee-track{display:flex;gap:1rem;width:max-content;padding:.5rem 0}.marquee-track.row1{animation:scrollLeft 22s linear infinite}.marquee-track.row2{animation:scrollRight 22s linear infinite}.marquee-track.row3{animation:scrollLeft 22s linear infinite}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scrollRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.marquee-wrapper:hover .marquee-track{animation-play-state:paused}.tech-chip{display:flex;align-items:center;gap:.55rem;padding:.45rem .9rem;border:1px solid var(--border);border-radius:999px;background:var(--chip-bg);white-space:nowrap;font-size:.8125rem;font-weight:400;color:var(--fg);font-family:DM Sans,sans-serif;box-shadow:0 1px 3px #0000000a;transition:box-shadow .2s,border-color .2s,background .35s;cursor:default}.tech-chip:hover{box-shadow:0 2px 8px #00000017;border-color:#444}.tech-chip img{width:18px;height:18px;object-fit:contain;flex-shrink:0}@keyframes glint{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}.glint-rect{animation:glint 8s infinite linear}@media(max-width:600px){nav{padding:1rem 1.25rem}main{padding:6rem 1.25rem 4rem}h1{font-size:1.625rem}}