:root{--bx-r:6px;--bx-bg:#1a1410;--bx-acc2:#d9b77e;--bx-line:rgba(201,162,94,.6);--bx-sh:0 22px 44px -20px rgba(40,26,10,.55)}
html.bx-js .bx-rv{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}html.bx-js .bx-rv.bx-in{opacity:1;transform:none}
.bx-film{position:relative;margin:0 auto;max-width:1120px;padding:28px 16px}
.bx-film-frame{position:relative;border-radius:var(--bx-r);overflow:hidden;aspect-ratio:16/9;background:var(--bx-bg);box-shadow:var(--bx-sh)}
.bx-film video{display:block;width:100%;height:100%;object-fit:cover}
.bx-film-cap{position:absolute;left:0;right:0;bottom:0;padding:18px 22px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.55));font-weight:700;letter-spacing:-.01em;font-size:clamp(15px,2.2vw,22px)}
.bx-film-cap small{display:block;font-weight:500;opacity:.85;font-size:.72em;color:var(--bx-acc2)}
.bx-film-frame:after{content:"";position:absolute;inset:0;border:1px solid var(--bx-line);border-radius:inherit;pointer-events:none}
@media (hover:hover){.bx-lift{transition:transform .25s ease,box-shadow .25s ease}.bx-lift:hover{transform:translateY(-3px);box-shadow:var(--bx-sh)}}
@media (prefers-reduced-motion:reduce){html.bx-js .bx-rv{opacity:1!important;transform:none!important;transition:none}.bx-lift{transition:none}}
.bx-film{padding:36px 16px}.bx-film-cap{font-family:Georgia,'Times New Roman',serif;background:linear-gradient(transparent,rgba(26,20,16,.85))}
