.blog-hero{padding:160px 32px 72px;background:var(--obsidian);color:var(--fg-on-dark);border-bottom:1px solid var(--border-2);position:relative;overflow:hidden}.blog-hero-bg{position:absolute;inset:0;background:radial-gradient(900px 500px at 18% 100%,rgba(34,197,94,.1),transparent 60%),radial-gradient(700px 400px at 90% 0%,rgba(20,184,166,.08),transparent 60%);pointer-events:none}.blog-hero-inner{max-width:1120px;margin:0 auto;position:relative;z-index:1}.blog-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--catalyst-green);margin-bottom:20px}.blog-hero-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px #22c55e2e}.blog-hero-h{font-family:var(--font-display);font-weight:700;font-size:clamp(48px,7vw,96px);line-height:.98;letter-spacing:-.03em;margin:0 0 24px;color:var(--fg-on-dark)}.blog-hero-h .accent{color:var(--catalyst-green)}.blog-hero-p{font-family:var(--font-body);font-size:19px;line-height:1.55;color:var(--fg-on-dark-2);max-width:680px;margin:0}.blog-filters{background:var(--obsidian);color:var(--fg-on-dark-2);padding:0 32px 32px;border-bottom:1px solid var(--border-2)}.blog-filters-inner{max-width:1120px;margin:0 auto;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.blog-filter-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#fff6;margin-right:8px}.blog-filter{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:8px 14px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffffc7;text-decoration:none;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.blog-filter:hover,.blog-filter.is-active{background:#22c55e29;border-color:var(--catalyst-green);color:#fff}.blog-list{background:var(--white);padding:80px 32px 96px}.blog-list-inner{max-width:1120px;margin:0 auto}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.blog-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;border:1px solid var(--border-1);border-radius:16px;overflow:hidden;background:#fff;transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.blog-card:hover{border-color:var(--catalyst-green);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.blog-card-figure{position:relative;height:220px;overflow:hidden;background:var(--neutral-100)}.blog-card-figure img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease-out)}.blog-card:hover .blog-card-figure img{transform:scale(1.04)}.blog-card-cat{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:#0a0a0ac7;color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.blog-card-cat .dot{width:6px;height:6px;border-radius:50%;background:var(--catalyst-green)}.blog-card-body{padding:22px 24px 24px;display:flex;flex-direction:column;gap:12px;flex:1}.blog-card-h{font-family:var(--font-display);font-weight:600;font-size:22px;line-height:1.2;letter-spacing:-.015em;color:var(--fg-1);margin:0}.blog-card-excerpt{font-family:var(--font-body);font-size:15px;line-height:1.6;color:var(--fg-2);margin:0;flex:1}.blog-card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:16px;border-top:1px solid var(--border-1);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}.blog-card-meta .arrow{color:var(--catalyst-green);transition:transform var(--dur-base) var(--ease-out)}.blog-card:hover .blog-card-meta .arrow{transform:translate(4px)}.post-hero{padding:140px 32px 0;background:var(--obsidian);color:var(--fg-on-dark);border-bottom:1px solid var(--border-2)}.post-hero-inner{max-width:880px;margin:0 auto}.post-crumbs{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#ffffff80;margin-bottom:24px}.post-crumbs a{color:#ffffffb8;text-decoration:none}.post-crumbs a:hover{color:var(--catalyst-green)}.post-crumbs .sep{opacity:.4}.post-crumbs .here{color:#ffffffeb}.post-cat{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--catalyst-green);margin-bottom:18px}.post-cat .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.post-title{font-family:var(--font-display);font-weight:700;font-size:clamp(40px,5.8vw,72px);line-height:1.02;letter-spacing:-.028em;margin:0 0 24px;color:#fff}.post-dek{font-family:var(--font-body);font-size:19px;line-height:1.55;color:var(--fg-on-dark-2);max-width:700px;margin:0 0 32px}.post-meta{display:flex;flex-wrap:wrap;gap:24px;padding:24px 0 32px;border-top:1px solid var(--border-2);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#fff9}.post-meta span strong{color:#ffffffeb;font-weight:500;margin-right:8px}.post-feature{background:var(--obsidian);padding:0 32px}.post-feature-inner{max-width:1120px;margin:0 auto;position:relative;border-radius:16px;overflow:hidden;height:420px;background:var(--graphite);box-shadow:0 24px 80px #00000073;transform:translateY(50%)}.post-feature-inner img{display:block;width:100%;height:100%;object-fit:cover}.post-feature-spacer{height:210px;background:#fff}.post-body{background:#fff;padding:32px 32px 80px}.post-body-inner{max-width:720px;margin:0 auto}.post-body p{font-family:var(--font-body);font-size:17px;line-height:1.72;color:var(--fg-2);margin:0 0 22px}.post-body p.lede{font-size:20px;line-height:1.55;color:var(--fg-1);font-weight:400;margin-bottom:32px}.post-body h2{font-family:var(--font-display);font-weight:600;font-size:30px;line-height:1.18;letter-spacing:-.018em;color:var(--fg-1);margin:56px 0 18px}.post-body h3{font-family:var(--font-display);font-weight:600;font-size:21px;line-height:1.3;letter-spacing:-.01em;color:var(--fg-1);margin:36px 0 12px}.post-body ul,.post-body ol{margin:0 0 24px;padding:0 0 0 22px}.post-body li{font-family:var(--font-body);font-size:17px;line-height:1.72;color:var(--fg-2);margin-bottom:10px}.post-body li strong,.post-body strong{color:var(--fg-1);font-weight:600}.post-body em{font-style:italic;color:var(--fg-1)}.post-body a{color:var(--electric-teal-deep);text-decoration:underline;text-underline-offset:3px}.post-body a:hover{color:var(--catalyst-green-deep)}.post-body blockquote{margin:32px 0;padding:4px 0 4px 24px;border-left:3px solid var(--catalyst-green);font-family:var(--font-display);font-weight:500;font-size:22px;line-height:1.4;color:var(--fg-1);letter-spacing:-.01em}.post-body code{font-family:var(--font-mono);font-size:14px;background:var(--neutral-100);padding:2px 6px;border-radius:4px;border:1px solid var(--border-1);color:var(--fg-1)}.post-body hr{border:0;border-top:1px solid var(--border-1);margin:48px 0}.post-body .callout{margin:32px 0;padding:22px 24px;border-radius:12px;border:1px solid var(--border-1);background:var(--neutral-50)}.post-body .callout-tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--catalyst-green-deep);margin-bottom:8px}.post-body .callout p{margin:0;font-size:15.5px}.post-tiein{background:var(--obsidian);color:var(--fg-on-dark);padding:56px 32px}.post-tiein-inner{max-width:880px;margin:0 auto;display:grid;grid-template-columns:1.2fr auto;gap:40px;align-items:center}.post-tiein-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--catalyst-green);margin-bottom:10px}.post-tiein-h{font-family:var(--font-display);font-weight:600;font-size:30px;line-height:1.2;letter-spacing:-.018em;color:#fff;margin:0 0 8px}.post-tiein-p{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--fg-on-dark-2);margin:0;max-width:540px}.post-related{background:var(--neutral-50);padding:72px 32px;border-top:1px solid var(--border-1)}.post-related-inner{max-width:1120px;margin:0 auto}.post-related-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:32px;gap:24px}.post-related-eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3)}.post-related-h{font-family:var(--font-display);font-weight:600;font-size:28px;letter-spacing:-.02em;color:var(--fg-1);margin:4px 0 0}.post-related-link{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-1);text-decoration:none}.post-related-link:hover{color:var(--catalyst-green-deep)}.post-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:980px){.blog-grid,.post-related-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.blog-hero{padding:120px 20px 56px}.blog-filters{padding:0 20px 24px}.blog-list{padding:56px 20px 72px}.blog-grid{grid-template-columns:1fr}.post-hero{padding:110px 20px 0}.post-feature{padding:0 20px}.post-feature-inner{height:280px;transform:translateY(40%)}.post-feature-spacer{height:120px}.post-body{padding:24px 20px 64px}.post-body p{font-size:16.5px}.post-body p.lede{font-size:18px}.post-body h2{font-size:26px}.post-tiein{padding:48px 20px}.post-tiein-inner{grid-template-columns:1fr;gap:24px}.post-related{padding:56px 20px}.post-related-grid{grid-template-columns:1fr}}
