1import{r as be}from"./rolldown-runtime.C1f3BsDW.js";import{r as G,t as Ee}from"./inertia.BE4YqsTM.js";import"./http.DWpeO7Ui.js";import{Gr as ce,Qr as Me,Ut as Ae,d as Le,f as de,gt as Oe,i as Ie,tt as Ce,ut as me}from"./icons.ChOq_Y4q.js";import{t as Pe}from"./react-core.CAMe6Z4j.js";import"./utils.CgzVjNgC.js";import"./state.L8kQliOB.js";import{i as We,k as I}from"./entry-client.DX3aUoe5.js";import{t as Fe}from"./SEO.gPDL2mFy.js";import{t as qe}from"./gsap.BxN_RF7A.js";import{t as He}from"./postAuthDestination.BcKgx72u.js";var x=be(Me(),1);const re="/experience-media/",De=203.3,Ue=[1.09,2.9,4.69,6.5,8.29,10.1,11.89,13.7,15.49,17.3,18.99,20.74,22.55,24.33,26.15,27.93,29.74,31.56,33.34,35.13,36.94,38.59,40.4,42.19,44,45.79,47.6,49.39,51.2,52.99,54.8,56.59,58.24,60.05,61.86,63.65,65.46,67.24,69.03,70.84,72.66,74.44,76.21,77.9,79.69,81.5,83.29,85.1,86.89,88.7,90.49,92.3,94.09,95.76,97.55,99.36,101.15,102.96,104.75,106.53,108.34,110.16,111.94,113.75,115.4,117.19,119.14,121.07,122.9,124.6,126.34,128.29,130.22,132.03,133.84,135.49,137.44,139.37,141.18,142.99,144.64,146.56,148.4,150.35,152.14,153.95,155.74,157.5,159.36,161.15,162.96,164.79,166.7,168.58,170.3,172.08,173.96,175.8,177.63,179.47,181.28,183.07,184.95,186.64,188.31,190.06,191.75],t=d=>Ue[d],pe=[139.37,140.27,141.18,142.08,142.99,143.8,144.64,145.54,146.56,147.49,148.4,149.42,150.35,150.79,151.23,151.7,152.14,152.58,153.04,153.51,153.95,154.39,154.85,155.3,155.74,156.18,156.62,157.06,157.5,158.6],k={openStart:0,drop:38.59,uiStart:t(24),zoomStart:t(36),everyoneStart:t(38),hundredStart:t(54),breathStart:t(58),wallStart:t(63),genresStart:t(69),montageStart:t(77),outroStart:158.6,endCard:t(104)},K=[{person:"p_grandma",who:"A grandmother with one old photograph",films:["m28"],made:"made her love story."},{person:"p_child_draw",who:"A child with a paintbrush",films:["m16"],made:"made a giant fall."},{person:"p_farmer",who:"A farmerâs son",films:["m11"],made:"put his village on screen."},{person:"p_teen_room",who:"A student with a laptop",films:["m26"],made:"made a fighter-pilot film."},{person:"p_laptop_night",who:"Someone up at 2 a.m.",films:["m9"],made:"made a sci-fi chase."},{person:"p_girl_camera",who:"A young designer",films:["m38","m39","m55"],made:"launched her collection."},{person:"p_grandpa",who:"A shepherd, seventy-two",films:["m1"],made:"made the legend he grew up on."}],je=d=>({at:t(40+2*d),reveal:t(41+2*d),end:t(42+2*d)}),ve=["MYTH","WESTERN","SCI-FI","FANTASY","LOVE","NOIR","ACTION","FAMILY"],xe=["à¤à¤¹à¤¾à¤¨à¥","story","histoire","æ
äº","historia","Ùصة","à²à²¥à³","ç©èª","Geschichte","kisah","hadithi","história","à®à®¤à¯","ì´ì¼ê¸°","ιÏÏοÏία","à¦à¦²à§à¦ª","storia","hikaye"];function Be(){const d=[{key:"projector",src:"p_projector",at:0,end:t(1)+.6,from:1},{key:"h_horse",src:"h_horse",at:t(5),end:t(7)+.1},{key:"h_train",src:"h_train",at:t(7),end:t(9)+.1,from:1.2},{key:"h_moon",src:"h_moon",at:t(9),end:t(11)+.1,from:1.4},{key:"h_market_horse",src:"h_market_horse",at:t(11),end:t(12)+.1,from:4},{key:"h_market_car",src:"h_market_car",at:t(12),end:t(13)+.1,from:4.2},{key:"h_ford_line",src:"h_ford_line",at:t(13),end:t(14)+.1,from:4},{key:"h_ford_car",src:"h_ford_car",at:t(14),end:t(15)+.1,from:.5},{key:"h_apollo",src:"h_apollo",at:35.9,end:39.2,from:.4},{key:"z_photo",src:"m23",at:t(36),end:t(37)+.1,from:1.5},{key:"z_smile",src:"m24",at:t(37),end:t(38)+.1,from:2.6},{key:"crowd",src:"p_crowd_diverse",at:t(38),end:t(40)+.1,from:1,rate:.8},{key:"breath",src:"m7",at:t(58),end:t(63)+.1,rate:.62},{key:"wall_hero",src:"x473895",at:t(63),end:t(64)+.6,from:.5},{key:"wall",src:"seq_wall",at:t(64)-.4,end:t(69)+.1,from:0},{key:"genres",src:"seq_genres",at:t(69),end:t(77)+.05,from:0},{key:"montage",src:"seq_montage",at:t(77),end:158.62,from:0},{key:"o_rooftop",src:"m30",at:162.96,end:170,rate:.7},{key:"o_tree",src:"m7",at:172.9,end:179.6,from:.2,rate:.8},{key:"o_smile",src:"x522237",at:182.9,end:188.6,from:1}];return K.forEach((a,s)=>{const g=je(s);d.push({key:`c${s}_person`,src:a.person,at:g.at,end:g.reveal+.9,from:.5}),a.films.forEach((r,m)=>{d.push({key:`c${s}_film${m}`,src:r,at:g.reveal-.1,end:g.end+.1,from:.6+m*.4})})}),d.sort((a,s)=>a.at-s.at)}const Q=Be(),Z=[23,20,21,18,22,24,28,29,30,19,11,12],Ve=()=>{const d=new Set,a=[];
1for(const s of Q)d.has(s.src)||(d.add(s.src),a.push(s.src));return a},se=d=>`${re}${d}.mp4`,D=d=>`${re}stills/s${d}.webp`,fe=`${re}now.mp3`,he="M77.65 2.508c9.812.045 19.51.302 27.514.952 4 .325 7.619.751 10.639 1.308 2.775.511 5.237 1.166 7.039 2.06l.351.18c6.506 3.52 11.734 10.233 13.966 17.215l.206.676.001.001c.443 1.525.772 3.843 1.033 6.59.267 2.8.477 6.22.64 10.04.326 7.646.463 16.99.461 26.403-.003 18.178-.526 36.831-1.249 44.029l-.071.66c-.389 3.414-1.132 6.784-2.779 10.04l-.34.65c-4.75 8.705-12.18 12.941-20.988 15.474l-.266.076-.278.017c-13.87.822-28.179.32-41.933.281l-2.743-.001c-11.571.026-24.353.872-36.293-.206l-1.153-.11c-4.169-.422-8.62-1.231-12.674-3.476-6.144-3.405-12.006-9.95-13.997-17.006l-.085-.32c-.423-1.659-.756-4.177-1.028-7.19-.295-3.274-.534-7.313-.714-11.842-.36-9.062-.49-20.162-.361-31.173.128-11.007.514-21.964 1.187-30.73.337-4.38.749-8.252 1.244-11.328.247-1.536.52-2.909.826-4.064.295-1.117.66-2.188 1.147-3.022h.001C12.037 10.006 19.6 5.734 28.761 3.46l.265-.065.274-.007c8.431-.214 28.724-.972 48.35-.881Z",ue="m35 39 16.326.01c6.517 7.69 13.307 16.499 19.684 24.415l19.627-24.421 16.355.015L107 103l-13.504-.041V58.916L71.01 86.222 48.513 58.907l-.01 44.082-13.494-.022z",ye="M228.367 51.992q-.547-5.116-4.609-7.969-4.023-2.85-10.469-2.851-4.531 0-7.773 1.367t-4.961 3.711-1.758 5.352q0 2.5 1.133 4.336 1.172 1.835 3.164 3.124a22.3 22.3 0 0 0 4.414 2.11 47 47 0 0 0 4.883 1.445l7.5 1.875a51.7 51.7 0 0 1 8.711 2.852q4.218 1.797 7.539 4.531a20.1 20.1 0 0 1 5.312 6.602q1.953 3.867 1.953 9.062 0 7.031-3.593 12.383-3.594 5.313-10.391 8.32-6.758 2.969-16.367 2.969-9.336 0-16.211-2.891-6.837-2.89-10.703-8.437-3.828-5.547-4.141-13.516h14.258q.313 4.18 2.578 6.953 2.266 2.775 5.898 4.14 3.672 1.368 8.204 1.368 4.726 0 8.281-1.406 3.594-1.446 5.625-3.984 2.031-2.58 2.07-6.016-.039-3.126-1.836-5.156-1.797-2.07-5.039-3.438-3.202-1.405-7.5-2.5l-9.101-2.344q-9.883-2.538-15.625-7.695-5.704-5.196-5.704-13.789 0-7.07 3.829-12.383 3.867-5.312 10.507-8.242 6.64-2.97 15.039-2.969 8.516 0 14.922 2.969 6.446 2.93 10.117 8.164 3.672 5.196 3.789 11.953zm46.444-9.844V30h63.828v12.148h-24.727V110h-14.375V42.148zM423.373 30h14.492v52.266q0 8.594-4.062 15.117-4.024 6.523-11.328 10.195-7.305 3.633-17.071 3.633-9.804 0-17.109-3.633-7.305-3.672-11.328-10.195-4.024-6.524-4.024-15.117V30h14.493v51.055q0 5 2.187 8.906 2.226 3.906 6.25 6.133 4.023 2.187 9.531 2.187t9.532-2.187q4.062-2.227 6.25-6.133t2.187-8.906zm79.354 80h-27.11V30h27.656q11.914 0 20.469 4.805 8.594 4.766 13.203 13.71 4.61 8.946 4.61 21.407 0 12.5-4.649 21.484-4.61 8.985-13.32 13.789Q514.915 110 502.727 110m-12.618-12.54h11.914q8.36 0 13.946-3.046 5.586-3.086 8.398-9.18 2.813-6.132 2.813-15.312t-2.813-15.234q-2.812-6.095-8.32-9.102-5.469-3.047-13.594-3.047h-12.344zM591.816 30v80h-14.492V30zm109.178 40q0 12.93-4.844 22.148-4.805 9.18-13.125 14.063-8.28 4.883-18.789 4.883-10.507 0-18.828-4.883-8.281-4.922-13.125-14.102-4.804-9.218-4.804-22.109 0-12.93 4.804-22.11 4.844-9.218 13.125-14.1 8.32-4.884 18.828-4.884 10.509 0 18.789 4.883 8.32 4.883 13.125 14.102 4.844 9.18 4.844 22.109m-14.57 0q0-9.102-2.852-15.352-2.813-6.288-7.812-9.492-5-3.242-11.524-3.242t-11.523 3.242q-5 3.204-7.852 9.492-2.812 6.25-2.812 15.352t2.812 15.39q2.852 6.25 7.852 9.493 5 3.203 11.523 3.203t11.524-3.203q5-3.243 7.812-9.492 2.852-6.29 2.852-15.391";var e=be(Pe(),1),y="#d3b796",oe=200,Ye=typeof window>"u"?x.useEffect:x.useLayoutEffect,M=d=>{const a=Math.sin(d*12.9898+78.233)*43758.5453;return a-Math.floor(a)},w=({text:d,className:a,style:s})=>(0,e.jsx)("span",{className:a,style:s,children:d.split(" ").map((g,r,m)=>(0,e.jsxs)("span",{className:"xp-word",children:[g,r<m.length-1?" ":""]},r))}),u=({x:d,children:a,style:s,className:g})=>(0,e.jsx)("div",{"data-x":d,className:`xp-layer ${g??""}`,style:s,children:a}),Ge=({x:d,digits:a})=>(0,e.jsx)("span",{className:"xp-odo",children:Array.from({length:a},(s,g)=>(0,e.jsx)("span",{"data-x":`${d}-${g}`,className:"xp-odo-col",children:Array.from({length:10},(r,m)=>(0,e.jsx)("span",{children:m},m))},g))}),Xe=d=>{let a="";for(let s=0;s<150;s++){const g=d===3?M(s*7+d)>.8?12+M(s)*26:2:6+M(s*3+d*91)*(d===1?32:22);a+=`M${s*8} ${20-g/2}h5v${g}h-5z`}return a},Ke={1:y,2:"#8d7cf0",3:"#4fb7a0"},we=[{key:"h_horse",year:1878,label:"Eadweard Muybridge",line:"The first moving picture was a horse."},{key:"h_train",year:1895,label:"Lumière brothers",line:"The first audience ran from the screen."},{key:"h_moon",year:1902,label:"Georges Méliès",line:"The first dreamer flew us to the Moon."},{key:"h_market_horse",year:1906,label:"Market Street, San Francisco",line:"Horses and motor cars shared one road."},{key:"h_ford_line",year:1924,label:"Ford Motor Company",line:"Then the car became everyoneâs."}],Qe=["h_horse","h_train","h_moon","h_market_horse","h_market_car","h_ford_line","h_ford_car"],Ne=["a studio,","a crew of three hundred,","a hundred million dollars,","and years of your life."],Se=["FADE IN.","INT. GRANDMOTHERâS ROOM â MORNING","Sunlight crosses an old wooden drawer.","SHILPA (70s) lifts out a faded photograph.","SHILPA (V.O.) It was the summer of 1976â¦","EXT. COLLEGE GARDEN â DAY (1976)","A young man laughs. She never forgot it.","Back in the room, she smiles through tears."],Re=["3 scenes","12 shots","Look · Warm 35mm","Cast · Shilpa, Arjun","Voice · Narrator","Music · Piano & strings"],Ze=["The drawer opens","Her hands, the photo","Morning light","Letters and a rakhi","She sits, remembering","Holding it close","The rakhi, 1976","Laughing in the kitchen","Running on the roof","Quiet by the window","The village edge","Leaving at dawn"],Je="A grandmother tells her grandson about the summer she met his grandfather.",et={left:270,top:202,width:800,height:450},tt=(0,x.forwardRef)(function({onStart:a,onReplay:s},g){const r=(0,x.useRef)(null),m=(0,x.useRef)(null),j=(0,x.useRef)(new Map);Ye(()=>{const i=r.current;if(!i)return;const l=ot(i);m.current=l;const S=new Map;for(const h of Q){const C=i.querySelector(`video[data-shot="${h.key}"]`);C&&S.set(h.key,{el:C,shot:h})}return j.current=S,()=>{l.kill()}},[]),(0,x.useImperativeHandle)(g,()=>({render(i,l){m.current?.time(i,!1),st(j.current,i,l)},setSource(i,l){j.current.forEach(({el:S,shot:h})=>{h.src===i&&!S.getAttribute("src")&&(S.src=l)})}}));const p=(i,l)=>(0,e.jsx)("video",{"data-shot":i,className:"xp-fill",style:l,muted:!0,playsInl
1ine:!0,preload:"auto",disablePictureInPicture:!0});return(0,e.jsxs)("div",{ref:r,className:"absolute inset-0",children:[(0,e.jsxs)(u,{x:"projector",children:[(0,e.jsx)("div",{"data-x":"projector-v",className:"absolute inset-0 xp-old",style:{opacity:.55},children:p("projector")}),(0,e.jsx)("div",{"data-x":"beam",className:"absolute",style:{left:700,top:280,width:520,height:520,borderRadius:999,background:"radial-gradient(circle, rgba(255,240,210,0.55) 0%, rgba(255,230,190,0.12) 35%, transparent 70%)"}})]}),(0,e.jsx)(u,{x:"l1",className:"flex items-center justify-center",children:(0,e.jsx)(w,{text:"Everyone has a film inside them.",className:"xp-serif",style:{fontSize:104}})}),(0,e.jsx)(u,{x:"l2",className:"flex items-center justify-center",children:(0,e.jsx)(w,{text:"For most of history, only a few ever got to make one.",className:"xp-serif text-center",style:{fontSize:76,maxWidth:1400,color:"#d9d2c4"}})}),(0,e.jsxs)(u,{x:"hist",children:[(0,e.jsxs)("div",{"data-x":"hist-frame",className:"absolute overflow-hidden",style:{left:150,top:135,width:1080,height:810,background:"#111"},children:[(0,e.jsx)("div",{className:"xp-weave absolute inset-0",children:Qe.map(i=>(0,e.jsx)("div",{"data-x":`hv-${i}`,className:"xp-layer xp-old",children:p(i)},i))}),(0,e.jsx)("div",{className:"xp-scratches"}),(0,e.jsx)("div",{"data-x":"hist-flash",className:"absolute inset-0",style:{background:"#fff8e8",opacity:0}}),(0,e.jsx)("div",{className:"absolute inset-0",style:{boxShadow:"inset 0 0 120px 30px rgba(0,0,0,0.85)"}})]}),(0,e.jsxs)("div",{className:"absolute",style:{left:1310,top:250,width:520},children:[(0,e.jsx)("div",{className:"xp-mono",style:{fontSize:18,color:"#8d8577"},children:"Reel 01 â The century before"}),(0,e.jsx)("div",{className:"xp-display xp-gold",style:{fontSize:oe,lineHeight:1,marginTop:24,fontWeight:600,fontVariantNumeric:"lining-nums tabular-nums"},children:(0,e.jsx)(Ge,{x:"year",digits:4})}),(0,e.jsx)("div",{className:"relative",style:{marginTop:36,height:240},children:we.map((i,l)=>(0,e.jsxs)("div",{"data-x":`cap-${l}`,className:"xp-layer",children:[(0,e.jsx)("div",{className:"xp-mono",style:{fontSize:18,color:"#a39a8a"},children:i.label}),(0,e.jsx)(w,{text:i.line,className:"xp-serif block",style:{fontSize:58,lineHeight:1.08,marginTop:14,fontStyle:"italic"}})]},i.key))})]})]}),(0,e.jsx)(u,{x:"cost",children:(0,e.jsxs)("div",{className:"absolute",style:{left:260,top:220},children:[(0,e.jsx)(w,{text:"But a film still needed",className:"xp-serif block",style:{fontSize:64,color:"#9c9486"}}),Ne.map((i,l)=>(0,e.jsx)("div",{"data-x":`cost-${l}`,className:"xp-serif",style:{fontSize:96,lineHeight:1.12,marginTop:l===0?30:4},children:i},i))]})}),(0,e.jsx)(u,{x:"modelt",className:"flex items-center justify-center",children:(0,e.jsx)(w,{text:"Film never had its Model T.",className:"xp-serif",style:{fontSize:124}})}),(0,e.jsxs)(u,{x:"apollo",children:[p("h_apollo",{filter:"saturate(1.25) contrast(1.1)"}),(0,e.jsx)("div",{className:"absolute inset-0",style:{background:"radial-gradient(ellipse at center, rgba(0,0,0,0.25), rgba(0,0,0,0.8))"}})]}),(0,e.jsx)(u,{x:"untilnow",className:"flex items-center justify-center",children:(0,e.jsx)(w,{text:"Until now.",className:"xp-serif xp-gold",style:{fontSize:230,fontStyle:"italic",textShadow:"0 0 80px rgba(0,0,0,0.8)"}})}),(0,e.jsxs)(u,{x:"oldfx",style:{pointerEvents:"none"},children:[(0,e.jsx)("div",{className:"xp-grain",style:{opacity:.3}}),(0,e.jsx)("div",{className:"xp-flicker"}),(0,e.jsx)("div",{className:"xp-vignette"})]}),(0,e.jsxs)(u,{x:"glow",children:[(0,e.jsx)("div",{"data-x":"glow-a",className:"absolute",style:{left:-200,top:-300,width:1400,height:1400,borderRadius:999,background:"radial-gradient(circle, rgba(211,183,150,0.22), transparent 62%)"}}),(0,e.jsx)("div",{"data-x":"glow-b",className:"absolute",style:{left:900,top:200,width:1400,height:1400,borderRadius:999,background:"radial-gradient(circle, rgba(124,92,255,0.16), transparent 62%)"}}),(0,e.jsx)("div",{className:"absolute inset-0",style:{backgroundImage:"linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px)",backgroundSize:"80px 80px",maskImage:"radial-gradient(ellipse at center, black 20%, transparent 75%)",WebkitMaskImage:"radial-gradient(ellipse at center, black 20%, transparent 75%)"}})]}),(0,e.jsxs)(u,{x:"logo",children:[(0,e.jsx)("div",{"data-x":"rays",className:"absolute",style:{left:-140,top:-630,width:2200,height:2200,borderRadius:999,background:"repeating-conic-gradient(from 0deg, rgba(211,183,150,0.10) 0deg 4deg, transparent 4deg 15deg)",maskImage:"radial-gradient(circle, black 5%, transparent 60%)",WebkitMaskImage:"radial-gradient(circle, black 5%, transparent 60%)"}}),Array.from({length:44},(i,l)=>(0,e.jsx)("div",{"data-x":`spark-${l}`,className:"absolute",style:{left:960,top:470,width:4+M(l)*6,height:4+M(l)*6,borderRadius:999,background:l%5===0?"#fff":y,boxShadow:`0 0 12px ${y}`,opacity:0}
1},l)),(0,e.jsxs)("svg",{className:"absolute",viewBox:"0 0 707 142",style:{left:430,top:363,width:1060,height:213,overflow:"visible"},children:[(0,e.jsxs)("g",{"data-x":"mark",style:{transformOrigin:"71px 71px",transformBox:"view-box"},children:[(0,e.jsx)("path",{"data-x":"mark-outline",d:he,fill:"#17171b",stroke:y,strokeWidth:5}),(0,e.jsx)("path",{"data-x":"mark-m",d:ue,fill:y})]}),(0,e.jsx)("g",{"data-x":"wordmark",children:(0,e.jsx)("path",{d:ye,fill:"#fff"})})]}),(0,e.jsx)("div",{className:"absolute inset-x-0 text-center",style:{top:640},children:(0,e.jsx)(w,{text:"The film studio, for everyone.",className:"xp-serif",style:{fontSize:64,color:"#e9e2d4",fontStyle:"italic"}})})]}),(0,e.jsxs)(u,{x:"ui",style:{perspective:2200},children:[(0,e.jsxs)("div",{"data-x":"ui-window",className:"xp-ui absolute",style:{left:210,top:110,width:1500,height:860},children:[(0,e.jsxs)("div",{className:"xp-ui-bar",children:[(0,e.jsx)("span",{className:"xp-dot"}),(0,e.jsx)("span",{className:"xp-dot"}),(0,e.jsx)("span",{className:"xp-dot"}),(0,e.jsx)("span",{className:"xp-mono",style:{marginLeft:18,fontSize:15,color:"#8b8a92"},children:"M Studio â New film"}),(0,e.jsx)("span",{"data-x":"ui-ff",className:"xp-mono ml-auto",style:{fontSize:15,color:y,opacity:0},children:"â¶â¶ 100à speed"})]}),(0,e.jsxs)("div",{"data-x":"ui-prompt",className:"xp-layer",style:{top:52},children:[(0,e.jsx)("div",{className:"absolute inset-x-0 text-center",style:{top:120},children:(0,e.jsx)(w,{text:"Whatâs your film about?",className:"xp-serif",style:{fontSize:72}})}),(0,e.jsxs)("div",{className:"absolute",style:{left:200,top:270,width:1100,height:250,borderRadius:16,border:"1px solid #34343c",background:"#121216",padding:"34px 40px"},children:[(0,e.jsx)("span",{"data-x":"ui-typed",style:{fontSize:38,lineHeight:1.35,color:"#f1ece3"}}),(0,e.jsx)("span",{className:"xp-caret"})]}),(0,e.jsxs)("div",{className:"absolute flex",style:{left:200,top:560,gap:14},children:[(0,e.jsx)("span",{className:"xp-chip",children:"1 minute"}),(0,e.jsx)("span",{className:"xp-chip",children:"Warm 35mm look"}),(0,e.jsx)("span",{className:"xp-chip",children:"Narrator voice"})]}),(0,e.jsx)("div",{"data-x":"ui-button",className:"absolute flex items-center justify-center xp-display",style:{left:1e3,top:550,width:300,height:76,borderRadius:12,background:y,color:"#141417",fontSize:28,fontWeight:700},children:"Make my film"}),(0,e.jsx)("div",{"data-x":"ui-ripple",className:"absolute",style:{left:1090,top:528,width:120,height:120,borderRadius:999,border:`3px solid ${y}`,opacity:0}})]}),(0,e.jsxs)("div",{"data-x":"ui-script",className:"xp-layer",style:{top:52},children:[(0,e.jsxs)("div",{className:"absolute flex items-center",style:{left:60,top:36,right:60,gap:24},children:[(0,e.jsx)("span",{className:"xp-display",style:{fontSize:30,fontWeight:600},children:"Writing your film"}),(0,e.jsx)("div",{className:"relative flex-1",style:{height:8,borderRadius:99,background:"#1f1f25"},children:(0,e.jsx)("div",{"data-x":"script-bar",className:"absolute inset-y-0 left-0",style:{width:"0%",borderRadius:99,background:y,boxShadow:`0 0 20px ${y}`}})}),(0,e.jsx)("span",{"data-x":"script-pct",className:"xp-mono",style:{fontSize:22,color:y,width:70,textAlign:"right"},children:"0%"})]}),(0,e.jsxs)("div",{className:"absolute",style:{left:60,top:120,width:860,bottom:40,borderRadius:14,border:"1px solid #22222a",background:"#0f0f13",padding:"30px 40px"},children:[(0,e.jsx)("div",{className:"xp-mono",style:{fontSize:15,color:"#77767e",marginBottom:18},children:"Script"}),Se.map((i,l)=>(0,e.jsx)("div",{"data-x":`sl-${l}`,style:{fontFamily:"'JetBrains Mono', monospace",fontSize:i===i.toUpperCase()?22:24,color:i===i.toUpperCase()?y:"#e4dfd6",marginBottom:20,opacity:0},children:i},l))]}),(0,e.jsxs)("div",{className:"absolute",style:{left:960,top:120,right:60,bottom:40,borderRadius:14,border:"1px solid #22222a",background:"#0f0f13",padding:"30px 36px"},children:[(0,e.jsx)("div",{className:"xp-mono",style:{fontSize:15,color:"#77767e",marginBottom:22},children:"The plan"}),(0,e.jsx)("div",{className:"flex flex-wrap",style:{gap:14},children:Re.map((i,l)=>(0,e.jsx)("span",{"data-x":`pc-${l}`,className:"xp-chip",style:{opacity:0}
1,children:i},i))}),(0,e.jsxs)("div",{"data-x":"plan-still",className:"absolute overflow-hidden",style:{left:36,right:36,bottom:30,height:250,borderRadius:10,opacity:0},children:[(0,e.jsx)("img",{src:D(18),alt:"",className:"xp-fill"}),(0,e.jsx)("div",{className:"absolute inset-0",style:{background:"linear-gradient(transparent 40%, rgba(0,0,0,0.7))"}}),(0,e.jsx)("div",{className:"absolute xp-mono",style:{left:18,bottom:14,fontSize:14,color:"#ddd"},children:"Look reference"})]})]})]}),(0,e.jsxs)("div",{"data-x":"ui-board",className:"xp-layer",style:{top:52},children:[(0,e.jsxs)("div",{className:"absolute flex items-center",style:{left:60,top:36,right:60,gap:20},children:[(0,e.jsx)("span",{className:"xp-display",style:{fontSize:30,fontWeight:600},children:"Storyboard"}),(0,e.jsx)("span",{"data-x":"board-count",className:"xp-mono",style:{fontSize:18,color:y},children:"0 / 12 shots"})]}),(0,e.jsx)("div",{className:"absolute grid",style:{left:60,top:110,gridTemplateColumns:"repeat(4, 330px)",gap:20},children:Z.map((i,l)=>(0,e.jsxs)("div",{"data-x":`card-${l}`,className:"xp-card",style:{width:330,height:222,opacity:0},children:[(0,e.jsxs)("div",{className:"relative",style:{height:186},children:[(0,e.jsx)("div",{className:"xp-shimmer"}),(0,e.jsx)("img",{"data-x":`card-img-${l}`,src:D(i),alt:"",className:"xp-fill",style:{clipPath:"inset(0 0 100% 0)"}})]}),(0,e.jsxs)("div",{className:"flex items-center",style:{height:36,padding:"0 12px",gap:10},children:[(0,e.jsx)("span",{className:"xp-mono",style:{fontSize:12,color:y},children:String(l+1).padStart(2,"0")}),(0,e.jsx)("span",{style:{fontSize:15,color:"#c9c5bd",whiteSpace:"nowrap"},children:Ze[l]})]})]},l))})]}),(0,e.jsxs)("div",{"data-x":"ui-edit",className:"xp-layer",style:{top:52},children:[(0,e.jsx)("div",{className:"absolute overflow-hidden",style:{left:60,top:40,width:800,height:450,borderRadius:10,background:"#000"},children:(0,e.jsx)("img",{src:D(23),alt:"",className:"xp-fill"})}),(0,e.jsxs)("div",{className:"absolute",style:{left:900,top:40,right:60,height:450,borderRadius:14,border:"1px solid #22222a",background:"#0f0f13",padding:"30px 34px"},children:[(0,e.jsx)("div",{className:"xp-mono",style:{fontSize:15,color:"#77767e"},children:"Final film"}),(0,e.jsx)("div",{className:"xp-serif",style:{fontSize:50,marginTop:14,lineHeight:1.05},children:"The summer of 1976"}),(0,e.jsxs)("div",{className:"flex flex-wrap",style:{gap:10,marginTop:22},children:[(0,e.jsx)("span",{className:"xp-chip",children:"1080p"}),(0,e.jsx)("span",{className:"xp-chip",children:"1:04"}),(0,e.jsx)("span",{className:"xp-chip",children:"Voice · Music · Sound"})]}),(0,e.jsxs)("div",{className:"flex items-center",style:{marginTop:44,gap:16},children:[(0,e.jsx)("span",{"data-x":"render-label",className:"xp-display",style:{fontSize:24,fontWeight:600},children:"Rendering"}),(0,e.jsx)("span",{"data-x":"render-pct",className:"xp-mono ml-auto",style:{fontSize:22,color:y},children:"0%"})]}),(0,e.jsx)("div",{className:"relative",style:{marginTop:14,height:8,borderRadius:99,background:"#1f1f25"},children:(0,e.jsx)("div",{"data-x":"render-bar",className:"absolute inset-y-0 left-0",style:{width:"0%",borderRadius:99,background:y,boxShadow:`0 0 18px ${y}`}})}),(0,e.jsx)("div",{"data-x":"render-done",className:"xp-display",style:{marginTop:26,fontSize:26,color:y,opacity:0},children:"â Your film is ready"})]}),(0,e.jsxs)("div",{className:"absolute",style:{left:60,right:60,top:520,height:260,borderRadius:14,border:"1px solid #22222a",background:"#0f0f13",overflow:"hidden"},children:[(0,e.jsx)("div",{className:"absolute xp-mono",style:{left:20,top:14,fontSize:13,color:"#6f6e76"},children:(0,e.jsx)("span",{"data-x":"tc",children:"00:00:00"})}),["Picture","Voice","Music","Sound"].map((i,l)=>(0,e.jsxs)("div",{className:"absolute flex items-center",style:{left:0,right:0,top:44+l*52,height:44},children:[(0,e.jsx)("span",{className:"xp-mono",style:{width:110,paddingLeft:20,fontSize:12,color:"#77767e"},children:i}),(0,e.jsxs)("div",{className:"relative flex-1 overflow-hidden",style:{height:40,marginRight:20},children:[l===0&&(0,e.jsx)("div",{className:"flex h-full",style:{gap:3},children:Z.map((S,h)=>(0,e.jsx)("img",{src:D(S),alt:"",style:{width:99,height:40,objectFit:"cover",borderRadius:4}},h))}),l>0&&(0,e.jsx)("svg",{"data-x":`wave-${l}`,className:"h-full w-full",viewBox:"0 0 1200 40",preserveAspectRatio:"none",style:{clipPath:"inset(0 100% 0 0)"},children:(0,e.jsx)("path",{d:Xe(l),fill:Ke[l],opacity:.85})})]})]},i)),(0,e.jsx)("div",{"data-x":"playhead",className:"absolute",style:{left:110,top:36,bottom:10,width:2,background:"#ff4d4d",boxShadow:"0 0 10px #ff4d4d"}})]})]})]}),(0,e.jsx)("svg",{"data-x":"cursor",className:"absolute",width:"44",height:"44",viewBox:"0 0 24 24",style:{left:0,top:0,opacity:0,filter:"drop-shadow(0 4px 10px rgba(0,0,0,0.6))"},children:(0,e.jsx)("path",{d:"M4 2 L4 19 L8.5 14.8 L11.6 21.5 L14.3 20.3 L11.2 13.7 L17.5 13.4 Z",fill:"#fff",stroke:"#111",strokeWidth:"1.2",strokeLinejoin:"round"})})]}),(0,e.jsxs)(u,{x:"zoom",children:[(0,e.jsxs)("div",{"data-x":"zoom-clip",className:"absolute inset-0",children:[(0,e.jsx)("div",{"data-x":"zv-photo",className:"xp-layer",children:p("z_photo")}),(0,e.jsx)("div",{"data-x":"zv-smile",className:"xp-layer",children:p("z_smile")}),(0,e.jsx)("div",{className:"absolute inset-x-0 bottom-0",style:{height:360,background:"linear-gradient(transparent, rgba(0,0,0,0.75))"}})]}),(0,e.jsxs)("div",{"data-x":"zoom-cap",className:"absolute inset-x-0 text-center",style:{bottom:90,opacity:0}
1,children:[(0,e.jsx)("div",{className:"xp-mono",style:{fontSize:18,color:y},children:"Made in M Studio"}),(0,e.jsx)("div",{className:"xp-serif",style:{fontSize:68,fontStyle:"italic",marginTop:10},children:"Her story. Finished before dinner."})]})]}),(0,e.jsxs)(u,{x:"now",className:"flex items-center justify-center",children:[(0,e.jsx)("div",{"data-x":"now-crowd",className:"absolute inset-0",style:{opacity:.4,filter:"saturate(0.8)"},children:p("crowd")}),(0,e.jsx)("div",{className:"absolute inset-0",style:{background:"radial-gradient(ellipse at center, rgba(0,0,0,0.35), rgba(0,0,0,0.85))"}}),(0,e.jsxs)("div",{className:"xp-display text-center relative",style:{fontSize:170,fontWeight:700,lineHeight:1},children:[(0,e.jsx)("span",{"data-x":"now-0",className:"inline-block",style:{opacity:0},children:"Now, "}),(0,e.jsx)("span",{"data-x":"now-1",className:"inline-block xp-gold",style:{opacity:0},children:"everyone"}),(0,e.jsx)("br",{}),(0,e.jsx)("span",{"data-x":"now-2",className:"inline-block xp-serif",style:{opacity:0,fontWeight:400,fontStyle:"italic",fontSize:150},children:"can make one."})]})]}),K.map((i,l)=>(0,e.jsxs)(u,{x:`ch-${l}`,children:[(0,e.jsx)("div",{"data-x":`chp-${l}`,className:"absolute inset-0",children:p(`c${l}_person`)}),(0,e.jsx)("div",{"data-x":`chf-${l}`,className:"absolute inset-0",style:{clipPath:"inset(0 0 0 100%)",background:"#000"},children:i.films.length===1?p(`c${l}_film0`):(0,e.jsx)("div",{className:"absolute inset-0 flex",style:{gap:8},children:i.films.map((S,h)=>(0,e.jsx)("div",{"data-x":`chf-${l}-${h}`,className:"relative h-full flex-1 overflow-hidden",children:p(`c${l}_film${h}`)},h))})}),(0,e.jsx)("div",{"data-x":`chl-${l}`,className:"absolute",style:{top:0,bottom:0,left:1920,width:4,background:y,boxShadow:`0 0 30px 6px ${y}`}}),(0,e.jsx)("div",{className:"absolute inset-x-0 bottom-0",style:{height:460,background:"linear-gradient(transparent, rgba(0,0,0,0.8))"}}),(0,e.jsxs)("div",{className:"absolute",style:{left:110,bottom:110},children:[(0,e.jsxs)("div",{"data-x":`chn-${l}`,className:"xp-mono",style:{fontSize:18,color:y,opacity:0},children:[String(l+1).padStart(2,"0")," /"," ",String(K.length).padStart(2,"0")]}),(0,e.jsx)("div",{"data-x":`chw-${l}`,className:"xp-display",style:{fontSize:76,fontWeight:700,marginTop:12,opacity:0,textShadow:"0 2px 30px rgba(0,0,0,0.7)"},children:i.who}),(0,e.jsx)("div",{"data-x":`chm-${l}`,className:"xp-serif xp-gold",style:{fontSize:80,fontStyle:"italic",lineHeight:1.05,opacity:0,textShadow:"0 2px 24px rgba(0,0,0,0.9), 0 0 60px rgba(0,0,0,0.6)"},children:i.made})]})]},l)),(0,e.jsxs)(u,{x:"hundred",children:[(0,e.jsx)("div",{className:"absolute",style:{left:200,top:250,width:1520},children:[{label:"A film, before",detail:"3 years · 300 people · $100 million",x:"hb-0"},{label:"A film, now",detail:"1 afternoon · 1 person · 1 laptop",x:"hb-1"}].map((i,l)=>(0,e.jsxs)("div",{"data-x":i.x,style:{marginBottom:90,opacity:0},children:[(0,e.jsxs)("div",{className:"flex items-baseline",style:{gap:30},children:[(0,e.jsx)("span",{className:"xp-serif",style:{fontSize:64},children:i.label}),(0,e.jsx)("span",{className:"xp-mono",style:{fontSize:20,color:"#9a9489"},children:i.detail})]}),(0,e.jsx)("div",{className:"relative",style:{marginTop:22,height:26},children:(0,e.jsx)("div",{"data-x":`${i.x}-bar`,className:"absolute inset-y-0 left-0",style:{width:l===0?0:1520,borderRadius:99,background:l===0?"#3a3833":y,boxShadow:l===1?`0 0 30px ${y}`:void 0}})})]},i.x))}),(0,e.jsxs)("div",{"data-x":"h100",className:"absolute inset-0 flex flex-col items-center justify-center",style:{opacity:0},children:[(0,e.jsxs)("div",{className:"xp-display xp-gold",style:{fontSize:360,fontWeight:700,lineHeight:1,textShadow:"0 0 120px rgba(211,183,150,0.5)"},children:[(0,e.jsx)("span",{"data-x":"h100-num",children:"1"}),"Ã"]}),(0,e.jsx)(w,{text:"The horse cart just became the car.",className:"xp-serif",style:{fontSize:72,fontStyle:"italic",marginTop:20}})]})]}),(0,e.jsxs)(u,{x:"breath",children:[(0,e.jsx)("div",{"data-x":"breath-v",className:"absolute inset-0",children:p("breath")}),(0,e.jsx)("div",{className:"absolute inset-0",style:{background:"radial-gradient(ellipse at center, rgba(0,0,0,0.25), rgba(0,0,0,0.7))"}}),(0,e.jsx)("div",{"data-x":"br-0",className:"xp-layer flex items-center justify-center",children:(0,e.jsx)(w,{text:"It was never about the tools.",className:"xp-serif",style:{fontSize:110}})}),(0,e.jsx)("div",{"data-x":"br-1",className:"xp-layer flex items-center justify-center",children:(0,e.jsx)(w,{text:"It was about the stories we never got to tell.",className:"xp-serif text-center",style:{fontSize:96,maxWidth:1500,fontStyle:"italic"}})})]}),(0,e.jsxs)(u,{x:"wall",children:[(0,e.jsx)("div",{"data-x":"wall-grid",className:"absolute",style:{left:0,top:90,width:1920,height:900,transformOrigin:"160px 90px"},children:p("wall")}),(0,e.jsx)("div",{"data-x":"wall-hero",className:"absolute inset-0",children:p("wall_hero")}),(0,e.jsx)("div",{"data-x":"wall-scrim",className:"absolute inset-0",style:{background:"radial-gradient(ellipse at center, rgba(0,0,0,0.78) 20%, rgba(0,0,0,0.35) 70%)",opacity:0}
1}),[0,1,2].map(i=>(0,e.jsx)("div",{"data-x":`lang-${i}`,className:"absolute whitespace-nowrap xp-serif",style:{top:120+i*330,left:0,fontSize:64,color:"rgba(233,226,212,0.35)",opacity:0},children:xe.concat(xe).slice(i*5,i*5+22).join(" · ")},i)),(0,e.jsx)("div",{"data-x":"wall-t0",className:"xp-layer flex items-center justify-center",children:(0,e.jsx)(w,{text:"A million storytellers.",className:"xp-serif",style:{fontSize:132}})}),(0,e.jsx)("div",{"data-x":"wall-t1",className:"xp-layer flex items-center justify-center",children:(0,e.jsx)(w,{text:"In every language.",className:"xp-serif xp-gold",style:{fontSize:132,fontStyle:"italic"}})})]}),(0,e.jsxs)(u,{x:"genres",children:[(0,e.jsx)("div",{"data-x":"genres-v",className:"absolute inset-0",children:p("genres")}),(0,e.jsx)("div",{className:"absolute inset-0",style:{background:"rgba(0,0,0,0.18)"}}),ve.map((i,l)=>(0,e.jsx)("div",{"data-x":`g-${l}`,className:"xp-layer flex items-center justify-center xp-display",style:{fontSize:260,fontWeight:700,letterSpacing:"0.04em",color:"#fff",textShadow:"0 6px 60px rgba(0,0,0,0.65)"},children:i},i))]}),(0,e.jsxs)(u,{x:"montage",children:[(0,e.jsx)("div",{"data-x":"montage-v",className:"absolute inset-0",children:p("montage")}),(0,e.jsx)("div",{"data-x":"montage-flash",className:"absolute inset-0",style:{background:"#fff",opacity:0}})]}),(0,e.jsx)(u,{x:"o-l0",className:"flex items-center justify-center",children:(0,e.jsx)(w,{text:"You donât need a studio.",className:"xp-serif",style:{fontSize:120}})}),(0,e.jsx)(u,{x:"o-rooftop",children:p("o_rooftop")}),(0,e.jsx)(u,{x:"o-l1",className:"flex items-center justify-center",children:(0,e.jsx)(w,{text:"You donât need permission.",className:"xp-serif",style:{fontSize:120}})}),(0,e.jsx)(u,{x:"o-tree",children:p("o_tree")}),(0,e.jsx)(u,{x:"o-l2",className:"flex items-center justify-center",children:(0,e.jsx)(w,{text:"You just need a story.",className:"xp-serif xp-gold",style:{fontSize:132,fontStyle:"italic"}})}),(0,e.jsxs)(u,{x:"o-smile",children:[p("o_smile"),(0,e.jsx)("div",{className:"absolute inset-x-0 bottom-0",style:{height:380,background:"linear-gradient(transparent, rgba(0,0,0,0.7))"}}),(0,e.jsx)("div",{"data-x":"tell",className:"absolute inset-x-0 text-center",style:{bottom:110},children:(0,e.jsx)(w,{text:"Tell yours.",className:"xp-serif",style:{fontSize:96,fontStyle:"italic"}})})]}),(0,e.jsxs)(u,{x:"end",children:[(0,e.jsx)("div",{"data-x":"end-glow",className:"absolute",style:{left:60,top:-480,width:1800,height:1800,borderRadius:999,background:"radial-gradient(circle, rgba(211,183,150,0.16), transparent 60%)"}}),(0,e.jsxs)("svg",{className:"absolute",viewBox:"0 0 707 142",style:{left:536,top:330,width:848,height:170,overflow:"visible"},children:[(0,e.jsxs)("g",{"data-x":"end-mark",children:[(0,e.jsx)("path",{"data-x":"end-outline",d:he,fill:"#17171b",stroke:y,strokeWidth:5}),(0,e.jsx)("path",{d:ue,fill:y})]}),(0,e.jsx)("g",{"data-x":"end-word",children:(0,e.jsx)("path",{d:ye,fill:"#fff"})})]}),(0,e.jsx)("div",{className:"absolute inset-x-0 text-center",style:{top:570},children:(0,e.jsx)(w,{text:"Make your film.",className:"xp-serif",style:{fontSize:88,fontStyle:"italic"}})}),(0,e.jsxs)("div",{"data-x":"end-cta",className:"absolute inset-x-0 flex justify-center",style:{top:740,gap:24,opacity:0},children:[(0,e.jsx)("button",{type:"button",onClick:a,className:"xp-display",style:{height:84,padding:"0 48px",borderRadius:14,background:y,color:"#141417",fontSize:30,fontWeight:700,cursor:"pointer"},children:"Start your film"}),(0,e.jsx)("button",{type:"button",onClick:s,className:"xp-display",style:{height:84,padding:"0 44px",borderRadius:14,border:"1px solid #3a3a42",background:"rgba(20,20,24,0.8)",color:"#eee",fontSize:30,fontWeight:600,cursor:"pointer"},children:"Watch again"})]})]}),(0,e.jsx)(u,{x:"grain2",style:{pointerEvents:"none"},children:(0,e.jsx)("div",{className:"xp-grain",style:{opacity:.08}})}),(0,e.jsx)("div",{"data-x":"flash",className:"absolute inset-0 pointer-events-none",style:{background:"#fff",opacity:0}})]})});const at=(0,x.memo)(tt);function st(d,a,s){d.forEach(({el:r,shot:m})=>
1{if(!r.getAttribute("src"))if(a>=m.at-4&&a<m.end)r.src=se(m.src);else return;if(!(a>=m.at-.8&&a<m.end)){r.paused||r.pause();return}const j=m.rate??1,p=(m.from??0)+Math.max(0,a-m.at)*j,i=(r.duration||1/0)-.05;if(a<m.at||p>=i){r.paused||r.pause();const h=Math.min(p,i);!r.seeking&&Math.abs(r.currentTime-h)>.05&&(r.currentTime=h);return}r.playbackRate!==j&&(r.playbackRate=j);const l=r.currentTime-p,S=s?.25:.04;!r.seeking&&Math.abs(l)>S&&(r.currentTime=p),s&&r.paused?r.play().catch(()=>{}):!s&&!r.paused&&r.pause()})}function ot(d){const a=qe.timeline({paused:!0}),s=n=>{const o=d.querySelector(`[data-x="${n}"]`);if(!o)throw new Error(`experience: missing [data-x="${n}"]`);return o},g=n=>Array.from(d.querySelectorAll(`[data-x="${n}"] .xp-word`)),r=(n,o,c,v=.3,N=.3)=>{const L=s(n);a.fromTo(L,{autoAlpha:0},{autoAlpha:1,duration:v||.001,ease:"none",immediateRender:!1},o),a.fromTo(L,{autoAlpha:1},{autoAlpha:0,duration:N||.001,ease:"none",immediateRender:!1},c-(N||.001))},m=(n,o,c=.09,v=.9)=>{a.fromTo(g(n),{opacity:0,y:34,filter:"blur(14px)"},{opacity:1,y:0,filter:"blur(0px)",duration:v,stagger:c,ease:"power3.out"},o)},j=(n,o=1,c=.5,v="flash")=>{a.fromTo(s(v),{opacity:o},{opacity:0,duration:c,ease:"power2.out",immediateRender:!1},n),a.set(s(v),{opacity:0},n-.001)},p=(n,o,c,v,N,L="power1.inOut")=>{const Y=s(n),$={n:0};a.fromTo($,{n:0},{n:v,duration:c,ease:L,immediateRender:!1,onUpdate:()=>{Y.textContent=N($.n)}},o)},i=(n,o,c=.9)=>{String(n).split("").forEach((v,N)=>{a.to(s(`year-${N}`),{y:-oe*Number(v),duration:c,ease:"power3.inOut"},o+N*.05)})};r("oldfx",0,k.drop,.001,.001),r("projector",.05,t(1)+.5,1.4,.7),a.fromTo(s("projector-v"),{scale:1.15},{scale:1,duration:3.4,ease:"none",immediateRender:!1},0),a.fromTo(s("beam"),{scale:.05},{scale:1,duration:2.6,ease:"power2.out"},.2),r("l1",t(1),t(3)-.1,.01,.5),m("l1",t(1),.14,1.2),r("l2",t(3)+.1,t(5)-.1,.01,.4),m("l2",t(3)+.1,.1,1),r("hist",t(5),t(15),.25,.2),a.fromTo(s("hist-frame"),{scale:.94,opacity:0},{scale:1,opacity:1,duration:1.4,ease:"expo.out"},t(5)),"1878".split("").forEach((n,o)=>a.set(s(`year-${o}`),{y:-oe*Number(n)},0)),[["h_horse",t(5),t(7)],["h_train",t(7),t(9)],["h_moon",t(9),t(11)],["h_market_horse",t(11),t(12)],["h_market_car",t(12),t(13)],["h_ford_line",t(13),t(14)],["h_ford_car",t(14),t(15)]].forEach(([n,o,c])=>{r(`hv-${n}`,o,c,.001,.001),a.fromTo(s(`hv-${n}`),{scale:1},{scale:1.06,duration:c-o,ease:"none",immediateRender:!1},o),o>t(5)&&j(o,.85,.22,"hist-flash")});const l=[t(5),t(7),t(9),t(11),t(13)];we.forEach((n,o)=>{const c=l[o],v=l[o+1]??t(15);r(`cap-${o}`,c+.05,v,.01,.25),m(`cap-${o}`,c+.2,.07,.8),o>0&&i(n.year,c-.35)}),r("cost",t(15),t(18)-.05,.3,.35),m("cost",t(15)+.1,.1);const S=[t(16),t(16)+.9,t(17),t(17)+.9];Ne.forEach((n,o)=>{a.fromTo(s(`cost-${o}`),{opacity:0,x:-40,filter:"blur(10px)"},{opacity:1,x:0,filter:"blur(0px)",duration:.5,ease:"power3.out"},S[o]),o>0&&a.to(s(`cost-${o-1}`),{opacity:.32,duration:.4},S[o])}),r("modelt",t(18)+.05,t(20)-.1,.01,.4),m("modelt",t(18)+.1,.12,1.1),r("apollo",35.9,k.drop+.2,1.2,.001),a.fromTo(s("apollo"),{scale:1.12},{scale:1,duration:3.2,ease:"none",immediateRender:!1},35.9),r("untilnow",t(20),k.drop,.01,.15),a.fromTo(g("untilnow"),{opacity:0,scale:1.3,filter:"blur(20px)"},{opacity:1,scale:1,filter:"blur(0px)",duration:.9,stagger:.25,ease:"expo.out"},t(20)),a.fromTo(s("flash"),{opacity:0},{opacity:1,duration:.28,ease:"power2.in",immediateRender:!1},k.drop-.28);const h=k.drop;a.fromTo(s("flash"),{opacity:1},{opacity:0,duration:1.1,ease:"power2.out",immediateRender:!1},h),r("grain2",h,203,.001,.001),r("glow",h,t(36)+1.2,.4,.8),a.fromTo(s("glow-a"),{x:0,y:0},{x:260,y:120,duration:27,ease:"sine.inOut",immediateRender:!1},h),a.fromTo(s("glow-b"),{x:0,y:0},{x:-320,y:-160,duration:27,ease:"sine.inOut",immediateRender:!1},h),r("logo",h,t(24)+.2,.001,.5),a.fromTo(s("rays"),{rotation:-20,opacity:0},{rotation:30,opacity:1,duration:5.4,ease:"none",immediateRender:!1},h);for(let n=0;n<44;n++){const o=M(n+3)*Math.PI*2,c=260+M(n+11)*760;a.fromTo(s(`spark-${n}`),{x:0,y:0,opacity:1,scale:1},{x:Math.cos(o)*c,y:Math.sin(o)*c*.7,opacity:0,scale:.3,duration:1.2+M(n+5),ease:"power3.out",immediateRender:!1},h)}a.fromTo(s("mark"),{scale:2.4,opacity:0,x:318}
1,{scale:1,opacity:1,x:318,duration:1,ease:"expo.out"},h);const C=s("mark-outline");a.fromTo(C,{strokeDasharray:700,strokeDashoffset:700},{strokeDashoffset:0,duration:1.4,ease:"power2.inOut"},h),a.fromTo(s("mark-m"),{opacity:0},{opacity:1,duration:.6},h+.35),a.to(s("mark"),{x:0,duration:.9,ease:"power3.inOut"},t(22)-.5),a.fromTo(s("wordmark"),{clipPath:"inset(0 100% 0 0)",opacity:0},{clipPath:"inset(0 0% 0 0)",opacity:1,duration:1,ease:"power3.out"},t(22)),m("logo",t(23),.12),j(t(22),.25,.4),r("ui",t(24),t(36)+.9,.001,.5),a.fromTo(s("ui-window"),{y:160,rotationX:28,scale:.9,opacity:0},{y:0,rotationX:0,scale:1,opacity:1,duration:1.3,ease:"expo.out"},t(24)),a.to(s("ui-window"),{rotationY:-5,rotationX:4,duration:8,ease:"sine.inOut"},t(24)+1.3),a.to(s("ui-window"),{rotationY:4,rotationX:-2,duration:8,ease:"sine.inOut"},t(24)+9.3),a.to(s("ui-window"),{rotationY:0,rotationX:0,duration:2.2,ease:"sine.inOut"},t(35)-1.8),r("ui-prompt",t(24),t(27)+.2,.001,.35),m("ui-prompt",t(24)+.4,.08);const V=s("ui-typed"),U={n:0};a.fromTo(U,{n:0},{n:74,duration:2.5,ease:"none",immediateRender:!1,onUpdate:()=>{V.textContent=Je.slice(0,Math.round(U.n))}},t(24)+.9),a.set(U,{n:0,onComplete:void 0},0),a.fromTo(s("cursor"),{x:1500,y:980,opacity:0},{x:1180,y:700,opacity:1,duration:.9,ease:"power2.inOut"},t(26)-.3),a.to(s("cursor"),{scale:.82,duration:.08},t(26)+.62),a.to(s("cursor"),{scale:1,duration:.2},t(26)+.72),a.to(s("ui-button"),{scale:.95,duration:.08},t(26)+.62),a.to(s("ui-button"),{scale:1,boxShadow:`0 0 60px ${y}`,duration:.3},t(26)+.72),a.fromTo(s("ui-ripple"),{scale:.3,opacity:1},{scale:3.2,opacity:0,duration:.8,ease:"power2.out",immediateRender:!1},t(26)+.66),a.to(s("cursor"),{opacity:0,duration:.3},t(27)-.2),r("ui-script",t(27)-.15,t(30)+.25,.3,.3),a.fromTo(s("ui-ff"),{opacity:0},{opacity:1,duration:.2,immediateRender:!1},t(27)),a.to(s("ui-ff"),{opacity:0,duration:.3},t(36)),a.fromTo(s("script-bar"),{width:"0%"},{width:"100%",duration:t(30)-t(27)-.5,ease:"power1.inOut",immediateRender:!1},t(27)+.1),p("script-pct",t(27)+.1,t(30)-t(27)-.5,100,n=>`${Math.round(n)}%`),Se.forEach((n,o)=>{a.fromTo(s(`sl-${o}`),{opacity:0,x:-24},{opacity:1,x:0,duration:.35,ease:"power2.out",immediateRender:!1},t(27)+.25+o*.6)}),Re.forEach((n,o)=>{a.fromTo(s(`pc-${o}`),{opacity:0,y:16},{opacity:1,y:0,duration:.35,ease:"back.out(2)",immediateRender:!1},t(27)+.7+o*.45)}),a.fromTo(s("plan-still"),{opacity:0,y:30},{opacity:1,y:0,duration:.6,ease:"power3.out",immediateRender:!1},t(28)+.8),r("ui-board",t(30)-.15,t(33)+.25,.3,.3),Z.forEach((n,o)=>{const c=t(30)+.2+o*.22;a.fromTo(s(`card-${o}`),{opacity:0,y:40,scale:.85},{opacity:1,y:0,scale:1,duration:.45,ease:"back.out(1.6)",immediateRender:!1},c),a.fromTo(s(`card-img-${o}`),{clipPath:"inset(0 0 100% 0)"},{clipPath:"inset(0 0 0% 0)",duration:.5,ease:"power3.out",immediateRender:!1},t(31)+o*.24)}),p("board-count",t(31),3.1799999999999997,12,n=>`${Math.floor(n)} / 12 shots`,"none"),r("ui-edit",t(33)-.15,t(36)+.9,.3,.001),[1,2,3].forEach(n=>{a.fromTo(s(`wave-${n}`),{clipPath:"inset(0 100% 0 0)"},{clipPath:"inset(0 0% 0 0)",duration:1.6,ease:"power2.out",immediateRender:!1},t(33)+.2+n*.25)}),a.fromTo(s("playhead"),{x:0},{x:1250,duration:t(36)-t(33)-.6,ease:"none",immediateRender:!1},t(33)+.3),p("tc",t(33)+.3,t(36)-t(33)-.6,1920,n=>{const o=Math.round(n),c=Math.floor(o/30);return`00:${String(Math.floor(c/60)).padStart(2,"0")}:${String(c%60).padStart(2,"0")}`},"none"),a.fromTo(s("render-bar"),{width:"0%"},{width:"100%",duration:t(36)-t(33)-1,ease:"power1.in",immediateRender:!1},t(33)+.4),p("render-pct",t(33)+.4,t(36)-t(33)-1,100,n=>`${Math.round(n)}%`,"power1.in"),a.fromTo(s("render-done"),{opacity:0,y:10},{opacity:1,y:0,duration:.35,immediateRender:!1},t(36)-.55),r("zoom",t(36),t(38),.001,.001);const E=et;a.fromTo(s("zoom-clip"),{clipPath:`inset(${E.top}px ${1920-E.left-E.width}px ${1080-E.top-E.height}px ${E.left}px round 10px)`},{clipPath:"inset(0px 0px 0px 0px round 0px)",duration:1.2,ease:"expo.inOut",immediateRender:!1},t(36)),a.to(s("ui-window"),{scale:1.5,opacity:0,duration:1.1,ease:"expo.inOut"},t(36)+.1),r("zv-photo",t(36),t(37),.001,.001),r("zv-smile",t(37),t(38),.001,.001),a.fromTo(s("zoom-cap"),{opacity:0,y:20},{opacity:1,y:0,duration:.8,ease:"power3.out",immediateRender:!1},t(36)+1.3),r("now",t(38),t(40)-.05,.001,.25),[t(38),t(38)+.9,t(39)].forEac
1h((n,o)=>{a.fromTo(s(`now-${o}`),{opacity:0,scale:1.5,filter:"blur(24px)"},{opacity:1,scale:1,filter:"blur(0px)",duration:.55,ease:"expo.out",immediateRender:!1},n)}),j(t(38),.3,.3),K.forEach((n,o)=>{const c=je(o);r(`ch-${o}`,c.at,c.end,.001,.001),a.fromTo(s(`chp-${o}`),{scale:1.12},{scale:1,duration:c.reveal-c.at+.5,ease:"power2.out",immediateRender:!1},c.at),a.fromTo(s(`chn-${o}`),{opacity:0},{opacity:1,duration:.3,immediateRender:!1},c.at+.1),a.fromTo(s(`chw-${o}`),{opacity:0,y:30},{opacity:1,y:0,duration:.5,ease:"power3.out",immediateRender:!1},c.at+.15),a.fromTo(s(`chf-${o}`),{clipPath:"inset(0 0 0 100%)"},{clipPath:"inset(0 0 0 0%)",duration:.55,ease:"power3.inOut",immediateRender:!1},c.reveal-.3),a.fromTo(s(`chl-${o}`),{x:0,opacity:1},{x:-1924,duration:.55,ease:"power3.inOut",immediateRender:!1},c.reveal-.3),a.to(s(`chl-${o}`),{opacity:0,duration:.1},c.reveal+.25),n.films.length>1&&n.films.forEach((v,N)=>{a.fromTo(s(`chf-${o}-${N}`),{y:N%2?-80:80},{y:0,duration:.9,ease:"power3.out",immediateRender:!1},c.reveal-.3+N*.06)}),a.to(s(`chw-${o}`),{opacity:.55,duration:.3},c.reveal),a.fromTo(s(`chm-${o}`),{opacity:0,y:26,filter:"blur(10px)"},{opacity:1,y:0,filter:"blur(0px)",duration:.6,ease:"power3.out",immediateRender:!1},c.reveal+.15)});const A=k.hundredStart;r("hundred",A,t(58),.001,.4),a.fromTo(s("hb-0"),{opacity:0,y:30},{opacity:1,y:0,duration:.5,immediateRender:!1},A),a.fromTo(s("hb-0-bar"),{width:0},{width:1520,duration:1.2,ease:"power2.out",immediateRender:!1},A+.1),a.fromTo(s("hb-1"),{opacity:0,y:30},{opacity:1,y:0,duration:.5,immediateRender:!1},t(55)),a.fromTo(s("hb-1-bar"),{width:1520},{width:16,duration:1.1,ease:"expo.inOut",immediateRender:!1},t(55)+.35),a.to([s("hb-0"),s("hb-1")],{opacity:0,y:-30,duration:.3},t(56)-.3),a.fromTo(s("h100"),{opacity:0,scale:.7},{opacity:1,scale:1,duration:.5,ease:"back.out(2)",immediateRender:!1},t(56)),p("h100-num",t(56),1.3,100,n=>String(Math.max(1,Math.round(n))),"expo.out"),a.fromTo(s("h100"),{scale:1},{scale:1.08,duration:.12,yoyo:!0,repeat:1,immediateRender:!1},t(56)+1.3),j(t(56)+1.3,.25,.4),m("h100",t(57),.08),r("breath",t(58),t(63),.8,.6),a.fromTo(s("breath-v"),{scale:1},{scale:1.12,duration:t(63)-t(58),ease:"none",immediateRender:!1},t(58)),r("br-0",t(58)+.5,t(60)+.4,.001,.5),m("br-0",t(58)+.5,.14,1.3),r("br-1",t(60)+.9,t(63)-.3,.001,.6),m("br-1",t(60)+.9,.13,1.3);const J=k.wallStart;r("wall",J,t(69),.5,.001),a.fromTo(s("wall-hero"),{opacity:1},{opacity:0,duration:.5,ease:"none",immediateRender:!1},t(64)-.2),a.fromTo(s("wall-grid"),{scale:6,x:800,y:360},{scale:1.2,x:-160,y:-72,duration:3.6,ease:"expo.inOut",immediateRender:!0},t(64)-.2),a.to(s("wall-grid"),{scale:1.3,x:-240,y:-108,duration:t(69)-t(64)-3.4,ease:"none"},t(64)+3.4),a.fromTo(s("wall-scrim"),{opacity:0},{opacity:1,duration:.8,immediateRender:!1},t(66)-.4),r("wall-t0",t(66),t(67)+.2,.001,.3),m("wall-t0",t(66),.12),r("wall-t1",t(67)+.25,t(69),.001,.2),m("wall-t1",t(67)+.25,.12),[0,1,2].forEach(n=>{a.fromTo(s(`lang-${n}`),{opacity:0,x:n%2?-900:0},{opacity:1,x:n%2?-300:-700,duration:t(69)-t(66)+1,ease:"none",immediateRender:!1},t(66)-1)});const T=[t(69),t(70),t(71),t(72),t(73),t(74),t(75),t(76),t(77)];r("genres",T[0],T[8],.001,.001),ve.forEach((n,o)=>{r(`g-${o}`,T[o],T[o+1],.001,.001),a.fromTo(s(`g-${o}`),{scale:1.35,filter:"blur(10px)"},{scale:1,filter:"blur(0px)",duration:.45,ease:"expo.out",immediateRender:!1},T[o]),a.fromTo(s("genres-v"),{scale:1.07},{scale:1,duration:T[o+1]-T[o],ease:"power2.out",immediateRender:!1},T[o])}),j(T[0],.5,.35),r("montage",k.montageStart,k.outroStart,.001,.001),pe.slice(0,-1).forEach((n,o)=>{const c=pe[o+1];a.fromTo(s("montage-v"),{scale:1.08},{scale:1,duration:Math.max(.2,c-n),ease:"power3.out",immediateRender:!1},n);const v=n>=150.3;(o%4===0||v&&o%2===0)&&j(n,v?.35:.22,.18,"montage-flash")}),a.fromTo(s("montage-v"),{scale:1},{scale:1.15,duration:1.1,ease:"power1.in",immediateRender:!1},157.5),a.fromTo(s("montage-flash"),{opacity:0},{opacity:.6,duration:1.05,ease:"power2.in",immediateRender:!1},157.5),r("o-l0",159.4,162.9,.001,.5),m("o-l0",159.4,.14,1.2),r("o-rooftop",162.96,170,.8,.6),r("o-l1",169.9,173,.001,.5),m("o-l1",169.9,.14,1.2),r("o-tree",172.9,179.6,.8,.6),r("o-l2",179.47,183,.001,.5),m("o-l2",179.5,.14,1.2),r("o-smile",182.9,188.6,.8,.8),m("tell",185,.14,1.2),r("end",k.endCard,203.5,1,.001),a.fromTo(s("end-glow"),{scale:.6,opacity:0}
1,{scale:1,opacity:1,duration:4,ease:"power2.out",immediateRender:!1},k.endCard);const ee=s("end-outline");return a.fromTo(ee,{strokeDasharray:700,strokeDashoffset:700},{strokeDashoffset:0,duration:2,ease:"power2.inOut"},k.endCard+.2),a.fromTo(s("end-word"),{clipPath:"inset(0 100% 0 0)"},{clipPath:"inset(0 0% 0 0)",duration:1.4,ease:"power3.out"},k.endCard+.8),m("end",t(105),.14,1.2),a.fromTo(s("end-cta"),{opacity:0,y:20},{opacity:1,y:0,duration:.8,ease:"power3.out",immediateRender:!1},t(106)),a.set({},{},203.5),a}var ge=45,X=[23,3,26,11,14,29,9,16,24,1,27,20,15,30,7,12,25,21],ae=({stills:d,reverse:a})=>(0,e.jsx)("div",{className:"xp-drift flex gap-4",style:{width:"max-content",animationDuration:a?"90s":"110s",animationDirection:a?"reverse":"normal"},children:d.concat(d).map((s,g)=>(0,e.jsx)("img",{src:D(s),alt:"",className:"h-[180px] w-[320px] rounded-md object-cover",loading:"lazy"},g))}),rt=d=>d instanceof HTMLElement&&d.closest("button, a, input, textarea, select, [role=button]")!==null,it=()=>{const d=(0,x.useRef)(null),a=(0,x.useRef)(null),s=(0,x.useRef)(null),g=(0,x.useRef)(null),r=(0,x.useRef)(0),m=(0,x.useRef)(()=>{}),j=We(f=>f.user),[p,i]=(0,x.useState)("idle"),l=(0,x.useRef)("idle");l.current=p;const[S,h]=(0,x.useState)(void 0),[C,V]=(0,x.useState)(0),[U,E]=(0,x.useState)(!1),[A,J]=(0,x.useState)(1),[T,ee]=(0,x.useState)(!1),[n,o]=(0,x.useState)(!1),c=(0,x.useMemo)(()=>Ve(),[]),v=(0,x.useMemo)(()=>c.filter(f=>Q.some(R=>R.src===f&&R.at<ge)).length,[c]),N=S!==void 0&&U,L=Math.min(100,Math.round(C/(v+1)*100));(0,x.useEffect)(()=>{const f=new AbortController,R=[];let z=!1;const O=async b=>{try{const _=await fetch(b,{signal:f.signal});if(!_.ok)return null;const te=await _.blob();if(f.signal.aborted)return null;const ne=URL.createObjectURL(te);return R.push(ne),ne}catch{return null}},B=async b=>{const _=await O(se(b));f.signal.aborted||(s.current?.setSource(b,_??se(b)),V(te=>te+1))},q=c.filter(b=>Q.some(_=>_.src===b&&_.at<ge)),H=c.filter(b=>!q.includes(b));return Z.concat(X).forEach(b=>{const _=new Image;_.src=D(b)}),(async()=>{const b=await O(fe);if(!f.signal.aborted){h(b??fe),V(1);for(const _ of q)if(await B(_),f.signal.aborted)return;E(!0)}})(),m.current=()=>{z||(z=!0,(async()=>{for(const b of H)if(await B(b),f.signal.aborted)return})())},()=>{f.abort(),R.forEach(b=>URL.revokeObjectURL(b))}},[c]),(0,x.useEffect)(()=>{const f=()=>J(Math.min(window.innerWidth/1920,window.innerHeight/1080));return f(),window.addEventListener("resize",f),()=>window.removeEventListener("resize",f)},[]),(0,x.useEffect)(()=>{let f=0,R=-1,z=!1,O=0;const B=()=>{const q=a.current;if(q&&s.current){const H=q.currentTime,b=!q.paused;(H!==R||b!==z)&&(O=30),l.current!=="idle"&&(b||O>0)&&(s.current.render(H,b),O=Math.max(0,O-1),g.current&&(g.current.style.transform=`scaleX(${Math.min(1,H/De)})`)),R=H,z=b}f=requestAnimationFrame(B)};return f=requestAnimationFrame(B),()=>cancelAnimationFrame(f)},[]);const Y=(0,x.useCallback)(()=>{const f=d.current;f&&!document.fullscreenElement&&f.requestFullscreen&&f.requestFullscreen().catch(()=>{})},[]),$=(0,x.useCallback)(()=>{document.fullscreenElement&&document.exitFullscreen&&document.exitFullscreen().catch(()=>{})},[]),P=(0,x.useCallback)(()=>{o(!1),window.clearTimeout(r.current),r.current=window.setTimeout(()=>o(!0),2200)},[]);(0,x.useEffect)(()=>()=>window.clearTimeout(r.current),[]);const W=(0,x.useCallback)(f=>{const R=a.current;!R||!N||((f||R.ended)&&(R.currentTime=0),Y(),m.current(),P(),R.play().catch(()=>{}))},[Y,N,P]),ie=(0,x.useCallback)(()=>W(!0),[W]),F=(0,x.useCallback)(()=>{a.current?.pause()},[]),ke=()=>new URLSearchParams(window.location.search).get("from")?.startsWith("pricing")??!1,Te=(0,x.useCallback)(()=>{a.current?.pause(),$(),G.visit(ke()?"/pricing":"/")},[$]),_e=(0,x.useCallback)(()=>{a.current?.pause(),$(),j?He(j)?G.visit("/dashboard"):G.visit("/pricing"):G.visit("/register")},[$,j]);(0,x.useEffect)(()=>{const f=()=>{document.fullscreenElement||F()},R=z=>{P(),z.key==="Escape"&&(F(),$()),z.key===" "&&p!=="idle"&&!rt(z.target)&&(z.preventDefault(),a.current?.paused?W(!1):F())};return document.addEventListener("fullscreenchange",f),window.addEventListener("keydown",R),()=>{document.removeEventListener("fullscreenchange",f),window.removeEventListener("keydown",R)}},[$,F,p,W,P]);const $e=()=>{const f=a.current;f&&(f.muted=!f.muted,ee(f.muted))},ze=p==="playing"||p==="ended",le=p==="playing"&&n;return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(Fe,{title:"Experience M Studio",description:"A three-minute film about what happens when everyone can make one. Sound on, full screen.",canonical:"/experience"}),(0,e.jsxs)("div",{ref:d,className:"xp-root","data-idle":le,onMouseMove:P,onF
1ocus:P,children:[(0,e.jsx)("div",{className:"xp-stage",style:{display:p==="idle"?"none":void 0,transform:`translate(${-960*A}px, ${-540*A}px) scale(${A})`},children:(0,e.jsx)(at,{ref:s,onStart:_e,onReplay:ie})}),(0,e.jsx)("audio",{ref:a,src:S,preload:"auto",onPlay:()=>i("playing"),onPause:f=>i(f.currentTarget.ended?"ended":"paused"),onEnded:()=>i("ended")}),ze&&(0,e.jsxs)("div",{className:"xp-controls","data-idle":le,children:[(0,e.jsxs)("div",{className:"absolute right-4 top-4 flex gap-2",children:[(0,e.jsx)(I,{variant:"overlay",size:"icon",onClick:$e,"aria-label":T?"Turn sound on":"Turn sound off",children:T?(0,e.jsx)(Le,{className:"h-4 w-4"}):(0,e.jsx)(de,{className:"h-4 w-4"})}),p==="playing"&&(0,e.jsx)(I,{variant:"overlay",size:"icon",onClick:F,"aria-label":"Pause",children:(0,e.jsx)(Oe,{className:"h-4 w-4"})}),(0,e.jsxs)(I,{variant:"overlay",size:"md",leftIcon:(0,e.jsx)(Ie,{className:"h-4 w-4"}),onClick:()=>{F(),$()},children:["Close",(0,e.jsx)("kbd",{className:"rounded border border-white/20 px-1 font-mono text-[10px] text-white/60",children:"Esc"})]})]}),(0,e.jsx)("div",{className:"absolute inset-x-0 bottom-0 h-[3px] bg-white/10",children:(0,e.jsx)("div",{ref:g,className:"h-full origin-left bg-primary",style:{transform:"scaleX(0)"}})})]}),p==="paused"&&(0,e.jsxs)("div",{className:"absolute inset-0 flex flex-col items-center justify-center gap-6 bg-black/70 backdrop-blur-sm",children:[(0,e.jsx)("p",{className:"font-serif text-5xl text-white",children:"Paused"}),(0,e.jsxs)("div",{className:"flex flex-wrap items-center justify-center gap-3",children:[(0,e.jsx)(I,{size:"lg",leftIcon:(0,e.jsx)(me,{className:"h-4 w-4"}),onClick:()=>W(!1),children:"Resume"}),(0,e.jsx)(I,{variant:"outline",size:"lg",leftIcon:(0,e.jsx)(Ce,{className:"h-4 w-4"}),onClick:ie,children:"Start over"}),(0,e.jsx)(I,{variant:"outline",size:"lg",leftIcon:(0,e.jsx)(ce,{className:"h-4 w-4"}),onClick:Te,children:"Leave"})]})]}),p==="idle"&&(0,e.jsxs)("div",{className:"absolute inset-0 overflow-hidden bg-black",children:[(0,e.jsxs)("div",{className:"absolute inset-0 flex flex-col justify-center gap-4 opacity-25",children:[(0,e.jsx)(ae,{stills:X.slice(0,9)}),(0,e.jsx)(ae,{stills:X.slice(9),reverse:!0}),(0,e.jsx)(ae,{stills:X.slice(4,13)})]}),(0,e.jsx)("div",{className:"absolute inset-0 bg-[radial-gradient(ellipse_at_center,rgba(0,0,0,0.55)_0%,rgba(0,0,0,0.92)_70%)]"}),(0,e.jsx)("div",{className:"absolute left-1/2 top-1/2 h-[900px] w-[900px] -translate-x-1/2 -translate-y-1/2 rounded-full bg-[radial-gradient(circle,rgba(211,183,150,0.14),transparent_60%)]"}),(0,e.jsxs)(Ee,{href:"/",className:"absolute left-4 top-4 flex items-center gap-2 rounded-md px-2 py-1 text-sm text-white/70 transition-colors hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-violet-400",children:[(0,e.jsx)(ce,{className:"h-4 w-4"})," M Studio"]}),(0,e.jsxs)("div",{className:"relative flex h-full flex-col items-center justify-center px-4 text-center",children:[(0,e.jsx)("p",{className:"font-mono text-xs uppercase tracking-[0.3em] text-primary",children:"A film about the future of film"}),(0,e.jsxs)("h1",{className:"mt-5 font-serif text-6xl leading-none text-white sm:text-8xl md:text-9xl",children:["Experience ",(0,e.jsx)("span",{className:"italic text-primary",children:"M Studio"})]}),(0,e.jsx)("p",{className:"mt-6 max-w-xl text-base text-white/70 sm:text-lg",children:"Three minutes about what happens when everyone can make a film."}),(0,e.jsx)(I,{size:"lg",onClick:()=>W(!0),disabled:!N,leftIcon:(0,e.jsx)(me,{className:"h-5 w-5 fill-current"}),className:"mt-10 h-16 px-9 font-display text-lg font-bold shadow-[0_0_60px_rgba(211,183,150,0.35)] hover:shadow-[0_0_80px_rgba(211,183,150,0.5)]",children:"Experience M Studio"}),(0,e.jsx)("div",{className:"mt-6 h-[2px] w-64 overflow-hidden rounded-full bg-white/10",children:(0,e.jsx)("div",{className:"h-full bg-primary transition-[width] duration-300",style:{width:`${N?100:L}%`}})}),(0,e.jsx)("p",{className:"mt-3 font-mono text-[11px] uppercase tracking-[0.2em] text-white/50",children:N?"Ready":`Preparing the film · ${L}%`}),(0,e.jsxs)("p",{className:"mt-10 flex items-center gap-2 text-sm text-white/45",children:[(0,e.jsx)(de,{className:"h-4 w-4"})," Sound on",(0,e.jsx)("span",{className:"text-white/25",children:"·"}),(0,e.jsx)(Ae,{className:"h-4 w-4"})," Full screen",(0,e.jsx)("span",{className:"text-white/25",children:"·"}),"Press"," ",(0,e.jsx)("kbd",{className:"rounded border border-white/20 px-1.5 font-mono text-[11px]",children:"Esc"})," ","to leave"]})]})]})]})]})},gt=it;export{gt as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.