/* Original emerald motion design, informed by the supplied reference's visual rhythm. */
.wf-reference{background:#020907}.wf-reference .wf-space{background:radial-gradient(ellipse at 50% 115%,#19533d 0%,#0b291e 28%,transparent 65%),#020907}.wf-reference .wf-particles{opacity:.09;background-size:42px 42px}.wf-reference .wf-light{height:45%;bottom:-25%;width:100%;left:0;background:radial-gradient(ellipse,#66df9f3b,transparent 65%)}.wf-reference .wf-intro-copy>span{font-size:7px;letter-spacing:5px;color:#799e8a}.wf-reference .wf-intro-copy h1{font-size:clamp(60px,8vw,110px);font-weight:450;letter-spacing:-5px;margin:23px 0}.wf-reference .wf-intro-copy p{font-size:12px;letter-spacing:.3px;color:#a3c6b2}.wf-reference .wf-signal{border:0;opacity:.15}.wf-reference .wf-lens-ring{border-color:#82c79f17;animation-duration:11s!important}.wf-reference .wf-film-brand{font-size:18px}.wf-reference .wf-film-brand img{width:26px;height:26px}.wf-reference .wf-film-edition{letter-spacing:2.5px;color:#6b927d}.wf-reference .wf-cut-copy h2{font:450 clamp(40px,6vw,78px)/1.1 -apple-system,sans-serif;letter-spacing:-3px;margin-top:22px}.wf-reference .wf-cut-copy em{color:#b7f8cf;font-style:normal}.wf-reference .wf-cut-copy>span{font-size:7px;letter-spacing:4px}.wf-reference-ribbon{position:absolute;width:min(850px,90vw);height:420px;top:50%;left:50%;translate:-50% -50%;opacity:.7}.wf-reference-ribbon svg{width:100%;height:100%;overflow:visible}.wf-reference-ribbon path{fill:none;stroke:url(#wf-ribbon-color);stroke-linecap:round;stroke-linejoin:round}.wf-reference-ribbon .ribbon-shadow{stroke-width:32;opacity:.1;filter:blur(12px)}.wf-reference-ribbon .ribbon-light{stroke-width:7;stroke-dasharray:1000;stroke-dashoffset:1000}.wf-reference .is-active .ribbon-light{animation:wf-reference-trace 2.6s cubic-bezier(.2,.8,.2,1) both!important}.wf-reference .wf-shot-two .wf-cut-copy{translate:0 130px}.wf-reference .is-active .wf-cut-copy{animation:wf-reference-copy .75s .2s both!important}.wf-reference .wf-demo-console{width:min(720px,80vw);border-color:#8bd9ad80;border-radius:16px;background:linear-gradient(155deg,#11271ee8,#050e0be8);box-shadow:0 0 0 1px #79dda216,0 0 65px #60d99a20,0 35px 100px #000b;transform:none!important;padding:19px 25px}.wf-reference .wf-demo-console header{font-size:9px;padding-bottom:13px;color:#aac9b8}.wf-reference .wf-demo-console header>span:last-child{color:#a4eac2}.wf-reference .wf-demo-console header>span:first-child:before{content:'● ● ●';font:7px sans-serif;color:#5d9e7a;letter-spacing:3px;margin-right:15px}.wf-reference .wf-demo-prompt{margin:20px 0 17px}.wf-reference .wf-demo-prompt p{font-size:clamp(16px,1.8vw,23px);margin-bottom:17px}.wf-reference-attachment{display:flex;align-items:center;gap:12px;margin:0 0 17px;padding:8px;background:#17352655;border:1px solid #6aab852e;border-radius:8px}.wf-reference-attachment img{width:66px;height:40px;object-fit:cover;border-radius:5px}.wf-reference-attachment span{font:10px sans-serif;color:#b6d7c5}.wf-reference-attachment small{display:block;font:6px sans-serif;letter-spacing:2px;color:#77a98e;margin-bottom:5px}.wf-reference-attachment i{margin-left:auto;color:#9ae5b8;font-style:normal;padding:0 8px}.wf-reference .wf-demo-settings{padding-bottom:8px}.wf-reference .wf-demo-lower{padding-top:12px}.wf-reference .wf-demo-caption{font-size:clamp(18px,2.3vw,31px);letter-spacing:-1px;margin-top:28px;gap:12px}.wf-reference .wf-demo-caption>span:nth-child(2){color:#a0d7b7}.wf-reference .is-active .wf-demo-console{animation:wf-reference-window .85s cubic-bezier(.2,.8,.2,1) both!important}.wf-reference .wf-shot-four{padding:0 8%;gap:0;flex-direction:column}.wf-reference .wf-shot-four .wf-output-stage{width:90%;height:63%}.wf-reference .wf-output-frame{transform:none!important;border-color:#9bdcb8;border-radius:14px;box-shadow:0 0 70px #62d29421,0 40px 90px #0009}.wf-reference .wf-output-back{inset:-7px;transform:none;border-color:#6cc28c25;border-radius:20px;background:none}.wf-reference .wf-orbit-path{display:none}.wf-reference .wf-output-chip{bottom:18px;right:18px;padding:10px 16px;font-size:10px;transform:none;background:#0c281dd9}.wf-reference .wf-shot-four>h2{width:100%;text-align:center;font-size:clamp(23px,2.8vw,39px);letter-spacing:-1px;margin:30px 0 0}.wf-reference .wf-shot-four>h2 br{display:none}.wf-reference .wf-shot-four>h2 em{margin-left:10px}.wf-reference .is-active .wf-output-stage{animation:wf-reference-window 1s cubic-bezier(.2,.8,.2,1) both!important}.wf-reference .wf-output-frame:after{background:linear-gradient(0deg,#031b12a8,transparent 45%)}.wf-reference .wf-director-frame{border-color:#b9f9d321}.wf-reference-promptline{position:absolute;left:50%;bottom:18%;translate:-50% 0;width:min(600px,70%);padding:17px 18px;display:flex;gap:20px;justify-content:space-between;align-items:center;border:1px solid #7ed6a782;border-radius:10px;background:#091b15d9;box-shadow:0 0 40px #61ca9a26;z-index:5}.wf-reference-promptline span{font-size:12px;white-space:nowrap;overflow:hidden;border-right:1px solid #b3e8c8;padding-right:4px}.wf-reference .is-active .wf-reference-promptline span{animation:director-type 2.1s steps(44,end) both!important}.wf-reference-promptline i{font-style:normal;display:grid;place-items:center;border-radius:50%;background:#b8f2d0;color:#07331c;width:27px;height:27px;flex:none}.wf-reference .wf-director-statement .wf-director-title{translate:0 -40px}.wf-reference .wf-shot-five .wf-final-orbit{width:430px;height:430px;border-color:#93edbc1c}.wf-reference-lattice{position:absolute;inset:0;pointer-events:none;opacity:.2;transform:none!important;animation:none!important}.wf-reference-lattice img{position:absolute;left:50%;top:50%;width:95px;height:95px;opacity:.6;transform:translate(calc(var(--px)*260px),calc(var(--py)*220px)) rotate(-25deg) skewY(10deg);filter:brightness(.55);border-radius:20px;box-shadow:8px 11px 0 #173d2d,9px 12px 0 #4c8a6129}.wf-reference .is-active .wf-reference-lattice{animation:wf-reference-lattice-in 2.7s ease-out both!important}.wf-reference .wf-logo-lockup h2{font-size:clamp(50px,7vw,100px);letter-spacing:-5px}.wf-reference .wf-logo-lockup>img{width:84px;height:84px;border-radius:21px}.wf-reference .wf-shot-five>p{font-size:15px;color:#91b8a2}.wf-reference .wf-logo-lockup{gap:18px}.wf-reference .wf-reference-lattice{z-index:-1}
.wf-film-audio-controls{position:absolute;bottom:26px;left:30px;z-index:25;display:flex;align-items:center;gap:12px;padding:8px 13px 8px 4px;background:#061c14d9;border:1px solid #8bc9a236;border-radius:30px}.wf-film-audio-controls .wf-film-sound{position:static;padding:5px 10px;border:0;background:none;font-size:10px;white-space:nowrap}.wf-film-audio-controls input{width:75px;height:3px;min-height:0;margin:0;padding:0;border:0;accent-color:#a7ebc4;cursor:pointer}.wf-film-audio-controls output{font:8px monospace;min-width:23px;color:#aed1bd}.wf-film-audio-controls input:focus-visible{outline:1px solid #b6f0d1;outline-offset:5px}.wf-reference .wf-director-chapter{bottom:35px;max-width:35%;overflow:hidden;text-overflow:ellipsis}
@keyframes wf-reference-trace{from{stroke-dashoffset:1000;opacity:0}15%{opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes wf-reference-copy{from{opacity:0;translate:0 145px}to{opacity:1;translate:0 130px}}@keyframes wf-reference-window{from{opacity:0;scale:.88;translate:0 28px}to{opacity:1;scale:1;translate:0 0}}@keyframes wf-reference-lattice-in{from{opacity:0;translate:0 45px;scale:1.08}to{opacity:.22;translate:0 -15px;scale:1}}
@media(max-width:680px){.wf-reference .wf-intro-copy h1{font-size:64px;letter-spacing:-4px}.wf-reference .wf-intro-copy>span{font-size:5px;letter-spacing:2.5px}.wf-reference .wf-intro-copy p{font-size:10px}.wf-reference-ribbon{width:95vw;max-height:260px}.wf-reference .wf-cut-copy h2{font-size:35px;letter-spacing:-1.5px}.wf-reference .wf-cut-copy>span{font-size:5px;letter-spacing:2px}.wf-reference .wf-demo-console{width:87vw;padding:16px}.wf-reference .wf-demo-console header>span:first-child:before{display:none}.wf-reference .wf-demo-prompt p{font-size:16px}.wf-reference-attachment img{width:52px;height:36px}.wf-reference-attachment span{font-size:8px}.wf-reference .wf-demo-caption{font-size:21px;letter-spacing:-1px;gap:8px}.wf-reference .wf-shot-four .wf-output-stage{width:100%;height:50%}.wf-reference .wf-output-chip{right:10px;bottom:12px;font-size:8px;padding:8px 10px}.wf-reference .wf-shot-four>h2{font-size:25px;line-height:1.2;margin-top:24px}.wf-reference .wf-shot-four>h2 br{display:block}.wf-reference .wf-shot-four>h2 em{margin-left:0}.wf-reference-promptline{width:85%;bottom:23%;padding:12px}.wf-reference-promptline span{font-size:9px}.wf-reference .wf-logo-lockup h2{font-size:48px;letter-spacing:-3px}.wf-reference .wf-logo-lockup>img{width:52px;height:52px;border-radius:13px}.wf-reference-lattice img{width:65px;height:65px;transform:translate(calc(var(--px)*135px),calc(var(--py)*150px)) rotate(-25deg) skewY(10deg)}.wf-film-audio-controls{left:18px;bottom:23px;gap:6px;padding:7px 10px 7px 2px}.wf-film-audio-controls .wf-film-sound{font-size:9px;padding:4px 8px}.wf-film-audio-controls input{width:48px}.wf-film-audio-controls output{font-size:7px}.wf-reference .wf-director-chapter{bottom:82px;max-width:80%}}
@media(prefers-reduced-motion:reduce){.wf-reference-ribbon,.wf-reference-lattice{display:none!important}.wf-reference *{animation:none!important}}
.welcome-reduced .wf-reference-ribbon,.welcome-reduced .wf-reference-lattice{display:none!important}.welcome-reduced .wf-reference *{animation:none!important}
.wf-reference .is-active .wf-reference-attachment{animation:wf-reference-attach .4s 2.8s both!important}.wf-reference .is-active .wf-demo-settings{animation:wf-reference-attach .35s 3.05s both!important}.wf-reference .is-active .wf-demo-generate{animation:wf-reference-generate .5s 3.4s both!important}
@keyframes wf-reference-attach{from{opacity:0;translate:0 9px}to{opacity:1;translate:0 0}}@keyframes wf-reference-generate{0%{box-shadow:0 0 0 #a4eac200;scale:1}40%{box-shadow:0 0 28px #a4eac23d;scale:.99}100%{box-shadow:0 0 0 #a4eac200;scale:1}}
@media(prefers-reduced-motion:reduce){.wf-reference .is-active .wf-reference-attachment,.wf-reference .is-active .wf-demo-settings,.wf-reference .is-active .wf-demo-generate{animation:none!important}}