:root{--black:#080808;--black-soft:#0d0d0d;--off-white:#ffffff;--logo-white:#ffffff;--yellow:#fff12e;--muted:#9a9995;--line:#2b2b29;--font-body:'Barlow',Arial,sans-serif;--font-head:'Barlow Condensed',Impact,sans-serif;--max:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black);scroll-padding-top:90px}
body{margin:0;background:var(--black);color:var(--off-white);font-family:var(--font-body);font-size:17px;line-height:1.6;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.skip-link{position:absolute;top:-80px;left:16px;background:var(--yellow);color:#070707;padding:10px 16px;z-index:50}.skip-link:focus{top:16px}:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}
.intro{height:100svh;min-height:500px;background:#000;position:fixed;inset:0;z-index:40;display:grid;place-items:center;overflow:hidden}.intro[hidden]{display:none}.intro-video,.intro-poster{position:absolute;width:min(92vw,1100px);height:min(78vh,650px);object-fit:contain;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.intro-poster{opacity:0;transition:opacity .35s ease}.intro.is-ended .intro-poster{opacity:1}.intro.is-ended .intro-video{opacity:0}.skip-intro,.play-intro{position:absolute;top:28px;right:32px;border:0;background:none;color:#dededb;font-size:14px;text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:10px 6px}.play-intro{right:auto;left:32px}.enter-button,.direct-entry{position:absolute;left:50%;top:calc(50% + min(31vh,275px));transform:translate(-50%,-50%);border:0;background:var(--yellow);color:#090909;padding:16px 34px;font-family:var(--font-body);font-weight:600;letter-spacing:.07em;font-size:16px;cursor:pointer;min-width:176px;opacity:0;transition:opacity .7s ease,background .2s ease}.enter-button.is-visible,.direct-entry.is-visible{opacity:1}.enter-button span,.direct-entry span{font-size:22px;line-height:0;vertical-align:-1px;margin-left:4px}.enter-button:hover,.direct-entry:hover{background:#fff66a}.intro-error{position:absolute;bottom:50px;color:#cac9c5;font-size:14px}.site-shell[hidden]{display:none}.site-shell{animation:site-in .65s ease both}@keyframes site-in{from{opacity:0}to{opacity:1}}
.site-header{height:86px;padding:0 max(28px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);position:absolute;z-index:10;inset:0 0 auto;background:rgba(8,8,8,.78);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center}.brand img,.footer-logo img{width:118px;height:64px;object-fit:contain;object-position:left center}.main-nav{display:flex;align-items:center;gap:36px}.main-nav a,.footer-bottom a{font-size:13px;letter-spacing:.08em;color:#deddd8;transition:color .2s}.main-nav a:hover,.footer-bottom a:hover{color:var(--yellow)}.menu-toggle{display:none;background:none;border:0;width:44px;height:44px;padding:10px;cursor:pointer}.menu-toggle span{display:block;height:1px;background:var(--off-white);margin:6px 0;width:24px}
.section-wrap{width:min(calc(100% - 64px),var(--max));margin:0 auto}.hero{min-height:760px;position:relative;display:flex;align-items:center;padding-top:90px}.hero-copy{width:min(900px,86%);padding:92px 0 100px;position:relative;z-index:1}.eyebrow,.section-index{font-size:11px;letter-spacing:.19em;font-weight:500;color:#d2d1cc}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 24px}.eyebrow-dot{width:6px;height:6px;background:var(--yellow);border-radius:50%;display:inline-block}.hero h1,.section-wrap h2,.signup-dialog h2{font-family:var(--font-head);font-weight:600;line-height:.93;letter-spacing:.025em;margin:0;text-transform:uppercase}.hero h1{font-size:clamp(54px,7vw,92px);max-width:1000px;position:relative}.hero h1:before,.hero h1:after{content:"";position:absolute;width:26px;height:26px;border-color:var(--yellow);border-style:solid;opacity:.88}.hero h1:before{left:-24px;top:-19px;border-width:1px 0 0 1px}.hero h1:after{right:6px;bottom:-16px;border-width:0 1px 1px 0}.hero-description{max-width:580px;font-size:18px;line-height:1.65;color:#d3d2cd;margin:28px 0 30px}.button{border:0;display:inline-flex;align-items:center;gap:14px;justify-content:center;min-height:54px;padding:0 24px;cursor:pointer;text-transform:uppercase;font-weight:600;font-size:14px;letter-spacing:.08em;transition:background .2s,color .2s,transform .2s}.button:hover{transform:translateY(-2px);background:#fff66a}.button-primary{background:var(--yellow);color:#080808} .button:disabled,.footer-signup button:disabled{opacity:.55;cursor:not-allowed;transform:none}.footer-signup input:disabled{opacity:.65;cursor:not-allowed}.button span{font-size:24px;line-height:.6;font-weight:400}.invite-link{display:block;width:max-content;max-width:100%;font-size:14px;color:#c7c6c1;margin-top:18px;transition:color .2s}.invite-link:hover{color:var(--yellow)}.invite-link span{color:var(--yellow);font-size:18px}.hero-side{position:absolute;right:3%;top:43%;display:flex;align-items:center;gap:15px;transform:rotate(90deg);transform-origin:right center;color:#777;letter-spacing:.23em;font-size:9px}.hero-crosshair{width:21px;height:21px;border:1px solid #575650;border-radius:50%;position:relative}.hero-crosshair:before,.hero-crosshair:after{content:"";position:absolute;background:#575650}.hero-crosshair:before{width:1px;height:31px;left:9px;top:-6px}.hero-crosshair:after{height:1px;width:31px;top:9px;left:-6px}.hero-rule{height:1px;width:56px;background:#514f49}.scroll-cue{position:absolute;bottom:28px;left:50%;width:18px;height:34px;border:1px solid #686761;border-radius:20px;display:grid;justify-items:center;padding-top:6px}.scroll-cue span{width:2px;height:6px;background:var(--yellow);animation:scroll 1.6s infinite}@keyframes scroll{50%{transform:translateY(8px);opacity:.3}}
.section-index{display:flex;align-items:center;gap:13px;color:#aaa9a4}.section-index span{display:inline-block;width:27px;height:1px;background:var(--yellow)}.intro-statement{padding-top:98px;padding-bottom:130px;border-top:1px solid var(--line)}.statement-grid,.values-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;align-items:start;margin-top:31px}.section-wrap h2{font-size:clamp(48px,6vw,76px)}.copy-column{max-width:620px;color:#d1d0cb;font-size:19px;line-height:1.7}.copy-column p{margin:0 0 20px}.how-section{padding:74px 0 126px;border-top:1px solid var(--line)}.section-heading-row{display:flex;align-items:end;justify-content:space-between;margin-top:31px}.section-heading-row p{color:#a8a7a2;margin:0 5% 4px 20px}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin-top:66px}.step{position:relative;padding-top:17px;border-top:1px solid #4b4a45}.step-number{font-size:12px;color:var(--yellow);letter-spacing:.13em;margin:0 0 25px}.step h3{font-family:var(--font-head);font-size:29px;font-weight:600;letter-spacing:.05em;margin:0 0 12px}.step p:last-child{font-size:16px;line-height:1.55;color:#bdbcb7;margin:0;max-width:240px}
.screening-section{padding:20px 0 130px;border-top:1px solid var(--line);position:relative}.film-divider{height:19px;display:flex;gap:10px;align-items:flex-start;overflow:hidden;margin-bottom:83px;opacity:.34}.film-divider span{width:15px;height:8px;border:1px solid #82817c;flex:0 0 auto}.screening-content{margin-top:35px;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.screening-content h2{font-size:clamp(62px,8vw,104px)}.screening-content p{font-size:19px;max-width:450px;color:#c5c4bf;line-height:1.55;margin:25px 0 0}.screening-mark{height:270px;position:relative;display:grid;place-items:center;border:1px solid rgba(255,241,46,.22);background:radial-gradient(ellipse at center,rgba(255,241,46,.05),transparent 65%)}.screening-corner{position:absolute;width:22px;height:22px;border-color:var(--yellow);border-style:solid}.corner-tl{left:-1px;top:-1px;border-width:1px 0 0 1px}.corner-tr{right:-1px;top:-1px;border-width:1px 1px 0 0}.corner-bl{left:-1px;bottom:-1px;border-width:0 0 1px 1px}.corner-br{right:-1px;bottom:-1px;border-width:0 1px 1px 0}.screening-play{width:52px;height:52px;border:1px solid var(--yellow);border-radius:50%;display:grid;place-items:center;color:var(--yellow);font-size:32px;line-height:1;padding-left:4px}.screening-label{position:absolute;bottom:27px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#aaa9a3;letter-spacing:.2em;font-size:10px}
.values-section{padding:95px 0 132px;border-top:1px solid var(--line)}.values-grid{margin-top:36px}.team-film-statement{font-weight:600;color:var(--off-white);padding-left:18px;border-left:2px solid var(--yellow);margin-top:31px!important}.faq-section{padding:82px 0 136px;border-top:1px solid var(--line)}.faq-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:9%;margin-top:31px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;position:relative;padding:21px 42px 21px 0;font-size:18px;color:#eeede9}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"＋";position:absolute;right:5px;top:19px;color:var(--yellow);font-size:17px;font-weight:400}.faq-list details[open] summary:after{content:"−"}.faq-list details p{max-width:700px;margin:-2px 44px 23px 0;color:#bdbcb7;font-size:16px;line-height:1.65}.final-cta{padding:0 0 105px}.cta-inner{border-top:1px solid var(--line);padding-top:34px;display:flex;flex-direction:column;align-items:center;text-align:center}.cta-inner h2{font-size:clamp(70px,10vw,128px);margin-top:28px}.cta-inner>p:not(.section-index){color:#c9c8c3;margin:18px 0 26px;font-size:19px}.cta-inner .button{min-width:204px}.site-footer{background:#050505;border-top:1px solid #242422;padding:41px max(32px,calc((100vw - var(--max))/2)) 25px}.footer-top{display:flex;align-items:center;gap:34px;min-height:80px}.footer-logo img{width:96px;height:53px}.footer-top>p{color:#aeadab;line-height:1.45;font-size:13px;margin:0}.footer-top strong{font-weight:500;color:#e3e2dd}.social-links{display:flex;gap:14px;margin-left:auto}.social-links a{width:38px;height:38px;border:1px solid #4d4c47;display:grid;place-items:center;transition:border-color .2s,color .2s}.social-links a:hover{border-color:var(--yellow);color:var(--yellow)}.social-links svg{width:19px;height:19px;fill:currentColor}.footer-bottom{margin-top:28px;padding-top:18px;border-top:1px solid #242422;display:flex;align-items:center;gap:30px;color:#85847f}.footer-bottom p{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.08em;font-size:17px;margin:0 auto 0 0;color:#aaa9a4}.footer-bottom div{display:flex;gap:20px;flex-wrap:wrap}.footer-bottom a{font-size:10px}.footer-bottom small{font-size:10px;white-space:nowrap}
.signup-dialog{width:min(560px,calc(100vw - 32px));max-height:min(90vh,760px);overflow:auto;background:#10100f;color:var(--off-white);border:1px solid #393833;padding:37px clamp(22px,6vw,52px) 40px;box-shadow:0 26px 100px #000}.signup-dialog::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(5px)}.signup-dialog[open]{animation:dialog-in .24s ease both}@keyframes dialog-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dialog-close-form{position:absolute;top:14px;right:17px}.dialog-close{border:0;background:none;color:#b9b8b2;font-size:28px;line-height:1;cursor:pointer}.signup-dialog h2{font-size:51px;margin:25px 0 12px}.signup-intro{color:#bdbcb7;margin:0 0 28px}.signup-form label{display:block;font-size:13px;color:#dad9d4;margin:0 0 17px;letter-spacing:.02em}.signup-form input{display:block;width:100%;height:48px;margin-top:7px;padding:0 13px;border:1px solid #504f49;background:#090909;color:#fff;border-radius:0}.privacy-note{font-size:12px;line-height:1.5;color:#aeadab;margin:3px 0 18px}.signup-form .button{width:100%}.form-note,.form-error{font-size:12px;line-height:1.5;color:#aeadab;margin:17px 0 0}.form-error{color:#ffd976}
@media(max-width:900px){.section-wrap{width:min(calc(100% - 52px),var(--max))}.site-header{height:78px;padding:0 26px}.main-nav{gap:22px}.main-nav a{font-size:11px}.hero{min-height:710px}.hero-copy{width:87%}.hero-side{right:0}.steps-grid{grid-template-columns:repeat(2,1fr);gap:40px 30px}.screening-content{gap:5%}.screening-mark{height:220px}.footer-bottom{flex-wrap:wrap}.footer-bottom p{min-width:100%;margin-bottom:2px}}
@media(max-width:640px){body{font-size:16px}.section-wrap{width:calc(100% - 42px)}.site-header{height:70px;padding:0 21px}.brand img{width:91px;height:52px}.menu-toggle{display:block;position:relative;z-index:3}.main-nav{display:none;position:absolute;top:69px;left:0;right:0;background:#0c0c0b;padding:16px 23px 22px;border-bottom:1px solid #34332f;flex-direction:column;align-items:flex-start;gap:0}.main-nav.is-open{display:flex}.main-nav a{width:100%;padding:13px 0;font-size:13px;border-bottom:1px solid #262623}.main-nav a:last-child{border:0}.hero{min-height:690px;align-items:center;padding-top:55px}.hero-copy{width:100%;padding:70px 0 100px}.eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:23px}.hero h1{font-size:clamp(48px,13vw,73px);line-height:.97;letter-spacing:.012em}.hero h1:before{left:-9px;top:-16px;width:16px;height:16px}.hero h1:after{right:0;bottom:-11px;width:16px;height:16px}.hero-description{font-size:17px;margin:25px 0 25px;max-width:450px}.button{min-height:54px;padding:0 20px}.invite-link{font-size:13px}.hero-side{display:none}.scroll-cue{bottom:28px}.intro-statement{padding-top:69px;padding-bottom:84px}.statement-grid,.values-grid{grid-template-columns:1fr;gap:24px;margin-top:25px}.section-wrap h2{font-size:56px}.copy-column{font-size:17px;line-height:1.65}.copy-column p{margin-bottom:16px}.how-section{padding:61px 0 87px}.section-heading-row{display:block;margin-top:25px}.section-heading-row p{margin:13px 0 0;font-size:15px}.steps-grid{grid-template-columns:1fr 1fr;gap:33px 18px;margin-top:42px}.step{padding-top:13px}.step-number{margin-bottom:17px}.step h3{font-size:25px}.step p:last-child{font-size:14px}.screening-section{padding:9px 0 86px}.film-divider{margin-bottom:59px;gap:7px}.film-divider span{width:12px}.screening-content{grid-template-columns:1fr;gap:33px;margin-top:25px}.screening-content h2{font-size:70px}.screening-content p{font-size:17px;margin-top:18px}.screening-mark{height:185px}.values-section{padding:67px 0 91px}.values-grid{margin-top:26px}.team-film-statement{padding-left:13px}.faq-section{padding:62px 0 91px}.faq-grid{grid-template-columns:1fr;gap:24px;margin-top:24px}.faq-grid h2{font-size:59px}.faq-list summary{font-size:16px;padding:18px 38px 18px 0}.faq-list summary:after{top:16px}.faq-list details p{font-size:15px;margin:0 35px 19px 0}.final-cta{padding-bottom:74px}.cta-inner{padding-top:28px}.cta-inner h2{font-size:84px}.cta-inner>p:not(.section-index){font-size:16px;max-width:300px}.site-footer{padding:32px 21px 21px}.footer-top{gap:17px;flex-wrap:wrap}.footer-logo img{width:88px}.footer-top>p{font-size:12px}.social-links{gap:9px}.social-links a{width:34px;height:34px}.footer-bottom{gap:13px;margin-top:21px}.footer-bottom div{gap:11px 16px}.footer-bottom a{font-size:10px}.footer-bottom small{font-size:9px}.intro-video,.intro-poster{width:100vw;height:auto;max-height:69vh}.skip-intro{top:16px;right:16px}.play-intro{top:16px;left:16px}.enter-button,.direct-entry{top:calc(50% + min(36vh,240px));padding:15px 26px}.signup-dialog{padding:31px 23px}.signup-dialog h2{font-size:42px}.form-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.scroll-cue span{animation:none}}
 .footer-signup{display:flex;gap:0;margin-left:auto}.footer-signup input{height:39px;width:190px;border:1px solid #45443f;background:#0b0b0a;color:#fff;padding:0 11px;font-size:12px}.footer-signup button{border:0;background:var(--yellow);color:#080808;font-size:10px;letter-spacing:.08em;font-weight:600;padding:0 13px;cursor:pointer}.footer-signup button span{font-size:17px;margin-left:4px}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.intro.leaving{opacity:0;transition:opacity .22s ease}@media(max-width:640px){.footer-signup{width:100%;order:3;margin:0}.footer-signup input{width:100%;flex:1}.social-links{order:4;margin-left:auto}}
.footer-signup{display:flex;gap:0;margin-left:auto}.footer-signup input{height:39px;width:190px;border:1px solid #45443f;background:#0b0b0a;color:#fff;padding:0 11px;font-size:12px}.footer-signup button{border:0;background:var(--yellow);color:#080808;font-size:10px;letter-spacing:.08em;font-weight:600;padding:0 13px;cursor:pointer}.footer-signup button span{font-size:17px;margin-left:4px}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
+.intro.leaving{opacity:0;transition:opacity .22s ease}
+@media(max-width:640px){.footer-signup{width:100%;order:3;margin:0}.footer-signup input{width:100%;flex:1}.social-links{order:4;margin-left:auto}}
+EOF
mkdir -p assets dist/assets private-drafts
ffmpeg -y -ss 4.25 -i ../..//scratch/99ce09ac1a3c/upload/FILM_FLEX_MOTION_ANIMATION.mp4 -frames:v 1 /tmp/film-flex-final-frame.png >/dev/null 2>&1
cp /tmp/film-flex-final-frame.png assets/film-flex-final-frame.png
python - <<'PY'
from PIL import Image
im=Image.open('assets/film-flex-final-frame.png').convert('RGB')
im.crop((555,245,1365,835)).save('assets/film-flex-mark.png')
im.save('assets/film-flex-final-frame.jpg',quality=92,optimize=True)
# Compact square logo crop for favicon; preserve the mark and not the outer black field.
logo=Image.open('assets/film-flex-mark.png').convert('RGB')
logo.thumbnail((512,512),Image.Resampling.LANCZOS)
sq=Image.new('RGB',(512,512),(8,8,8)); sq.paste(logo,((512-logo.width)//2,(512-logo.height)//2)); sq.save('assets/film-flex-favicon.png',optimize=True)
PY
cp assets/film-flex-favicon.png dist/assets/film-flex-mark.png
cp assets/film-flex-final-frame.jpg dist/assets/film-flex-final-frame.jpg
cp ../..//scratch/99ce09ac1a3c/upload/FILM_FLEX_MOTION_ANIMATION.mp4 dist/assets/FILM_FLEX_MOTION_ANIMATION.mp4
cp index.html styles.css app.js dist/