.blog-hero{width:100%;height:280px;border-radius:var(--radius-lg,12px);position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:var(--space-6) var(--space-8);margin-bottom:var(--space-8)}@media (max-width:768px){.blog-hero{height:200px;padding:var(--space-4) var(--space-5)}}.blog-hero__noise{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:1}.blog-hero__content{position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--space-2);max-width:800px}.blog-hero__category{display:inline-block;align-self:flex-start;font-family:var(--font-mono);font-size:var(--text-detail,.75rem);font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .75rem;border-radius:var(--radius-pill,9999px);background:var(--cw-coral,#D97757);color:white;margin-bottom:var(--space-2)}.blog-hero__title{color:white;font-family:var(--font-heading);font-size:2rem;font-weight:600;line-height:1.2;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:768px){.blog-hero__title{font-size:1.5rem}}.blog-hero__readtime{font-family:var(--font-body);font-size:.9rem;color:rgba(255,255,255,.7)}.blog-hero--1,.blog-hero-strip--1{background:linear-gradient(135deg,#2D3748,#D97757)}.blog-hero--2,.blog-hero-strip--2{background:linear-gradient(135deg,#0f172a,#0d9488)}.blog-hero--3,.blog-hero-strip--3{background:linear-gradient(135deg,#064e3b,#10b981)}.blog-hero--4,.blog-hero-strip--4{background:linear-gradient(135deg,#2e1065,#8b5cf6)}.blog-hero--5,.blog-hero-strip--5{background:linear-gradient(135deg,#451a03,#d97706)}.blog-hero--6,.blog-hero-strip--6{background:linear-gradient(135deg,#1e293b,#3b82f6)}.blog-hero--7,.blog-hero-strip--7{background:linear-gradient(135deg,#4c0519,#e11d48)}.blog-hero--8,.blog-hero-strip--8{background:linear-gradient(135deg,#0f172a,#64748b)}.blog-hero-strip{width:100%;height:60px}