/* Article hero sample v1 (Claude). */
.article-hero{position:relative;margin:22px 0 30px;max-width:820px;aspect-ratio:16/9;overflow:hidden;border:1px solid #355154;border-radius:12px;background:#0b1415}
.article-hero.is-illus{background:radial-gradient(circle at 28% 22%,#24464a 0,transparent 58%),repeating-linear-gradient(90deg,#89d2d80d 0 1px,transparent 1px 28px),repeating-linear-gradient(0deg,#89d2d80d 0 1px,transparent 1px 28px),linear-gradient(135deg,#142427,#050b0c)}
.article-hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.article-hero .card-art{display:block;width:100%;height:100%}
.article-hero::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 6px #03070733;border-radius:12px;pointer-events:none}
.article-hero-tag{position:absolute;left:12px;bottom:12px;padding:5px 9px;border-radius:999px;background:#030707d9;border:1px solid #89d2d880;color:#e8f4f5;font:700 11px/1 Tomorrow,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.has-article-hero>.pub-icon{display:none}
.card-art{display:block;width:100%;height:100%}
.card-art .float{animation:card-art-float 6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.card-art .trace{stroke-dashoffset:0;animation:card-art-trace 9s linear infinite}
.card-art .pulse{animation:card-art-pulse 1.6s ease-in-out infinite}
@keyframes card-art-float{50%{transform:translateY(-6px)}}@keyframes card-art-trace{to{stroke-dashoffset:-220}}@keyframes card-art-pulse{50%{opacity:.25}}
@media(prefers-reduced-motion:reduce){.card-art .float,.card-art .trace,.card-art .pulse{animation:none}}
@media print{.article-hero{display:none}}
/* Delta 02 (Claude): the Illustration tag gets its own strip below the artwork instead of overlapping it. */
.article-hero.is-illus{display:flex;flex-direction:column;aspect-ratio:auto}
.article-hero.is-illus>.card-art{flex:none;width:100%;height:auto;aspect-ratio:16/9}
.article-hero.is-illus>.article-hero-tag{position:static;align-self:flex-start;margin:2px 12px 12px}
/* Integration repair: preserve the original print-hidden hero behavior after the label-strip rule. */
@media print{.article-hero.is-illus{display:none}}