[data-page=blog]{--blog-hero-title-size: clamp(1.875rem, 4vw, 2.75rem);--blog-hero-stack-gap: var(--space-4);--blog-hero-subtitle-gap: var(--space-3);--blog-hero-actions-gap: var(--space-3);--blog-hero-actions-offset: var(--space-3);--blog-accent: var(--color-primary);--blog-card-bg: color-mix(in srgb, var(--color-surface) 90%, transparent);--blog-chip-bg: color-mix(in srgb, var(--color-surface) 88%, transparent);--blog-chip-text: var(--color-text);--blog-chip-border: color-mix(in srgb, var(--color-primary) 14%, var(--color-border));--blog-callout-bg: color-mix(in srgb, var(--color-surface) 90%, transparent);--blog-callout-border: color-mix(in srgb, var(--color-primary) 16%, var(--color-border));--blog-hero-bg: color-mix(in srgb, var(--color-surface) 90%, transparent);--blog-hero-border: color-mix(in srgb, var(--color-border) 55%, transparent);--blog-panel-bg: color-mix(in srgb, var(--color-surface) 95%, transparent);--blog-panel-border: color-mix(in srgb, var(--color-border) 82%, transparent);--blog-panel-radius: var(--radius-3);--blog-panel-shadow: 0 8px 20px -20px rgba(15, 23, 42, .18);--blog-panel-rhythm-y: var(--space-3);--blog-panel-accent: color-mix(in srgb, var(--color-primary) 65%, var(--color-brand-1));--blog-card-reveal-distance: 1.125rem}