.pf{--pf-radius:18px;--pf-shadow:0 24px 60px #00000040;--pf-bg:#0c0c10;--pf-cue-bg:#fffffff0;--pf-cue-ink:#1a1d23;--pf-cue-muted:#5a5f6b;--pf-icon-bg:#1a1d23;--pf-icon-ink:#fff;--pf-focus:#fff;--pf-scrim:radial-gradient(ellipse at center,#0a0c1052 0%,#0a0c1014 60%,#0a0c1000 100%);--pf-max-landscape:100%;--pf-max-vertical:340px;--pf-reserve:24px;width:100%;max-width:var(--pf-max-landscape);min-width:0;margin:0 auto;padding:0;display:block}.pf-box{aspect-ratio:16/9;border-radius:var(--pf-radius);background:var(--pf-bg);width:100%;box-shadow:var(--pf-shadow);isolation:isolate;position:relative;overflow:hidden}.pf-video{object-fit:contain;background:var(--pf-bg);width:100%;height:100%;display:block;position:absolute;inset:0}.pf-video:focus{outline:none}.pf .pf-video:focus-visible{outline:3px solid var(--pf-focus);outline-offset:-3px}.pf-play{z-index:1;background:var(--pf-bg);cursor:pointer;width:100%;height:100%;font:inherit;color:inherit;text-align:left;-webkit-tap-highlight-color:transparent;border:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:absolute;inset:0}.pf-play picture{display:block;position:absolute;inset:0}.pf-play img{object-fit:cover;width:100%;max-width:none;height:100%;display:block}.pf-scrim{background:var(--pf-scrim);position:absolute;inset:0}.pf .pf-play:focus-visible{outline:none}.pf-play:after{content:"";border-radius:var(--pf-radius);box-shadow:inset 0 0 0 3px var(--pf-focus);opacity:0;pointer-events:none;position:absolute;inset:0}.pf-play:focus-visible:after{opacity:1}.pf-cue{background:var(--pf-cue-bg);max-width:calc(100% - 24px);color:var(--pf-cue-ink);white-space:nowrap;border-radius:999px;align-items:center;gap:12px;padding:10px 20px 10px 10px;font-size:.95rem;font-weight:500;line-height:1.2;transition:transform .2s,box-shadow .2s;display:inline-flex;position:relative;box-shadow:0 10px 30px #00000038}.pf-icon{background:var(--pf-icon-bg);width:44px;height:44px;color:var(--pf-icon-ink);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.pf-icon svg{display:block}.pf-dur{color:var(--pf-cue-ink);font-variant-numeric:tabular-nums;letter-spacing:.01em;flex:none;font-weight:600}@media (hover:hover){.pf-play:hover .pf-cue{transform:scale(1.04);box-shadow:0 14px 36px #00000047}}@media (max-width:767px),(max-height:500px){.pf-cue{gap:10px;padding:8px 16px 8px 8px;font-size:.88rem}.pf-icon{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.pf-cue{transition:none}.pf-play:hover .pf-cue{transform:none}}@media (max-width:600px) and (orientation:portrait){.pf:not([data-cut=landscape]){max-width:var(--pf-max-vertical)}.pf:not([data-cut=landscape]) .pf-box{aspect-ratio:9/16}}.pf[data-cut=vertical]{max-width:var(--pf-max-vertical)}.pf[data-cut=vertical] .pf-box{aspect-ratio:9/16}.pf[data-cut=landscape] .pf-box{aspect-ratio:16/9}@supports (height:1svh){.pf{max-width:min(var(--pf-max-landscape),max(16rem,calc((100svh - var(--pf-reserve)) * 16 / 9)))}@media (max-width:600px) and (orientation:portrait){.pf:not([data-cut=landscape]){max-width:min(var(--pf-max-vertical),max(10rem,calc((100svh - var(--pf-reserve)) * 9 / 16)))}}.pf[data-cut=vertical]{max-width:min(var(--pf-max-vertical),max(10rem,calc((100svh - var(--pf-reserve)) * 9 / 16)))}}
