.blog-hero.blog-hero{padding:var(--bh-pt,calc(var(--section-padding)*.75)) 0 var(--bh-pb,calc(var(--section-padding)*.6))}.blog-hero.blog-hero--compact{padding:var(--bh-pt,var(--space-5xl)) 0 var(--bh-pb,var(--space-4xl))}.blog-hero--dark{background:var(--bh-bg,var(--color-ground-dark));color:var(--bh-text,var(--color-on-dark))}.blog-hero--soft{background:var(--bh-bg,var(--color-card-bg))}.blog-hero--soft,.blog-hero--white{color:var(--bh-text,var(--color-text))}.blog-hero--white{background:var(--bh-bg,var(--color-background))}.blog-hero__inner{align-items:flex-start;display:flex;flex-direction:column}.blog-hero--center .blog-hero__inner{align-items:center;text-align:center}.blog-hero__kicker{align-items:center;color:var(--bh-kicker,var(--color-primary));display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);gap:var(--space-md);line-height:var(--line-height-normal)}.blog-hero__kicker:before{background:var(--bh-dot,var(--color-accent));border-radius:var(--radius-full);content:"";flex:none;height:var(--space-md);width:var(--space-md)}.blog-hero--dark .blog-hero__kicker{color:var(--bh-kicker,var(--color-accent-hover))}.blog-hero__heading{color:var(--bh-heading,var(--color-heading));font-family:var(--font-family-heading);font-size:var(--font-size-h1);font-weight:var(--font-weight-heading);letter-spacing:var(--letter-spacing-normal);line-height:var(--type-h1-line-height);margin:var(--space-xl) 0 var(--space-lg);text-wrap:balance}.blog-hero--dark .blog-hero__heading{color:var(--bh-heading,var(--color-surface-raised))}.blog-hero__intro{color:inherit;font-size:var(--font-size-lg);line-height:var(--line-height-normal);margin:0;max-width:var(--hero-desc-max-width)}.blog-hero__search{display:flex;gap:var(--space-md);margin-top:var(--space-3xl);max-width:var(--hero-form-max-width);width:100%}.blog-hero__input{background:var(--color-surface-raised);border:var(--input-border-width) solid var(--color-border);border-radius:var(--btn-primary-radius);color:var(--color-heading);flex:1;font-family:var(--font-family-body);font-size:var(--font-size-body);min-height:var(--btn-height-md);min-width:0;padding:0 var(--space-xl)}.blog-hero__input::placeholder{color:var(--color-muted)}.blog-hero__input:focus{border-color:var(--color-primary);outline:none}.blog-hero__input:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-outline-width)}.blog-hero--dark .blog-hero__input{border-color:var(--color-border-on-dark-strong)}.blog-hero--dark .blog-hero__input:focus-visible{outline-color:var(--color-accent)}.blog-hero__search-btn{flex:none}.blog-hero__sr{height:var(--rule-width);margin:calc(var(--rule-width)*-1);overflow:hidden;padding:0;position:absolute;width:var(--rule-width);clip:rect(0,0,0,0);border:0;white-space:nowrap}.blog-hero__topics{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--bh-topics-gap,var(--space-3xl))}.blog-hero--center .blog-hero__topics{justify-content:center}.blog-hero__topics-label{color:inherit;margin-right:var(--space-xs)}.blog-hero__chip,.blog-hero__topics-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.blog-hero__chip{align-items:center;background:var(--color-surface-raised);border:var(--rule-width) solid var(--bh-chip-border,var(--color-border));border-radius:var(--radius-full);color:var(--bh-chip-text,var(--color-heading));display:inline-flex;line-height:var(--line-height-tight);min-height:var(--chip-height);padding:var(--space-md) var(--space-xl);text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.blog-hero__chip:hover{border-color:var(--color-primary);color:var(--color-primary);text-decoration:none}.blog-hero__chip.is-active{background:var(--bh-chip-active-bg,var(--color-primary));border-color:var(--bh-chip-active-bg,var(--color-primary));color:var(--bh-chip-active-text,var(--btn-primary-color))}.blog-hero--dark .blog-hero__chip{background:transparent;border-color:var(--bh-chip-border,var(--color-border-on-dark-strong));color:var(--bh-chip-text,var(--color-surface-raised))}.blog-hero--dark .blog-hero__chip.is-active,.blog-hero--dark .blog-hero__chip:hover{background:var(--bh-chip-active-bg,var(--color-accent));border-color:var(--bh-chip-active-bg,var(--color-accent));color:var(--bh-chip-active-text,var(--color-media-bg))}.blog-hero__chip:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-outline-width)}.blog-hero--dark .blog-hero__chip:focus-visible{outline-color:var(--color-accent)}