.trailers-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.trailer-card{min-width:0}.trailer-play{display:block;position:relative;padding:0;border:0;background:#10151b;width:100%;cursor:pointer;aspect-ratio:16/9;overflow:hidden}.trailer-play img{display:block;width:100%;height:100%;object-fit:cover}.trailer-play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;width:54px;height:54px;background:var(--coral);color:white;font-size:22px;box-shadow:0 0 0 1px #ffffff60}.trailer-play:focus-visible{outline:3px solid currentColor;outline-offset:4px}.trailer-card-copy{padding-top:14px}.trailer-card h3{font-family:Manrope,Inter,sans-serif;font-size:18px;font-weight:700;line-height:1.35;margin:8px 0;overflow-wrap:anywhere}.trailer-card-copy>a{display:block;font-size:14px}.trailer-card time{display:block;font-size:12px;margin-top:8px;opacity:.7}.trailer-dialog{width:min(960px,94vw);max-width:94vw;padding:24px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit}.trailer-dialog::backdrop{background:#000c}.trailer-dialog h2{font-size:20px;margin:14px 0}.trailer-close{display:block;margin-left:auto;font:inherit;cursor:pointer;color:inherit;background:transparent;border:1px solid currentColor;padding:8px 14px}.trailer-dialog-player iframe{width:100%;aspect-ratio:16/9;display:block;border:0}.trailer-filters input{max-width:100%}@media(max-width:1000px){.trailers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.trailers-grid{grid-template-columns:1fr;gap:28px}.trailer-dialog{padding:14px}.trailer-card h3{font-size:17px}}