.film-intro{padding:48px 0 30px}.film-intro h1{font-size:clamp(2.8rem,4.6vw,4.2rem);line-height:1.06;margin-top:17px;letter-spacing:-.055em}.film-search{margin:0}.film-search .search-field{max-width:100%;background:#fafafa}.film-toolbar{height:32px}.film-section{margin-bottom:68px}.film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 22px}.film-card{min-width:0;scroll-margin-top:100px}
.film-cover{position:relative;display:block;width:100%;padding:0;border:0;text-align:left;aspect-ratio:16/9;overflow:hidden;border-radius:17px;background:#efeff2;isolation:isolate;color:white;cursor:pointer}.film-cover:focus-visible{outline-offset:5px}.film-thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s;z-index:1}.film-cover:hover .film-thumbnail{transform:scale(1.035)}.film-cover:after{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(0deg,#0005,transparent 50%);pointer-events:none}.film-play{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#ffffffec;color:#1d1d1f;box-shadow:0 2px 15px #0002;transition:transform .2s,background .2s}.film-play svg{margin-left:3px}.film-cover:hover .film-play{transform:translate(-50%,-50%) scale(1.08);background:#fff}.film-cover-action{position:absolute;z-index:3;left:15px;bottom:15px;font-size:.75rem;font-weight:500;text-shadow:0 1px 7px #0005;opacity:0;transition:opacity .2s}.film-cover:hover .film-cover-action,.film-cover:focus-visible .film-cover-action,.film-cover.is-unavailable .film-cover-action{opacity:1}
.film-card-copy{padding:17px 1px 0}.film-summary{font-size:1rem;line-height:1.6;font-weight:400;color:var(--ink);letter-spacing:-.012em;overflow-wrap:anywhere}.film-empty{padding:70px 20px;text-align:center}.film-empty h2{font-size:2rem}.film-empty p{font-size:1rem;color:var(--muted);margin:18px 0 25px}.film-empty button{border:0;border-radius:100px;background:var(--ink);color:#fff;padding:0 24px;min-height:44px;cursor:pointer}
/* A single player is mounted inside the selected card; its cover remains the control. */
.film-stage{position:relative;aspect-ratio:16/9;isolation:isolate}.film-player{position:absolute;inset:0;background:#080808;overflow:hidden;border-radius:17px}.film-player iframe,.film-player video{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:contain;pointer-events:none}.film-stage.is-active .film-cover{background:transparent}.film-stage.is-active .film-thumbnail{visibility:hidden}.film-stage.is-active .film-cover:after{display:none}.film-stage .pause-symbol{display:none;margin:0}.film-stage[data-playing=true] .play-symbol{display:none}.film-stage[data-playing=true] .pause-symbol{display:block}.film-cover:disabled{cursor:wait}.film-cover:disabled .film-play{opacity:.55}.player-status{font-size:.8125rem;line-height:1.5;color:var(--muted);margin-top:12px}.player-status:empty{display:none}
@media(max-width:1000px){.film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.film-intro{padding:35px 0 27px}.film-intro h1{font-size:clamp(2.1rem,9.4vw,3.6rem);margin-top:16px}.film-toolbar{height:28px}.film-grid{gap:27px 16px}.film-cover,.film-player{border-radius:14px}.film-section{margin-bottom:45px}}
@media(max-width:520px){.film-grid{grid-template-columns:1fr}.film-card-copy{padding-top:14px}.film-play{width:48px;height:48px}.film-search .search-field input{font-size:.9375rem}}
@media(prefers-reduced-motion:reduce){.film-cover:hover .film-thumbnail{transform:none}.film-thumbnail,.film-play{transition:none}}
@media(hover:hover) and (pointer:fine){.film-stage[data-playing=true] .film-play{opacity:0}.film-stage[data-playing=true]:hover .film-play,.film-stage[data-playing=true] .film-cover:focus-visible .film-play{opacity:1}}