.pfilm{padding:var(--sec) 0;background:var(--surface-alt)}.pfilm-h2{font-size:var(--pf-h4);font-weight:500;line-height:34px;margin:0}.pfilm-lede{margin:var(--s3) 0 0;max-width:62ch;color:var(--gray);font-size:17px;line-height:1.55}.pfilm-frame{position:relative;margin:var(--s8) 0 0;border-radius:var(--r-lg);overflow:hidden;background:#0b0c0e;box-shadow:var(--e-media-panel)}.pfilm-frame::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:var(--e-media-in)}.pfilm-video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#0b0c0e}.pfilm-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:100%;padding:0;margin:0;border:0;cursor:pointer;background:linear-gradient(180deg,rgb(var(--ink-rgb) / .38) 0,rgb(var(--ink-rgb) / .12) 30%,rgb(var(--ink-rgb) / .06) 62%,rgb(var(--ink-rgb) / .04) 100%);transition:background-color 220ms}.pfilm-disc{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--purple);color:var(--white);box-shadow:0 8px 26px rgb(var(--ink-rgb) / .34);transition:transform 220ms cubic-bezier(.2,.7,.3,1),background-color 220ms}.pfilm-disc svg{display:block;width:24px;height:24px}.pfilm-play:focus-visible .pfilm-disc,.pfilm-play:hover .pfilm-disc{transform:scale(1.07);background:var(--purple-deep)}.pfilm-play:active .pfilm-disc{transform:scale(.98)}.pfilm-play:focus-visible{outline:0}.pfilm-play:focus-visible .pfilm-disc{outline:var(--focus-w) solid var(--focus-c);outline-offset:var(--focus-off)}.pfilm-dur{position:absolute;left:var(--s6);top:var(--s6);padding:6px 12px;border-radius:var(--r-pill);background:rgb(var(--ink-rgb) / .62);color:var(--white);font-size:13px;font-weight:500;line-height:1;letter-spacing:.01em;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.pfilm-toggle{position:absolute;inset:0;z-index:1;cursor:pointer;background:0 0}.pfilm-flash{position:absolute;left:50%;top:50%;z-index:3;width:96px;height:96px;margin:-48px 0 0 -48px;border-radius:50%;display:grid;place-items:center;background:rgb(var(--ink-rgb) / .58);color:var(--white);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none}.pfilm-flash svg{display:block;width:34px;height:34px}.pfilm-flash.is-on{animation:640ms cubic-bezier(.2,.7,.3,1) forwards pfilm-pop}@keyframes pfilm-pop{0%{opacity:0;transform:scale(.7)}20%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.45)}}@media (prefers-reduced-motion:reduce){.pfilm-flash.is-on{animation:560ms forwards pfilm-fade}@keyframes pfilm-fade{0%,100%{opacity:0}18%{opacity:1}}.pfilm-disc,.pfilm-play{transition:none}.pfilm-play:active .pfilm-disc,.pfilm-play:focus-visible .pfilm-disc,.pfilm-play:hover .pfilm-disc{transform:none}}@media (max-width:720px){.pfilm-flash{width:76px;height:76px;margin:-38px 0 0 -38px}.pfilm-flash svg{width:28px;height:28px}.pfilm-disc{width:52px;height:52px}.pfilm-disc svg{width:20px;height:20px}.pfilm-dur{left:var(--s4);top:var(--s4);font-size:12px;padding:5px 10px}}.pfilm-bar{position:absolute;z-index:2;left:var(--s5);right:var(--s5);bottom:var(--s5);height:48px;display:flex;align-items:center;gap:var(--s2);padding:0 var(--s2);border-radius:var(--r-pill);background:rgb(var(--ink-rgb) / .8);color:var(--white);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s,transform .2s cubic-bezier(.2,.7,.3,1)}@supports (backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px)){.pfilm-bar{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}}.pfilm-frame.is-ui .pfilm-bar{opacity:1;transform:none;pointer-events:auto}.pfilm-btn{flex:0 0 auto;width:40px;height:40px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:0 0;color:var(--white);cursor:pointer;transition:background-color 160ms}.pfilm-btn svg{display:block;width:20px;height:20px}.pfilm-btn:hover{background:rgb(255 255 255 / .16)}.pfilm-btn:active{background:rgb(255 255 255 / .24)}.pfilm-btn:focus-visible{outline:var(--focus-w) solid var(--white);outline-offset:var(--focus-off)}.pfilm-btn.is-on{color:var(--white)}.pfilm-btn:not(.is-on).pfilm-btn-cc{opacity:.55}.pfilm-t{flex:0 0 auto;min-width:38px;font-size:13px;font-weight:500;line-height:1;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;color:rgb(255 255 255 / .88);text-align:center;-webkit-user-select:none;user-select:none}.pfilm-seek{flex:1 1 auto;min-width:0;height:20px;margin:0;padding:0;background:0 0;-webkit-appearance:none;appearance:none;cursor:pointer;--pf-seek:0%}.pfilm-seek::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--purple) var(--pf-seek),rgb(255 255 255 / .28) var(--pf-seek))}.pfilm-seek::-moz-range-track{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--purple) var(--pf-seek),rgb(255 255 255 / .28) var(--pf-seek))}.pfilm-seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:var(--white);border:0;box-shadow:0 1px 6px rgb(var(--ink-rgb) / .5);margin-top:-4.5px;transition:transform 140ms cubic-bezier(.2,.7,.3,1)}.pfilm-seek::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--white);border:0;box-shadow:0 1px 6px rgb(var(--ink-rgb) / .5)}.pfilm-seek:active::-webkit-slider-thumb,.pfilm-seek:hover::-webkit-slider-thumb{transform:scale(1.25)}.pfilm-seek:focus-visible{outline:var(--focus-w) solid var(--white);outline-offset:2px;border-radius:var(--r-pill)}.pfilm-frame.is-fs{border-radius:0;display:grid;place-items:center;background:#000;box-shadow:none}.pfilm-frame.is-fs::after{content:none}.pfilm-frame.is-fs .pfilm-video{width:100%;height:100%;aspect-ratio:auto}@media (max-width:720px){.pfilm-bar{left:var(--s3);right:var(--s3);bottom:var(--s3);height:52px;gap:var(--s1);padding:0 var(--s2)}.pfilm-btn{width:44px;height:44px}.pfilm-t{min-width:34px;font-size:12px}}@media (max-width:420px){.pfilm-t-end{display:none}}@media (prefers-reduced-motion:reduce){.pfilm-bar{transition:opacity .2s}.pfilm-bar,.pfilm-frame.is-ui .pfilm-bar{transform:none}.pfilm-btn{transition:none}.pfilm-seek::-webkit-slider-thumb{transition:none}.pfilm-seek:active::-webkit-slider-thumb,.pfilm-seek:hover::-webkit-slider-thumb{transform:none}}.pfilm-credit{margin:var(--s3) 0 0;color:var(--gray);font-size:13px;line-height:1.5}@media (max-width:720px){.pfilm-frame{border-radius:var(--r-md)}.pfilm-lede{font-size:16px}}