.rankings-page{padding-top:var(--site-header-height,78px);min-height:100svh}.rankings-inner{padding:24px var(--drama-gutter) 60px;min-width:0;max-width:2000px;margin:auto}.ranking-section{min-width:0;margin:0 0 46px}.ranking-section h2,.ranking-section h1{margin:0 0 18px;font-size:max(22px,min(1.55vw,30px));font-weight:700;line-height:1.3}.ranking-section h2 a{color:#f5f5f8;align-items:center;gap:5px;width:fit-content;max-width:100%;text-decoration:none;display:flex}.ranking-section h2 a:hover{color:var(--drama-teal)}.ranking-carousel{min-width:0;position:relative}.ranking-track{--rank-count:6;--rank-gap:16px;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--rank-count) - 1)*var(--rank-gap))/var(--rank-count));gap:var(--rank-gap);scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:0 0 4px;display:grid;overflow-x:auto}.ranking-track::-webkit-scrollbar{display:none}.ranking-card{--rank-tone:#233139;background:var(--rank-tone);color:#eee;scroll-snap-align:start;isolation:isolate;border-radius:5px;min-width:0;text-decoration:none;display:block;overflow:hidden}.ranking-card.tone-1{--rank-tone:#34251f}.ranking-card.tone-2{--rank-tone:#2b2038}.ranking-card.tone-3{--rank-tone:#302d1b}.ranking-card.tone-4{--rank-tone:#1c293c}.ranking-artwork{aspect-ratio:2/3;position:relative;overflow:hidden}.ranking-artwork:after{content:"";background:linear-gradient(transparent,var(--rank-tone));pointer-events:none;position:absolute;top:58%;bottom:0;left:0;right:0}.ranking-artwork img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.ranking-artwork>.movie-labels{z-index:2;pointer-events:none;justify-content:flex-end;position:absolute;top:0;left:0;right:0}.ranking-artwork .film-label{border-radius:0 0 0 4px}.ranking-copy{z-index:2;flex-direction:column;min-height:125px;margin-top:-40px;padding:0 11px 16px;display:flex;position:relative}.ranking-number{color:#fff;letter-spacing:-.04em;font-family:Georgia,serif;font-size:max(25px,min(2.1vw,34px));line-height:1.15}.ranking-copy h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.9em;margin:10px 0 17px;font-size:14px;font-weight:500;line-height:1.45;display:-webkit-box;overflow:hidden}.ranking-copy p{color:#c0bcc4;margin:auto 0 0;font-size:12px;line-height:1.4}.ranking-play{z-index:2;background:var(--drama-teal);color:#082324;opacity:0;pointer-events:none;border-radius:50%;place-items:center;width:48px;height:48px;transition:opacity .2s;display:grid;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.ranking-arrow{z-index:4;color:#fff;cursor:pointer;background:rgba(16,17,22,.68);border:0;border-radius:5px;place-items:center;width:36px;height:65px;display:grid;position:absolute;top:30%}.ranking-arrow.previous{left:-21px}.ranking-arrow.next{right:-21px}.ranking-empty{color:#a4a8b3;border:1px solid rgba(255,255,255,.055);border-radius:5px;padding:30px 20px;font-size:14px}.ranking-empty a{color:var(--drama-teal)}.rankings-back{color:#b0b5c2;align-items:center;min-height:40px;margin:0 0 12px;font-size:14px;text-decoration:none;display:inline-flex}.ranking-tabs{scrollbar-width:none;gap:8px;margin-bottom:25px;padding:3px 0 8px;display:flex;overflow-x:auto}.ranking-tabs a{white-space:nowrap;color:#b1b5bf;background:rgba(255,255,255,.043);border-radius:4px;padding:10px 14px;font-size:13px;text-decoration:none}.ranking-tabs a[aria-current]{color:#092022;background:var(--drama-teal)}.ranking-section.expanded .ranking-track{grid-auto-columns:auto;grid-auto-flow:row;grid-template-columns:repeat(var(--rank-count),minmax(0,1fr));overflow:visible}@media (hover:hover) and (pointer:fine){.ranking-card:hover img{transform:scale(1.04)}.ranking-card:hover .ranking-play{opacity:1}.ranking-card:focus-visible .ranking-play{opacity:1}.ranking-card:hover h3{color:var(--drama-teal)}}@media (min-width:1650px){.ranking-track{--rank-count:8}}@media (max-width:1180px){.ranking-track{--rank-count:5;--rank-gap:14px}}@media (max-width:900px){.ranking-track{--rank-count:4;--rank-gap:12px}.rankings-inner{padding-top:22px}.ranking-copy{padding-left:9px;padding-right:9px}.ranking-arrow.previous{left:-13px}.ranking-arrow.next{right:-13px}}@media (max-width:600px){.rankings-inner{padding:22px 16px 35px}.ranking-track{--rank-count:2;--rank-gap:12px}.ranking-section{margin-bottom:30px}.ranking-section h2,.ranking-section h1{margin-bottom:14px;font-size:21px}.ranking-number{font-size:29px}.ranking-copy h3{font-size:14px}.ranking-copy p{font-size:12px}.ranking-arrow{width:28px;height:52px}.ranking-arrow.previous{left:-13px}.ranking-arrow.next{right:-13px}.ranking-empty{padding:20px 14px}.ranking-tabs a{padding:11px 12px}}@media (prefers-reduced-motion:reduce){.ranking-artwork img,.ranking-play{transition:none}}