/* Франшизы: карточка цикла — веер постеров частей, вид и годы, марафон, оценка, кадр на фоне. */
.fr-page .page-head{padding-top:clamp(100px,12vw,128px);margin-bottom:28px}
.fr-page .page-head h1{font:800 clamp(2rem,4.4vw,3.2rem)/1 var(--font-display);letter-spacing:-.035em;margin:10px 0 12px}
.fr-page .page-head p{color:var(--fg-2);max-width:62ch}
.fr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:40px}
.fr{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:26px;min-height:240px;padding:24px 26px;border-radius:var(--r-lg,20px);background:var(--card);color:var(--fg);border:1px solid rgba(255,255,255,.06);transition:border-color .2s}
.fr:hover{border-color:rgba(255,255,255,.18)}
.fr-bg{position:absolute;inset:0;z-index:-2}
.fr-bg picture,.fr-bg img{width:100%;height:100%;object-fit:cover;opacity:.32;filter:saturate(.8)}
.fr::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,10,12,.55) 0%,rgba(10,10,12,.92) 55%,rgba(10,10,12,.96) 100%)}
/* Веер: постеры внахлёст, шаг сжимается, если частей много. */
.fr-fan{--w:96px;position:relative;height:calc(var(--w) * 1.5);width:calc(var(--w) + (var(--n) - 1) * var(--w) * var(--k,.5))}
.fr-fan .fp{position:absolute;top:0;left:calc(var(--i) * var(--w) * var(--k,.5));width:var(--w);aspect-ratio:2/3;border-radius:10px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.08);transform:rotate(calc((var(--i) - (var(--n) - 1) / 2) * 3deg));transition:transform .25s}
.fr-fan .fp picture,.fr-fan .fp img{width:100%;height:100%;object-fit:cover;display:block}
.fr:hover .fp{transform:rotate(calc((var(--i) - (var(--n) - 1) / 2) * 5deg)) translateY(-3px)}
.fr-txt{display:grid;gap:8px;min-width:0}
.fr-txt .k{font:700 .72rem/1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.fr-txt b{font:800 clamp(1.4rem,2.2vw,1.9rem)/1.05 var(--font-display);letter-spacing:-.03em}
.fr:hover .fr-txt b{color:var(--accent)}
.fr-txt .m{font-size:.86rem;color:var(--fg-2)}
.fr-txt .l{font-size:.9rem;color:var(--fg-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fr-txt .parts{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.fr-txt .parts span{font:600 .74rem/1 var(--font-ui);padding:6px 8px;border-radius:7px;background:rgba(255,255,255,.08);color:var(--fg-2);font-variant-numeric:tabular-nums}
.fr .sc{position:absolute;top:16px;right:16px;font:700 .8rem/1 var(--font-ui);padding:7px 9px;border-radius:9px;background:#fff;color:#000}
@media (max-width:1100px){.fr-fan{--w:80px}}
@media (max-width:900px){.fr-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.fr{grid-template-columns:minmax(0,1fr);gap:18px;padding:20px}.fr-fan{--w:72px}.fr .sc{top:14px;right:14px}}

/* Листалка (partials/pager) — как в «Статьях». */
.pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:48px}
.pager a,.pager span{min-width:44px;height:44px;padding:0 14px;border-radius:999px;display:grid;place-items:center;font:600 .92rem/1 var(--font-ui);background:var(--card);color:var(--fg)}
.pager a:hover{background:var(--card-2)}
.pager [aria-current]{background:var(--fg);color:#000}
.pager .gap{background:none;color:var(--fg-3)}