/* Solid metal brand badge above a local cosmic layer, isolated from readable copy. */
.hero-art{isolation:isolate}.hero-art .badge-cosmos{position:absolute;inset:0 0 22px;z-index:-1;overflow:hidden;border-radius:22px;pointer-events:none;mask-image:radial-gradient(ellipse at 50% 52%,#000 38%,transparent 76%)}.badge-cosmos>img{width:100%;height:100%;object-fit:contain;opacity:.8;transform:scale(1.13);animation-play-state:paused}.badge-cosmos:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 52% 70%,rgba(var(--accent-rgb),.10),transparent 60%);pointer-events:none}.cosmos-core{position:absolute;left:40%;right:40%;bottom:9%;height:8%;border-radius:50%;background:radial-gradient(ellipse,#fff4d857,#edc16c22,transparent 70%);filter:blur(12px)}.hero-art .shield-stack .zeus-emblem{animation:none;filter:drop-shadow(0 15px 16px #0008) drop-shadow(0 0 13px #f8d16b20)}.badge-sheen{position:absolute;inset:0;z-index:2;pointer-events:none;mask:url('/img/security-badge/logo-metal.webp') center/contain no-repeat;background:linear-gradient(112deg,transparent 36%,#fff9e500 43%,#fffceb80 49%,#fffef12b 52%,transparent 59%) 100% 50%/330% 100%;mix-blend-mode:screen;opacity:.28}.badge-scene-active .badge-sheen{animation:badge-reflection 13s ease-in-out infinite}.badge-scene-active .badge-cosmos>img{animation:cosmic-drift 24s ease-in-out infinite alternate}.badge-scene-active .cosmos-core{animation:cosmic-core 12s ease-in-out infinite alternate}.realm-hidden .badge-cosmos>img,.realm-hidden .badge-sheen,.realm-hidden .cosmos-core{animation-play-state:paused!important}[data-theme=light] .badge-cosmos>img{opacity:.46}[data-theme=light] .cosmos-core{opacity:.4}[data-theme=light] .badge-sheen{opacity:.20}[data-motion=paused] .badge-cosmos>img,[data-motion=paused] .badge-sheen,[data-motion=paused] .cosmos-core{animation:none!important}[data-motion=paused] .badge-sheen{opacity:0}
@keyframes badge-reflection{0%,18%{background-position:100% 50%}60%,100%{background-position:0% 50%}}@keyframes cosmic-drift{to{transform:translate3d(-5px,-10px,0) scale(1.2) rotate(3deg)}}@keyframes cosmic-core{to{opacity:.35;transform:scale(.85)}}
@media(max-width:780px){.hero-art .badge-cosmos{inset:0 0 25px}.badge-cosmos>img{opacity:.66}.badge-sheen{opacity:.24}}
@media(prefers-reduced-motion:reduce){.badge-cosmos>img,.badge-sheen,.cosmos-core{animation:none!important}.badge-sheen{opacity:0}}