.blog-hero{position:relative;display:block;width:100%;min-height:320px;border-radius:var(--radius-2xl);border:1px solid var(--sg-cyan-border-strong);background:radial-gradient(circle at 0 100%,rgba(var(--brand-green-rgb,80,245,151),.1),transparent 58%),radial-gradient(circle at 100% 0,rgba(var(--brand-cyan-rgb,26,207,255),.08),transparent 58%),var(--sg-white-04);box-shadow:var(--sg-cyan-glow-strong),var(--sg-shadow-tile);overflow:hidden;text-decoration:none;color:inherit;transition:transform var(--sg-motion-base),box-shadow var(--sg-motion-base),border-color var(--sg-motion-base)}.blog-hero:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:var(--sg-accent-pattern);z-index:3;pointer-events:none}@media (hover:hover){.blog-hero:hover{transform:translateY(-2px);box-shadow:var(--sg-cyan-glow-strong),var(--sg-shadow-tile-hover)}}@media (min-width:768px){.blog-hero{min-height:380px}}@media (min-width:1024px){.blog-hero{min-height:440px}}.blog-hero__image{object-fit:cover;transition:transform .5s cubic-bezier(.25,.46,.45,.94);z-index:0}@media (hover:hover){.blog-hero:hover .blog-hero__image{transform:scale(1.03)}}.blog-hero__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(var(--bg-deep-rgb),.92) 0,rgba(var(--bg-deep-rgb),.2) 55%,transparent 100%);z-index:1;pointer-events:none}.blog-hero__reading-time{position:absolute;top:var(--space-3);right:var(--space-3);display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);background:rgba(var(--brand-cyan-rgb,26,207,255),.18);border:1px solid rgba(var(--brand-cyan-rgb,26,207,255),.32);color:var(--sg-tint-cyan);font-size:var(--text-2xs);font-weight:var(--font-semibold);letter-spacing:.04em;-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);z-index:3}.blog-hero__content{position:absolute;left:0;right:0;bottom:0;padding:var(--space-6);z-index:2;display:flex;flex-direction:column;gap:var(--space-3);max-width:580px}@media (min-width:768px){.blog-hero__content{padding:var(--space-8)}}@media (min-width:1024px){.blog-hero__content{padding:var(--space-10);max-width:640px}}.blog-hero__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:var(--text-xs);color:var(--sg-text-faint)}.blog-hero__meta-dot{width:2px;height:2px;border-radius:var(--radius-full);background:var(--sg-text-faint);flex-shrink:0}.blog-hero__tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);background:rgba(var(--brand-cyan-rgb,26,207,255),.1);border:1px solid rgba(var(--brand-cyan-rgb,26,207,255),.22);color:var(--brand-cyan);font-size:var(--text-xxs);font-weight:var(--font-semibold);letter-spacing:.1em;text-transform:uppercase}.blog-hero__date{color:var(--sg-text-faint)}.blog-hero__title{margin:0;font-size:clamp(20px,2vw,28px);font-weight:var(--font-bold);line-height:1.2;color:var(--text-primary);text-shadow:0 2px 24px rgba(var(--black-rgb),.5);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (min-width:1024px){.blog-hero__title{font-size:clamp(26px,2.4vw,32px)}}.blog-hero__excerpt{margin:0;font-size:var(--text-sm);line-height:1.55;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-hero__cta{display:inline-flex;align-items:center;gap:6px;color:var(--brand-cyan);font-size:var(--text-ms);font-weight:var(--font-semibold);transition:gap var(--sg-motion-base)}@media (hover:hover){.blog-hero:hover .blog-hero__cta{gap:10px}}.blog-hero:focus-visible{outline:2px solid var(--sg-cyan-focus-outline);outline-offset:3px}@media (max-width:767px){.blog-hero__content{max-width:none}}@media (prefers-reduced-motion:reduce){.blog-hero,.blog-hero__cta,.blog-hero__image{transition:none}.blog-hero:hover,.blog-hero:hover .blog-hero__image{transform:none}}