.project-film{background:#121916;color:#fff;overflow:hidden}
.film-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:end;margin-bottom:46px}
.film-heading h2{font-size:clamp(38px,4.6vw,66px);line-height:1.06}
.film-heading h2 em{font-style:normal;color:var(--goldlight)}
.film-heading>p{max-width:430px;color:#b9c0bb;font-size:14px;justify-self:end;padding-bottom:5px}
.film-frame{position:relative;background:#070b09;border:1px solid #ffffff18;box-shadow:0 28px 75px #0005}
.film-frame video{display:block;width:100%;aspect-ratio:16/9;background:#070b09;object-fit:cover}
.film-badge{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:10px;padding:10px 13px;background:#101713dc;color:#e4e7e2;font-size:8px;font-weight:700;letter-spacing:1.35px;backdrop-filter:blur(7px)}
.film-stages{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:16px;margin-top:27px;color:#c5cac6;font-size:9px;font-weight:700;letter-spacing:1.5px}
.film-stages i{height:1px;background:linear-gradient(90deg,var(--gold),#ffffff22)}
html[dir=rtl] .film-badge{left:auto;right:20px;letter-spacing:0}
html[dir=rtl] .film-heading h2{line-height:1.45}
html[dir=rtl] .film-stages{letter-spacing:0}
@media(max-width:760px){.film-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.film-heading>p{justify-self:start;font-size:12px}.film-heading h2{font-size:38px}.film-badge{top:10px;left:10px;right:10px;width:max-content;max-width:calc(100% - 20px);font-size:6px;letter-spacing:.65px}.film-stages{grid-template-columns:1fr 1fr;gap:12px 20px;font-size:8px}.film-stages i{display:none}html[dir=rtl] .film-badge{right:10px;left:10px}}