[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6},"actionData","errors","routes/templates.$id_.preview",{"_7":8,"_9":10,"_11":12,"_13":14},"entry",{"_15":80,"_11":12,"_16":17,"_18":19,"_132":133,"_134":135,"_38":21,"_26":27,"_22":136,"_137":138,"_28":139,"_140":124,"_141":31,"_142":78,"_143":-5,"_144":-5},"revision",{"_15":78,"_79":80,"_81":82,"_83":84,"_85":86,"_87":88,"_89":82,"_90":-5,"_32":91,"_92":93,"_94":93,"_95":96,"_97":98,"_99":100,"_101":102,"_103":104,"_105":106},"slug","film-form-fault-dive","template",{"_15":12,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":31,"_32":33,"_34":35,"_36":37,"_38":39},"id","name","Form Fault Pinned Film Reveal","description","Long-form pinned campaign frame that expands from a centered cinema window to full bleed as the visitor scrolls, with copy and controls fading in sequence.","category","interactive","industries",[70],"useCase","campaign","mood","dramatic","tags",[70,71,72,73,74,75,76,77],"thumbnail","https://pcx-assets.trylexsis.com/template-catalog/media/3c5fc701c3fa5855919609da1f2bec0cae411bf3564148325361cac1427c74e9.webp","islands_used",[],"props_used",{},"theme",{"_46":47,"_48":49},"section",{"_15":12,"_40":41,"_42":43,"_44":45},"html","

07. FORM IN MOTION

[ SCROLL TO DIVE ]

A BODY
IS NOT A
MANNEQUIN.

Watch the collection change shape between platform, street, and the last train home.

\n $\"Three$ \n [ DISCOVER FILM ]PLAY\n

\n 01:42 / SOUND ON\n

","css","#ff-film{position:relative;height:180svh;min-height:1200px}\n#ff-film .ff-film-sticky{position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden;display:flex;align-items:center;justify-content:center}\n#ff-film .ff-film-head{position:absolute;z-index:3;top:22px;left:22px;right:22px;display:flex;justify-content:space-between;transition:opacity .2s linear}\n#ff-film .ff-film-head h2,#ff-film .ff-film-head span{margin:0;font-size:10px;font-weight:800}\n#ff-film .ff-film-intro{position:absolute;z-index:3;left:22px;right:22px;top:76px;display:grid;grid-template-columns:1fr minmax(260px,500px);align-items:end;gap:30px;transition:opacity .2s linear}\n#ff-film .ff-film-intro strong{font-family:var(--lx-font-heading,'Arial Black',Impact,sans-serif);font-size:64px;line-height:.78;letter-spacing:0}\n#ff-film .ff-film-intro p{margin:0;font-size:12px;line-height:1.5}\n#ff-film .ff-film-frame{position:relative;z-index:2;width:58vw;height:66vh;min-height:430px;overflow:hidden;background:var(--lx-text-color,#0A0A0A);will-change:width,height}\n#ff-film .ff-film-frame img{width:100%;height:100%;object-fit:cover;object-position:center 38%;transform:scale(1);will-change:transform}\n#ff-film .ff-film-frame:after{content:\"\";position:absolute;inset:0;background:rgba(0,0,0,.12)}\n#ff-film .ff-film-frame a{position:absolute;z-index:3;left:50%;top:50%;width:122px;height:122px;transform:translate(-50%,-50%);border-radius:50%;background:var(--lx-accent-color,#D7FF35);color:var(--lx-text-color,#0A0A0A);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:8px;font-weight:800;text-decoration:none}\n#ff-film .ff-film-frame a b{font-family:var(--lx-font-heading,'Arial Black',Impact,sans-serif);font-size:18px}\n#ff-film .ff-film-counter{position:absolute;z-index:3;left:22px;bottom:18px;color:#fff;font-size:8px;font-weight:800;mix-blend-mode:difference}\n@media(max-width:720px){\n #ff-film{height:165svh;min-height:1100px}\n #ff-film .ff-film-head{left:14px;right:14px}\n #ff-film .ff-film-intro{left:14px;right:14px;top:70px;grid-template-columns:1fr}\n #ff-film .ff-film-intro strong{font-size:46px}\n #ff-film .ff-film-intro p{max-width:320px}\n #ff-film .ff-film-frame{width:86vw;height:58vh;min-height:430px}\n #ff-film .ff-film-frame a{width:100px;height:100px}\n #ff-film .ff-film-counter{left:14px}\n}\n@media(prefers-reduced-motion:reduce){#ff-film{height:100svh;min-height:720px}#ff-film .ff-film-frame{width:100vw;height:100vh}}","js","(function(ffRun){if(document.readyState===\"complete\"){window.setTimeout(ffRun,0);}else{window.addEventListener(\"load\",ffRun,{once:true});}})(function(){\n(function(){\n var root=document.getElementById('ff-film');\n if(!root||root.dataset.wired)return;\n root.dataset.wired='1';\n var frame=root.querySelector('[data-ff-film-frame]');\n var image=frame.querySelector('img');\n var copy=root.querySelectorAll('[data-ff-film-copy]');\n var reduced=window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n var ticking=false;\n function paint(){\n ticking=false;\n var r=root.getBoundingClientRect();\n var max=Math.max(1,r.height-window.innerHeight);\n var p=Math.max(0,Math.min(1,-r.top/max));\n var mobile=window.innerWidth<=720;\n var startW=mobile?86:58;\n var startH=mobile?58:66;\n frame.style.width=(startW+(100-startW)*p)+'vw';\n frame.style.height=(startH+(100-startH)*p)+'vh';\n image.style.transform='scale('+(1+p*.08)+')';\n var opacity=Math.max(0,1-p*2.2);\n copy.forEach(function(el){el.style.opacity=opacity;});\n }\n function update(){if(!ticking){ticking=true;window.requestAnimationFrame(paint);}}\n if(!reduced){window.addEventListener('scroll',update,{passive:true});window.addEventListener('resize',update);update();}\n})();\n});","palette",{"_54":55,"_56":57,"_58":59,"_60":61,"_62":63,"_64":65,"_66":67,"_68":69},"fonts",{"_50":51,"_52":53},"display","Arial Black","body","Arial","bg","#F6F1E8","accent","#D7FF35","text","#0A0A0A","surface","#FFFDF8","border","#161616","highlight","#2C4EFF","secondary","#FF4C68","muted","#68645F","fashion","form-fault","animated","homepage","pinned-scroll","film","scale-reveal","cinematic","4862ae09-663a-4489-ad61-fefa0b5a8ba5","template_id","9d3c3816-ecd8-44ae-bf33-1d6856d20d4e","version",1,"artifact_key","template-catalog/templates/9d3c3816-ecd8-44ae-bf33-1d6856d20d4e/revisions/1/template.json","manifest_key","template-catalog/templates/9d3c3816-ecd8-44ae-bf33-1d6856d20d4e/revisions/1/manifest.json","artifact_sha256","e43ff623c99b0bab490269f16e08420dbc848e30f56a1c4ef363f7446473b2bf","schema_version","renderer_version",[],"themable",true,"has_js","size_kb",5.62,"validation_status","valid","validation_report",{"_98":93,"_4":128,"_129":130,"_32":131},"media_manifest",[107,108],"created_at","2026-08-23T07:36:38.441447+00:00","published_at","2026-08-23T07:36:38.811824+00:00",{"_109":124,"_111":31,"_113":125,"_115":126,"_117":-5,"_118":119,"_120":127,"_122":123},{"_109":110,"_111":112,"_113":114,"_115":116,"_117":-5,"_118":119,"_120":121,"_122":123},"key","template-catalog/media/e8f28d8b8fcc6184719208bf229141ad996b7d31efaeeece5efe3a6d47dba7c1.webp","url","https://pcx-assets.trylexsis.com/template-catalog/media/e8f28d8b8fcc6184719208bf229141ad996b7d31efaeeece5efe3a6d47dba7c1.webp","sha256","e8f28d8b8fcc6184719208bf229141ad996b7d31efaeeece5efe3a6d47dba7c1","source","/templates/assets/night-index/night-index-hero.webp","alt_text","provenance","repository migration","size_bytes",132110,"content_type","image/webp","template-catalog/media/3c5fc701c3fa5855919609da1f2bec0cae411bf3564148325361cac1427c74e9.webp","3c5fc701c3fa5855919609da1f2bec0cae411bf3564148325361cac1427c74e9","/templates/thumbs/film-form-fault-dive.webp",34544,[],"warnings",[],[],"visibility","global","status","published",[70],"page_types",[73],[70,71,72,73,74,75,76,77],"thumbnail_key","thumbnail_url","current_revision_id","workspace_id","created_by_user_id"]