.sun-icon[data-astro-cid-x3pjskd3]{display:none}.moon-icon[data-astro-cid-x3pjskd3],[data-astro-cid-x3pjskd3][data-theme=dark] .sun-icon[data-astro-cid-x3pjskd3]{display:block}[data-astro-cid-x3pjskd3][data-theme=dark] .moon-icon[data-astro-cid-x3pjskd3]{display:none}.search-trigger[data-astro-cid-otpdt6jm]{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:.25rem;transition:color var(--transition-fast)}.search-trigger[data-astro-cid-otpdt6jm]:hover{color:var(--color-text)}.search-overlay[data-astro-cid-otpdt6jm]{display:none;position:fixed;inset:0;z-index:1000;background:#0009;align-items:flex-start;justify-content:center;padding-top:15vh}.search-overlay[data-astro-cid-otpdt6jm].open{display:flex}.search-modal[data-astro-cid-otpdt6jm]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:90%;max-width:560px;max-height:70vh;overflow:hidden;box-shadow:var(--shadow-lg)}.search-header[data-astro-cid-otpdt6jm]{display:flex;align-items:flex-start;gap:.5rem;padding:1rem}#pagefind-container[data-astro-cid-otpdt6jm]{flex:1}.search-close[data-astro-cid-otpdt6jm]{background:none;border:none;color:var(--color-text-muted);font-size:1.5rem;cursor:pointer;padding:0 .25rem;line-height:1}.search-close[data-astro-cid-otpdt6jm]:hover{color:var(--color-text)}:root{--color-bg: #0f0d0b;--color-bg-subtle: #151311;--color-surface: #1c1916;--color-surface-hover: #242019;--color-border: #302b26;--color-border-subtle: #221f1b;--color-text: #f0ebe4;--color-text-muted: #b5ada3;--color-text-faint: #6b6358;--color-accent: #d4622a;--color-accent-hover: #e8763a;--color-accent-subtle: rgba(212,98,42,.07);--grain-opacity: .035;--font-display: "Fraunces", Georgia, serif;--font-sans: "DM Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", 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;--text-5xl: 3rem;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 1.75;--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;--container: 720px;--container-lg: 1024px;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .5), 0 2px 4px -2px rgb(0 0 0 / .4);--transition: .3s cubic-bezier(.16, 1, .3, 1);--transition-fast: .15s cubic-bezier(.16, 1, .3, 1)}[data-theme=light]{--color-bg: #efe8dd;--color-bg-subtle: #e8e0d4;--color-surface: #f5f0e9;--color-surface-hover: #ede6db;--color-border: #d5cbc0;--color-border-subtle: #dfd7cc;--color-text: #1a1714;--color-text-muted: #6b6358;--color-text-faint: #a39889;--color-accent: #c4521a;--color-accent-hover: #d4622a;--color-accent-subtle: rgba(196,82,26,.06);--grain-opacity: .04;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .04);--shadow: 0 1px 3px 0 rgb(0 0 0 / .06), 0 1px 2px -1px rgb(0 0 0 / .04);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .06), 0 2px 4px -2px rgb(0 0 0 / .04)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text);background-color:var(--color-bg);transition:background-color .5s cubic-bezier(.16,1,.3,1),color var(--transition);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;background:none}ul,ol{list-style:none}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--space-6)}.container-lg{max-width:var(--container-lg)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:400;line-height:var(--leading-tight);letter-spacing:-.02em;color:var(--color-text)}h1{font-variation-settings:"opsz" 144,"SOFT" 50,"WONK" 1}h2{font-variation-settings:"opsz" 48}h3,h4{font-variation-settings:"opsz" 36}p{color:var(--color-text-muted);line-height:var(--leading-relaxed)}::selection{background-color:var(--color-accent);color:#fff}.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--color-border);background-color:var(--color-bg);transition:border-color var(--transition),background-color var(--transition)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:3.5rem}.header-logo{font-weight:600;font-size:var(--text-sm);letter-spacing:-.02em;color:var(--color-text);transition:opacity var(--transition)}.header-logo:hover{opacity:.65}.header-nav{display:flex;align-items:center;gap:var(--space-1)}.nav-link{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-faint);border-radius:var(--radius-sm);transition:color var(--transition);font-weight:500;position:relative}.nav-link:after{content:"";position:absolute;bottom:0;left:var(--space-3);right:var(--space-3);height:1px;background-color:var(--color-accent);transform:scaleX(0);transition:transform var(--transition);transform-origin:left}.nav-link:hover{color:var(--color-text)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.nav-link.active{color:var(--color-text)}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:color var(--transition),background-color var(--transition)}.theme-toggle:hover{color:var(--color-text);background-color:var(--color-bg-subtle)}.theme-toggle svg{width:1rem;height:1rem}.site-footer{border-top:1px solid var(--color-border);margin-top:var(--space-24);padding-block:var(--space-10)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.footer-brand{font-size:var(--text-sm);font-weight:600;letter-spacing:-.02em;color:var(--color-text)}.footer-links{display:flex;gap:var(--space-6)}.footer-link{font-size:var(--text-sm);color:var(--color-text-faint);transition:color var(--transition)}.footer-link:hover{color:var(--color-text-muted)}.footer-copy{width:100%;font-size:var(--text-xs);color:var(--color-text-faint);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border-subtle)}.hero{padding-block:var(--space-24) var(--space-16)}.hero-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-5)}.hero-eyebrow:before{content:"";display:block;width:2rem;height:1px;background-color:var(--color-accent)}.hero-title{font-family:var(--font-display);font-size:clamp(3rem,7vw,4.5rem);font-weight:400;font-variation-settings:"opsz" 144,"SOFT" 50,"WONK" 1;letter-spacing:-.02em;line-height:1.05;margin-bottom:var(--space-6);color:var(--color-text)}.hero-subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:38ch;line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.hero-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius);transition:all var(--transition);white-space:nowrap;line-height:1}.btn-primary{background-color:var(--color-accent);color:#f8f3ec}.btn-primary:hover{background-color:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 16px #d4622a33}.btn-secondary{background-color:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.btn-secondary:hover{color:var(--color-text);border-color:var(--color-text-faint);background-color:var(--color-bg-subtle)}.section{padding-block:var(--space-12)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.section-title{font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-faint)}.section-link{font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--transition);display:inline-flex;align-items:center;gap:var(--space-1)}.section-link:hover{color:var(--color-accent)}.post-list{display:flex;flex-direction:column}.post-item{display:flex;align-items:baseline;gap:var(--space-5);padding-block:var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.post-item:last-child{border-bottom:none}.post-date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-faint);white-space:nowrap;flex-shrink:0;min-width:5.5rem}.post-title{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);transition:color var(--transition)}.post-item:hover .post-title{color:var(--color-accent)}.page-header{padding-block:var(--space-16) var(--space-10)}.page-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:400;font-variation-settings:"opsz" 72,"SOFT" 30;letter-spacing:-.02em;margin-bottom:var(--space-3)}.page-desc{font-size:var(--text-lg);color:var(--color-text-muted);max-width:48ch;line-height:var(--leading-relaxed)}.blog-grid{display:grid;gap:var(--space-4)}.blog-card{display:block;padding:var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition),transform var(--transition)}.blog-card:hover{border-color:var(--color-border);transform:translateY(-3px);box-shadow:0 12px 40px #0000001f}.blog-card-meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.blog-card-date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-faint)}.blog-card-tags{display:flex;gap:var(--space-2);flex-wrap:wrap}.tag{font-size:var(--text-xs);font-weight:500;padding:2px var(--space-2);background-color:var(--color-bg-subtle);color:var(--color-text-muted);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.blog-card-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;font-variation-settings:"opsz" 48;letter-spacing:-.01em;margin-bottom:var(--space-2);color:var(--color-text);transition:color var(--transition)}.blog-card:hover .blog-card-title{color:var(--color-accent)}.blog-card-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.product-card{padding:var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition),box-shadow var(--transition);display:flex;flex-direction:column}.product-card:hover{border-color:var(--color-text-faint);box-shadow:var(--shadow-md)}.product-card.coming-soon{opacity:.85}.product-badge{display:inline-flex;align-items:center;padding:2px var(--space-2);background-color:var(--color-accent-subtle);color:var(--color-accent);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-sm);margin-bottom:var(--space-5);width:fit-content}.product-icon{font-size:1.75rem;margin-bottom:var(--space-4);line-height:1}.product-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;font-variation-settings:"opsz" 36;letter-spacing:-.01em;margin-bottom:var(--space-2);color:var(--color-text)}.product-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed);flex:1;margin-bottom:var(--space-6)}.product-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.price{font-family:var(--font-display);font-weight:400;font-size:var(--text-xl);font-variation-settings:"opsz" 36;color:var(--color-text);letter-spacing:-.01em}.price-note{font-size:var(--text-xs);color:var(--color-text-faint)}.article-header{padding-block:var(--space-16) var(--space-10);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-12)}.article-meta{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.article-date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-faint)}.article-title{font-family:var(--font-display);font-size:clamp(var(--text-3xl),4vw,var(--text-4xl));font-weight:400;font-variation-settings:"opsz" 72,"SOFT" 30;letter-spacing:-.015em;line-height:1.15;margin-bottom:var(--space-4)}.article-desc{font-size:var(--text-lg);color:var(--color-text-muted);line-height:var(--leading-relaxed);max-width:56ch}.prose{color:var(--color-text-muted)}.prose h1,.prose h2,.prose h3,.prose h4{font-family:var(--font-display);font-weight:400;color:var(--color-text);letter-spacing:-.015em;margin-top:var(--space-12);margin-bottom:var(--space-4)}.prose h2{font-size:var(--text-2xl);font-variation-settings:"opsz" 48;padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.prose h3{font-size:var(--text-xl);font-variation-settings:"opsz" 36}.prose h4{font-size:var(--text-lg);font-variation-settings:"opsz" 36}.prose p{margin-bottom:var(--space-6);line-height:var(--leading-loose)}.prose a{color:var(--color-accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--color-accent) 35%,transparent);transition:text-decoration-color var(--transition)}.prose a:hover{text-decoration-color:var(--color-accent)}.prose ul,.prose ol{margin-bottom:var(--space-6);padding-left:var(--space-6)}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li{margin-bottom:var(--space-2);line-height:var(--leading-relaxed)}.prose blockquote{border-left:3px solid var(--color-accent);padding-left:var(--space-6);margin-block:var(--space-8);font-style:italic}.prose pre{background-color:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-6);overflow-x:auto;margin-block:var(--space-6);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.prose code{font-family:var(--font-mono);font-size:.875em;background-color:var(--color-bg-subtle);padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.prose pre code{background:none;padding:0;border:none;font-size:inherit}.prose img{border-radius:var(--radius-lg);border:1px solid var(--color-border);margin-block:var(--space-8)}.prose hr{border:none;border-top:1px solid var(--color-border);margin-block:var(--space-12)}.prose strong{font-weight:600;color:var(--color-text)}.prose table{width:100%;border-collapse:collapse;margin-block:var(--space-8);font-size:var(--text-sm)}.prose th,.prose td{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);text-align:left}.prose th{background-color:var(--color-bg-subtle);font-weight:600;color:var(--color-text)}.about-intro{font-size:var(--text-xl);color:var(--color-text);line-height:var(--leading-relaxed);font-weight:400;margin-bottom:var(--space-12)}.about-section{margin-bottom:var(--space-12)}.about-section-title{font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-faint);margin-bottom:var(--space-5)}.skill-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.skill-tag{font-size:var(--text-sm);padding:var(--space-2) var(--space-3);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);font-family:var(--font-mono)}.contact-list{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.contact-item{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);background-color:var(--color-surface)}.contact-item:last-child{border-bottom:none}.contact-label{font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-faint);min-width:5rem}.contact-value{font-size:var(--text-sm);color:var(--color-text-muted)}.contact-value a{color:var(--color-accent);transition:opacity var(--transition)}.contact-value a:hover{opacity:.75}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-8);transition:color var(--transition)}.back-link:hover{color:var(--color-accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(max-width:640px){.header-nav{display:none}.hero{padding-block:var(--space-16) var(--space-10)}.footer-inner{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.post-item{flex-direction:column;gap:var(--space-1)}.post-date{min-width:auto}.products-grid{grid-template-columns:1fr}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}.stats-row{display:flex;gap:var(--space-10);padding-block:var(--space-8);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;gap:var(--space-1)}.stat-number{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3rem);font-weight:300;font-variation-settings:"opsz" 144;letter-spacing:-.02em;line-height:1;color:var(--color-text)}.stat-label{font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-faint)}.toc-wrapper{position:sticky;top:5rem;max-height:calc(100vh - 6rem);overflow-y:auto}.toc-title{font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-faint);margin-bottom:var(--space-4)}.toc-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-1)}.toc-item a{font-size:var(--text-sm);color:var(--color-text-faint);transition:color var(--transition);display:block;padding:var(--space-1) 0;line-height:var(--leading-snug)}.toc-item a:hover,.toc-item a.active{color:var(--color-accent)}.toc-item.depth-3{padding-left:var(--space-4)}.article-with-toc{display:grid;grid-template-columns:1fr;gap:var(--space-12)}@media(min-width:1100px){.article-with-toc{grid-template-columns:1fr 200px;align-items:start}}.related-posts{margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.related-posts-title{font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-faint);margin-bottom:var(--space-6)}.related-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.related-card{display:block;padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition),transform var(--transition)}.related-card:hover{border-color:var(--color-text-faint);transform:translateY(-2px)}.related-card-date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-faint);margin-bottom:var(--space-2)}.related-card-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text);line-height:var(--leading-snug);transition:color var(--transition)}.related-card:hover .related-card-title{color:var(--color-accent)}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.post-nav-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition),transform var(--transition)}.post-nav-item:hover{border-color:var(--color-text-faint);transform:translateY(-2px)}.post-nav-item.next{text-align:right}.post-nav-label{font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-faint)}.post-nav-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text);line-height:var(--leading-snug);transition:color var(--transition)}.post-nav-item:hover .post-nav-title{color:var(--color-accent)}.reading-time{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-faint)}@media(max-width:640px){.post-nav{grid-template-columns:1fr}.post-nav-item.next{text-align:left}.stats-row{gap:var(--space-8)}}