.film-collection{background:#142923;color:#f7f4ed;padding-block:76px;scroll-margin-top:calc(var(--header-height) + 20px)}
.film-collection .film-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:34px}
.film-collection .eyebrow{color:#d9bf99;margin:0 0 18px}
.film-collection h2{font-size:clamp(2.4rem,4vw,3.8rem);line-height:1.08;letter-spacing:-.035em;margin:0}
.film-heading>p{max-width:350px;margin:0;color:#c9d3cc;line-height:1.65;font-size:1rem}
.film-layout{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(270px,1fr);gap:28px;align-items:start}
.film-main{min-width:0}
.film-stage{position:relative;aspect-ratio:16/9;background:#0d1713;overflow:hidden}
.film-stage video{display:block;width:100%;height:100%;object-fit:contain;background:#0d1713}
.film-stage video[hidden]{display:none}
.film-start{position:absolute;inset:0;border:0;border-radius:0;padding:0;cursor:pointer;background:transparent;color:#fff;font:inherit;display:grid;place-items:center}
.film-start[hidden]{display:none}
.film-start img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.film-start:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,#08181266)}
.film-start>span{z-index:1;display:flex;align-items:center;gap:13px;background:#f7f4edf5;color:#183c32;padding:15px 22px;font-size:.94rem;box-shadow:0 5px 30px #07120e30}
.film-play-icon{font-size:.9rem}
.film-start:hover>span{background:#fff}
.film-meta{display:flex;justify-content:space-between;gap:18px;margin-top:20px;align-items:baseline}
.film-meta h3{font:400 clamp(1.45rem,2.2vw,2rem)/1.2 Georgia,'Times New Roman',serif;letter-spacing:-.02em;margin:0}
.film-meta span{color:#d9bf99;font-size:.78rem;white-space:nowrap}
.film-description{color:#c9d3cc;font-size:.95rem;line-height:1.65;margin:12px 0 0;max-width:660px}
.film-playlist{display:flex;flex-direction:column;gap:12px}
.film-choice{display:grid;grid-template-columns:100px minmax(0,1fr);gap:16px;align-items:center;text-align:left;font:inherit;color:#f7f4ed;background:transparent;border:1px solid #64776a70;padding:15px;cursor:pointer;min-height:108px;border-radius:0}
.film-choice img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.film-choice strong{display:block;font-size:.94rem;font-weight:500;line-height:1.4}
.film-choice small{display:block;color:#bdccc3;font-size:.73rem;line-height:1.5;margin-top:8px}
.film-choice[aria-pressed="true"]{border-color:#d9bf99;background:#243e33}
.film-choice[aria-pressed="true"] small{color:#e1cba9}
.film-choice:hover{background:#243e33}
.film-collection :focus-visible{outline:3px solid #eed6a9;outline-offset:5px}
.film-footer{border-top:1px solid #64776a70;margin-top:30px;padding-top:22px;display:flex;gap:20px;align-items:center;justify-content:space-between}
.film-footer p{font-size:.78rem;line-height:1.6;color:#bdccc3;margin:0;max-width:550px}
.film-footer a{color:#f7f4ed;white-space:nowrap;text-decoration:underline;text-underline-offset:6px;font-size:.9rem}
.film-status{font-size:.9rem;color:#edd6b6;margin:12px 0 0}
.film-status:empty{display:none}
.film-transcript{border-top:1px solid #64776a70;margin-top:22px;padding-top:15px;color:#c9d3cc;font-size:.9rem;line-height:1.7}
.film-transcript[hidden]{display:none}
.film-transcript summary{cursor:pointer;color:#f7f4ed}
.film-transcript p{margin:14px 0 0}
.film-fallback{color:#f7f4ed}
@media(max-width:1100px){.film-layout{grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr);gap:22px}.film-choice{grid-template-columns:86px minmax(0,1fr);padding:12px;gap:12px;min-height:104px}}
@media(max-width:850px){.film-collection{padding-block:56px}.film-collection .film-heading{display:block}.film-heading>p{margin-top:20px;max-width:550px}.film-layout{grid-template-columns:1fr;gap:26px}.film-playlist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.film-choice{grid-template-columns:1fr;align-content:start;gap:12px;padding:10px}.film-choice strong{font-size:.85rem}.film-choice small{font-size:.7rem;margin-top:6px}.film-meta h3{font-size:1.7rem}.film-meta span{font-size:.73rem}}
@media(max-width:560px){.film-collection{padding-block:44px}.film-collection .film-heading{margin-bottom:25px}.film-heading>p{font-size:.94rem}.film-collection h2{font-size:2.6rem}.film-playlist{grid-template-columns:1fr;gap:10px}.film-choice{grid-template-columns:100px minmax(0,1fr);min-height:86px;align-items:center;gap:16px;padding:12px}.film-choice strong{font-size:.94rem}.film-choice small{font-size:.75rem}.film-meta{display:block;margin-top:16px}.film-meta span{display:block;margin-top:9px}.film-description{font-size:.91rem}.film-start>span{padding:12px 17px;font-size:.85rem}.film-footer{align-items:start;flex-direction:column;margin-top:24px}.film-footer a{white-space:normal}}