.category-hero{margin:0 0 30px;border:1px solid #153650;border-radius:7px;overflow:hidden;background:#071d34;box-shadow:0 17px 38px -24px #06284b70;color:#fff}
.category-hero [hidden]{display:none!important}
.category-hero__stage{position:relative;aspect-ratio:16/9;isolation:isolate;background:radial-gradient(ellipse at 70% 20%,#1c3d55,#071d34 75%);overflow:hidden}
.category-hero__stage:focus-visible{outline:3px solid #77b9ec;outline-offset:-4px}
.category-hero__slide{position:absolute;inset:0}
.category-hero__poster,.category-hero__video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#071d34;transition:opacity .2s ease}
.category-hero__video{opacity:0;pointer-events:none}
.category-hero__slide.has-frame .category-hero__video{opacity:1}
.category-hero__slide.has-frame .category-hero__poster{opacity:0}
.category-hero__progress{height:2px;background:#ffffff17;overflow:hidden}
.category-hero__progress span{display:block;height:100%;background:#ef4353;transform:scaleX(0);transform-origin:left;transition:transform .2s linear}
.category-hero__footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 19px;background:linear-gradient(115deg,#092541,#071d34)}
.category-hero__caption{display:flex;align-items:center;gap:11px;min-width:0}
.category-hero__caption-mark{display:block;width:3px;height:25px;background:#ef4353;flex-shrink:0;border-radius:2px}
.category-hero__caption p{font-size:15px;font-weight:600;line-height:1.5;color:#e8eef5}
.category-hero__caption small{display:block;font-size:12px;font-weight:400;color:#b6c7d8;margin-top:2px}
.category-hero__controls,.category-hero__actions,.category-hero__dots{display:flex;align-items:center}
.category-hero__controls{gap:15px;flex-shrink:0}
.category-hero__count{font:500 11px/1.4 system-ui,sans-serif;letter-spacing:.1em;font-variant-numeric:tabular-nums;color:#bacbdd;white-space:nowrap}
.category-hero__dots{gap:1px}
.category-hero__dot{display:flex;align-items:center;justify-content:center;width:29px;height:40px;padding:0;border-radius:3px;color:#fff}
.category-hero__dot span{display:block;width:6px;height:6px;border-radius:50%;background:#8ba0b5;transition:background .15s ease,width .15s ease}
.category-hero__dot[aria-current=true] span{width:20px;border-radius:5px;background:#ef4353}
.category-hero__actions{gap:5px}
.category-hero__button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:40px;min-height:40px;padding:7px;border:1px solid #ffffff24;border-radius:4px;color:#eaf1f8;background:#ffffff05;line-height:1}
.category-hero__button:hover,.category-hero__dot:hover{background:#ffffff14}
.category-hero__button:focus-visible,.category-hero__dot:focus-visible{outline:2px solid #9ed4ff;outline-offset:3px}
.category-hero__button svg{width:18px;height:18px;stroke-width:1.8}
.category-hero__play{padding-inline:11px;min-width:83px;font-size:14px;font-weight:600}
.category-hero+.inline-search{margin-top:5px}
@media(max-width:760px){.category-hero__footer{flex-wrap:wrap;gap:7px;padding:12px 14px}.category-hero__caption{flex-basis:100%}.category-hero__caption p{font-size:14px}.category-hero__caption-mark{height:21px}.category-hero__controls{justify-content:space-between;flex-wrap:wrap;gap:8px;width:100%;min-width:0}.category-hero__count{margin-left:0;flex-shrink:0}.category-hero__dots{margin-left:auto;margin-right:auto;flex-shrink:0}.category-hero__dot{width:24px;height:42px}.category-hero__button{min-width:42px;min-height:42px}.category-hero__play{min-width:85px}.category-hero__actions{gap:6px;flex-shrink:0}.category-hero{border-radius:5px;margin-bottom:25px}}
@media(max-width:380px){.category-hero__footer{padding-inline:10px}.category-hero__controls{gap:8px}.category-hero__count{display:none}.category-hero__dots{margin-left:0;margin-right:auto}.category-hero__actions{gap:4px}.category-hero__button{min-width:42px}.category-hero__play{min-width:79px;padding-inline:7px}}
@media(prefers-reduced-motion:reduce){.category-hero__video{display:none}.category-hero__slide.has-frame .category-hero__poster{opacity:1}.category-hero__poster,.category-hero__video,.category-hero__progress span,.category-hero__dot span{transition:none}}
@media print{.category-hero{box-shadow:none;break-inside:avoid;border-color:#ccc}.category-hero__video,.category-hero__controls,.category-hero__progress{display:none!important}.category-hero__slide.has-frame .category-hero__poster{opacity:1}.category-hero__footer{background:#fff;color:#111}.category-hero__caption p,.category-hero__caption small{color:#333}}