:is(html:has(.film),body:has(.film)){color:#f4f5f7;background:#0b0c0e;min-height:100%;margin:0}.film{box-sizing:border-box;height:100vh;background:radial-gradient(120% 95% at 50% 46%,#1b1d21 0%,#0f1013 46%,#08090a 100%);flex-direction:column;justify-content:center;gap:14px;height:100svh;padding:16px;font-family:Manrope,Atkinson Next,-apple-system,Helvetica Neue,Arial,sans-serif;display:flex}.film__title{letter-spacing:.02em;flex-shrink:0;align-items:baseline;gap:12px;margin:0;font-size:13px;font-weight:600;display:flex}.film__title a{color:#f4f5f7;text-decoration:none}.film__title span{color:#a3a9b0;font-weight:400}.film__video{object-fit:contain;aspect-ratio:16/9;background:#0b0c0e;border-radius:10px;width:100%;max-width:1280px;height:auto;min-height:0;margin-inline:auto;display:block;box-shadow:0 30px 90px -30px #000000e6}.film__note{color:#a3a9b0;flex-shrink:0;max-width:60em;margin:0;font-size:12px;line-height:1.6}.film__note a{color:#f4f5f7;text-underline-offset:2px}.film :focus-visible{outline-offset:3px;outline:2px solid #fff}@media (min-width:720px){.film{padding:24px 32px}}