*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}html{scrollbar-gutter:stable}:root{--bg:#000000;--surface:#0a0a0a;--surface-2:#0e0e0e;--border:rgba(255,255,255,0.10);--border-strong:rgba(255,255,255,0.18);--text:#f5f1ea;--text-muted:#c8bfaf;--text-dim:#8e8676;--body-prose:#d6cfc0;--accent:#d4b07a;--accent-bright:#e8c896;--code-bg:#1a1a1a;--code-block-bg:#0e0e0e;--table-head-bg:rgba(255,255,255,0.03);--cover-gradient:linear-gradient(180deg,rgba(20,14,6,0.12),rgba(20,14,6,0.28));--cover-gradient-soft:linear-gradient(180deg,rgba(20,14,6,0.08),rgba(20,14,6,0.22));--hi-new:#b5e853;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}html.light-mode{--bg:#faf9f7;--surface:#ffffff;--surface-2:#f2efe9;--border:rgba(0,0,0,0.10);--border-strong:rgba(0,0,0,0.22);--text:#14120f;--text-muted:#4a463e;--text-dim:#7a7468;--body-prose:#2a2824;--accent:#a87c3c;--accent-bright:#8a6429;--code-bg:#f0ece3;--code-block-bg:#f6f3ec;--table-head-bg:rgba(0,0,0,0.035);--cover-gradient:linear-gradient(180deg,rgba(20,14,6,0.04),rgba(20,14,6,0.12));--cover-gradient-soft:linear-gradient(180deg,rgba(20,14,6,0.02),rgba(20,14,6,0.08))}body{font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.6;transition:background .25s ease,color .25s ease}canvas,img,picture,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}.gnb{position:fixed;top:0;left:0;right:0;z-index:200;padding:0 56px;height:60px;justify-content:space-between;background:rgba(10,10,10,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);transition:background .3s,border-color .3s;color:#f0f0f0}.gnb,.gnb__left{display:flex;align-items:center}.gnb__left{gap:36px;min-width:0}.gnb__logo{display:inline-flex;align-items:center;color:currentColor;transition:color .3s}.gnb__wordmark{height:18px;width:auto;display:block}.gnb__links{display:flex;align-items:center;gap:28px;list-style:none;padding:0;margin:0}.gnb__links a{font-size:13px;font-weight:400;color:#888888;transition:color .2s;position:relative;padding:4px 0}.gnb__links a:hover,.gnb__links a[aria-current=page]{color:#f0f0f0}.gnb__right{display:flex;align-items:center;gap:10px}.gnb-theme-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px 6px;border:none;background:transparent;color:#ffffff;opacity:.85;cursor:pointer;transition:opacity .2s}.gnb-theme-btn:hover{opacity:1}.gnb-theme-icon{display:inline-flex;align-items:center;justify-content:center}.gnb-theme-icon svg{width:20px;height:20px}.gnb-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;border-radius:999px;font-size:13px;font-weight:400;line-height:1.2;border:1px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s,opacity .2s;white-space:nowrap}.gnb-btn--demo{background:transparent;color:#888888;border-color:rgba(255,255,255,.12)}.gnb-btn--demo:hover{color:#f0f0f0;border-color:rgba(255,255,255,.25)}.gnb-btn--cta{background:#f0f0f0;color:#111111;border-color:#f0f0f0}.gnb-btn--cta:hover{opacity:.82}html.light-mode .gnb{background:rgba(247,247,245,.92);border-bottom-color:rgba(0,0,0,.08);color:#111111}html.light-mode .gnb__links a{color:#666666}html.light-mode .gnb__links a:hover,html.light-mode .gnb__links a[aria-current=page]{color:#111111}html.light-mode .gnb-theme-btn{color:#111111;opacity:.6}html.light-mode .gnb-theme-btn:hover{opacity:1}html.light-mode .gnb-btn--demo{color:#666666;border-color:rgba(0,0,0,.14)}html.light-mode .gnb-btn--demo:hover{color:#111111;border-color:rgba(0,0,0,.3)}html.light-mode .gnb-btn--cta{background:#111111;color:#ffffff;border-color:#111111}html.light-mode .gnb-btn--cta:hover{opacity:.82}.gnb-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:none;border:none;cursor:pointer;padding:4px;z-index:1001}.gnb-hamburger span{display:block;width:22px;height:1.5px;background:#ffffff;border-radius:2px;transition:transform .25s,opacity .25s;transform-origin:center}.gnb-hamburger.open span:first-child{transform:translateY(6.5px) rotate(45deg)}.gnb-hamburger.open span:nth-child(2){opacity:0}.gnb-hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}html.light-mode .gnb-hamburger span{background:#111111}.gnb-mobile-menu{display:none;position:fixed;top:60px;left:0;right:0;background:#0d0d0d;border-bottom:1px solid rgba(255,255,255,.08);z-index:199;padding:20px 24px 28px;transform:translateY(-8px);opacity:0;transition:transform .22s ease,opacity .22s ease;pointer-events:none}.gnb-mobile-menu.open{transform:translateY(0);opacity:1;pointer-events:all}.gnb-mobile-menu ul{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column}.gnb-mobile-menu ul li{border-bottom:1px solid rgba(255,255,255,.06)}.gnb-mobile-menu a.mm-link{display:block;padding:14px 0;font-size:15px;font-weight:400;color:#888888;text-decoration:none;transition:color .15s}.gnb-mobile-menu a.mm-link:hover{color:#f0f0f0}.gnb-mobile-menu .mm-btns{display:flex;flex-direction:column;gap:10px;margin-top:8px}.gnb-mobile-menu .mm-cta{background:#f0f0f0;color:#111111;border:none;border-radius:8px;padding:13px}.gnb-mobile-menu .mm-cta,.gnb-mobile-menu .mm-demo{width:100%;font-size:14px;font-weight:400;cursor:pointer;text-align:center}.gnb-mobile-menu .mm-demo{background:none;color:#888888;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:12px}html.light-mode .gnb-mobile-menu{background:#ffffff;border-bottom-color:rgba(0,0,0,.08)}html.light-mode .gnb-mobile-menu ul li{border-bottom-color:rgba(0,0,0,.06)}html.light-mode .gnb-mobile-menu a.mm-link{color:#666666}html.light-mode .gnb-mobile-menu a.mm-link:hover{color:#111111}html.light-mode .gnb-mobile-menu .mm-cta{background:#111111;color:#ffffff}html.light-mode .gnb-mobile-menu .mm-demo{color:#666666;border-color:rgba(0,0,0,.14)}@media (max-width:768px){.gnb{padding:0 20px}.gnb-btn--cta,.gnb-btn--demo,.gnb__links{display:none}.gnb-hamburger{display:flex}.gnb-mobile-menu{display:block}}.site-main{padding:60px 24px 96px}.container{margin:0 auto;width:100%}.container--narrow{max-width:760px}.container--wide{max-width:1280px}.blog-hero{padding:64px 0 24px;max-width:760px}.blog-hero__title{margin:0;font-family:var(--font-inter);font-weight:600;font-size:clamp(36px,4vw,48px);line-height:1.05;letter-spacing:-.02em;color:var(--text)}.blog-hero__sub{margin:14px 0 0;font-family:var(--font-inter);font-size:16px;line-height:1.55;color:var(--text-muted);max-width:58ch}.category-tabs{display:flex;flex-wrap:wrap;gap:24px;padding:18px 0 28px;border-bottom:1px solid var(--border);margin-bottom:40px}.category-tab{position:relative;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);padding:6px 0;transition:color .15s ease}.category-tab:hover{color:var(--text-muted)}.category-tab[aria-current=true]{color:var(--text)}.category-tab[aria-current=true]:after{content:"";position:absolute;left:0;right:0;bottom:-20px;height:2px;background:var(--accent)}.featured-card{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:0;gap:0;border:1px solid var(--border);background:var(--surface);overflow:hidden;transition:border-color .2s ease,transform .2s ease;margin-bottom:48px}.featured-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.featured-card__link{display:contents;color:inherit}.featured-card__cover{position:relative;aspect-ratio:16/10;background:var(--surface-2);overflow:hidden}.featured-card__cover img{width:100%;height:100%;object-fit:cover}.featured-card__cover:after{content:"";position:absolute;inset:0;background:var(--cover-gradient);pointer-events:none}.featured-card__body{padding:40px 40px 32px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.eyebrow{display:inline-block;font-family:var(--font-inter);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:600}.featured-card__title{margin:12px 0 14px;font-family:var(--font-playfair);font-weight:600;font-size:clamp(24px,2.4vw,32px);line-height:1.15;letter-spacing:-.01em;color:var(--text)}.featured-card__excerpt{font-family:var(--font-inter);font-size:16px;line-height:1.6;color:var(--text-muted);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:880px){.featured-card{grid-template-columns:1fr}.featured-card__body{padding:28px 24px 24px}}.meta-row{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-dim)}.meta-row__spacer{flex:1 1}.avatar{width:32px;height:32px;border-radius:999px;background:#9a8062;color:#1a1208;font-family:var(--font-playfair);font-weight:700;font-size:14px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.meta-row__author{color:var(--text-muted);font-weight:500}.meta-row__sep{color:var(--text-dim)}.post-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:32px;gap:32px}@media (min-width:1080px){.post-grid{grid-template-columns:repeat(3,1fr)}}.post-card{position:relative;border:1px solid var(--border);background:var(--surface);overflow:hidden;transition:border-color .2s ease,transform .2s ease;height:100%;display:flex;flex-direction:column}.post-card:hover{border-color:var(--accent);transform:translateY(-2px)}.post-card__link{display:flex;flex-direction:column;color:inherit;height:100%}.post-card__cover{position:relative;aspect-ratio:4/3;background:var(--surface-2);overflow:hidden}.post-card__cover img{width:100%;height:100%;object-fit:cover}.post-card__cover:after{content:"";position:absolute;inset:0;background:var(--cover-gradient-soft);pointer-events:none}.post-card__cover--placeholder{background:linear-gradient(135deg,var(--surface-2),var(--surface))}.post-card__body{padding:20px 22px 22px;flex:1 1;display:flex;flex-direction:column;gap:10px}.post-card__title{font-family:var(--font-playfair);font-weight:600;font-size:22px;line-height:1.22;letter-spacing:-.005em;color:var(--text);margin:4px 0 6px}.post-card__excerpt{font-family:var(--font-inter);font-size:14px;line-height:1.6;color:var(--text-muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card__footer{margin-top:auto;padding-top:18px}.article-breadcrumb{padding:28px 0 12px;font-size:13px;color:var(--text-dim);letter-spacing:.02em}.article-breadcrumb a:hover{color:var(--text-muted)}.post{padding-top:8px;padding-bottom:64px}.post__cover{margin:0 0 32px;position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--border);background:var(--surface-2)}.post__cover img{width:100%;height:100%;object-fit:cover}.post__cover:after{content:"";position:absolute;inset:0;background:var(--cover-gradient-soft);pointer-events:none}.post__cover figcaption{position:absolute;bottom:12px;right:14px;color:var(--text-muted);font-size:12px;font-style:italic}.post__header{margin-bottom:28px}.post__eyebrow{display:inline-block;font-family:var(--font-inter);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:600;margin-bottom:18px}.post__title{font-family:var(--font-playfair);font-weight:600;font-size:clamp(30px,3.6vw,44px);line-height:1.12;letter-spacing:-.015em;color:var(--text);margin:0 0 20px}.post__meta{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-dim)}.post__rule{border:0;border-top:1px solid var(--border);margin:28px 0 36px}.post__body{font-family:var(--font-garamond);font-size:18px;line-height:1.72;color:var(--body-prose)}.post__body p{margin:0 0 1.25em}.post__body h2,.post__body h3,.post__body h4{font-family:var(--font-playfair);font-weight:600;color:var(--text);line-height:1.2;letter-spacing:-.005em}.post__body h2{font-size:32px;margin:2em 0 .5em}.post__body h3{font-size:24px;margin:1.75em 0 .5em}.post__body h4{font-size:20px;margin:1.6em 0 .5em;font-weight:700}.post__body ol,.post__body ul{padding-left:1.4em;margin:0 0 1.25em}.post__body li{margin-bottom:.45em}.post__body strong{color:var(--text);font-weight:600}.post__body em{font-style:italic}.post__body a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.post__body a:hover{color:var(--accent-bright)}.post__body u{text-decoration:underline}.post__body s{text-decoration:line-through;color:var(--text-dim)}.post__body :not(pre)>code{background:var(--code-bg);padding:.1em .38em;border-radius:3px;font-size:.85em;font-family:var(--mono);color:var(--text)}.post__body blockquote{margin:1.75em 0;padding:.2em 0 .2em 20px;font-family:var(--font-garamond);font-size:19px;line-height:1.6;color:var(--text-muted);border:0;border-left:2px solid var(--accent)}.pt-figure{margin:2.25em 0;border:1px solid var(--border);background:var(--surface)}.pt-figure img{width:100%;height:auto}.pt-figure figcaption,.pt-table figcaption{padding:10px 14px;font-family:var(--font-inter);font-size:13px;font-style:italic;color:var(--text-dim);border-top:1px solid var(--border);text-align:left}.pt-code{margin:1.75em 0;background:var(--code-block-bg);color:var(--text-muted);border:1px solid var(--border);overflow:hidden}.pt-code-filename{padding:10px 16px;font-size:12px;color:var(--accent);font-weight:600;letter-spacing:.04em;border-bottom:1px solid var(--border);font-family:var(--mono);background:rgba(212,176,122,.04)}.pt-code pre{margin:0;padding:18px;overflow-x:auto;font-size:14px;line-height:1.6}.pt-code code{font-family:var(--mono);background:transparent;color:inherit;padding:0;font-size:inherit}.pt-youtube{position:relative;aspect-ratio:16/9;margin:1.75em 0;overflow:hidden;background:#000}.pt-youtube iframe{width:100%;height:100%;border:0}.pt-table{margin:1.75em 0;overflow-x:auto;border:1px solid var(--border)}.pt-table table{width:100%;border-collapse:collapse;font-family:var(--font-inter);font-size:14px;color:var(--text-muted)}.pt-table td,.pt-table th{text-align:left;padding:10px 14px;border-bottom:1px solid var(--border)}.pt-table th{background:var(--table-head-bg);font-weight:600;color:var(--text);letter-spacing:.02em;font-size:12px;text-transform:uppercase}.pt-table tr:last-child td{border-bottom:0}.continue-reading{border-top:1px solid var(--border);padding-top:40px;margin-top:24px;margin-bottom:64px}.continue-reading__label{font-family:var(--font-inter);font-size:14px;font-weight:600;color:var(--text);letter-spacing:-.005em;margin-bottom:24px}.continue-reading__grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:24px;gap:24px}.empty-state{padding:60px 0;color:var(--text-dim);font-family:var(--font-garamond);font-style:italic;font-size:18px;text-align:center}