.film-clip{--clip-line:rgba(145,179,209,.2);overflow:hidden;min-width:0;border:1px solid var(--clip-line);border-radius:24px;background:linear-gradient(145deg,#142c40,#0b1b2b);color:#edf5fc;box-shadow:0 16px 44px rgba(0,0,0,.13)}
.film-clip-screen{display:flex;align-items:center;justify-content:center;background:#050c13;aspect-ratio:16/9;overflow:hidden}
.film-clip-screen video,.film-clip-screen iframe{display:block;width:100%;height:100%;max-height:72vh;object-fit:contain;border:0}
.film-clip-body{padding:24px 28px}
.film-clip-heading{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.film-clip-heading h3{margin:0;color:#f3f7fc;font-size:1.15rem;line-height:1.8;font-weight:750}
.film-clip-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(108,210,231,.25);border-radius:999px;padding:4px 12px;color:#a8e4ee;background:rgba(71,175,197,.1);font-size:.76rem;white-space:nowrap}
.film-clip-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#83d8e7}
.film-clip-caption{margin-top:18px;padding:18px 20px;border-inline-start:3px solid #74c9da;border-radius:14px;background:rgba(255,255,255,.045);color:#dce7f0;font-size:.96rem;line-height:2.15;white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:plaintext;text-align:start;max-height:22rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#57788d transparent}
.film-clips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:24px;margin-top:26px;align-items:start}
.film-clips-grid .film-clip{border-radius:20px}
.film-clips-grid .film-clip-body{padding:20px}
.film-clips-grid .film-clip-heading h3{font-size:1rem}
.film-clip :focus-visible{outline:3px solid #99dfef;outline-offset:-4px}
@media(min-width:900px){.film-clip-featured{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);align-items:stretch}.film-clip-featured .film-clip-screen{aspect-ratio:auto;min-height:330px}.film-clip-featured .film-clip-body{align-self:center}.film-clip-featured .film-clip-caption{max-height:28rem}}
@media(max-width:599px){.film-clip{border-radius:18px}.film-clip-body{padding:18px}.film-clip-caption{padding:14px 16px;font-size:.9rem;line-height:2.1}.film-clips-grid{gap:18px}.film-clip-heading{gap:8px}.film-clip-screen video,.film-clip-screen iframe{max-height:60vh}}