.film-shelf{background:#0c100b;color:#f2e9d8;padding:0 7% 70px}.film-shelf-heading{border-top:1px solid #c7a56a40;padding-top:34px;margin-bottom:27px;display:flex;justify-content:space-between;align-items:end;gap:24px}.film-shelf-heading .eyebrow{font-size:9px;color:#bb9d6b;margin:0 0 12px}.film-shelf-heading h2{font-size:clamp(29px,3vw,43px);line-height:1.1;margin:0}.film-shelf-heading h2 em{color:#d4b47b}.film-shelf-heading>p{font-size:11px;line-height:1.6;color:#bab9aa;margin:0}.film-shelf-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.film-placeholder{min-width:0}.film-placeholder-art{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid #c7a56a50}.film-placeholder-art img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.75)}.film-placeholder-badge{position:absolute;right:8px;bottom:8px;padding:5px 7px;background:#0c100bd9;font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#ead6b0}.film-placeholder-copy{padding:16px 0 17px}.film-placeholder-copy .eyebrow{font-size:8px;color:#bb9d6b}.film-placeholder-copy h3{font-size:27px;line-height:1.1;margin:8px 0 10px;font-weight:400}.film-placeholder-note{font-size:9px;color:#bab9aa;letter-spacing:.08em}.film-placeholder-rule{height:1px;display:block;background:#c7a56a50}@media(max-width:1000px){.film-shelf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.film-shelf{padding:0 7% 45px}.film-shelf-heading{display:block;padding-top:26px}.film-shelf-heading>p{margin-top:14px}.film-shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 15px}.film-placeholder-copy h3{font-size:25px}.film-placeholder-badge{font-size:7px}}
.film-shelf-link{display:block;color:inherit;text-decoration:none}.film-shelf-link .film-placeholder-art img{transition:transform .5s,filter .5s}.film-shelf-link:hover img{transform:scale(1.04);filter:brightness(1)}.film-shelf-link:focus-visible{outline:2px solid #ead6b0;outline-offset:6px}.film-shelf-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #ddc08a;border-radius:50%;background:#0b130c80;color:#f2deba}
