:root{--bg:#fafafa;--text:#666;--muted:#8c8c93;--accent:#e2543f;--border:#e6e6ea;--max-width:960px;--mono:"Doto", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--label:#333;--serif:"DM Serif Text", Georgia, "Times New Roman", serif;--pixel:"Pixelify Sans", "Doto", monospace;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle,#11111414 1px,#0000 1px);background-size:22px 22px;line-height:1.6}a{color:inherit;text-decoration:none}section{max-width:var(--max-width);margin:0 auto;padding:5rem 1.5rem}body.blog-page section{padding:6rem 1.5rem 4rem}h1,h2,h3{letter-spacing:-.02em;font-weight:700;line-height:1.15}h2{margin-bottom:3rem;font-size:clamp(1.8rem,4vw,2.5rem)}.mascot{z-index:200;background:var(--bg);border:1px solid var(--border);cursor:pointer;appearance:none;width:2.9rem;height:2.9rem;font:inherit;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform .3s,border-color .3s;display:flex;position:fixed;top:1.1rem;left:1.5rem;box-shadow:0 4px 14px -8px #11111440}.mascot:hover{border-color:var(--accent);transform:rotate(-8deg)scale(1.06)}.mascot svg{width:1.55rem;height:auto}@media (width<=640px){.mascot{width:2.4rem;height:2.4rem;top:.8rem;left:.9rem}.mascot svg{width:1.3rem;height:auto}}#nav{z-index:100;transition:background .3s,box-shadow .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;top:0;left:0;right:0}#nav.scrolled,body.blog-page #nav{-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--border);background:#fafafabf}.nav-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:1.25rem 1.5rem;display:flex}.nav-links{gap:2rem;margin-left:auto;display:flex}.nav-links a{color:var(--muted);text-transform:lowercase;font-size:.95rem;transition:color .2s}.nav-links a:before{content:"// ";color:var(--accent);font-family:var(--mono);font-weight:600}.nav-links a:hover{color:var(--accent)}#hero{flex-direction:column;justify-content:center;min-height:100vh;padding-top:6rem;display:flex}#hero h1{font-family:var(--pixel);letter-spacing:0;font-size:clamp(2.4rem,7vw,4.6rem);font-weight:600}#hero .tagline{font-family:var(--mono);color:var(--label);text-transform:uppercase;letter-spacing:.08em;margin-top:1.25rem;font-size:.9rem;font-weight:700}#hero .intro{max-width:38rem;margin-top:1.75rem}#hero .intro p{color:var(--text);font-size:1.05rem}#hero .intro p+p{margin-top:1.1rem}#hero .follow{color:var(--muted);margin-top:1.75rem;font-size:1.05rem;font-style:italic}#hero .follow a{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:2px;font-style:normal;transition:text-decoration-color .2s}#hero .follow a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}#hero .signature{color:var(--muted);transform-origin:0;margin-top:.75rem;font-family:Caveat,cursive;font-size:3rem;font-weight:700;line-height:1;transform:rotate(-3deg)}.expertise-grid,.work-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.expertise-card,.work-card{border-top:1px solid var(--border);padding-top:1.5rem;transition:border-color .25s,transform .25s,box-shadow .25s}.expertise-card:hover,.work-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 24px -16px #e2543f59}.expertise-card h3,.work-card h3{margin-bottom:.6rem;font-size:1.1rem}.expertise-card p,.work-card p{color:var(--muted);font-size:.95rem}.timeline{border-left:1px solid var(--border);padding-left:2rem;position:relative}.timeline-item{padding-bottom:3rem;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";background:var(--accent);border-radius:50%;width:.6rem;height:.6rem;position:absolute;top:.3rem;left:-2.4rem}.timeline-date{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem;font-size:.85rem;font-weight:600}.timeline-content h3{margin-bottom:.5rem;font-size:1.15rem}.timeline-content p{color:var(--muted);max-width:38rem;font-size:.95rem}#contact{text-align:center}#contact h2{margin-bottom:1rem}.contact-intro{color:var(--muted);max-width:30rem;margin:0 auto 2.5rem;font-size:1.05rem}.contact-email{color:var(--text);border-bottom:2px solid var(--accent);padding-bottom:.2rem;font-size:clamp(1.4rem,4vw,2rem);font-weight:700;transition:color .2s;display:inline-block}.contact-email:hover{color:var(--accent)}.contact-links{justify-content:center;gap:2rem;margin-top:2.5rem;display:flex}.contact-links a{color:var(--muted);font-size:.95rem;transition:color .2s}.contact-links a:hover{color:var(--accent)}.ticker{max-width:var(--max-width);font-family:var(--mono);color:var(--label);border-top:1px solid var(--border);margin:0 auto;padding:2rem 1.5rem 0;font-size:.9rem;font-weight:700}.ticker-row{align-items:center;gap:.65rem;padding:.65rem 0;display:flex}.ticker-row+.ticker-row{border-top:1px dashed var(--border)}.ticker-icon{color:var(--accent)}.ticker-row a{transition:color .2s}.ticker-row a:hover{color:var(--accent)}footer{max-width:var(--max-width);text-align:center;color:var(--muted);margin:0 auto;padding:2.5rem 1.5rem 3.5rem;font-size:.85rem}.blog-header h1{font-family:var(--serif);letter-spacing:-.03em;font-size:clamp(2.5rem,6vw,4rem);font-weight:900}.blog-header .tagline{font-family:var(--mono);color:var(--label);text-transform:uppercase;letter-spacing:.08em;margin-top:1rem;font-size:.9rem;font-weight:700}.blog-list{flex-direction:column;margin-top:4rem;display:flex}.blog-card{border-top:1px solid var(--border);padding:2rem 0;transition:border-color .25s}.blog-card:last-child{border-bottom:1px solid var(--border)}.blog-card .post-date{font-family:var(--mono);color:var(--accent);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem}.blog-card h3{margin-top:.5rem;font-size:1.3rem;transition:color .2s}.blog-card:hover h3{color:var(--accent)}.blog-card p{color:var(--muted);max-width:40rem;margin-top:.6rem;font-size:.98rem}.empty-state{color:var(--muted);font-family:var(--mono);margin-top:4rem;font-size:.9rem}.post-meta{font-family:var(--mono);color:var(--accent);text-transform:uppercase;letter-spacing:.04em;margin-bottom:1rem;font-size:.8rem}.post-header h1{font-family:var(--serif);letter-spacing:-.03em;font-size:clamp(2.2rem,5vw,3.2rem);font-weight:900;line-height:1.1}.back-link{font-family:var(--mono);color:var(--label);margin-bottom:2rem;font-size:.9rem;font-weight:700;transition:color .2s;display:inline-block}.back-link:hover{color:var(--accent)}.post-content{max-width:42rem;margin-top:3rem;font-size:1.05rem}.post-content p{margin-bottom:1.4rem}.post-content h2{margin:2.5rem 0 1rem;font-size:1.5rem}.post-content h3{margin:2rem 0 .8rem;font-size:1.2rem}.post-content ul,.post-content ol{color:var(--text);margin:0 0 1.4rem 1.5rem}.post-content li{margin-bottom:.5rem}.post-content a{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:2px}.post-content code{font-family:var(--mono);background:#1111140f;border-radius:4px;padding:.15rem .4rem;font-size:.9em}.post-content pre{color:#f4f4f5;background:#111114;border-radius:8px;margin-bottom:1.4rem;padding:1.25rem;overflow-x:auto}.post-content pre code{color:inherit;background:0 0;padding:0}.post-content blockquote{border-left:3px solid var(--accent);color:var(--muted);margin-bottom:1.4rem;padding-left:1.25rem}#chat-toggle{background:var(--accent);cursor:pointer;z-index:300;border:none;border-radius:50%;width:3.25rem;height:3.25rem;transition:transform .25s,box-shadow .25s;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 6px 18px -8px #e2543f8c}#chat-toggle:before{content:"💬";font-size:1.4rem;line-height:1}#chat-toggle:hover{transform:scale(1.06);box-shadow:0 8px 22px -6px #e2543fa6}#chat-panel{background:var(--bg);border:1px solid var(--border);z-index:300;border-radius:14px;flex-direction:column;width:min(22rem,100vw - 3rem);height:min(28rem,100vh - 8rem);display:none;position:fixed;bottom:5.25rem;right:1.5rem;overflow:hidden;box-shadow:0 20px 40px -20px #11111459}#chat-panel.open{display:flex}#chat-header{background:var(--label);flex-shrink:0;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}#chat-avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-family:Caveat,cursive;font-size:1.15rem;font-weight:700;display:flex}#chat-title{font-family:var(--sans);color:#fff;font-size:.95rem;font-weight:600}#chat-status{color:#ffffffa6;align-items:center;gap:.4rem;margin-top:.2rem;font-size:.78rem;display:flex}.status-dot{background:#4ade80;border-radius:50%;width:.45rem;height:.45rem;display:inline-block}#chat-messages{flex-direction:column;flex:1;gap:.75rem;padding:1.25rem;display:flex;overflow-y:auto}.chat-msg{border-radius:12px;max-width:85%;padding:.6rem .9rem;font-size:.92rem;line-height:1.5}.chat-msg-user{background:var(--accent);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.chat-msg-bot{border:1px solid var(--border);color:var(--text);background:#fff;border-bottom-left-radius:4px;align-self:flex-start}.chat-typing{border:1px solid var(--border);background:#fff;border-radius:12px 12px 12px 4px;align-self:flex-start;gap:.3rem;padding:.7rem .9rem;display:flex}.chat-typing span{background:var(--muted);border-radius:50%;width:.4rem;height:.4rem;animation:1.2s ease-in-out infinite chat-typing-bounce}.chat-typing span:nth-child(2){animation-delay:.2s}.chat-typing span:nth-child(3){animation-delay:.4s}@keyframes chat-typing-bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}#chat-form{border-top:1px solid var(--border);background:var(--bg);gap:.5rem;padding:.85rem;display:flex}#chat-input{border:1px solid var(--border);font-family:var(--sans);color:var(--text);background:#fff;border-radius:999px;flex:1;padding:.6rem 1rem;font-size:.92rem}#chat-input:focus{border-color:var(--accent);outline:none}#chat-form button[type=submit]{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;font-size:1rem;transition:opacity .2s;display:flex}#chat-form button[type=submit]:hover{opacity:.9}@media (width<=768px){section{padding:3.5rem 1.25rem}body.blog-page section{padding:6.5rem 1.25rem 3rem}.nav-inner{flex-wrap:wrap;row-gap:.6rem;padding-left:4.6rem}.nav-links{flex-wrap:wrap;gap:.9rem 1.1rem;width:100%}.nav-links a{font-size:.8rem}.expertise-grid,.work-grid{grid-template-columns:1fr;gap:2.5rem}.timeline{padding-left:1.5rem}.timeline-item:before{left:-1.9rem}.contact-links{flex-direction:column;gap:1rem}#chat-panel{width:calc(100vw - 1.5rem);bottom:4.5rem;right:.75rem}#chat-toggle{bottom:1rem;right:1rem}}