/* Article hero uses the same layout, orbit animation and palette as blog.html */
.hblog-article-hero{color:#f8f9fc;overflow:hidden;min-height:clamp(460px,62vh,680px);width:100%;}
.hblog-article-hero,.hblog-article-hero *{box-sizing:border-box}
.hblog-article-hero .hblog-hero-inner{width:100%;padding-block:clamp(4rem,7vw,7rem)}
.hblog-article-hero h1{font-size:clamp(2.6rem,5.7vw,5.9rem);line-height:1.09;max-width:1000px;overflow-wrap:anywhere;text-wrap:balance;color:#fff}
.hblog-article-hero .hblog-article-lede{font-size:clamp(1.05rem,1.6vw,1.32rem);line-height:1.7;max-width:760px;color:#dbe0e9}
.hblog-article-hero .hblog-article-byline{font-size:.95rem!important;font-weight:700;color:#e9b832!important;margin-top:1.2rem}
.hblog-article-hero .hblog-hero-link{position:relative;z-index:3}
.hblog-article-hero .hblog-hero-deco{z-index:0}
.hblog-article-hero .hblog-hero-inner{z-index:2}
@media(max-width:767px){.hblog-article-hero{min-height:500px}.hblog-article-hero .hblog-hero-inner{padding-block:4rem}.hblog-article-hero .hblog-hero-deco{width:85vw;right:-42%;opacity:.16}.hblog-article-hero h1{font-size:clamp(2.4rem,9vw,4rem)}}
@media(prefers-reduced-motion:reduce){.hblog-article-hero .hblog-orbit{animation:none!important}}

/* Nine distinct animated SVG hero scenes, consistent with blog.html */
.hblog-article-hero{isolation:isolate;position:relative;background:#0b1931!important;overflow:hidden}
.hblog-article-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(8,20,42,.97) 0%,rgba(8,20,42,.93) 38%,rgba(8,20,42,.56) 75%,rgba(8,20,42,.35) 100%),var(--hye-scene);background-size:cover,cover;background-position:center,center;opacity:1;z-index:0;animation:hyeSceneDrift 19s ease-in-out infinite alternate;pointer-events:none}
.hblog-article-hero::after{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 78% 45%,rgba(214,170,85,.18),transparent 36%);z-index:0;animation:hyeSceneGlow 8s ease-in-out infinite alternate;pointer-events:none}
.hblog-article-hero .hblog-hero-inner{position:relative;z-index:2}
.hblog-article-hero .hblog-hero-deco{opacity:.2;pointer-events:none;z-index:1}
.hblog-article-hero .hblog-hero-inner h1,.hblog-article-hero .hblog-hero-inner p{text-shadow:0 2px 15px rgba(0,0,0,.28)}
@keyframes hyeSceneDrift{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.07) translate3d(-1%,1%,0)}}
@keyframes hyeSceneGlow{from{opacity:.4;transform:translateX(-2%)}to{opacity:1;transform:translateX(2%)}}
@media(max-width:767px){.hblog-article-hero::before{background-image:linear-gradient(90deg,rgba(8,20,42,.96),rgba(8,20,42,.76)),var(--hye-scene);background-position:center,65% center}.hblog-article-hero .hblog-hero-deco{opacity:.09}}
@media(prefers-reduced-motion:reduce){.hblog-article-hero::before,.hblog-article-hero::after{animation:none!important}}