:where(#page-bp) .bpf{--bar:64px;width:min(calc(100vw - 48px),1520px,calc((100svh - 96px - var(--bar))*16/9 + 20px));box-sizing:border-box;background:var(--bg-2);outline:1px solid var(--border-2);outline-offset:-1px;border-radius:18px;margin:56px 0 0 50%;padding:10px 10px 0;position:relative;translate:-50%}:where(#page-bp) .bpf__screen{aspect-ratio:16/9;outline:1px solid var(--border);background:var(--bg-2);isolation:isolate;border-radius:10px;position:relative;overflow:clip}@media (orientation:portrait){:where(#page-bp) .bpf{width:min(calc(100vw - 32px),calc((100svh - 96px - var(--bar))*9/16 + 20px));margin-top:40px}:where(#page-bp) .bpf__screen{aspect-ratio:9/16}}:where(#page-bp) .bpf__poster{z-index:-1;position:absolute;inset:0}:where(#page-bp) .bpf__poster img{object-fit:cover;filter:blur(9px)saturate(1.05);mix-blend-mode:multiply;width:100%;height:100%;animation:22s ease-in-out infinite alternate bpf-drift;scale:1.08}@keyframes bpf-drift{0%{translate:-1.2% .6%;scale:1.08}to{translate:1.2% -.6%;scale:1.16}}@media (orientation:portrait){:where(#page-bp) .bpf__poster img{object-fit:contain;animation-name:bpf-drift-v;translate:0 4%;scale:1.5}}@keyframes bpf-drift-v{0%{translate:-2% 4%;scale:1.45}to{translate:2% 4%;scale:1.55}}@media (prefers-reduced-motion:reduce){:where(#page-bp) .bpf__poster img{animation:none}}:where(#page-bp) .bpf__play{color:var(--fg);font:inherit;cursor:pointer;--disc:clamp(68px,6.4vw,88px);background:0 0;border:0;place-items:center;font-size:16px;font-weight:500;display:grid;position:absolute;inset:0}:where(#page-bp) .bpf__disc{width:var(--disc);aspect-ratio:1;color:#fff;background:#2a7f71;border-radius:14px;justify-content:center;align-items:center;transition:scale .25s cubic-bezier(.16,1,.3,1),background .15s;display:inline-flex;position:relative}:where(#page-bp) .bpf__label{left:50%;top:calc(50% + var(--disc)/2 + 14px);white-space:nowrap;border-radius:var(--r-md,8px);background:var(--card);padding:6px 12px;position:absolute;translate:-50%}:where(#page-bp) .bpf__disc svg{width:36%;height:36%;margin-left:5%}:where(#page-bp) .bpf__play:hover .bpf__disc{background:#236c60;scale:1.06}:where(#page-bp) .bpf__play:focus-visible{outline:none}:where(#page-bp) .bpf__play:focus-visible .bpf__disc{outline-offset:4px;outline:2px solid #2a7f71}:where(#page-bp) .bpf.is-playing :is(.bpf__poster,.bpf__play){display:none}:where(#page-bp) .bpf__film{background:#fff;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}:where(#page-bp) .bpf__replay{border-radius:var(--r-md);border:1px solid var(--border-2);background:var(--card);height:40px;color:var(--fg);font:inherit;white-space:nowrap;cursor:pointer;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:500;transition:border-color .15s;display:inline-flex;position:absolute;bottom:24px;left:50%;translate:-50%}:where(#page-bp) .bpf__replay:hover{border-color:var(--muted-fg)}:where(#page-bp) .bpf__replay svg{width:15px;height:15px}:where(#page-bp) .bpf__replay:focus-visible{outline-offset:2px;outline:2px solid #2a7f71}:where(#page-bp) .bpf__bar{height:var(--bar);align-items:center;gap:16px;padding:0 6px;display:flex}:where(#page-bp) .bpf__pp{border:1px solid var(--border-2);background:var(--card);width:40px;height:40px;color:var(--fg);cursor:pointer;border-radius:999px;flex:none;place-items:center;padding:0;transition:border-color .15s;display:grid}:where(#page-bp) .bpf__pp:hover{border-color:var(--muted-fg)}:where(#page-bp) .bpf__pp svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:16px;height:16px}:where(#page-bp) .bpf__pp .bpf__i-play path{fill:currentColor;stroke:none}:where(#page-bp) .bpf__chs{flex:1;align-self:stretch;gap:6px;min-width:0;display:grid}:where(#page-bp) .bpf__ch{min-width:0;font:inherit;color:var(--muted-fg);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;gap:8px;padding:0;font-size:13px;line-height:1.2;transition:color .2s;display:flex}:where(#page-bp) .bpf__ch:hover,:where(#page-bp) .bpf__ch.is-on{color:var(--fg)}:where(#page-bp) .bpf__ch i{background:var(--border-2);border-radius:2px;height:4px;display:block;overflow:hidden}:where(#page-bp) .bpf__ch b{background:var(--primary);transform-origin:0;width:100%;height:100%;display:block}:where(#page-bp) .bpf__ch span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:where(#page-bp) .bpf__now{display:none}:where(#page-bp) .bpf__time{color:var(--muted-fg);font-variant-numeric:tabular-nums;flex:none;font-size:13px}:where(#page-bp) :is(.bpf__ch,.bpf__pp):focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:6px}@media (max-width:900px){:where(#page-bp) .bpf__bar{gap:12px}:where(#page-bp) .bpf__ch span{display:none}:where(#page-bp) .bpf__ch{gap:0}:where(#page-bp) .bpf__chs{gap:4px}:where(#page-bp) .bpf__now{min-width:0;max-width:34%;color:var(--fg);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;font-size:13px;display:block;overflow:hidden}:where(#page-bp) .bpf__time{display:none}}:where(#page-bp) .bpf+.bp-hero__acts{margin-top:32px}
