/* Правила работы с кадром. Единая обработка для всех пяти фильмов. */
:root{
--ratio-base:16/9;        /* базовое соотношение карточек и подложек */
--ratio-wide:2.39;        /* широкий кадр 2048x858 - на странице фильма в своих пропорциях; в карточке 16:9 - contain на bg (не surface: полосы читаются как рамка) */
--ratio-mobile-hero:16/9; /* на телефоне кадр не кропается, текст уходит под него */
/* Обработка в покое: кадр приглушён, чтобы пять жанров жили в одной комнате */
--img-filter:brightness(0.82) contrast(1.04) saturate(0.85);
/* Обработка при наведении и в первом экране: проектор включён */
--img-filter-lit:brightness(1) contrast(1.02) saturate(0.9);
/* Растворение нижней кромки кадра в фон: соединяет кадр с полосой текста под ним. Не для надписей. */
--img-fade:linear-gradient(to bottom,rgba(10,10,10,0) 55%,rgba(10,10,10,0.55) 100%);
/* Первый экран (17.09): нижняя кромка чёткая, кадр непрозрачен до края, под ним сразу
   фон страницы. Токена для неё нет: маска --img-mask-hero (16.09, прозрачное с 45 % до
   кромки) снята по замечанию Алексея, до неё был --img-fade-hero (затемнение в --bg).
   --img-fade выше - только для кадров в карточках, к первому экрану не применяется. */
/* Постер: своя пропорция, ограниченная высота, поле и рамка изолируют от тёмного фона */
--poster-max-height:560px;--poster-max-height-mobile:400px;
--poster-padding:24px;--poster-bg:var(--surface,#141414);--poster-border:1px solid var(--border,rgba(255,255,255,0.12));
}