@import "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@100..900&display=swap";
:root{--color-bg:#0a0a0a;--color-bg-subtle:#111;--color-bg-elevated:#181818;--color-border:#2a2a2a;--color-border-hover:#444;--color-text-primary:#f0f0f0;--color-text-secondary:#888;--color-text-tertiary:#555;--color-accent:#e8e8e8;--color-accent-dim:#3a3a3a;--color-link:#f0f0f0;--color-link-hover:#fff;--font-sans:"Geist", system-ui, -apple-system, sans-serif;--font-mono:"Geist Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--leading-tight:1.25;--leading-normal:1.6;--leading-loose:1.8;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--max-width-site:1100px;--max-width-prose:680px;--header-height:60px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh}img,video{max-width:100%;display:block}a{color:var(--color-link);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-link-hover)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}.site-wrapper{flex-direction:column;min-height:100dvh;display:flex}.container{width:100%;max-width:var(--max-width-site);padding-inline:var(--space-6);margin-inline:auto}.container--prose{max-width:var(--max-width-prose)}main{padding-top:var(--space-16);padding-bottom:var(--space-24);flex:1}.site-header{z-index:100;height:var(--header-height);background-color:color-mix(in srgb, var(--color-bg) 85%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);position:sticky;top:0}.site-header__inner{grid-template-columns:1fr auto 1fr;align-items:center;height:100%;display:grid}.site-header__nav{align-items:center;gap:var(--space-6);display:flex}.site-header__nav--right{justify-content:flex-end}.site-header__logo{font-size:var(--text-base);font-weight:var(--weight-semibold);letter-spacing:-.02em;color:var(--color-text-primary);text-align:center;white-space:nowrap}.site-header__logo:hover{color:var(--color-text-primary)}.nav-link{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);letter-spacing:.01em;transition:color var(--transition-fast);position:relative}.nav-link:after{content:"";background-color:var(--color-text-primary);width:0;height:1px;transition:width var(--transition-normal);position:absolute;bottom:-2px;left:0}.nav-link:hover,.nav-link[aria-current=page]{color:var(--color-text-primary)}.nav-link:hover:after,.nav-link[aria-current=page]:after{width:100%}.site-footer{border-top:1px solid var(--color-border);padding-block:var(--space-8)}.site-footer__inner{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.site-footer__copy{font-size:var(--text-sm);color:var(--color-text-tertiary)}.site-footer__links{gap:var(--space-5);display:flex}.site-footer__links a{font-size:var(--text-sm);color:var(--color-text-tertiary);transition:color var(--transition-fast)}.site-footer__links a:hover{color:var(--color-text-secondary)}.card{gap:var(--space-3);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);transition:border-color var(--transition-fast), background-color var(--transition-fast), transform var(--transition-fast);color:inherit;flex-direction:column;text-decoration:none;display:flex}.card:hover{border-color:var(--color-border-hover);background-color:var(--color-bg-elevated);transform:translateY(-1px)}.card__cover{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-sm);background-color:var(--color-bg-elevated);width:100%}.card__meta{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.card__date{font-size:var(--text-xs);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.card__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:-.015em;color:var(--color-text-primary)}.card__excerpt{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card__footer{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);margin-top:auto;display:flex}.card__reading-time{font-size:var(--text-xs);color:var(--color-text-tertiary)}.card__platform{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.cards-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-tertiary);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px var(--space-2);letter-spacing:.02em;transition:color var(--transition-fast), border-color var(--transition-fast);align-items:center;display:inline-flex}.tag:hover{color:var(--color-text-secondary);border-color:var(--color-border-hover)}.like-btn{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);-webkit-user-select:none;user-select:none;background:0 0;display:inline-flex}.like-btn:hover{color:var(--color-text-primary);border-color:var(--color-border-hover)}.like-btn--liked{color:#f55;border-color:#f55}.like-btn__icon{font-size:var(--text-base);transition:transform var(--transition-fast);line-height:1}.like-btn:hover .like-btn__icon,.like-btn--liked .like-btn__icon{transform:scale(1.2)}.post-content{font-size:var(--text-base);line-height:var(--leading-loose);color:var(--color-text-primary)}.post-content h1,.post-content h2,.post-content h3,.post-content h4{font-weight:var(--weight-semibold);letter-spacing:-.02em;line-height:var(--leading-tight);margin-top:var(--space-10);margin-bottom:var(--space-4)}.post-content h1{font-size:var(--text-3xl)}.post-content h2{font-size:var(--text-2xl)}.post-content h3{font-size:var(--text-xl)}.post-content h4{font-size:var(--text-lg)}.post-content p{margin-bottom:var(--space-5)}.post-content a{color:var(--color-text-primary);text-decoration:underline;-webkit-text-decoration-color:var(--color-border-hover);text-decoration-color:var(--color-border-hover);text-underline-offset:3px;transition:text-decoration-color var(--transition-fast)}.post-content a:hover{-webkit-text-decoration-color:var(--color-text-primary);text-decoration-color:var(--color-text-primary)}.post-content ul,.post-content ol{padding-left:var(--space-6);margin-bottom:var(--space-5);list-style:revert}.post-content li+li{margin-top:var(--space-2)}.post-content blockquote{border-left:2px solid var(--color-border-hover);padding-left:var(--space-5);margin:var(--space-8) 0;color:var(--color-text-secondary);font-style:italic}.post-content code{font-family:var(--font-mono);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px 6px;font-size:.875em}.post-content pre{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);margin:var(--space-6) 0;overflow-x:auto}.post-content pre code{font-size:var(--text-sm);background:0 0;border:none;padding:0}.post-content img{border-radius:var(--radius-md);margin:var(--space-6) 0}.post-content hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-10) 0}.page-header{margin-bottom:var(--space-12)}.page-header__eyebrow{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:var(--space-3)}.page-header__title{font-size:var(--text-4xl);font-weight:var(--weight-semibold);letter-spacing:-.03em;line-height:var(--leading-tight)}.page-header__subtitle{margin-top:var(--space-4);font-size:var(--text-lg);color:var(--color-text-secondary);max-width:540px;line-height:var(--leading-normal)}.post-header{margin-bottom:var(--space-12)}.post-header__meta{align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);font-size:var(--text-sm);color:var(--color-text-tertiary);flex-wrap:wrap;display:flex}.post-header__title{font-size:clamp(var(--text-2xl), 5vw, var(--text-4xl));font-weight:var(--weight-semibold);letter-spacing:-.03em;line-height:var(--leading-tight);margin-bottom:var(--space-5)}.post-header__cover{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-lg);width:100%;margin-top:var(--space-8)}.hero{padding-block:var(--space-20) var(--space-16)}.hero__greeting{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.hero__name{font-size:clamp(var(--text-3xl), 6vw, 4rem);font-weight:var(--weight-semibold);letter-spacing:-.04em;margin-bottom:var(--space-5);line-height:1.1}.hero__bio{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:500px;line-height:var(--leading-normal);margin-bottom:var(--space-8)}.hero__links{gap:var(--space-5);flex-wrap:wrap;display:flex}.hero__link{font-size:var(--text-sm);color:var(--color-text-secondary);align-items:center;gap:var(--space-2);transition:color var(--transition-fast);display:flex}.hero__link:hover{color:var(--color-text-primary)}.section{margin-bottom:var(--space-20)}.section__header{margin-bottom:var(--space-8);justify-content:space-between;align-items:baseline;display:flex}.section__title{font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:-.02em}.section__all-link{font-size:var(--text-sm);color:var(--color-text-tertiary);transition:color var(--transition-fast)}.section__all-link:hover{color:var(--color-text-primary)}.load-more{margin-top:var(--space-12);justify-content:center;display:flex}.btn{align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);display:inline-flex}.btn:hover{color:var(--color-text-primary);border-color:var(--color-border-hover);background-color:var(--color-bg-elevated)}.btn:disabled{opacity:.4;cursor:not-allowed}.project-card__status{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;padding:2px var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-text-tertiary)}.project-card__status--active{color:#4caf50;background-color:#4caf5010;border-color:#4caf5040}.project-card__status--completed{color:var(--color-text-tertiary)}.project-card__status--archived{color:var(--color-text-tertiary);opacity:.6}.project-card__links{gap:var(--space-3);margin-top:auto;display:flex}.project-card__link{font-size:var(--text-xs);color:var(--color-text-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);transition:color var(--transition-fast), border-color var(--transition-fast)}.project-card__link:hover{color:var(--color-text-primary);border-color:var(--color-border-hover)}.contacts-list{gap:var(--space-3);flex-direction:column;max-width:400px;display:flex}.contact-item{padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), background-color var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.contact-item:hover{border-color:var(--color-border-hover);background-color:var(--color-bg-elevated)}.contact-item__label{font-size:var(--text-sm);font-weight:var(--weight-medium)}.contact-item__arrow{color:var(--color-text-tertiary);font-size:var(--text-sm);transition:transform var(--transition-fast)}.contact-item:hover .contact-item__arrow{transform:translate(3px)}.avatar{object-fit:cover;background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:50%;flex-shrink:0}.divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-12) 0}.related-posts{margin-top:var(--space-16);padding-top:var(--space-10);border-top:1px solid var(--color-border)}.related-posts__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-6);letter-spacing:-.02em}.empty-state{padding:var(--space-16) 0;text-align:center;color:var(--color-text-tertiary);font-size:var(--text-sm)}@media (max-width:640px){.container{padding-inline:var(--space-4)}.site-header__nav{gap:var(--space-4)}.cards-grid{grid-template-columns:1fr}.hero{padding-block:var(--space-12) var(--space-10)}.page-header__title{font-size:var(--text-3xl)}.site-footer__inner{flex-direction:column;align-items:flex-start}}