.hb-ba{position:relative;width:100%;max-width:920px;margin:0 auto;aspect-ratio:844/690;border-radius:24px;overflow:hidden;background:#0b1b3a;box-shadow:0 20px 50px rgba(11,27,58,.25)}
.hb-ba .hb-l{position:absolute;inset:0}
.hb-ba img{position:absolute;max-width:none;display:block}
.hb-ba.c .hb-l img{width:121.33%;height:222.6%;left:-10.66%;top:-81.88%}
.hb-ba.c .dr{transform:scaleX(-1);clip-path:inset(0 50% 0 0)}
.hb-ba.c .cl{transform:scaleX(-1);clip-path:inset(0 0 0 50%)}
.hb-ba.c .cn{clip-path:inset(26.4% 38.96% 0 39.06%)}
.hb-ba.u .hb-l img{inset:0;width:100%;height:100%;object-fit:cover}
.hb-ba .hb-clean{animation:hbw var(--d,9s) ease-in-out infinite}
.hb-ba .hb-line{position:absolute;top:0;bottom:0;left:0;width:3px;margin-left:-1px;background:linear-gradient(to bottom,transparent,#fff 15%,#fff 85%,transparent);box-shadow:0 0 18px 6px rgba(255,255,255,.7);opacity:0;z-index:4;animation:hbl var(--d,9s) ease-in-out infinite}
.hb-ba .hb-chip{position:absolute;top:16px;padding:6px 14px;border-radius:8px;font-weight:800;letter-spacing:.1em;font-size:13px;text-transform:uppercase;color:#fff;z-index:5;opacity:0}
.hb-ba .hb-chip.b{left:16px;background:#0b1b3a;animation:hbb var(--d,9s) ease-in-out infinite}
.hb-ba .hb-chip.a{right:16px;background:var(--b);animation:hba var(--d,9s) ease-in-out infinite}
.hb-ba:hover .hb-clean,.hb-ba:hover .hb-line,.hb-ba:hover .hb-chip{animation-play-state:paused}
.hb-bacta{text-align:center;margin-top:28px}
@keyframes hbw{0%,12%{clip-path:inset(0 100% 0 0);opacity:1}45%,86%{clip-path:inset(0 0 0 0);opacity:1}100%{clip-path:inset(0 0 0 0);opacity:0}}
@keyframes hbl{0%,12%{left:0;opacity:0}14%{opacity:1}43%{opacity:1}45%{left:100%;opacity:0}100%{left:100%;opacity:0}}
@keyframes hbb{0%,30%{opacity:1}40%,100%{opacity:0}}
@keyframes hba{0%,45%{opacity:0}55%,84%{opacity:1}92%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.hb-ba .hb-clean,.hb-ba .hb-line,.hb-ba .hb-chip{animation:none}.hb-ba .hb-clean{clip-path:none;opacity:1}.hb-ba .hb-line,.hb-ba .hb-chip.b{display:none}.hb-ba .hb-chip.a{opacity:1}}
@media(max-width:860px){.hb-ba{border-radius:18px}.hb-ba .hb-chip{top:10px;font-size:11px;padding:5px 10px}.hb-ba .hb-chip.b{left:10px}.hb-ba .hb-chip.a{right:10px}}