.film-index{padding:65px 0 90px}.index-heading{margin-bottom:48px}.index-heading h1{font:700 clamp(3.8rem,7vw,6rem)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.025em;margin:16px 0 0}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:48px 28px}.film-card{display:block;height:100%}.index-poster{aspect-ratio:2/3;background:#141413;display:flex;align-items:center;justify-content:center;overflow:hidden}.index-poster img{width:100%;height:100%;object-fit:contain;transition:transform .25s}.film-card:hover img{transform:scale(1.025)}.film-card:hover h2{color:var(--red)}.card-copy{padding-top:18px}.card-copy .eyebrow{color:#c2b9ad;font-size:.72rem;letter-spacing:.07em}.card-copy h2{font-size:clamp(1.6rem,2.2vw,2.15rem);line-height:1.1;margin:10px 0}.card-genre{font-size:.75rem;color:#c2b9ad;letter-spacing:.05em}.site-header a[aria-current=page]{border-bottom:2px solid var(--red)}@media(max-width:1000px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 25px}.card-copy h2{font-size:2rem}}@media(max-width:500px){.film-index{padding:40px 0 55px}.catalog-grid{grid-template-columns:1fr;gap:40px;max-width:350px;margin:auto}.index-heading{margin-bottom:32px}.card-copy h2{font-size:2rem}}@media(prefers-reduced-motion:reduce){.index-poster img{transition:none}}