.blog-wrap{max-width:var(--container);margin:0 auto;padding:160px 24px 120px}.blog-head{text-align:center;margin-bottom:64px}.blog-head .eyebrow{display:inline-block;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-cyan);margin-bottom:16px}.blog-head h1{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.05;margin:0 0 16px}.blog-head p{color:var(--text-secondary);font-size:1.1rem;max-width:640px;margin:0 auto}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px}.blog-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.blog-card:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:var(--shadow-card)}.blog-card-img{aspect-ratio:16 / 9;width:100%;object-fit:cover;background:var(--bg-secondary)}.blog-card-body{padding:24px;display:flex;flex-direction:column;gap:12px;flex:1}.blog-card-tags{display:flex;flex-wrap:wrap;gap:8px}.blog-tag{font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-cyan);background:#70dff414;border:1px solid var(--border-subtle);padding:4px 10px;border-radius:100px}.blog-card-body h2{font-family:var(--font-display);font-size:1.3rem;line-height:1.2;margin:0}.blog-card-body p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0;flex:1}.blog-card-meta{color:var(--text-muted);font-size:.82rem;margin-top:4px}.blog-empty{text-align:center;color:var(--text-muted);padding:80px 0}.post-wrap{max-width:760px;margin:0 auto;padding:150px 24px 120px}.post-back{display:inline-block;color:var(--text-secondary);text-decoration:none;font-size:.9rem;margin-bottom:32px;transition:color .2s ease}.post-back:hover{color:var(--accent-cyan)}.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.post-header h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);line-height:1.08;margin:0 0 16px}.post-desc{color:var(--text-secondary);font-size:1.15rem;line-height:1.6;margin:0 0 20px}.post-meta{color:var(--text-muted);font-size:.9rem;padding-bottom:28px;border-bottom:1px solid var(--border-subtle)}.post-hero{width:100%;border-radius:var(--radius-lg);margin:36px 0;border:1px solid var(--border-subtle)}.post-content{font-size:1.05rem;line-height:1.8;color:var(--text-secondary);margin-top:40px}.post-content>*+*{margin-top:1.4em}.post-content h2{font-family:var(--font-display);font-size:1.7rem;line-height:1.2;margin-top:2em;color:var(--text-primary)}.post-content h3{font-family:var(--font-display);font-size:1.3rem;margin-top:1.8em;color:var(--text-primary)}.post-content a{color:var(--accent-cyan);text-decoration:underline;text-underline-offset:3px}.post-content strong{color:var(--text-primary)}.post-content ul,.post-content ol{padding-left:1.4em}.post-content li+li{margin-top:.5em}.post-content blockquote{border-left:3px solid var(--accent-blue);padding:4px 0 4px 20px;margin-left:0;color:var(--text-secondary);font-style:italic}.post-content code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:6px;padding:2px 6px}.post-content pre{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px;overflow-x:auto}.post-content pre code{background:none;border:none;padding:0}.post-content img{max-width:100%;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.post-hero-banner{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:72px 24px;margin:36px 0;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-secondary)}.post-hero-banner>img,.post-hero-brand,.post-hero-tag{position:relative;z-index:1}.post-hero-banner>img{width:56px;height:56px}.post-hero-brand{font-family:var(--font-display);font-weight:800;font-size:30px;letter-spacing:-.02em;color:var(--text-primary)}.post-hero-tag{font-size:14px;font-weight:700;color:var(--accent-cyan);letter-spacing:.02em}@media(max-width:600px){.post-hero-banner{padding:48px 18px}.post-hero-brand{font-size:24px}.post-hero-tag{font-size:12.5px}}.blog-card-banner{position:relative;overflow:hidden;aspect-ratio:16 / 9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.blog-card-banner img,.blog-card-banner span{position:relative;z-index:1}.blog-card-banner span{font-family:var(--font-display);font-weight:800;font-size:17px;letter-spacing:-.01em;color:var(--text-primary)}