:root{--bg-primary: #0B0D10;--bg-elevated: #13151A;--bg-subtle: #1A1D24;--text-primary: #E6EAF0;--text-secondary: #8A9099;--text-tertiary: #555B66;--accent: #5EF1FF;--accent-muted: #5EF1FF20;--accent-border: #5EF1FF40;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-heading: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--border-subtle: 1px solid #1A1D24;--border-normal: 1px solid #555B6620;--shadow-sm: 0 2px 8px #00000040;--shadow-md: 0 8px 32px #00000060;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-body);font-size:16px;line-height:1.65;color:var(--text-secondary);background-color:var(--bg-primary);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:600;line-height:1.2}h1{font-size:clamp(40px,6vw,80px);line-height:1.05}h2{font-size:clamp(32px,4vw,52px);line-height:1.1}h3{font-size:17px;line-height:1.3;font-weight:600}h4{font-size:15px;line-height:1.4;font-weight:500}p{font-size:16px;line-height:1.65}.text-lg{font-size:18px;line-height:1.6}.text-sm{font-size:14px;line-height:1.5}.text-meta{font-family:var(--font-mono);font-size:12px;line-height:1.4;font-weight:500;text-transform:uppercase;letter-spacing:.05em}a{color:var(--accent);text-decoration:none;transition:all .2s var(--ease-in-out)}a:hover{color:var(--text-primary)}button{font-family:var(--font-body);cursor:pointer;border:none;background:none;transition:all .2s var(--ease-in-out)}button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}@media(min-width:640px){.container{padding:0 var(--space-6)}}@media(min-width:1024px){.container{padding:0 var(--space-7)}}.section{padding:var(--space-7) 0;scroll-margin-top:80px}@media(min-width:768px){.section{padding:var(--space-8) 0}}.header{position:fixed;top:var(--space-4);left:50%;z-index:1000;transition:top .3s var(--ease-in-out)}.header--scrolled{top:var(--space-3)}.header__nav{display:flex;align-items:center;gap:2px;background:#0b0d1073;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(255,255,255,.07);border-radius:100px;padding:4px 6px;box-shadow:0 4px 24px #00000059,inset 0 1px #ffffff0d}.header--scrolled .header__nav{background:#0b0d10b3;border-color:#ffffff1a}.header__nav-item{color:var(--text-tertiary);font-size:13px;font-weight:500;letter-spacing:.01em;white-space:nowrap;position:relative;transition:color .2s var(--ease-in-out),background .2s var(--ease-in-out);padding:5px 14px;text-decoration:none;border-radius:100px;line-height:1;flex-shrink:0}.header__nav-item:hover{color:var(--text-primary);background:#ffffff0d}.header__nav-item--active{color:var(--accent);background:#5ef1ff14}.header__nav-item--active:hover{color:var(--accent);background:#5ef1ff1f}@media(max-width:640px){.header__nav-item{font-size:11.5px;padding:4px 10px}}@media(max-width:400px){.header__nav-item{font-size:10.5px;padding:4px 7px;letter-spacing:0}}.footer{background:linear-gradient(180deg,transparent 0%,rgba(19,21,26,.5) 100%);border-top:1px solid var(--border-subtle);padding:var(--space-6) 0;margin-top:var(--space-10);position:relative}.footer__bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.footer__copyright{color:var(--text-tertiary);font-size:13px;margin:0}.footer__meta{display:flex;align-items:center;gap:var(--space-4)}.footer__status{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:13px;font-weight:500}.footer__github-link{color:var(--accent);text-decoration:none;font-weight:600;transition:opacity .2s}.footer__github-link:hover{opacity:.75}@media(max-width:768px){.footer__bottom{flex-direction:column;text-align:center;gap:var(--space-3)}.footer__meta{justify-content:center}}.projects-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:start}.projects-list{display:flex;flex-direction:column}.projects-preview{position:sticky;top:120px}.projects-preview__frame{border-radius:12px;overflow:hidden;background:var(--bg-subtle);border:1px solid rgba(255,255,255,.06);aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center}.projects-preview__inner{width:100%;height:100%}.projects-preview__img{width:100%;height:100%;object-fit:contain;display:block;position:absolute;inset:0}.preview-img-wrap{width:100%;height:100%;position:relative}.preview-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,var(--bg-subtle) 25%,rgba(255,255,255,.05) 50%,var(--bg-subtle) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.projects-preview__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--space-6)}.projects-preview__placeholder-title{font-family:var(--font-mono);font-size:13px;color:var(--text-tertiary);text-align:center}.preview-gallery{display:flex;align-items:stretch;gap:6px;padding:10px;width:100%;height:100%;box-sizing:border-box}.preview-gallery .preview-img-wrap{flex:1;min-width:0;height:100%}.preview-gallery .projects-preview__img{object-fit:contain;border-radius:6px}.project-row{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5) var(--space-4);border-bottom:1px solid var(--bg-subtle);cursor:pointer;border-radius:8px;transition:background .18s ease}.project-row:last-child{border-bottom:none}.project-row--active,.project-row:hover{background:#ffffff0a}.project-row--active .project-row__title{color:var(--accent)}.project-row__top{display:flex;align-items:center;justify-content:space-between}.project-row__meta{display:flex;align-items:center;gap:var(--space-2)}.project-row__year,.project-row__category{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary)}.project-row__separator{font-size:11px;color:var(--text-tertiary)}.project-row__status{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;padding:2px 7px;border-radius:100px}.project-row__status--production{background:#5ef1ff14;color:var(--accent);border:1px solid var(--accent-border)}.project-row__status--beta{background:#ff990014;color:#f90;border:1px solid rgba(255,153,0,.3)}.project-row__status--development{background:#8a90991a;color:var(--text-tertiary);border:1px solid var(--bg-subtle)}.project-row__status--archived{background:#fb923c14;color:#fb923c;border:1px solid rgba(251,146,60,.3)}.project-row__actions{display:flex;align-items:center;gap:var(--space-3)}.project-row__icon-link{display:flex;align-items:center;color:var(--text-tertiary);text-decoration:none;transition:color .2s ease}.project-row__icon-link:hover{color:var(--text-primary)}.project-row__title{font-size:17px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.project-row__description{font-size:13px;color:var(--text-tertiary);margin:0;line-height:1.5}.project-row__techs{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);margin-top:2px}.project-tech{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary)}.project-tech__icon{display:flex;align-items:center;font-size:12px;line-height:1}.project-tech__name{font-size:12px;line-height:1}.projects-footer{margin-top:var(--space-6);font-size:13px;color:var(--text-tertiary)}.projects-footer__link{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.projects-footer__link:hover{color:var(--text-primary)}@media(max-width:768px){.projects-layout{grid-template-columns:1fr}.projects-preview{position:static;order:-1}}@media(max-width:580px){.project-row__top{flex-wrap:wrap;gap:var(--space-2)}.project-row__title{font-size:15px}.project-row__description{font-size:12px}}.stack-table{display:flex;flex-direction:column;gap:0}.stack-row{display:grid;grid-template-columns:120px 1fr;align-items:start;gap:var(--space-5);padding:var(--space-5) 0;border-bottom:1px solid var(--bg-subtle)}.stack-row:last-child{border-bottom:none}.skills-learning{margin-top:var(--space-5);font-size:13px;color:var(--text-tertiary);font-family:var(--font-mono)}.skills-learning__highlight{color:var(--accent);font-weight:500}.stack-row__label{font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding-top:2px;white-space:nowrap}.stack-row__techs{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3)}.stack-tech{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--text-secondary);cursor:default}.stack-tech__icon{display:flex;align-items:center;font-size:13px;line-height:1}.stack-tech__icon--placeholder{width:8px;height:8px;border-radius:999px;background-color:currentColor}.stack-tech__name{font-size:13px;line-height:1}@media(max-width:600px){.stack-row{grid-template-columns:80px 1fr;gap:var(--space-3)}.stack-row__label{font-size:10px}.stack-tech{font-size:12px}}@media(max-width:400px){.stack-row{grid-template-columns:1fr;gap:var(--space-2)}.stack-row__label{padding-bottom:var(--space-1)}}.exp-list{display:flex;flex-direction:column}.exp-row{border-bottom:1px solid var(--bg-subtle);transition:background .2s ease}.exp-row:first-child{border-top:1px solid var(--bg-subtle)}.exp-row__header{width:100%;display:flex;align-items:baseline;gap:var(--space-5);padding:var(--space-5) 0;background:none;border:none;cursor:pointer;text-align:left;color:inherit;transition:background .15s ease}.exp-row__header:hover .exp-row__role{color:var(--accent)}.exp-row__left{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;min-width:200px}.exp-row__chevron{display:flex;align-items:center;color:var(--text-tertiary);flex-shrink:0;transition:color .2s ease}.exp-row--open .exp-row__chevron{color:var(--accent)}.exp-row__meta{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);white-space:nowrap}.exp-row__period{color:var(--text-secondary)}.exp-row__sep{color:var(--text-tertiary)}.exp-row__type{text-transform:uppercase;letter-spacing:.06em;font-size:10px}.exp-row__right{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap}.exp-row__role{font-family:var(--font-heading);font-size:15px;font-weight:600;color:var(--text-primary);transition:color .2s ease}.exp-row__company{font-size:13px;color:var(--text-secondary)}.exp-row__location{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);margin-left:auto}.exp-row__body{overflow:hidden}.exp-row__body-inner{padding:0 0 var(--space-5) calc(14px + var(--space-3) + 200px);display:flex;flex-direction:column;gap:var(--space-4)}.exp-row__bullets{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.exp-row__bullet{font-size:13px;color:var(--text-secondary);line-height:1.6;padding-left:var(--space-4);position:relative}.exp-row__bullet:before{content:"—";position:absolute;left:0;color:var(--text-tertiary);font-size:11px;line-height:1.6}.exp-row__techs{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3)}.exp-tech{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text-secondary)}.exp-tech__icon{display:flex;align-items:center;font-size:12px;line-height:1}.exp-tech__name{font-size:12px;line-height:1}@media(max-width:700px){.exp-row__header{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.exp-row__left{min-width:unset}.exp-row__location{margin-left:0}.exp-row__body-inner{padding-left:var(--space-4)}}@media(max-width:480px){.exp-row__role{font-size:14px}.exp-row__right{gap:var(--space-2)}}.blog-list{display:flex;flex-direction:column}.blog-row{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5) 0;border-bottom:1px solid var(--bg-subtle);text-decoration:none;color:inherit;cursor:pointer;transition:background .15s ease}.blog-row:first-child{border-top:1px solid var(--bg-subtle)}.blog-row__meta{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary)}.blog-row__date{color:var(--text-secondary)}.blog-row__sep{color:var(--text-tertiary)}.blog-row__tag{text-transform:uppercase;letter-spacing:.06em;font-size:10px}.blog-row__read{color:var(--text-tertiary)}.blog-row__body{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.blog-row__text{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.blog-row__title{font-size:15px;font-weight:600;color:var(--text-primary);line-height:1.35;transition:color .2s ease}.blog-row:hover .blog-row__title{color:var(--accent)}.blog-row__excerpt{font-size:13px;color:var(--text-tertiary);line-height:1.6;margin:0}.blog-row__arrow{display:flex;align-items:center;color:var(--text-tertiary);flex-shrink:0;margin-top:2px;transition:color .2s ease}.blog-row:hover .blog-row__arrow{color:var(--accent)}.blog-list--empty{padding:var(--space-7) 0}.blog-empty{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-6) var(--space-7);border:1px solid var(--bg-subtle);border-radius:var(--radius-md);background:#ffffff05}.blog-empty__icon{font-size:24px;line-height:1}.blog-empty__title{font-family:var(--font-heading);font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.blog-empty__subtitle{font-size:14px;color:var(--text-secondary);line-height:1.65;margin:0;max-width:480px}.blog-footer{margin-top:var(--space-5);font-family:var(--font-mono);font-size:12px;color:var(--text-tertiary)}.blog-footer__link{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.blog-footer__link:hover{color:var(--accent)}@media(max-width:600px){.blog-row__excerpt{display:none}}.cursor-torch{position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:0;transition:opacity .6s ease;mix-blend-mode:screen;background:radial-gradient(circle at var(--tx, 50%) var(--ty, 50%),rgba(255,255,240,.11) 0px,rgba(180,230,255,.07) 110px,rgba(94,241,255,.04) 220px,transparent 380px)}@media(hover:none){.cursor-torch{display:none}}.hero{min-height:100vh;display:flex;align-items:center;padding:0;position:relative;overflow:hidden}.hero__container{position:relative;z-index:3;width:100%;display:flex;flex-direction:column}.hero__available-wrap{display:flex;justify-content:center;margin-bottom:var(--space-6)}.hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-9);align-items:center}.hero__left{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4)}.hero__greeting{font-family:var(--font-heading);font-size:18px;font-weight:500;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:6px}.hero__wave{display:inline-block;animation:wave 2.4s ease-in-out infinite;transform-origin:70% 80%}@keyframes wave{0%,to{transform:rotate(0)}15%{transform:rotate(18deg)}30%{transform:rotate(-8deg)}45%{transform:rotate(14deg)}60%{transform:rotate(-4deg)}75%{transform:rotate(8deg)}}.hero__eyebrow{display:flex;align-items:center;gap:var(--space-4);font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.hero__badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;background:var(--accent-muted);border:1px solid var(--accent-border);border-radius:100px;color:var(--accent);font-size:11px}.hero__badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero__title{margin:0;line-height:1.05}.hero__links{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);margin-top:var(--space-2)}.hero__link{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.hero__link:hover{color:var(--text-primary)}.hero__link--resume{padding:4px 10px;border:1px solid rgba(255,255,255,.1);border-radius:100px;transition:border-color .2s ease,color .2s ease}.hero__right{display:flex;flex-direction:column;gap:var(--space-5)}.hero__bio{font-size:15px;line-height:1.75;color:var(--text-secondary);margin:0}.hero__chef{position:relative;display:inline-flex;align-items:center;gap:4px;cursor:default}.hero__chef-icon{opacity:0;transform:translateY(3px) scale(.9);transition:opacity .15s ease,transform .15s ease;color:var(--accent)}.hero__chef:hover .hero__chef-icon{opacity:1;transform:translateY(0) scale(1)}.contact-content{display:flex;flex-direction:column;gap:var(--space-6)}.contact-title{margin:0;line-height:1.05}.contact-links{display:flex;flex-direction:column;gap:var(--space-3)}.contact-link{display:inline-flex;font-size:15px;color:var(--text-secondary);text-decoration:none;transition:color .2s ease,transform .2s ease;width:fit-content}.contact-link:hover{color:var(--accent)}.section-title{font-family:var(--font-heading);font-size:clamp(20px,2.5vw,26px);font-weight:600;letter-spacing:-.02em;color:var(--text-primary);margin:0 0 var(--space-7) 0;line-height:1.15}.section-eyebrow{display:block;font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:var(--space-5)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-family:var(--font-body);font-size:14px;font-weight:500;text-decoration:none;transition:all .2s var(--ease-in-out);cursor:pointer}.btn--primary{background:var(--accent);color:var(--bg-primary);border:1px solid transparent}.btn--primary:hover{background:#7ef5ff;color:var(--bg-primary)}.btn--secondary{background:transparent;color:var(--text-secondary);border:var(--border-normal)}.btn--secondary:hover{color:var(--text-primary);border-color:var(--text-tertiary)}.hero__link--resume{padding:4px 10px;border:1px solid rgba(255,255,255,.1);border-radius:100px;color:var(--text-secondary);transition:border-color .2s ease,color .2s ease}.hero__link--resume:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:900px){.hero__grid{grid-template-columns:1fr;gap:var(--space-7)}.hero{align-items:flex-start;padding-top:calc(var(--space-9) + 56px);padding-bottom:var(--space-8);min-height:100svh}.hero__title{font-size:clamp(38px,11vw,60px)}}@media(max-width:480px){.hero__title{font-size:clamp(32px,12vw,48px)}.hero__bio{font-size:14px}.contact-title{font-size:clamp(30px,11vw,44px)}}@media(min-width:1200px){.hero__grid{gap:var(--space-10)}.hero__bio{font-size:16px}}