.pkfilm{background:var(--ink);border-bottom:1px solid var(--line);position:relative}.pkstage{--lb:50%;--t:1;--s:.88;--q:0;background:radial-gradient(120% 70% at 50% 110%, #22b57329, transparent 60%), var(--ink);height:100dvh;position:sticky;top:0;overflow:hidden}.pkbar{height:var(--lb);z-index:30;pointer-events:none;background:#000;position:absolute;left:0;right:0}.pkbar-t{border-bottom:1px solid #ffffff14;top:0}.pkbar-b{border-top:1px solid #ffffff14;bottom:0}.pktitle{z-index:40;text-align:center;padding:0 var(--pad);opacity:var(--t);transform:translateY(calc((1 - var(--t)) * -24px));pointer-events:none;place-content:center;display:grid;position:absolute;inset:0}.pktitle h1{letter-spacing:-.04em;margin-top:10px;font-size:clamp(72px,16vw,240px);line-height:.9}.pktitle .lead{max-width:30ch;margin:22px auto 0}.pkscroll{margin-top:38px;animation:2.2s ease-in-out infinite pkbob}@keyframes pkbob{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}.pkdevices{aspect-ratio:1800/1087;width:min(1000px,72vw);transform:translate(-50%, -58%) scale(var(--s));transform-origin:50%;z-index:10;position:absolute;top:46%;left:50%}.pkdev{position:relative}.pkframe{z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block;position:relative}.pkscr{z-index:1;background:#000;border-radius:1%/1.6%;position:absolute;overflow:hidden}.pkscr-phone{border-radius:14%/6.4%}.pkscr>video,.pkscr>.pklive,.pkscr>.pklive-wait{object-fit:cover;background:#000;border:0;width:100%;height:100%;position:absolute;inset:0}.pkscr>video{opacity:0;transition:opacity .55s}.pkscr>video.on{opacity:1}.pkL{position:absolute;inset:0}.pkP{z-index:20;opacity:0;filter:drop-shadow(0 30px 40px #0009);width:21%;transition:opacity .5s,transform .5s;position:absolute;bottom:-6%;right:-3%;transform:translateY(14px)scale(.98)}.pkstage[data-mode=both] .pkP{opacity:1;transform:none}.pklive-wait{place-items:center;display:grid}.pkcap{left:var(--edge);right:var(--edge);z-index:25;pointer-events:none;position:absolute;bottom:112px}.pkcap-i{text-shadow:0 2px 24px #000000e6,0 0 2px #000c;opacity:0;max-width:40ch;transition:opacity .45s,transform .45s;position:absolute;bottom:0;left:0;transform:translateY(14px)}.pkcap-i.on{opacity:1;transition-delay:.12s;transform:none}.pkcap-i h2{letter-spacing:-.025em;margin-top:10px;font-size:clamp(28px,3.2vw,46px);line-height:1.02}.pkcap-i .body{max-width:48ch;margin-top:12px}.pkdock{z-index:35;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);opacity:calc(1 - var(--t));background:#0a0a0bb3;border-radius:999px;align-items:flex-end;gap:6px;padding:8px 10px;transition:opacity .3s;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.pkdock button{color:var(--dim);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:6px 8px;display:flex;position:relative}.pkdock button i{opacity:.35;background:currentColor;border-radius:2px;width:28px;height:2px;transition:opacity .2s,background .2s;display:block}.pkdock button span{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-size:9.5px}.pkdock button.done i{opacity:.7}.pkdock button.on{color:var(--w)}.pkdock button.on i{background:var(--accent);opacity:1}@media (max-width:767px){.pkdevices{width:112vw;transform:translate(-50%, -62%) scale(var(--s));top:50%}.pkP{width:46%;top:50%;bottom:auto;right:50%;transform:translate(50%,-50%)scale(.98)}.pkstage[data-mode=both] .pkP{transform:translate(50%,-50%)}.pkstage[data-mode=both] .pkL{opacity:.18}.pkL{transition:opacity .5s}.pkcap{bottom:92px}.pkcap-i h2{font-size:26px}.pkcap-i .body{max-width:34ch;font-size:14px}.pkdock{gap:2px;max-width:calc(100vw - 32px);padding:6px 8px;bottom:18px}.pkdock button{padding:6px 4px}.pkdock button i{width:18px}.pkdock button span{display:none}.pkdock button.on span{display:block;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.pktitle h1{font-size:24vw}}@media (prefers-reduced-motion:reduce){.pkscr>video,.pkcap-i,.pkP{transition:none}.pkscroll{animation:none}}.pklive-wrap{filter:drop-shadow(0 40px 60px #0000008c)}.pklive{background:#0b0b0c}.pkloop{filter:drop-shadow(0 30px 40px #0000008c)}.pkloop video{opacity:1}