.blog-shell{max-width:880px;color:var(--fg);margin:0 auto;padding:136px 24px 160px}.blog-back{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.2em;color:var(--ink-soft);align-items:center;gap:8px;font-size:12px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.blog-back:hover{color:var(--fg)}.blog-header{margin-bottom:64px}.blog-header .blog-label{margin:40px 0 28px}.blog-title{font-family:var(--font-display);letter-spacing:-.045em;margin:0 0 28px;font-size:clamp(48px,9vw,104px);font-weight:600;line-height:.98}.blog-subtitle{max-width:560px;color:var(--ink-soft);margin:0;font-size:18px;line-height:1.6}.blog-gallery-wrap{margin-bottom:72px}.blog-list{gap:16px;display:grid}.blog-empty{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.3em;color:var(--ink-soft);font-size:12px}.blog-card{color:inherit;border-radius:24px;gap:20px;padding:28px 28px 30px;text-decoration:none;transition:transform .5s cubic-bezier(.22,1,.36,1),background .3s;display:flex}.blog-card:hover{transform:translateY(-4px)}.blog-card-bar{background:var(--aura-1);transform-origin:top;border-radius:9999px;flex:none;width:2px;max-height:96px;margin-top:4px;transition:transform .7s cubic-bezier(.22,1,.36,1)}.blog-card:hover .blog-card-bar{transform:scaleY(1.25)}.blog-card-main{flex:1;min-width:0}.blog-card-date{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.25em;color:var(--ink-soft);margin:0 0 12px;font-size:11px;font-weight:500}.blog-card-title{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 12px;font-size:clamp(24px,3.4vw,34px);font-weight:600;line-height:1.1}.blog-card-desc{color:var(--ink-soft);margin:0 0 18px;font-size:16px;line-height:1.55}.blog-card-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.blog-card-tags{flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;list-style:none;display:flex}.blog-card-tags li{font-family:var(--font-label);color:var(--ink-soft);font-size:12px}.blog-card-cta{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.2em;color:var(--circle);align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.blog-card-cta svg{transition:transform .3s}.blog-card:hover .blog-card-cta svg{transform:translate(2px,-2px)}.post-shell{max-width:820px}.post-header{margin-bottom:28px}.post-meta{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.2em;color:var(--ink-soft);margin:28px 0 0;font-size:12px;font-weight:500}.post-panel{isolation:isolate;background:var(--lg-bg);-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);box-shadow:var(--lg-shadow);border-radius:32px;padding:56px 56px 60px;position:relative}.post-body{color:var(--fg);font-size:18px;line-height:1.75}.post-body>*+*{margin-top:1.2em}.post-body h1{font-family:var(--font-display);letter-spacing:-.04em;margin:0 0 .5em;font-size:clamp(38px,6.4vw,68px);font-weight:600;line-height:1.02}.post-body h2{font-family:var(--font-display);letter-spacing:-.03em;margin-top:2.2em;margin-bottom:.6em;font-size:clamp(26px,3.4vw,34px);font-weight:600;line-height:1.15}.post-body h3{font-family:var(--font-display);letter-spacing:-.02em;margin-top:2em;margin-bottom:.6em;font-size:clamp(20px,2.4vw,24px);font-weight:600;line-height:1.25}.post-body p{margin:0}.post-body em{font-style:italic}.post-body strong{font-weight:600}.post-body a{color:var(--circle);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.post-body a:hover{opacity:.8}.post-body hr{border:none;border-top:1px solid var(--border);width:60%;margin:3em auto}.post-body blockquote{color:var(--ink-soft);margin-left:0;padding-left:1.2em;font-style:italic;position:relative}.post-body blockquote:before{content:"";background:var(--aura-1);border-radius:9999px;width:2px;position:absolute;top:.2em;bottom:.2em;left:0}.post-body ul,.post-body ol{padding-left:1.6em}.post-body ol{list-style:decimal}.post-body ul{list-style:outside}.post-body li{margin:.4em 0;padding-left:.3em}.post-body li::marker{color:var(--circle);font-size:.9em;font-weight:600}.post-body code{font-family:var(--font-mono);background:color-mix(in oklab, var(--fg) 7%, transparent);border-radius:6px;padding:.15em .4em;font-size:.88em}.post-body .tool-meta{background:var(--lg-bg);box-shadow:var(--lg-shadow);font-family:var(--font-label);border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:-.4em;padding:12px 16px;font-size:13px;display:flex}.post-body .tool-meta a{color:var(--circle);border-bottom:1px dotted color-mix(in oklab, var(--circle) 60%, transparent);text-decoration:none}.post-body .tool-meta a:hover{opacity:1;border-bottom-style:solid}.post-body .tool-logo{object-fit:contain;background:#fff;border-radius:8px;flex-shrink:0;width:28px;height:28px;padding:2px}.post-body iframe{border:0;border-radius:16px;width:100%;max-width:660px;margin:1.6em auto;display:block;overflow:hidden}.post-body iframe.video-embed{aspect-ratio:16/9;max-width:720px;height:auto}.post-body .post-video{text-align:center;max-width:720px;margin:2em auto}.post-body .post-video iframe{margin:0 auto 10px}.post-image{text-align:center;margin:2em 0}.post-image img{border-radius:20px;max-width:100%;height:auto;box-shadow:0 1px 2px #0f172a24,0 18px 36px -12px #0f172a59}.dark .post-image img{box-shadow:0 1px 2px #00000080,0 20px 40px -12px #000000bf}.post-image figcaption{font-family:var(--font-label);letter-spacing:.04em;color:var(--ink-soft);margin-top:12px;font-size:12px}.post-image-placeholder .post-image-frame{background:var(--lg-bg);box-shadow:var(--lg-shadow);color:var(--ink-soft);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:180px;padding:36px 24px;display:flex}.post-image-tag{font-family:var(--font-label);letter-spacing:.3em;text-transform:uppercase;font-size:10px}.post-image-alt{text-align:center;max-width:420px;color:var(--fg);font-size:15px;line-height:1.45}.post-footer{margin-top:48px;padding-left:8px}@media (max-width:640px){.blog-shell{padding:112px 16px 120px}.blog-card{border-radius:20px;gap:14px;padding:22px 20px 24px}.post-panel{border-radius:24px;padding:32px 22px 36px}.post-body{font-size:17px}}@media (prefers-reduced-transparency:reduce){.post-panel{background:var(--canvas);-webkit-backdrop-filter:none;backdrop-filter:none}}