.ranking-film{position:relative;isolation:isolate;min-height:520px;display:grid;place-items:center;padding:70px 28px 80px;overflow:hidden;background:var(--ink);color:var(--bg-card)}
.ranking-film-video,.ranking-film-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.ranking-film-video{object-fit:cover}.ranking-film-shade{z-index:-1;background:var(--ink);opacity:.48}
.ranking-film-copy{text-align:center;max-width:760px;margin:auto}.ranking-film-kicker{font:10px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.13em;display:flex;justify-content:center;align-items:center;gap:9px;margin:0 0 22px}.ranking-film-kicker:before{content:'';width:6px;height:6px;background:var(--heat);border-radius:1px}
.ranking-film .ranking-film-copy h1{font-size:clamp(34px,5.2vw,62px);font-weight:600;letter-spacing:-.055em;line-height:1.08;color:var(--bg-card);margin:0 0 20px}.ranking-film-copy>p:not(.ranking-film-kicker){font-size:15px;line-height:1.7;max-width:570px;margin:0 auto;opacity:.92}.ranking-film-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;margin-top:28px}.ranking-film-actions .btn-blue{background:var(--geo);border-color:var(--geo);color:var(--bg-card);font-size:12px;padding:11px 17px}.ranking-film-actions>a:not(.btn){font-size:12px;color:var(--bg-card);text-underline-offset:4px}
.ranking-film-bottom{position:absolute;bottom:18px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.ranking-film-bottom p{font:9px/1.5 var(--mono);color:var(--bg-card);opacity:.8;max-width:70%}.ranking-film-bottom a{color:inherit;text-underline-offset:3px}.ranking-film-toggle{font:10px var(--mono);padding:8px 10px;background:var(--ink);color:var(--bg-card);border:1px solid var(--a24);border-radius:5px;cursor:pointer}.ranking-film-toggle:focus-visible{outline:2px solid var(--bg-card);outline-offset:3px}
@media(max-width:600px){.ranking-film{min-height:430px;padding:55px 20px 75px}.ranking-film-copy>p:not(.ranking-film-kicker){font-size:13px}.ranking-film-kicker{font-size:9px}.ranking-film-bottom{left:16px;right:16px;bottom:12px}.ranking-film-bottom p{font-size:8px}.ranking-film-actions{gap:14px;margin-top:22px}}
@media(prefers-reduced-motion:reduce){.ranking-film-video{object-position:center}}

.ranking-film-actions .btn-blue+.btn-blue{background:var(--bg-card);border-color:var(--bg-card);color:var(--ink)}
