:root{--paper:#f5f3ee;--paper-warm:#faf8f3;--paper-card:#fff;--ink:#11110f;--ink-2:#2a2722;--ink-soft:#4a4a45;--ink-mute:#8a877f;--rule:#11110f17;--rule-strong:#11110f29;--cobalt:#1d4ed8;--cobalt-light:#3b6ae8;--cobalt-deep:#0b1a45;--cobalt-tint:#e8eefc;--amber:#d97706;--amber-bright:#f59e0b;--teal:#0d9488;--teal-light:#14b8a6;--violet:#6d28d9;--violet-light:#8b5cf6;--serif:"Fraunces", serif;--mono:"JetBrains Mono", monospace;--sans:"Inter", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--serif);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}a{color:var(--cobalt)}a:hover{color:var(--cobalt-deep)}.topbar{z-index:40;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--rule);background:#f5f3eee6;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:1.25rem 2.5rem;display:grid;position:sticky;top:0}.topbar-logo svg{width:auto;height:24px;display:block}.topbar-nav{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;justify-self:center;align-items:center;gap:2.2rem;font-size:10.5px;display:flex}.topbar-nav a{color:var(--ink-mute);padding-bottom:2px;text-decoration:none;transition:color .2s;position:relative}.topbar-nav a:hover{color:var(--ink)}.topbar-nav a.active{color:var(--cobalt)}.topbar-nav a.active:after{content:"";background:var(--cobalt);height:1.5px;position:absolute;bottom:-3px;left:0;right:0}.topbar-actions{justify-self:end;align-items:center;gap:1rem;display:flex}.topbar-login{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);font-size:10.5px;text-decoration:none}.topbar-login:hover{color:var(--ink)}.topbar-cta{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--cobalt);border:1px solid var(--cobalt);cursor:pointer;border-radius:7px;padding:.6rem 1.25rem;font-size:10.5px;text-decoration:none;transition:background .2s}.topbar-cta:hover{background:var(--cobalt-deep)}.blog-header{max-width:1160px;margin:0 auto;padding:7rem 2.5rem 2.5rem}.blog-header-eyebrow{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--cobalt);align-items:center;gap:.7rem;margin-bottom:1.2rem;font-size:10.5px;display:flex}.blog-header-eyebrow:before{content:"";background:var(--cobalt);width:22px;height:1px}.blog-header h2{font-family:var(--serif);letter-spacing:-.028em;color:var(--ink);max-width:16ch;font-size:clamp(2.4rem,4.5vw,3.4rem);font-weight:400;line-height:1.06}.blog-header h2 em{color:var(--cobalt);font-style:italic}.blog-header p{color:var(--ink-soft);max-width:52ch;margin-top:1.3rem;font-size:1.05rem;line-height:1.7}.thumbnail{aspect-ratio:16/10;background:#e9e6df;border-radius:12px;width:100%;position:relative;overflow:hidden}.thumbnail:after{content:"";background-image:repeating-linear-gradient(135deg,#ffffff1a 0 2px,#0000 2px 11px);position:absolute;inset:0}.thumbnail-tag{z-index:2;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#ffffffeb;font-size:9px;position:absolute;bottom:12px;left:14px}.thumbnail-cobalt{background:linear-gradient(135deg,#1d4ed8,#6d28d9)}.thumbnail-teal{background:linear-gradient(135deg,#0d9488,#0284c7)}.thumbnail-amber{background:linear-gradient(135deg,#b45309,#f59e0b)}.thumbnail-violet{background:linear-gradient(135deg,#6d28d9,#ec4899)}.thumbnail-deep{background:linear-gradient(135deg,#0b1a45,#1d4ed8)}.post-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem 2rem;max-width:1160px;margin:0 auto;padding:.5rem 2.5rem 0;display:grid}.post-card{color:inherit;cursor:pointer;text-align:left;font:inherit;background:0 0;border:none;flex-direction:column;padding:0;text-decoration:none;display:flex}.post-card .thumbnail{margin-bottom:1.25rem;transition:transform .25s,box-shadow .25s}.post-card:hover .thumbnail{transform:translateY(-3px);box-shadow:0 16px 40px -18px #11110f66}.post-card-meta{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);align-items:center;gap:.7rem;margin-bottom:.65rem;font-size:9.5px;display:flex}.post-card-meta .post-card-dot{background:var(--ink-mute);border-radius:50%;width:3px;height:3px}.post-card-title{font-family:var(--serif);letter-spacing:-.015em;color:var(--ink);margin-bottom:.6rem;font-size:1.35rem;font-weight:500;line-height:1.18;transition:color .2s}.post-card:hover .post-card-title{color:var(--cobalt)}.post-card-excerpt{color:var(--ink-soft);font-size:.92rem;line-height:1.6}.post-card-skeleton .skeleton-thumb{aspect-ratio:16/10;border-radius:12px;width:100%;margin-bottom:1.25rem}.skeleton-line{border-radius:6px;height:12px;margin-bottom:.7rem}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.skeleton-thumb,.skeleton-line{background:#e4e0d8;animation:1.4s ease-in-out infinite skeleton-pulse}.empty-state{text-align:center;max-width:1160px;margin:0 auto;padding:5rem 2.5rem}.empty-state-glyph{background:var(--cobalt-tint);width:56px;height:56px;font-family:var(--serif);color:var(--cobalt);border:1px solid #1d4ed829;border-radius:14px;justify-content:center;align-items:center;margin-bottom:1.4rem;font-size:1.6rem;font-style:italic;display:inline-flex}.empty-state h3{font-family:var(--serif);color:var(--ink);letter-spacing:-.02em;margin-bottom:.6rem;font-size:1.6rem;font-weight:400}.empty-state p{color:var(--ink-soft);max-width:40ch;margin:0 auto;font-size:.98rem;line-height:1.6}.pagination{justify-content:center;align-items:center;gap:.5rem;max-width:1160px;margin:0 auto;padding:3.5rem 2.5rem 1rem;display:flex}.pagination a,.pagination span,.pagination button{font-family:var(--mono);letter-spacing:.06em;border:1px solid var(--rule);background:var(--paper-card);min-width:38px;height:38px;color:var(--ink-soft);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 .7rem;font-size:11px;text-decoration:none;transition:all .18s;display:inline-flex}.pagination a:hover,.pagination button:hover:not(:disabled){border-color:var(--cobalt);color:var(--cobalt)}.pagination .active,.pagination [aria-current=page]{background:var(--cobalt);border-color:var(--cobalt);color:#fff}.pagination button:disabled,.pagination span.disabled{opacity:.35;cursor:not-allowed}.article-detail{padding-bottom:1rem}.preview-bar{z-index:40;color:#1a0e00;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;background:#f5a623;justify-content:center;align-items:center;gap:.6rem;padding:.45rem 1rem;font-size:10.5px;display:flex;position:fixed;top:67px;left:0;right:0}.preview-bar-label{font-weight:600}.preview-bar-dot{opacity:.5}.preview-bar-link{color:inherit;font-weight:600;text-decoration:underline}.preview-bar-link:hover{opacity:.75}.article-head{max-width:720px;margin:0 auto;padding:7rem 2rem 0}.article-back{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:2.4rem;font-size:10px;text-decoration:none;display:inline-flex}.article-back:hover{color:var(--cobalt)}.category-badges{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.category-badge{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cobalt);background:var(--cobalt-tint);border:1px solid #1d4ed829;border-radius:20px;padding:.4rem .75rem;font-size:9.5px;text-decoration:none}.article-title{font-family:var(--serif);letter-spacing:-.028em;color:var(--ink);margin-bottom:1.6rem;font-size:clamp(2.1rem,4.2vw,3.1rem);font-weight:400;line-height:1.08}.article-byline{border-bottom:1px solid var(--rule);align-items:center;gap:.9rem;padding-bottom:2rem;display:flex}.article-byline-avatar{background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:50%;flex-shrink:0;width:44px;height:44px;overflow:hidden}.article-byline-avatar img{object-fit:cover;width:100%;height:100%}.article-byline-text{flex-direction:column;gap:2px;display:flex}.article-byline-name{font-family:var(--sans);color:var(--ink);font-size:.9rem;font-weight:600}.article-byline-meta{font-family:var(--mono);letter-spacing:.06em;color:var(--ink-mute);align-items:center;gap:.6rem;font-size:10px;display:flex}.article-byline-dot{background:var(--ink-mute);border-radius:50%;width:3px;height:3px}.article-featured{max-width:960px;margin:2.5rem auto 0;padding:0 2rem}.article-featured .thumbnail{aspect-ratio:16/8;border-radius:16px;box-shadow:0 2px #11110f0a,0 30px 70px -30px #11110f47}.article-featured img{object-fit:cover;border-radius:16px;width:100%;height:100%}.article-body{max-width:680px;margin:0 auto;padding:2.8rem 2rem 2rem}.article-body p{font-family:var(--serif);color:var(--ink-2);letter-spacing:-.003em;margin-bottom:1.5rem;font-size:1.24rem;font-weight:400;line-height:1.75}.article-body h2,.article-body h3{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);margin:2.6rem 0 1rem;font-size:1.7rem;font-weight:500;line-height:1.2}.article-body h2{font-size:2rem}.article-body blockquote{border-left:3px solid var(--cobalt);margin:2.2rem 0;padding-left:1.5rem}.article-body blockquote p{color:var(--ink);letter-spacing:-.015em;margin:0;font-size:1.5rem;font-style:italic;line-height:1.4}.article-body ul,.article-body ol{font-family:var(--serif);color:var(--ink-2);margin-bottom:1.5rem;padding-left:1.5rem;font-size:1.15rem;line-height:1.75}.article-body li{margin-bottom:.4rem}.article-body a{color:var(--cobalt)}.article-body code{font-family:var(--mono);background:var(--cobalt-tint);color:var(--cobalt-deep);border-radius:4px;padding:.15rem .4rem;font-size:.88em}.article-body img{border-radius:8px;max-width:100%;height:auto;margin:2rem auto;display:block;box-shadow:0 2px #11110f0a,0 8px 24px -8px #11110f2e}.cta-card-wrap{border-top:1px solid var(--rule);max-width:680px;margin:1rem auto 0;padding:2.5rem 2rem 0}.cta-card{background:var(--cobalt-deep);text-align:center;background-image:radial-gradient(60% 80% at 50% 120%,#3b6ae880,#0000 60%);border-radius:16px;padding:2.6rem}.cta-card h3{font-family:var(--serif);color:#fff;letter-spacing:-.02em;margin-bottom:.7rem;font-size:1.6rem;font-weight:400;line-height:1.2}.cta-card p{color:#fff9;margin-bottom:1.6rem;font-size:.95rem;line-height:1.6}.cta-card a,.cta-card button{color:var(--cobalt-deep);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:#fff;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.85rem 1.6rem;font-size:10.5px;font-weight:500;text-decoration:none;display:inline-flex}.cta-card a:hover,.cta-card button:hover{background:var(--paper);color:var(--cobalt-deep)}.footer-shell{background:#0d0d0c;margin-top:4rem}.footer-main{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:3rem;max-width:1160px;margin:0 auto;padding:4rem 2.5rem 2.5rem;display:flex}.footer-brand-desc{font-family:var(--sans);color:#ffffff47;max-width:24ch;margin:1rem 0 1.2rem;font-size:.86rem;line-height:1.65}.footer-brand-email{font-family:var(--mono);letter-spacing:.07em;color:#ffffff59;font-size:10px;text-decoration:none}.footer-brand-email:hover{color:#ffffffa6}.footer-nav{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;gap:2rem;font-size:10px;display:flex}.footer-nav a{color:#fff6;text-decoration:none}.footer-nav a:hover{color:#fffc}.footer-bottom{max-width:1160px;font-family:var(--mono);letter-spacing:.06em;color:#ffffff38;border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin:0 auto;padding:1.5rem 2.5rem;font-size:10px;display:flex}[x-cloak]{display:none!important}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(4px);background:#030619b8;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-dialog{background:var(--paper);border-radius:18px;width:100%;max-width:540px;max-height:90vh;padding:2.8rem;position:relative;overflow-y:auto;box-shadow:0 32px 80px #00000073,0 0 0 1px #ffffff0f}.modal-close{cursor:pointer;color:var(--ink-mute);background:0 0;border:none;border-radius:6px;padding:.3rem .55rem;font-size:1.4rem;line-height:1;transition:background .15s,color .15s;position:absolute;top:1.25rem;right:1.25rem}.modal-close:hover{color:var(--ink);background:#11110f12}.modal-eyebrow{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--cobalt);margin-bottom:1rem;font-size:10.5px}.modal-title{font-family:var(--serif);letter-spacing:-.022em;color:var(--ink);margin-bottom:.65rem;font-size:clamp(1.7rem,3vw,2.2rem);font-weight:400;line-height:1.05}.modal-subtitle{color:var(--ink-soft);max-width:38ch;margin-bottom:2rem;font-size:1rem;line-height:1.6}.modal-divider{background:var(--rule-strong);height:1px;margin-bottom:2rem}@media (width<=900px){.post-grid{grid-template-columns:repeat(2,1fr)}.topbar-nav{display:none}.topbar{grid-template-columns:1fr auto}}@media (width<=600px){.post-grid{grid-template-columns:1fr}.modal-dialog{padding:2rem 1.6rem}}.nav{-webkit-backdrop-filter:blur(16px);background:#030619eb;padding:1rem 2.5rem;box-shadow:0 1px #ffffff0d}