.blog{--blog-accent:var(--g);--blog-accent-ink:var(--g-ink);--blog-black:#0a0a0a;--blog-ink:#1a1a1a;--blog-muted:#5c5c5c;--blog-line:#e6e6e6;--blog-soft:#f5f6f2;--blog-head:var(--head);--blog-body:var(--body);color:var(--blog-ink);font-family:var(--blog-body);background:#fff}.blog *,.blog :before,.blog :after{box-sizing:border-box}.blog img{max-width:100%;height:auto;display:block}.blog-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.blog-crumbs ol{flex-wrap:wrap;justify-content:center;gap:6px;margin:0 0 20px;padding:0;font-size:13px;list-style:none;display:flex}.blog-crumbs li{color:#cfcfcf;align-items:center;gap:6px;display:flex}.blog-crumbs li+li:before{content:"›";color:var(--g-text)}.blog-crumbs a{color:#fff;text-decoration:none}.blog-crumbs a:hover{color:var(--g-text)}.blog-crumbs [aria-current]{color:#cfcfcf;text-overflow:ellipsis;white-space:nowrap;max-width:46ch;overflow:hidden}.blog-cats{flex-wrap:wrap;justify-content:center;gap:10px;padding:28px 0 8px;display:flex}.blog-cats a{font-family:var(--blog-head);letter-spacing:.08em;text-transform:uppercase;color:var(--blog-ink);border:2px solid var(--blog-black);border-radius:999px;padding:10px 18px;font-size:12px;font-weight:600;text-decoration:none;transition:background .2s,color .2s}.blog-cats a:hover{background:var(--blog-black);color:#fff}.blog-cats a[aria-current=page]{background:var(--blog-accent);border-color:var(--g-text);color:var(--on-g)}.blog-chip{font-family:var(--blog-head);letter-spacing:.1em;text-transform:uppercase;color:var(--on-g);background:var(--blog-accent);border-radius:3px;padding:5px 10px;font-size:11px;font-weight:700;text-decoration:none;display:inline-block}.blog-section{padding:40px 0 72px}.blog-section__title{font-family:var(--blog-head);text-transform:uppercase;margin:0 0 24px;font-size:22px}.blog-grid{grid-template-columns:1fr;gap:28px;display:grid}@media (width>=640px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{border:1px solid var(--blog-line);background:#fff;border-radius:12px;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--g-text);transform:translateY(-4px);box-shadow:0 14px 34px #0000001a}.blog-card__media{aspect-ratio:16/9;background:var(--blog-soft);display:block;overflow:hidden}.blog-card__media img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.blog-card:hover .blog-card__media img{transform:scale(1.04)}.blog-card__body{flex-direction:column;flex:1;align-items:flex-start;gap:12px;padding:22px;display:flex}.blog-card__title{font-family:var(--blog-head);margin:0;font-size:18px;font-weight:700;line-height:1.35}.blog-card__title a{color:var(--blog-ink);text-decoration:none}.blog-card__title a:hover{color:var(--blog-accent-ink)}.blog-card__excerpt{color:var(--blog-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:15px;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card__meta{color:var(--blog-muted);gap:8px;margin:auto 0 0;font-size:13px;display:flex}.blog-card--featured{margin-bottom:36px}@media (width>=900px){.blog-card--featured{flex-direction:row}.blog-card--featured .blog-card__media{aspect-ratio:auto;flex:0 0 55%;min-height:380px}.blog-card--featured .blog-card__body{justify-content:center;padding:40px}.blog-card--featured .blog-card__title{font-size:28px}.blog-card--featured .blog-card__excerpt{-webkit-line-clamp:4;font-size:17px}.blog-card--featured .blog-card__meta{margin-top:8px}}.blog-post-head{background:var(--blog-black);color:#fff;padding:56px 20px 0;position:relative}.blog-post-head .blog-crumbs ol{justify-content:flex-start}.blog-post-head__inner{max-width:1000px;margin:0 auto}.blog-post-head h1{font-family:var(--blog-head);margin:16px 0 20px;font-size:clamp(26px,4vw,42px);font-weight:800;line-height:1.2}.blog-byline{color:#d6d6d6;flex-wrap:wrap;align-items:center;gap:12px;padding-bottom:36px;font-size:14px;display:flex}.blog-byline img{object-fit:cover;border:2px solid var(--blog-accent);border-radius:50%;width:44px;height:44px}.blog-byline a{color:#fff;font-weight:600;text-decoration:none}.blog-byline a:hover,.blog-byline__sep{color:var(--g-text)}.blog-cover{max-width:1000px;margin:0 auto;transform:translateY(0)}.blog-cover img{aspect-ratio:16/9;object-fit:cover;border-radius:12px 12px 0 0;width:100%}.blog-post{gap:48px;max-width:1160px;margin:0 auto;padding:48px 20px 72px;display:grid}@media (width>=1024px){.blog-post{grid-template-columns:minmax(0,1fr) 300px}}.blog-prose{color:var(--blog-ink);max-width:760px;font-size:18px;line-height:1.8}.blog-prose>*{margin-top:0;margin-bottom:0}.blog-prose>*+*{margin-top:1.1em}.blog-prose h2,.blog-prose h3{font-family:var(--blog-head);color:var(--blog-black);scroll-margin-top:100px;line-height:1.3}.blog-prose h2{border-top:3px solid var(--blog-accent);margin:2em 0 .6em;padding-top:.4em;font-size:26px}.blog-prose h3{margin:1.6em 0 .4em;font-size:20px}.blog-prose a{color:var(--blog-accent-ink);text-underline-offset:3px;font-weight:600;text-decoration:underline}.blog-prose a:hover{color:#000}.blog-prose ul,.blog-prose ol{padding-left:1.3em}.blog-prose li{margin:.4em 0}.blog-prose li::marker{color:var(--blog-accent-ink)}.blog-prose li p{margin:0}.blog-prose strong{color:#000}.blog-prose img{border-radius:10px;margin:1.6em auto}.blog-prose blockquote{border-left:4px solid var(--blog-accent);background:var(--blog-soft);margin:1.6em 0;padding:16px 22px}.blog-prose table{border-collapse:collapse;width:100%;font-size:16px}.blog-prose th,.blog-prose td{border:1px solid var(--blog-line);text-align:left;padding:10px 12px}.blog-prose th{background:var(--blog-soft);font-family:var(--blog-head);font-size:13px}.blog-tags{flex-wrap:wrap;gap:8px;margin-top:40px;padding:0;list-style:none;display:flex}.blog-tags li{background:var(--blog-soft);color:var(--blog-muted);border-radius:999px;padding:6px 12px;font-size:13px}.blog-aside{flex-direction:column;gap:24px;display:flex}@media (width>=1024px){.blog-aside__sticky{flex-direction:column;gap:24px;display:flex;position:sticky;top:100px}}.blog-toc{border:1px solid var(--blog-line);border-radius:12px;padding:20px 22px}.blog-toc summary,.blog-toc h2{font-family:var(--blog-head);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;margin:0;font-size:14px}.blog-toc ol{flex-direction:column;gap:10px;margin:14px 0 0;padding:0;list-style:none;display:flex}.blog-toc a{color:var(--blog-muted);border-left:2px solid var(--blog-line);padding-left:12px;font-size:14px;line-height:1.45;text-decoration:none;display:block}.blog-toc a:hover{color:var(--blog-ink);border-left-color:var(--g-text)}.blog-book{background:var(--blog-black);color:#fff;border-radius:12px;padding:26px 24px}.blog-book h2{font-family:var(--blog-head);text-transform:uppercase;margin:0 0 10px;font-size:18px}.blog-book p{color:#d0d0d0;margin:0 0 18px;font-size:15px;line-height:1.6}.blog-btn{background:var(--blog-accent);width:100%;min-height:52px;color:var(--on-g);font-family:var(--blog-head);letter-spacing:.12em;text-transform:uppercase;border-radius:3px;justify-content:center;align-items:center;padding:0 20px;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .2s;display:inline-flex}.blog-btn:hover{opacity:.85}.blog-btn--ghost{color:#fff;background:0 0;border:2px solid #fff;margin-top:10px}.blog-author{background:var(--blog-soft);border-left:4px solid var(--blog-accent);border-radius:12px;grid-template-columns:88px 1fr;align-items:start;gap:20px;margin-top:48px;padding:26px;display:grid}.blog-author img{object-fit:cover;border-radius:50%;width:88px;height:88px}.blog-author__label{font-family:var(--blog-head);letter-spacing:.12em;text-transform:uppercase;color:var(--blog-accent-ink);margin:0 0 4px;font-size:11px}.blog-author__name{font-family:var(--blog-head);margin:0 0 8px;font-size:20px}.blog-author__name a{color:inherit;text-decoration:none}.blog-author p{color:var(--blog-muted);margin:0;font-size:15px;line-height:1.65}.blog-profile{flex-direction:column;align-items:center;gap:18px;display:flex}.blog-profile img{object-fit:cover;border:3px solid var(--blog-accent);border-radius:50%;width:132px;height:132px}.blog-related{background:var(--blog-soft);padding:64px 0}@media (width<=640px){.blog-post-head .blog-crumbs li:last-child{display:none}}.blog-toc--mobile{margin-bottom:8px}@media (width>=1024px){.blog-toc--mobile{display:none}}@media (width<=1023px){.blog-toc--desktop{display:none}}@media (width<=640px){.blog-cats{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;margin:0 -20px;padding:24px 20px 4px;overflow-x:auto}.blog-cats::-webkit-scrollbar{display:none}.blog-cats a{flex:none}}