.hero-video{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-gap:18px;gap:18px;width:100%;max-width:1400px;margin-bottom:30px}.hv-side{display:flex;flex-direction:column;gap:18px}.hv-item{border-radius:14px;overflow:hidden;background:#2b2b2b;border:1px solid hsla(0,0%,100%,.07);box-shadow:0 6px 14px rgba(0,0,0,.35);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.hv-item:hover{transform:translateY(-4px);border-color:rgba(246,193,19,.55);box-shadow:0 16px 30px rgba(0,0,0,.55)}.hv-player{position:relative;width:100%;height:100%;min-height:200px;background:linear-gradient(135deg,#232323,#171717);cursor:pointer;overflow:hidden}.hv-player.playing{cursor:default}.hv-main .hv-player{aspect-ratio:auto}.hv-secondary .hv-player{aspect-ratio:16/9;flex:1 1;min-height:150px}@media (min-width:769px){.hero-video{align-items:stretch}.hv-main .hv-player{min-height:420px}}.hv-player img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease,opacity .3s ease}.hv-item:hover .hv-player img{transform:scale(1.06);opacity:.85}.hv-player iframe{position:absolute;inset:0;width:100%;height:100%;border:none}.hv-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.hv-play svg{filter:drop-shadow(0 6px 16px rgba(0,0,0,.55));transition:transform .25s ease}.hv-item:hover .hv-play svg{transform:scale(1.12)}.hv-tag{position:absolute;top:12px;left:12px;z-index:2;padding:5px 13px;border-radius:999px;background:linear-gradient(90deg,#f6c113,#d89f09);color:#1f1f1f;font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 4px 10px rgba(0,0,0,.4)}.hv-overlay{position:absolute;left:0;right:0;bottom:0;padding:44px 18px 14px;background:linear-gradient(0deg,rgba(0,0,0,.88) 0,rgba(0,0,0,.35) 60%,transparent);pointer-events:none}.hv-main .hv-overlay h3{color:#fff;font-size:clamp(1.05rem,2vw,1.45rem);font-weight:700;line-height:1.35;-webkit-line-clamp:2}.hv-main .hv-overlay h3,.hv-secondary .hv-overlay h4{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 8px rgba(0,0,0,.6)}.hv-secondary .hv-overlay h4{color:#f0f0f0;font-size:.92rem;font-weight:600;line-height:1.4;-webkit-line-clamp:1}@media (max-width:768px){.hero-video{grid-template-columns:1fr;gap:14px}.hv-side{gap:14px}.hv-main .hv-player{min-height:0;aspect-ratio:16/9}.hv-secondary .hv-player{min-height:0}}