.movie-index-page{background:var(--chitram-paper);min-height:100vh;color:var(--chitram-ink)}.movie-index-topbar{z-index:20;border-bottom:1px solid var(--chitram-rule);backdrop-filter:blur(14px);background:#faf8f5f2;position:sticky;top:0}.movie-index-topbar__content{width:min(100%,390px);margin-inline:auto;padding:12px 18px 10px}.movie-index-brand{font-size:20px;display:flex}.movie-index-navigation{scrollbar-width:none;gap:9px;margin-top:11px;display:flex;overflow:auto}.movie-index-navigation a{border:1px solid var(--chitram-rule);color:var(--chitram-muted);font:500 12px/1 var(--chitram-font-interface);border-radius:999px;flex:none;padding:5px 10px}.movie-index-navigation a.current{border-color:var(--chitram-ink);background:var(--chitram-ink);color:var(--chitram-paper)}.movie-index-page main{width:min(100%,390px);margin-inline:auto;padding:38px 18px 56px}.movie-index-heading p,.movie-index-heading h1,.movie-index-heading span,.movie-index-card p,.movie-index-card h2,.movie-index-card span{margin:0}.movie-index-heading p{color:var(--chitram-signal-ink);font:700 9.5px/1 var(--chitram-font-meta);letter-spacing:.16em;text-transform:uppercase}.movie-index-heading h1{font:600 48px/.96 var(--chitram-font-editorial);letter-spacing:-.035em;margin-top:12px}.movie-index-heading span{max-width:48ch;color:var(--chitram-muted);font:400 13px/1.55 var(--chitram-font-interface);margin-top:14px;display:block}.movie-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px;margin-top:34px;display:grid}.movie-index-card{min-width:0}.movie-index-card__poster{min-height:0}.movie-index-card__poster .editorial-image{margin:0}.movie-index-card__poster .editorial-image__link,.movie-index-card__poster picture,.movie-index-card__poster img{aspect-ratio:2/3;width:100%;display:block}.movie-index-card__poster img{object-fit:cover}.movie-index-card__poster figcaption{color:var(--chitram-muted-light);font:400 7px/1.35 var(--chitram-font-meta);margin-top:6px}.movie-index-card__poster figcaption a{color:inherit;text-underline-offset:2px;text-decoration:underline}.movie-index-card__placeholder{aspect-ratio:2/3;background:linear-gradient(145deg,var(--chitram-surface),var(--chitram-paper-alt));border-radius:3px;place-items:end start;padding:12px;display:grid}.movie-index-card__placeholder span{color:var(--chitram-muted-light);font:700 8px/1.35 var(--chitram-font-meta);letter-spacing:.12em;text-transform:uppercase}.movie-index-card__copy{padding-top:13px}.movie-index-card__copy p{min-height:2.5em;color:var(--chitram-signal-ink);font:700 8.5px/1.35 var(--chitram-font-meta);letter-spacing:.08em;text-transform:uppercase}.movie-index-card__copy h2{font:600 20px/1.06 var(--chitram-font-editorial);letter-spacing:-.02em;text-wrap:balance;margin-top:6px}.movie-index-card__copy h2 a{text-decoration:none}.movie-index-card__copy h2 a:hover,.movie-index-card__copy h2 a:focus-visible{text-decoration:underline;text-decoration-color:var(--chitram-signal);text-underline-offset:4px}.movie-index-card__copy span{color:var(--chitram-muted-light);font:400 8px/1.35 var(--chitram-font-meta);letter-spacing:.07em;text-transform:uppercase;margin-top:9px;display:block}.movie-index-empty{border:1px solid var(--chitram-border-card);color:var(--chitram-ink-tertiary);font:400 13px/1.5 var(--chitram-font-interface);grid-column:1/-1;padding:20px}.movie-index-footer{border-top:1px solid var(--chitram-rule);width:min(100%,390px);color:var(--chitram-muted-light);font:400 8.5px/1.5 var(--chitram-font-meta);letter-spacing:.06em;text-transform:uppercase;margin-inline:auto;padding:25px 18px 36px}@media (width>=768px){.movie-index-topbar__content{align-items:center;gap:42px;width:min(100%,1160px);padding:16px 20px 13px;display:flex}.movie-index-brand{font-size:24px}.movie-index-navigation{gap:24px;margin-top:0;overflow:visible}.movie-index-navigation a{border:0;border-radius:0;padding:0 0 4px;font-size:13.5px}.movie-index-navigation a.current{border-bottom:2px solid var(--chitram-signal);color:var(--chitram-ink);background:0 0;font-weight:600}.movie-index-page main{width:min(100%,1160px);padding:60px 20px 76px}.movie-index-heading h1{font-size:70px}.movie-index-heading span{font-size:14px}.movie-index-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:42px 28px;margin-top:46px}.movie-index-card__copy h2{font-size:23px}.movie-index-footer{width:min(100%,1160px);padding:28px 20px 42px}}
