.blog-listing-hero{padding:calc(var(--nav-height) + var(--space-2xl)) var(--space-xl) var(--space-xl);background:var(--bg-primary);text-align:center;border-bottom:1px solid var(--white-faint)}.blog-listing-eyebrow{font-family:var(--font-mono);letter-spacing:.2em;color:var(--teal);text-transform:uppercase;margin-bottom:var(--space-md);text-shadow:0 0 12px #00bdb466;font-size:12px}.blog-listing-headline{font-family:var(--font-display);letter-spacing:-.02em;color:var(--white);margin:0 auto var(--space-md);font-size:clamp(36px,5vw,60px);font-weight:800;line-height:1.08}.blog-listing-sub{color:var(--white-dim);max-width:520px;margin:0 auto;font-size:18px;line-height:1.7}.blog-listing-section{padding:var(--space-2xl) var(--space-xl);background:var(--bg-secondary);min-height:60vh}.blog-listing-inner{flex-direction:column;gap:0;max-width:760px;margin:0 auto;display:flex}.blog-card{padding:var(--space-xl) 0;border-bottom:1px solid var(--white-faint);color:inherit;text-decoration:none;transition:opacity .2s;display:block}.blog-card:first-child{padding-top:0}.blog-card:last-child{border-bottom:none}.blog-card-meta{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.blog-card-tag{font-family:var(--font-mono);letter-spacing:.14em;color:var(--bg-primary);background:var(--teal);text-transform:uppercase;border-radius:2px;padding:3px 8px;font-size:10px}.blog-card-date{font-family:var(--font-mono);letter-spacing:.12em;color:var(--teal);text-transform:uppercase;font-size:12px}.blog-card-author{font-family:var(--font-mono);letter-spacing:.08em;color:var(--white-dim);font-size:12px}.blog-card-title{font-family:var(--font-display);color:var(--white);margin-bottom:var(--space-md);font-size:clamp(20px,2.5vw,26px);font-weight:700;line-height:1.25;transition:color .15s}.blog-card:hover .blog-card-title{color:var(--teal)}.blog-card-excerpt{color:var(--white-dim);margin-bottom:var(--space-md);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:16px;line-height:1.7;display:-webkit-box;overflow:hidden}.blog-card-read{font-family:var(--font-mono);letter-spacing:.12em;color:var(--teal);text-transform:uppercase;border-bottom:1px solid #0000;font-size:12px;transition:border-color .15s}.blog-card:hover .blog-card-read{border-bottom-color:var(--teal)}.blog-post{background:var(--bg-primary);padding-bottom:var(--space-3xl)}.blog-post-hero{padding:calc(var(--nav-height) + var(--space-2xl)) var(--space-xl) var(--space-2xl);background:radial-gradient(ellipse 70% 50% at 50% 0%, #00bdb412 0%, transparent 65%), var(--bg-primary);border-bottom:1px solid var(--white-faint)}.blog-post-inner{max-width:720px;margin:0 auto}.blog-back{font-family:var(--font-mono);letter-spacing:.12em;color:var(--white-dim);text-transform:uppercase;margin-bottom:var(--space-xl);align-items:center;gap:6px;font-size:12px;text-decoration:none;transition:color .2s;display:inline-flex}.blog-back:hover{color:var(--teal)}.blog-post-meta{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.blog-post-tag{font-family:var(--font-mono);letter-spacing:.14em;color:var(--bg-primary);background:var(--teal);text-transform:uppercase;border-radius:2px;padding:3px 8px;font-size:10px}.blog-post-date{font-family:var(--font-mono);letter-spacing:.12em;color:var(--teal);text-transform:uppercase;font-size:12px}.blog-post-title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--white);margin-bottom:var(--space-xl);font-size:clamp(30px,4.5vw,52px);font-weight:800;line-height:1.1}.blog-post-author{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:1px solid var(--white-faint);border-left:3px solid var(--teal);border-radius:4px;display:flex}.blog-post-author-avatar{background:var(--teal-dim);border:1px solid var(--teal-border);width:40px;height:40px;font-family:var(--font-mono);color:var(--teal);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.blog-post-author-name{font-family:var(--font-display);color:var(--white);font-size:15px;font-weight:600;line-height:1.3}.blog-post-author-title{font-family:var(--font-mono);letter-spacing:.06em;color:var(--white-dim);margin-top:2px;font-size:11px}.blog-post-body{max-width:720px;padding:var(--space-2xl) var(--space-xl) 0;margin:0 auto}.blog-post-body p{font-family:var(--font-display);color:var(--white-dim);margin-bottom:var(--space-lg);font-size:18px;line-height:1.85}.blog-post-body h2{font-family:var(--font-display);color:var(--white);letter-spacing:-.01em;margin:var(--space-2xl) 0 var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--white-faint);font-size:clamp(20px,2.5vw,26px);font-weight:700;line-height:1.3}.blog-post-body strong{color:var(--white);font-weight:600}.blog-figure{margin:var(--space-2xl) 0}.blog-figure-img{border:1px solid var(--white-faint);border-radius:6px;width:100%;height:auto;display:block}.blog-figure-caption{font-family:var(--font-mono);letter-spacing:.1em;color:var(--white-dim);text-transform:uppercase;text-align:center;margin-top:var(--space-md);font-size:11px}.blog-references{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--white-faint)}.blog-references-heading{font-family:var(--font-mono);letter-spacing:.18em;color:var(--teal);text-transform:uppercase;margin-bottom:var(--space-lg);font-size:11px}.blog-references ol{gap:var(--space-md);counter-reset:ref-counter;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.blog-references li{counter-increment:ref-counter;gap:var(--space-md);color:var(--white-dim);font-size:14px;line-height:1.65;display:flex}.blog-references li:before{content:"[" counter(ref-counter) "]";font-family:var(--font-mono);color:var(--teal);flex-shrink:0;margin-top:3px;font-size:11px}.blog-references a{color:var(--teal);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .15s}.blog-references a:hover{border-bottom-color:var(--teal)}@media (max-width:768px){.blog-listing-hero{padding:calc(var(--nav-height) + var(--space-xl)) var(--space-lg) var(--space-xl)}.blog-listing-section{padding:var(--space-xl) var(--space-lg)}.blog-post-hero{padding:calc(var(--nav-height) + var(--space-xl)) var(--space-lg) var(--space-xl)}.blog-post-body{padding:var(--space-xl) var(--space-lg) 0}.blog-post-body p{font-size:17px}.blog-card-meta{gap:var(--space-sm)}}