.pl-defs{width:0;height:0;position:absolute}.pl-looks{z-index:150;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:18px;right:18px}.pl-looks-btn{border:1px solid var(--acc);color:var(--fg);font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:#0b0c0beb;align-items:center;gap:10px;padding:11px 16px;font-size:11px;display:inline-flex;box-shadow:0 12px 30px #00000080}.pl-looks-btn i{border:1px solid var(--acc);background:linear-gradient(135deg, var(--acc) 50%, transparent 50%);width:12px;height:12px}.pl-looks-menu{border:1px solid var(--hair);background:#0b0c0bf7;width:290px;padding:6px;box-shadow:0 20px 50px #0009}.pl-looks-menu button{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;width:100%;padding:10px 12px;display:block}.pl-looks-menu button:hover{background:#eae6dc0d}.pl-looks-menu button.is-on{border-color:var(--acc)}.pl-looks-menu b{font-size:14px;font-weight:500;display:block}.pl-looks-menu span{color:var(--fg-mute);margin-top:2px;font-size:12.5px;display:block}.pl-looks-menu .pl-looks-replay{border-top:1px solid var(--hair-soft);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#e0533d;margin-top:4px;font-size:10.5px}.pl-rec{z-index:200;cursor:pointer;position:fixed;inset:0;overflow:hidden}.pl-rec.is-done{display:none}.pl-rec-bar{background:#000;height:50.2%;position:absolute;left:0;right:0}.pl-rec-top{top:0}.pl-rec-bottom{bottom:0}.pl-rec-button{place-items:center;width:92px;height:92px;margin:-46px 0 0 -46px;display:grid;position:absolute;top:50%;left:50%}.pl-rec-ring{border:2px solid #eae6dc8c;border-radius:50%;position:absolute;inset:0}.pl-rec-dot{background:#c8432f;border-radius:50%;width:34px;height:34px;box-shadow:0 0 #de4a3a00}.pl-rec-skip{text-align:center;font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:#eae6dc59;font-size:10px;position:absolute;bottom:28px;left:0;right:0}.pl-rec-hud{opacity:0;font-family:var(--mono);letter-spacing:.16em;color:#eae6dce6;text-shadow:0 1px 8px #000c;font-size:12px;position:absolute;inset:0}.pl-rec-c{border:0 solid #eae6dcd9;width:34px;height:34px;position:absolute}.pl-rec-c1{border-top-width:2px;border-left-width:2px;top:7vh;left:5vw}.pl-rec-c2{border-top-width:2px;border-right-width:2px;top:7vh;right:5vw}.pl-rec-c3{border-bottom-width:2px;border-left-width:2px;bottom:7vh;left:5vw}.pl-rec-c4{border-bottom-width:2px;border-right-width:2px;bottom:7vh;right:5vw}.pl-rec-cross{width:26px;height:26px;margin:-13px 0 0 -13px;position:absolute;top:50%;left:50%}.pl-rec-cross:before,.pl-rec-cross:after{content:"";background:#eae6dccc;position:absolute}.pl-rec-cross:before{width:2px;top:0;bottom:0;left:12px}.pl-rec-cross:after{height:2px;top:12px;left:0;right:0}.pl-rec-tally{align-items:center;gap:10px;display:inline-flex;position:absolute;top:calc(7vh + 10px);left:calc(5vw + 48px)}.pl-rec-tally b{background:#eae6dc80;border-radius:50%;width:11px;height:11px}.pl-rec-tally em{font-style:normal}.pl-rec-on{color:#ff5a44;display:none}.pl-rec-tc{font-variant-numeric:tabular-nums;position:absolute;top:calc(7vh + 10px);right:calc(5vw + 48px)}.pl-rec-meta{color:#eae6dcb3;position:absolute;bottom:calc(7vh + 10px);left:calc(5vw + 48px)}.pl-rec-batt{color:#eae6dcb3;position:absolute;bottom:calc(7vh + 10px);right:calc(5vw + 48px)}.pl-rec.is-playing .pl-rec-top{animation:3.6s cubic-bezier(.7,0,.2,1) forwards pl-bar-top}.pl-rec.is-playing .pl-rec-bottom{animation:3.6s cubic-bezier(.7,0,.2,1) forwards pl-bar-bottom}.pl-rec.is-playing .pl-rec-dot{animation:3.6s forwards pl-press}.pl-rec.is-playing .pl-rec-ring{animation:3.6s forwards pl-ring}.pl-rec.is-playing .pl-rec-button,.pl-rec.is-playing .pl-rec-skip{animation:3.6s forwards pl-fade-btn}.pl-rec.is-playing .pl-rec-hud{animation:3.6s forwards pl-hud}.pl-rec.is-playing .pl-rec-c{animation:3.6s cubic-bezier(.2,.8,.2,1) forwards pl-corner}.pl-rec.is-playing .pl-rec-stby{animation:3.6s step-end forwards pl-stby}.pl-rec.is-playing .pl-rec-on{animation:3.6s step-end forwards pl-on,.8s step-end .9s infinite pl-rec-blink;display:inline}.pl-rec.is-playing .pl-rec-tally b{animation:3.6s step-end forwards pl-tally}@keyframes pl-bar-top{0%,44%{transform:none}58%,68%{transform:translateY(-75%)}86%,to{transform:translateY(-101%)}}@keyframes pl-bar-bottom{0%,44%{transform:none}58%,68%{transform:translateY(75%)}86%,to{transform:translateY(101%)}}@keyframes pl-press{0%,20%{transform:scale(1)}23%{transform:scale(.72);box-shadow:0 0 #de4a3ab3}30%{background:#ff4a34;transform:scale(1);box-shadow:0 0 0 26px #de4a3a00}to{background:#ff4a34;transform:scale(1)}}@keyframes pl-ring{0%,22%{border-color:#eae6dc8c;transform:scale(1)}26%{border-color:#ff4a34;transform:scale(.94)}40%,to{border-color:#ff4a34;transform:scale(1)}}@keyframes pl-fade-btn{0%,36%{opacity:1}46%,to{opacity:0}}@keyframes pl-hud{0%,22%{opacity:0}28%,84%{opacity:1}to{opacity:0}}@keyframes pl-corner{0%,22%{opacity:0;transform:scale(2.2)}34%,to{opacity:1;transform:scale(1)}}@keyframes pl-stby{0%{opacity:1}24%,to{opacity:0;width:0}}@keyframes pl-on{0%{opacity:0}24%,to{opacity:1}}@keyframes pl-rec-blink{50%{color:#0000}}@keyframes pl-tally{0%{background:#eae6dc80}24%,to{background:#ff4a34;box-shadow:0 0 10px #ff4a34}}@media (prefers-reduced-motion:reduce){.pl-rec{display:none}}.pl[data-look=clear] .lp-ghost-word,.pl[data-look=hybrid] .pl-rest .lp-ghost-word{-webkit-text-stroke-color:#eae6dc0f}.pl[data-look=clear] .lp-scene>.lp-wrap,.pl[data-look=hybrid] .pl-rest .lp-scene>.lp-wrap,.pl[data-look=clear] .pl-plan>.pl-wrap{border:1px solid var(--hair-soft);background:#0b0c0bf0;padding:clamp(28px,4vw,56px)}.pl[data-look=clear] .pl-hero .pl-ask{border:1px solid var(--hair-soft);background:#0b0c0be6;padding:clamp(28px,4vw,52px)}.pl[data-look=storyboard] main{counter-reset:shot}.pl[data-look=storyboard] .lp-scene{counter-increment:shot}.pl[data-look=storyboard] .lp-ghost{display:none}.pl[data-look=storyboard] .lp-scene>.lp-wrap{background:#0e0f0ef5;padding:clamp(40px,4.5vw,64px) clamp(24px,4vw,56px) clamp(28px,4vw,48px)}.pl[data-look=storyboard] .lp-scene>.lp-wrap:after{content:"";filter:url(#pl-rough);pointer-events:none;border:1.5px solid #eae6dc80;position:absolute;inset:0}.pl[data-look=storyboard] .lp-scene>.lp-wrap:before{content:"NEEDTOFILM · STORYBOARD · SHOT " counter(shot, decimal-leading-zero) " · PAGE " counter(shot);font-family:var(--mono);letter-spacing:.24em;color:var(--fg-mute);border-bottom:1px dashed #eae6dc2e;padding-bottom:8px;font-size:9.5px;position:absolute;top:14px;left:clamp(24px,4vw,56px);right:clamp(24px,4vw,56px)}.pl[data-look=storyboard] .lp-beat,.pl[data-look=storyboard] .pf-trust li{position:relative}.pl[data-look=storyboard] .lp-beat:before,.pl[data-look=storyboard] .pf-trust li:before{content:"";aspect-ratio:16/9;filter:url(#pl-rough);background:linear-gradient(to top right,#0000 calc(50% - .7px),#eae6dc29 50%,#0000 calc(50% + .7px)),linear-gradient(to bottom right,#0000 calc(50% - .7px),#eae6dc29 50%,#0000 calc(50% + .7px));border:1.5px solid #eae6dc8c;margin-bottom:14px;display:block}.pl[data-look=storyboard] .lp-beats{gap:28px}.pl[data-look=storyboard] .lp-beat:not(:last-child):after{content:"→";font-family:var(--mono);color:var(--acc);position:absolute;top:22%;right:-22px}.pl[data-look=storyboard] .lp-glass{-webkit-backdrop-filter:none;background:0 0;border-color:#0000}.pl[data-look=storyboard] .lp-lede{border-left:1px dashed #eae6dc33;padding-left:14px}.pl[data-look=reel]{background:#050505}.pl[data-look=reel] .pl-canvas{display:none}:is(.pl[data-look=reel] main,.pl[data-look=hybrid] .pl-strip){counter-reset:frame;background:#050505;padding:0 64px;position:relative}:is(.pl[data-look=reel] main,.pl[data-look=hybrid] .pl-strip):before,:is(.pl[data-look=reel] main,.pl[data-look=hybrid] .pl-strip):after{content:"";z-index:3;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='40'%3E%3Crect x='20' y='11' width='24' height='18' rx='3.5' fill='%23cfc8b8' fill-opacity='0.82'/%3E%3C/svg%3E") repeat-y;width:64px;position:absolute;top:0;bottom:0}:is(.pl[data-look=reel] main,.pl[data-look=hybrid] .pl-strip):before{left:0}:is(.pl[data-look=reel] main,.pl[data-look=hybrid] .pl-strip):after{right:0}.pl[data-look=hybrid] .pl-strip{padding-bottom:96px}.pl[data-look=hybrid] .pl-strip:before,.pl[data-look=hybrid] .pl-strip:after{-webkit-mask-image:linear-gradient(#000 calc(100% - 200px),#0000);mask-image:linear-gradient(#000 calc(100% - 200px),#0000)}.pl[data-look=hybrid] .pl-strip{box-shadow:0 60px 80px -20px #050505}:is(.pl[data-look=reel] main,.pl[data-look=hybrid] .pl-strip) :is(.pl-hero,.pl-plan,.lp-scene){counter-increment:frame;scroll-snap-align:start;background:#0d0e0d;border:0;border-radius:18px;margin-top:22px;position:relative;box-shadow:inset 0 0 0 1px #eae6dc12,inset 0 0 120px #000000a6}:is(.pl[data-look=reel] main,.pl[data-look=hybrid] .pl-strip) .pl-hero{margin-top:0}:is(.pl[data-look=reel] main,.pl[data-look=hybrid] .pl-strip) :is(.pl-hero,.pl-plan,.lp-scene):after{content:"NTF 5219 ▸ " counter(frame) "A";writing-mode:vertical-rl;font-family:var(--mono);letter-spacing:.3em;color:#e0804ebf;pointer-events:none;font-size:9px;position:absolute;top:50%;left:-17px}html:has(.pl[data-look=reel]){scroll-snap-type:y proximity}.pl[data-look=reel]:after{content:"";z-index:140;pointer-events:none;opacity:.06;will-change:transform;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");animation:.5s steps(3,end) infinite pl-grain;position:fixed;inset:-50%}@keyframes pl-grain{0%{transform:translate(0)}33%{transform:translate(-4%,3%)}66%{transform:translate(3%,-5%)}to{transform:translate(0)}}:is(.pl[data-look=reel] main,.pl[data-look=hybrid] .pl-strip) :is(.pl-hero,.lp-scene){background:linear-gradient(#05050573, #05050573), var(--frame,none) center / cover no-repeat, #0d0e0d;isolation:isolate}:is(.pl[data-look=reel] main,.pl[data-look=hybrid] .pl-strip) :is(.pl-hero,.lp-scene):before{content:"";z-index:0;border-radius:inherit;pointer-events:none;will-change:opacity;background:radial-gradient(80% 75%,#0505058c,#050505e6 100%),#05050559;position:absolute;inset:0}:is(.pl[data-look=reel] main,.pl[data-look=hybrid] .pl-strip) .lp-scene[data-active]:before{animation:1.1s both pl-darken}@keyframes pl-darken{0%,45%{opacity:0}to{opacity:1}}:is(.pl[data-look=reel] main,.pl[data-look=hybrid] .pl-strip) .lp-scene>.lp-wrap{text-shadow:0 1px 18px #000000b3}:is(.pl[data-look=reel] main,.pl[data-look=hybrid] .pl-strip) .lp-ghost{will-change:auto;top:50%;transform:translateY(-50%)}:is(.pl[data-look=reel] main,.pl[data-look=hybrid] .pl-strip) .lp-ghost-rule{display:none}:is(.pl[data-look=reel] main,.pl[data-look=hybrid] .pl-strip) .lp-ghost-word{clip-path:none;color:#0000;-webkit-text-stroke:0;position:relative}:is(.pl[data-look=reel] main,.pl[data-look=hybrid] .pl-strip) .lp-ghost-word:before,:is(.pl[data-look=reel] main,.pl[data-look=hybrid] .pl-strip) .lp-ghost-word:after{content:attr(data-word);will-change:opacity;position:absolute;inset:0}:is(.pl[data-look=reel] main,.pl[data-look=hybrid] .pl-strip) .lp-ghost-word:before{color:#ffd6a029;text-shadow:0 0 6px #ffaa5073,0 0 28px #ff641e59,0 0 60px #c8320a47;opacity:0}:is(.pl[data-look=reel] main,.pl[data-look=hybrid] .pl-strip) .lp-ghost-word:after{color:#0000;-webkit-text-stroke:1px #eae6dc29;opacity:0}:is(.pl[data-look=reel] main,.pl[data-look=hybrid] .pl-strip) .lp-scene[data-active] .lp-ghost-word:before{animation:1.1s both pl-orange}:is(.pl[data-look=reel] main,.pl[data-look=hybrid] .pl-strip) .lp-scene[data-active] .lp-ghost-word:after{animation:1.1s both pl-outline}:is(.pl[data-look=reel] main,.pl[data-look=hybrid] .pl-strip) .lp-scene:not(.pl-hero)[data-active]>.lp-wrap{animation:.6s .5s both pl-copy-in}@keyframes pl-orange{0%{opacity:0}18%,50%{opacity:1}to{opacity:0}}@keyframes pl-outline{0%,50%{opacity:0}to{opacity:1}}@keyframes pl-copy-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (max-width:640px){:is(.pl[data-look=reel] main,.pl[data-look=hybrid] .pl-strip){padding:0 34px}:is(.pl[data-look=reel] main,.pl[data-look=hybrid] .pl-strip):before,:is(.pl[data-look=reel] main,.pl[data-look=hybrid] .pl-strip):after{background-size:34px;width:34px}:is(.pl[data-look=reel] main,.pl[data-look=hybrid] .pl-strip) :is(.pl-hero,.pl-plan,.lp-scene):after{display:none}}@media (prefers-reduced-motion:reduce){.pl[data-look=reel]:after{animation:none}:is(.pl[data-look=reel] main,.pl[data-look=hybrid] .pl-strip) .lp-scene[data-active]:before,:is(.pl[data-look=reel] main,.pl[data-look=hybrid] .pl-strip) .lp-scene[data-active] .lp-ghost-word:before,:is(.pl[data-look=reel] main,.pl[data-look=hybrid] .pl-strip) .lp-scene[data-active] .lp-ghost-word:after,:is(.pl[data-look=reel] main,.pl[data-look=hybrid] .pl-strip) .lp-scene[data-active]>.lp-wrap{animation:none!important}:is(.pl[data-look=reel] main,.pl[data-look=hybrid] .pl-strip) .lp-ghost-word:after{opacity:1}}:is(.pl[data-look=reel] main,.pl[data-look=hybrid] .pl-strip) .pl-hero>.pl-wrap{z-index:1;position:relative}
