@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#080805;--bg-2:#0e0d09;--bg-surface:#141210;--bg-card:#111009;--border:#231f18;--border-hover:#3a332a;--accent:#c9973a;--accent-bright:#e4b04a;--accent-subtle:#c9973a12;--accent-glow:#c9973a2e;--color-blue:#5b8faf;--color-blue-bg:#5b8faf14;--color-green:#5baf7a;--color-green-bg:#5baf7a14;--color-orange:#c9973a;--color-orange-bg:#c9973a14;--color-purple:#8b6baf;--color-purple-bg:#8b6baf14;--text:#eae4d8;--text-muted:#8a7e6d;--text-faint:#4a4035;--serif:"Cormorant Garamond", Georgia, serif;--sans:"DM Sans", system-ui, sans-serif;--mono:"JetBrains Mono", "Courier New", monospace;--radius:4px;--radius-md:8px;--max-w:1100px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);color:var(--text);background-color:var(--bg);background-image:radial-gradient(circle,#231f18 1px,#0000 1px);background-size:28px 28px;background-attachment:fixed;font-size:1rem;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}img{max-width:100%;display:block}#root{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 2rem}@media (width<=768px){.container{padding:0 1.25rem}}.section{border-top:1px solid var(--border);padding:6rem 0}@media (width<=768px){.section{padding:4rem 0}}.section-header{flex-direction:column;gap:.5rem;margin-bottom:3.5rem;display:flex}.section-header--row{flex-direction:row;justify-content:space-between;align-items:flex-end}.section-number{font-family:var(--mono);color:var(--accent);letter-spacing:.1em;font-size:.75rem}.section-title{font-family:var(--serif);color:var(--text);letter-spacing:-.02em;font-size:clamp(2rem,4vw,3rem);font-weight:300;line-height:1.1}.reveal-block{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(28px)}.reveal-block.revealed{opacity:1;transform:translateY(0)}.btn{border-radius:var(--radius);font-family:var(--mono);letter-spacing:.05em;cursor:pointer;border:1px solid #0000;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.8rem;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:500}.btn-primary:hover{background:var(--accent-bright);border-color:var(--accent-bright);box-shadow:0 0 20px var(--accent-glow)}.btn-ghost{color:var(--text-muted);border-color:var(--border-hover);background:0 0}.btn-ghost:hover{color:var(--text);border-color:var(--accent);background:var(--accent-subtle)}.btn-sm{padding:.5rem 1rem;font-size:.75rem}.post-tag{font-family:var(--mono);background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);letter-spacing:.05em;border-radius:2px;padding:.2rem .6rem;font-size:.7rem}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#080805e0;position:sticky;top:0}.navbar-inner{max-width:var(--max-w);justify-content:space-between;align-items:center;height:64px;margin:0 auto;padding:0 2rem;display:flex}@media (width<=768px){.navbar-inner{height:56px;padding:0 1.25rem}}.navbar-logo{font-family:var(--mono);letter-spacing:.05em;align-items:center;gap:0;font-size:1rem;font-weight:500;transition:opacity .2s;display:flex}.navbar-logo:hover{opacity:.7}.logo-bracket{color:var(--accent);font-size:1.1rem}.logo-name{color:var(--text);margin:0 .1rem}.navbar-links{align-items:center;gap:2rem;display:flex}@media (width<=480px){.navbar-links{gap:1.25rem}}.nav-link{font-family:var(--mono);letter-spacing:.08em;color:var(--text-muted);font-size:.78rem;transition:color .2s;position:relative}.nav-link:after{content:"";background:var(--accent);width:0;height:1px;transition:width .2s;position:absolute;bottom:-3px;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-btn{cursor:pointer;border:none}.hero{align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg-grid{pointer-events:none;background:radial-gradient(80% 50% at 50% 0,#c9973a0a 0%,#0000 70%);position:absolute;inset:0}.hero-content{max-width:var(--max-w);z-index:1;margin:0 auto;padding-top:120px;padding-bottom:120px;position:relative}.hero-eyebrow{align-items:center;gap:.5rem;margin-bottom:2rem;animation:.8s both fadeInUp;display:flex}.hero-prompt{color:var(--accent);font-family:var(--mono);font-size:1rem}.hero-mono{font-family:var(--mono);color:var(--text-muted);letter-spacing:.08em;font-size:.78rem}.hero-cursor{color:var(--accent);font-family:var(--mono);animation:1.2s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-name{font-family:var(--serif);letter-spacing:-.03em;flex-direction:column;gap:0;margin-bottom:2rem;font-weight:300;line-height:.92;animation:.8s .1s both fadeInUp;display:flex}.hero-name-line{color:var(--text);font-size:clamp(5rem,12vw,9rem);display:block}.hero-name-serif{color:var(--accent);font-style:italic}.hero-tagline{color:var(--text-muted);max-width:480px;margin-bottom:2.5rem;font-size:1.1rem;line-height:1.6;animation:.8s .2s both fadeInUp}.hero-actions{flex-wrap:wrap;gap:1rem;margin-bottom:4rem;animation:.8s .3s both fadeInUp;display:flex}.hero-stats{align-items:center;gap:2.5rem;animation:.8s .4s both fadeInUp;display:flex}@media (width<=480px){.hero-stats{gap:1.5rem}}.hero-stat{flex-direction:column;gap:.25rem;display:flex}.hero-stat-number{font-family:var(--serif);color:var(--text);font-size:2rem;font-weight:300;line-height:1}.hero-stat-label{color:var(--text-muted);font-size:.75rem;font-family:var(--mono);letter-spacing:.05em}.hero-stat-divider{background:var(--border-hover);align-self:center;width:1px;height:2.5rem}.hero-scroll-indicator{flex-direction:column;align-items:center;gap:.5rem;animation:1s .8s both fadeInUp;display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.hero-scroll-line{background:linear-gradient(to bottom, var(--accent), transparent);width:1px;height:50px;animation:2s ease-in-out infinite scrollLine;display:block}.hero-scroll-text{font-family:var(--mono);letter-spacing:.15em;color:var(--text-faint);writing-mode:vertical-rl;font-size:.65rem}@keyframes scrollLine{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.about-section{background:linear-gradient(#0000,#c9973a05,#0000)}.about-grid{grid-template-columns:200px 1fr;align-items:start;gap:5rem;display:grid}@media (width<=768px){.about-grid{grid-template-columns:1fr;gap:2.5rem}}.about-label-col{flex-direction:column;gap:.5rem;display:flex;position:sticky;top:6rem}.about-content-col{grid-template-columns:180px 1fr;align-items:start;gap:3rem;display:grid}@media (width<=640px){.about-content-col{grid-template-columns:1fr;gap:2rem}}.avatar-placeholder{background:var(--bg-surface);border:1px solid var(--border-hover);border-radius:var(--radius-md);justify-content:center;align-items:center;width:140px;height:140px;display:flex}.avatar-initials{font-family:var(--serif);color:var(--accent);font-size:2.5rem;font-weight:300}.about-meta{flex-direction:column;gap:.75rem;margin-top:1.25rem;display:flex}.about-meta-item{flex-direction:column;gap:.2rem;display:flex}.about-meta-key{font-family:var(--mono);letter-spacing:.1em;color:var(--text-faint);text-transform:uppercase;font-size:.65rem}.about-meta-value{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.85rem;display:flex}.availability-dot{background:#5baf7a;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #5baf7a66}50%{opacity:.8;box-shadow:0 0 0 4px #5baf7a00}}.about-bio{color:var(--text-muted);margin-bottom:2rem;font-size:1.05rem;line-height:1.8}.about-links{flex-wrap:wrap;gap:1rem;display:flex}.about-link{font-family:var(--mono);letter-spacing:.05em;color:var(--text-muted);border:1px solid var(--border-hover);border-radius:var(--radius);align-items:center;gap:.4rem;padding:.5rem .875rem;font-size:.78rem;transition:all .2s;display:inline-flex}.about-link:hover{color:var(--text);border-color:var(--accent);background:var(--accent-subtle)}.skills-section{background:var(--bg-2)}.skills-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (width<=640px){.skills-grid{grid-template-columns:1fr}}.skill-group{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.75rem;transition:border-color .2s}.skill-group:hover{border-color:var(--border-hover)}.skill-group--blue{border-top:2px solid var(--color-blue)}.skill-group--green{border-top:2px solid var(--color-green)}.skill-group--orange{border-top:2px solid var(--color-orange)}.skill-group--purple{border-top:2px solid var(--color-purple)}.skill-category{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:1.25rem;font-size:.72rem;font-weight:500}.skill-group--blue .skill-category{color:var(--color-blue)}.skill-group--green .skill-category{color:var(--color-green)}.skill-group--orange .skill-category{color:var(--color-orange)}.skill-group--purple .skill-category{color:var(--color-purple)}.skill-tags{flex-wrap:wrap;gap:.5rem;display:flex}.skill-tag{font-family:var(--mono);border:1px solid #0000;border-radius:2px;padding:.3rem .7rem;font-size:.75rem;transition:all .2s}.skill-group--blue .skill-tag{background:var(--color-blue-bg);color:var(--color-blue)}.skill-group--blue .skill-tag:hover{border-color:var(--color-blue)}.skill-group--green .skill-tag{background:var(--color-green-bg);color:var(--color-green)}.skill-group--green .skill-tag:hover{border-color:var(--color-green)}.skill-group--orange .skill-tag{background:var(--color-orange-bg);color:var(--color-orange)}.skill-group--orange .skill-tag:hover{border-color:var(--color-orange)}.skill-group--purple .skill-tag{background:var(--color-purple-bg);color:var(--color-purple)}.skill-group--purple .skill-tag:hover{border-color:var(--color-purple)}.timeline{max-width:700px}.timeline-item{grid-template-columns:24px 1fr;gap:1.75rem;display:grid}.timeline-item+.timeline-item{margin-top:.25rem}.timeline-marker{flex-direction:column;align-items:center;padding-top:.35rem;display:flex}.timeline-dot{background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 3px var(--accent-subtle);border-radius:50%;flex-shrink:0}.timeline-line{background:var(--border-hover);flex:1;width:1px;min-height:3rem;margin:.5rem 0}.timeline-content{padding-bottom:3rem}.timeline-item:last-child .timeline-content{padding-bottom:0}.timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.25rem;display:flex}.timeline-role{font-family:var(--serif);color:var(--text);letter-spacing:-.01em;font-size:1.25rem;font-weight:400}.timeline-period{font-family:var(--mono);color:var(--text-faint);letter-spacing:.05em;white-space:nowrap;font-size:.72rem}.timeline-company{font-family:var(--mono);color:var(--accent);letter-spacing:.05em;margin-bottom:.875rem;font-size:.78rem;display:block}.timeline-description{color:var(--text-muted);font-size:.95rem;line-height:1.7}.post-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:all .25s;display:block;position:relative;overflow:hidden}.post-card:before{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform .3s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.post-card--blue:before{background:var(--color-blue)}.post-card--green:before{background:var(--color-green)}.post-card--orange:before{background:var(--color-orange)}.post-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:0 12px 40px #0006}.post-card:hover:before{transform:scaleX(1)}.post-card-inner{flex-direction:column;height:100%;padding:1.75rem;display:flex}.post-card--featured .post-card-inner{padding:2.25rem}.post-card-top{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.post-category{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border-radius:2px;padding:.25rem .6rem;font-size:.68rem;font-weight:500}.post-category--blue{background:var(--color-blue-bg);color:var(--color-blue)}.post-category--green{background:var(--color-green-bg);color:var(--color-green)}.post-category--orange{background:var(--color-orange-bg);color:var(--color-orange)}.post-read-time{font-family:var(--mono);color:var(--text-faint);letter-spacing:.05em;font-size:.7rem}.post-title{font-family:var(--serif);color:var(--text);letter-spacing:-.01em;margin-bottom:.875rem;font-size:1.25rem;font-weight:400;line-height:1.35;transition:color .2s}.post-card:hover .post-title{color:var(--accent-bright)}.post-title--featured{font-size:1.6rem}.post-excerpt{color:var(--text-muted);flex:1;margin-bottom:1.25rem;font-size:.875rem;line-height:1.7}.post-footer{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.post-date{font-family:var(--mono);color:var(--text-faint);letter-spacing:.04em;font-size:.7rem}.post-card-arrow{color:var(--text-faint);font-size:1rem;transition:transform .2s,color .2s}.post-card:hover .post-card-arrow{color:var(--accent);transform:translate(4px)}.post-tags{flex-wrap:wrap;gap:.375rem;display:flex}.blog-preview-section{background:var(--bg-2)}.posts-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.posts-grid--home{grid-template-columns:repeat(3,1fr)}.posts-grid--related{grid-template-columns:repeat(2,1fr)}@media (width<=900px){.posts-grid,.posts-grid--home{grid-template-columns:repeat(2,1fr)}}@media (width<=580px){.posts-grid,.posts-grid--home,.posts-grid--related{grid-template-columns:1fr}}.contact-section{background:linear-gradient(#0000,#c9973a08,#0000)}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;display:grid}@media (width<=768px){.contact-grid{grid-template-columns:1fr;gap:2.5rem}}.contact-text{color:var(--text-muted);font-size:1.05rem;line-height:1.8}.contact-links{flex-direction:column;gap:1px;display:flex}.contact-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;transition:all .2s;display:flex}.contact-item:first-child{border-top:1px solid var(--border)}.contact-item:hover{padding-left:.5rem}.contact-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);min-width:80px;font-size:.7rem}.contact-value{color:var(--text-muted);font-size:.9rem;font-family:var(--mono);transition:color .2s}.contact-item:hover .contact-value{color:var(--accent)}.footer{border-top:1px solid var(--border);background:var(--bg-2);padding:2.5rem 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;display:flex}.footer-left{flex-direction:column;gap:.25rem;display:flex}.footer-name{font-family:var(--serif);color:var(--text);font-size:1.1rem;font-weight:300}.footer-role{font-family:var(--mono);color:var(--text-faint);letter-spacing:.05em;font-size:.7rem}.footer-links{gap:1.5rem;display:flex}.footer-link{font-family:var(--mono);color:var(--text-muted);letter-spacing:.05em;font-size:.78rem;transition:color .2s}.footer-link:hover{color:var(--accent)}.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-copy{color:var(--text-faint);font-size:.8rem}.footer-mono{font-family:var(--mono);color:var(--text-faint);letter-spacing:.05em;font-size:.72rem}.blog-page{padding-bottom:5rem}.blog-header{border-bottom:1px solid var(--border);background:linear-gradient(#c9973a08,#0000);padding:5rem 0 3rem}.blog-header-inner{justify-content:space-between;align-items:flex-end;gap:2rem;display:flex}@media (width<=580px){.blog-header-inner{flex-direction:column;align-items:flex-start}}.blog-eyebrow{font-family:var(--mono);color:var(--accent);letter-spacing:.1em;margin-bottom:.75rem;font-size:.78rem;display:block}.blog-page-title{font-family:var(--serif);color:var(--text);letter-spacing:-.04em;margin-bottom:.75rem;font-size:clamp(3rem,7vw,5.5rem);font-weight:300;line-height:1}.blog-page-subtitle{color:var(--text-muted);max-width:420px;font-size:.95rem;line-height:1.7}.blog-count{text-align:right;flex-shrink:0}.blog-count-number{font-family:var(--serif);color:var(--accent);font-size:3.5rem;font-weight:300;line-height:1;display:block}.blog-count-label{font-family:var(--mono);color:var(--text-faint);letter-spacing:.08em;font-size:.7rem}.blog-filters{flex-wrap:wrap;gap:.5rem;padding:2.5rem 0;display:flex}.filter-btn{font-family:var(--mono);letter-spacing:.06em;border-radius:var(--radius);border:1px solid var(--border);color:var(--text-muted);background:0 0;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;transition:all .2s;display:inline-flex}.filter-btn:hover{border-color:var(--border-hover);color:var(--text)}.filter-btn--active{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.filter-count{background:var(--bg-surface);color:var(--text-faint);border-radius:2px;padding:.1rem .4rem;font-size:.65rem}.post-detail-page{padding-bottom:5rem}.post-detail-hero{border-bottom:1px solid var(--border);background:linear-gradient(#c9973a08,#0000);padding:5rem 0 4rem}.post-back-link{font-family:var(--mono);letter-spacing:.06em;color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:2.5rem;font-size:.75rem;transition:color .2s;display:inline-flex}.post-back-link:hover{color:var(--accent)}.post-detail-category-badge{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border-radius:2px;margin-bottom:1.5rem;padding:.3rem .75rem;font-size:.68rem;font-weight:500;display:inline-block}.post-detail-title{font-family:var(--serif);color:var(--text);letter-spacing:-.03em;max-width:800px;margin-bottom:1.5rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:300;line-height:1.15}.post-detail-meta{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.post-detail-date,.post-detail-read-time{font-family:var(--mono);color:var(--text-faint);letter-spacing:.05em;font-size:.75rem}.post-detail-separator{color:var(--text-faint)}.post-detail-excerpt{color:var(--text-muted);max-width:680px;margin-bottom:1.75rem;font-size:1.05rem;line-height:1.75}.post-detail-tags{flex-wrap:wrap;gap:.5rem;display:flex}.post-detail-body{padding:4rem 0}.post-content{max-width:720px}.post-content-paragraph{color:var(--text-muted);margin-bottom:1.5rem;font-size:1rem;line-height:1.85}.post-content-heading{font-family:var(--serif);color:var(--text);letter-spacing:-.02em;margin-top:3rem;margin-bottom:1.25rem;font-size:1.6rem;font-weight:400;line-height:1.25}.post-content-code-wrapper{border-radius:var(--radius-md);border:1px solid var(--border-hover);margin:1.75rem 0;overflow:hidden}.post-content-code{background:var(--bg-surface);font-family:var(--mono);color:var(--color-green);white-space:pre;padding:1.5rem;font-size:.82rem;line-height:1.75;display:block;overflow-x:auto}.post-detail-footer{border-top:1px solid var(--border);margin-top:4rem;padding-top:2.5rem}.post-author{align-items:center;gap:1rem;display:flex}.post-author-avatar{background:var(--accent-subtle);border:1px solid var(--accent);width:48px;height:48px;font-family:var(--mono);color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;display:flex}.post-author-info{flex-direction:column;gap:.2rem;display:flex}.post-author-name{font-family:var(--serif);color:var(--text);font-size:1rem;font-weight:400}.post-author-role{font-family:var(--mono);color:var(--text-faint);letter-spacing:.05em;font-size:.72rem}.post-related{border-top:1px solid var(--border);background:var(--bg-2);padding:3rem 0}.post-related-title{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-bottom:1.5rem;font-size:.75rem}.not-found-page{text-align:center;padding:8rem 0}.not-found-title{font-family:var(--serif);color:var(--text);margin-bottom:2rem;font-size:2.5rem;font-weight:300}