.article-hero-panel{position:relative;width:100%;min-height:450px;border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:var(--space-xl);isolation:isolate;transform:translateZ(0);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 25px 50px -12px rgba(0,0,0,.25),0 0 100px -20px rgba(124,58,237,.2)}@media (min-width:768px){.article-hero-panel{min-height:500px}}.article-hero-panel__bg{position:absolute;inset:0;z-index:0;border-radius:inherit;overflow:hidden}.article-hero-panel__image{-o-object-position:center top;object-position:center top}.article-hero-panel__image,.article-hero-panel__placeholder{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.article-hero-panel__overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.2))}.article-hero-panel__content,.article-hero-panel__title{color:white!important}.article-hero-panel__meta{color:rgba(255,255,255,.8)!important}.article-hero-panel__content{position:relative;z-index:2;padding:var(--space-2xl);text-align:center}@media (min-width:768px){.article-hero-panel__content{padding:var(--space-3xl)}}.article-hero-panel__tags{display:flex;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.article-hero-panel__tag{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-md);background:rgba(124,58,237,.7);border:1px solid rgba(124,58,237,.4);border-radius:var(--radius-full);color:#e4dffa;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em}.article-hero-panel__title{font-family:var(--font-heading);font-size:clamp(1.75rem,5vw,3rem);font-weight:var(--font-bold);line-height:1.2;color:white;margin:0 0 var(--space-lg);text-shadow:0 2px 10px rgba(0,0,0,.3);max-width:900px;margin-left:auto;margin-right:auto}.article-hero-panel__meta{display:flex;justify-content:center;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:rgba(255,255,255,.7);margin-bottom:var(--space-xl)}.article-hero-panel__date{font-weight:500}.article-hero-panel__author-wrapper{display:flex;align-items:center;gap:var(--space-sm)}.article-hero-panel__author-avatar{width:24px;height:24px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.3);flex-shrink:0}.article-hero-panel__author-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.article-hero-panel__author{font-weight:500;color:rgba(255,255,255,.85)}.article-hero-panel__divider{opacity:.5}.article-hero-panel__share{margin-top:var(--space-lg)}.article-hero-panel__share-label{display:block;font-size:var(--text-sm);color:rgba(255,255,255,.8);margin-bottom:var(--space-md);font-weight:var(--font-medium)}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes floatSlow{0%,to{transform:translateY(0) translateX(0)}33%{transform:translateY(-15px) translateX(10px)}66%{transform:translateY(-5px) translateX(-10px)}}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}.article-hero-panel__placeholder .orb--slow{animation:floatSlow 12s ease-in-out infinite}.article-hero-panel__placeholder .orb--medium{animation:float 8s ease-in-out infinite;animation-delay:-2s}.article-hero-panel__placeholder .orb--fast{animation:pulse 4s ease-in-out infinite}.article-hero-panel__placeholder .particles circle{animation:pulse 3s ease-in-out infinite}.article-hero-panel__placeholder .particles circle:nth-child(2){animation-delay:-.5s}.article-hero-panel__placeholder .particles circle:nth-child(3){animation-delay:-1s}.article-hero-panel__placeholder .particles circle:nth-child(4){animation-delay:-1.5s}.article-hero-panel__placeholder .particles circle:nth-child(5){animation-delay:-2s}