PageSourceSearch

https://www.ilm.com/visual-development/

html ilm.com collected 2026-10-01 08:44:20 UTC 61,790 bytes, 983 lines download raw bytes

1<!doctype html>
2<html lang="en-US">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1">
6    <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
7<script src="https://www.ilm.com/app/themes/ilm-v2-theme/library/one-trust.js"  type="text/javascript"></script>
7<script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" data-domain-script="26d6c1a1-2bc1-498f-b167-222b39113ab3"></script>
7<script type="text/javascript">
8	function OptanonWrapper() {
9	window.dataLayer.push({event:'OneTrustGroupsUpdated'});
10		OneTrust.OnConsentChanged(function() {
11			location.reload();
12		});
13	};
14	function when_external_loaded (callback) {
15        if (typeof OnetrustActiveGroups === 'undefined') {
16            setTimeout (function () {
17            when_external_loaded (callback);
18            }, 10);
19        }
20        else {
21            callback ();
22        }
23	}
24	function updatePrivacyChoicesLabel() {
25      const label = 'Your Privacy Choices';
26
27      document.querySelectorAll('.ot-sdk-show-settings').forEach(function (el) {
28          if (el.textContent.trim() !== label) {
29              el.textContent = label;
30              el.setAttribute('aria-label', label);
31          }
32      });
33	}
34
35	document.addEventListener('DOMContentLoaded', function () {
36      updatePrivacyChoicesLabel();
37
38      const observer = new MutationObserver(updatePrivacyChoicesLabel);
39
40      observer.observe(document.body, {
41          childList: true,
42          subtree: true,
43          characterData: true
44      });
45	});
46</script>
46
47
48	<!-- This site is optimized with the Yoast SEO plugin v27.9 - https://yoast.com/product/yoast-seo-wordpress/ -->
49	<title>Visual Development | Industrial Light &amp; Magic</title>
50	<link rel="canonical" href="https://www.ilm.com/visual-development/" />
51	<meta property="og:locale" content="en_US" />
52	<meta property="og:type" content="article" />
53	<meta property="og:title" content="Visual Development | Industrial Light &amp; Magic" />
54	<meta property="og:description" content="LM’s legendary Visual Development teams render early ideas into production-ready concepts." />
55	<meta property="og:url" content="https://www.ilm.com/visual-development/" />
56	<meta property="og:site_name" content="Industrial Light &amp; Magic" />
57	<meta property="article:publisher" content="https://www.facebook.com/ILMVFX" />
58	<meta property="article:modified_time" content="2026-05-28T18:25:28+00:00" />
59	<meta property="og:image" content="https://www.ilm.com/wp-content/uploads/2023/03/ilm-metadata-1.png" />
60	<meta property="og:image:width" content="1920" />
61	<meta property="og:image:height" content="1080" />
62	<meta property="og:image:type" content="image/png" />
63	<meta name="twitter:card" content="summary_large_image" />
64	<meta name="twitter:title" content="Visual Development | Industrial Light &amp; Magic" />
65	<meta name="twitter:description" content="LM’s legendary Visual Development teams render early ideas into production-ready concepts." />
66	<meta name="twitter:image" content="https://www.ilm.com/wp-content/uploads/2023/03/ilm-metadata-1.png" />
67	<meta name="twitter:site" content="@ILMVFX" />
68	
68<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.ilm.com\/visual-development\/","url":"https:\/\/www.ilm.com\/visual-development\/","name":"Visual Development | Industrial Light &amp; Magic","isPartOf":{"@id":"https:\/\/www.ilm.com\/#website"},"datePublished":"2024-01-30T23:38:29+00:00","dateModified":"2026-05-28T18:25:28+00:00","breadcrumb":{"@id":"https:\/\/www.ilm.com\/visual-development\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ilm.com\/visual-development\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.ilm.com\/visual-development\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.ilm.com\/"},{"@type":"ListItem","position":2,"name":"Visual Development"}]},{"@type":"WebSite","@id":"https:\/\/www.ilm.com\/#website","url":"https:\/\/www.ilm.com\/","name":"Industrial Light &amp; Magic","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.ilm.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}</script>
68
69	<!-- / Yoast SEO plugin. -->
70
71
72<link rel='dns-prefetch' href='//use.typekit.net' />
73<style id="wp-img-auto-sizes-contain-inline-css">
74img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
75/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
76</style>
77
78<style id="acf-callout-full-width-style-inline-css">
79/* blocks/callout-full-width/callout-full-width.css */
80.callout-full-width {
81    background-color: var(--color-roger-rabbit);
82    color: var(--color-black-panther);
83
84    h2 {
85        text-align: center;
86    }
87
88    .callout-full-width-wrap {
89        border-radius: 20px;
90        overflow: hidden;
91        aspect-ratio: 16 / 9;
92        width: 100%;
93        background: var(--color-black-panther);
94        display: flex;
95        position: relative;
96        padding: 3rem 8rem;
97        align-items: center;
98
99        &.thin {
100            aspect-ratio: 3.37 / 1;
101        }
102
103        @media screen and (max-width: 767px) {
104            aspect-ratio: 9 / 16;
105            padding: 3rem 0;
106            align-items: end;
107
108            &.thin {
109                aspect-ratio: 9 / 16;
110            }
111        }
112
113        .callout-copy {
114            display: flex;
115            flex-direction: column;
116            row-gap: 0.25rem;
117        }
118
119        &.right {
120            justify-content: flex-end;
121
122            @media screen and (max-width: 767px) {
123                justify-content: center;
124            }
125
126            .callout-copy {
127                width: 45%;
128
129                @media screen and (max-width: 767px) {
130                    width: 90%;
131                }
132            }
133        }
134
135        &.left {
136            justify-content: flex-start;
137
138            @media screen and (max-width: 767px) {
139                justify-content: center;
140            }
141
142            .callout-copy {
143                width: 45%;
144
145                @media screen and (max-width: 767px) {
146                    width: 90%;
147                }
148            }
149        }
150
151        &.full {
152            @media screen and (max-width: 767px) {
153                justify-content: center;
154            }
155
156            .callout-copy {
157                @media screen and (max-width: 767px) {
158                    width: 90%;
159                }
160            }
161        }
162
163        h3 {
164            color: var(--color-roger-rabbit);
165            text-align: left;
166            font-family: owners, sans-serif;
167            font-weight: 500;
168            font-size: 36px;
169            letter-spacing: .02em;
170            margin-bottom: 0;
171            padding-bottom: 0;
172
173            @media screen and (max-width: 767px) {
174                font-size: 24px;
175            }
176        }
177
178        h4 {
179            color: var(--color-delorean);
180            font-family: owners, sans-serif;
181            font-size: 32px;
182            font-style: normal;
183            font-weight: 700;
184            letter-spacing: .02em;
185            line-height: 120%;
186            margin-bottom: 0;
187            padding-bottom: 0;
188
189            @media screen and (max-width: 767px) {
190                font-size: 20px;
191            }
192        }
193
194        h5 {
195            color: var(--color-roger-rabbit);
196            font-family: code-saver, sans-serif;
197            font-size: 20px;
198            font-style: normal;
199            font-weight: 500;
200            line-height: 115%;
201            margin-bottom: 0;
202            padding-bottom: 0;
203
204            @media screen and (max-width: 767px) {
205                font-size: 20px;
206            }
207        }
208
209        .copy {
210            color: var(--color-roger-rabbit);
211            text-align: left;
212            font-size: 18px;
213            font-weight: 400;
214            margin-top: 2rem;
215        }
216
217        .buttons {
218            display: flex;
219            column-gap: 1.5rem;
220        }
221    }
222
223    .ilm-caption {
224        color: var(--color-ironhide);
225        font-family: code-saver, sans-serif;
226        font-size: 14px;
227        font-weight: 400;
228        margin-top: -10px;
229    }
230}
231/*# sourceURL=https://www.ilm.com/app/themes/ilm-v2-theme/blocks/callout-full-width/callout-full-width.css */
232</style>
233<style id="acf-one-column-style-inline-css">
234/* blocks/one-column/one-column.css */
235.one-column {
236    background-color: var(--color-roger-rabbit);
237    color: var(--color-black-panther);
238
239    @media screen and (min-width: 1023px) {
240        .sw-full {
241            width: 100%;
242            margin: 0 auto;
243        }
244
245        .sw-80 {
246            width: 80%;
247            margin: 0 auto;
248        }
249
250        .sw-70 {
251            width: 70%;
252            margin: 0 auto;
253        }
254
255        .sw-60 {
256            width: 60%;
257            margin: 0 auto;
258        }
259
260        .sw-50 {
261            width: 50%;
262            margin: 0 auto;
263        }
264    }
265
266    h3 {
267        text-align: left;
268        font-family: owners, sans-serif;
269        font-weight: 500;
270        font-size: 36px;
271        letter-spacing: .02em;
272
273        @media screen and (max-width: 1023px) {
274            font-size: 24px;
275        }
276    }
277
278    h4 {
279        color: var(--color-delorean);
280        font-family: owners, sans-serif;
281        font-size: 32px;
282        font-style: normal;
283        font-weight: 700;
284        letter-spacing: .02em;
285        line-height: 120%;
286
287        @media screen and (max-width: 1023px) {
288            font-size: 20px;
289        }
290    }
291
292    h5 {
293        font-family: code-saver, sans-serif;
294        font-size: 20px;
295        font-style: normal;
296        font-weight: 500;
297        line-height: 115%;
298
299        @media screen and (max-width: 1023px) {
300            font-size: 20px;
301        }
302    }
303
304    .text-ironhide.w-full.px-0.pt-1.lg\:pt-1.text-xs.lg\:text-base {
305        text-align: left;
306    }
307}
308/*# sourceURL=https://www.ilm.com/app/themes/ilm-v2-theme/blocks/one-column/one-column.css */
309</style>
310<style id="acf-subpage-hero-style-inline-css">
311/* blocks/subpage-hero/subpage-hero.css */
312.ilm-subpage-hero {
313    .section-inner {
314        .inner-copy {
315            h1 {
316                margin-top: 0;
317                padding-op: 0;
318            }
319
320            .ilm-subtitle.primary,
321            .ilm-subtitle.secondary {
322                font-family: "code-saver", sans-serif;
323                color: var(--color-magicians-red);
324                font-size: 18px;
325                line-height: 115%;
326            }
327
328            div.subpage-copy {
329                color: var(--color-black-panther);
330                font-weight: 400;
331                letter-spacing: .04em;
332                line-height: 120%;
333                font-family: owners, sans-serif;
334            }
335        }
336    }
337}
338/*# sourceURL=https://www.ilm.com/app/themes/ilm-v2-theme/blocks/subpage-hero/subpage-hero.css */
339</style>
340<style id="acf-testimonial-style-inline-css">
341/* blocks/testimonial/testimonial.css */
342.testimonial {
343    .quote {
344        color: var(--color-black-panther);
345        font-family: owners, sans-serif;
346        font-style: normal;
347        text-align: center;
348        font-size: 32px;
349        font-weight: 300;
350        letter-spacing: .64px;
351        line-height: 115%;
352        margin-bottom: 20px;
353    }
354
355    .attribution {
356        color: var(--color-black-panther);
357        font-family: owners, sans-serif;
358        font-style: normal;
359        text-align: center;
360        font-size: 16px;
361        font-weight: 400;
362        letter-spacing: .02em;
363        line-height: 120%;
364        margin-bottom: 10px;
365    }
366
367    .title {
368        color: var(--color-black-panther);
369        font-family: code-saver, sans-serif;
370        font-size: 14px;
371        font-style: normal;
372        font-weight: 400;
373        line-height: 115%;
374        text-align: center;
375    }
376
377    &.dark {
378        background: var(--color-black-panther);
379
380        .quote {
381            font-size: 50px;
382            font-weight: 600;
383
384            @media screen and (max-width: 1023px) {
385                font-size: 32px;
386            }
387        }
388
389        .quote,
390        .attribution,
391        .title {
392            color: var(--color-roger-rabbit);
393        }
394    }
395}
396/*# sourceURL=https://www.ilm.com/app/themes/ilm-v2-theme/blocks/testimonial/testimonial.css */
397</style>
398<style id="acf-two-column-style-inline-css">
399/* blocks/two-column/two-column.css */
400.two-column {
401    background-color: var(--color-roger-rabbit);
402    color: var(--color-black-panther);
403
404    h3 {
405        text-align: left;
406        font-family: owners, sans-serif;
407        font-weight: 500;
408        font-size: 36px;
409        letter-spacing: .02em;
410
411        @media screen and (max-width: 1023px) {
412            font-size: 24px;
413        }
414    }
415
416    h4 {
417        color: var(--color-delorean);
418        font-family: owners, sans-serif;
419        font-size: 32px;
420        font-style: normal;
421        font-weight: 700;
422        letter-spacing: .02em;
423        line-height: 120%;
424
425        @media screen and (max-width: 1023px) {
426            font-size: 20px;
427        }
428    }
429
430    h5 {
431        font-family: code-saver, sans-serif;
432        font-size: 20px;
433        font-style: normal;
434        font-weight: 500;
435        line-height: 115%;
436
437        @media screen and (max-width: 1023px) {
438            font-size: 20px;
439        }
440    }
441}
442/*# sourceURL=https://www.ilm.com/app/themes/ilm-v2-theme/blocks/two-column/two-column.css */
443</style>
444
445<style id="global-styles-inline-css">
446:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
446--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.625), 20px);--wp--preset--font-size--large: clamp(22.041px, 1.378rem + ((1vw - 3.2px) * 1.454), 36px);--wp--preset--font-size--x-large: clamp(25.014px, 1.563rem + ((1vw - 3.2px) * 1.769), 42px);--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:root { --wp--style--global--content-size: 768px;--wp--style--global--wide-size: 1280px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
446.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
447/*# sourceURL=global-styles-inline-css */
448</style>
449
450<link rel='stylesheet' id='adobe-fonts-css' href='https://use.typekit.net/xcn8bww.css?ver=7.1.2' media='all' />
451<link rel='stylesheet' id='ilm-main-0-css' href='https://www.ilm.com/app/themes/ilm-v2-theme/dist/assets/main-C3vYcROo.css?ver=1.0.0' media='all' />
452<meta name="google-site-verification" content="7ha5oz7uB1POOBuTOUXjBvAHHDrHtFbLu6gsSCo3Dk4" /><link rel="icon" href="https://www.ilm.com/wp-content/uploads/2014/12/cropped-favicon-ilm-rr-32x32.png" sizes="32x32" />
453<link rel="icon" href="https://www.ilm.com/wp-content/uploads/2014/12/cropped-favicon-ilm-rr-192x192.png" sizes="192x192" />
454<link rel="apple-touch-icon" href="https://www.ilm.com/wp-content/uploads/2014/12/cropped-favicon-ilm-rr-180x180.png" />
455<meta name="msapplication-TileImage" content="https://www.ilm.com/wp-content/uploads/2014/12/cropped-favicon-ilm-rr-270x270.png" />
456</head>
457<body class="wp-singular page-template-default page page-id-36958 wp-theme-ilm-v2-theme min-h-screen flex flex-col hero-light">
458    
459    <a class="sr-only focus:not-sr-only focus:absolute focus:left-4 focus:top-4 focus:z-50 focus:bg-white focus:p-3 focus:shadow" href="#main-content">
460        Skip to content    </a>
461
462    <header class="ilm-header">
463        <div class="ilm-header-inner">
464            <div class="ilm-logo">
465                                <a href="https://www.ilm.com/">
466                    <img src="https://www.ilm.com/app/themes/ilm-v2-theme/images/logos/ilm_logo_nav_black.svg" alt="ILM" width="208" height="50">
467                </a>
468            </div>
469            <nav class="ilm-nav" aria-label="Primary">
470                <ul id="ilm-menu" class="menu"><li id="menu-item-37002" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-36958 current_page_item menu-item-37002"><a href="https://www.ilm.com/visual-development/" aria-current="page">Visual Development</a></li>
471<li id="menu-item-37003" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-37003"><a href="https://www.ilm.com/stagecraft/">StageCraft</a></li>
472<li id="menu-item-37004" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-37004"><a href="/vfx/">VFX</a></li>
473<li id="menu-item-37005" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-37005"><a href="https://www.ilm.com/feature-animation/">Feature Animation</a></li>
474<li id="menu-item-39856" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-39856"><a href="https://www.ilm.com/immersive/">Immersive Entertainment</a></li>
475<li id="menu-item-37007" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-37007"><a href="#">Company</a>
476<ul class="sub-menu">
477	<li id="menu-item-38056" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-38056"><a href="https://www.ilm.com/newsroom/">News &amp; Features</a></li>
478	<li id="menu-item-37008" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-37008"><a href="https://www.ilm.com/about/">About</a></li>
479	<li id="menu-item-37009" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-37009"><a href="https://www.ilm.com/careers/">Careers</a></li>
480	<li id="menu-item-37010" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-37010"><a href="https://www.ilm.com/leadership/">Leadership</a></li>
481	<li id="menu-item-37012" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-37012"><a href="https://www.ilm.com/production-inquiries/">Inquiries</a></li>
482	<li id="menu-item-37013" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-37013"><a href="/locations/">Locations</a></li>
483	<li id="menu-item-38105" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-38105"><a href="/awards-nominations/">Awards</a></li>
484	<li id="menu-item-38133" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-38133"><a href="/lighterdarker/">Podcast: Lighter Darker</a></li>
485	<li id="menu-item-39955" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-39955"><a href="https://www.ilm.com/join-the-jedi-academy/">Join the Jedi Academy</a></li>
486	<li id="menu-item-37016" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-37016"><a href="https://www.ilm.com/studio-talent-group/">Studio Talent Group</a></li>
487</ul>
488</li>
489</ul>            </nav>
490            <div class="ilm-menu-toggle" aria-label="Menu" aria-expanded="false">
491                <button class="hamburger" type="button" aria-label="Menu" aria-expanded="false">
492                    <span></span>
493                    <span></span>
494                    <span></span>
495                </button>
496            </div>
497            <button class="ilm-search-button" aria-expanded="false" aria-controls="ilm-search-dialog">
498                <span class="sr-only">Open search</span>
499            </button>
500        </div>
501    </header>
502
503        <div class="ilm-social">
504        <div class="wrap">
505                                            <div class="social-link instagram">
506                    <a href="https://www.instagram.com/ilmvfx/" target="_blank" aria-label="Instagram" rel="noopener noreferrer">
507                    </a>
508                </div>
509                                            <div class="social-link linkedin">
510                    <a href="https://www.linkedin.com/company/industrial-light-&-magic" target="_blank" aria-label="Linkedin" rel="noopener noreferrer">
511                    </a>
512                </div>
513                                            <div class="social-link x">
514                    <a href="https://twitter.com/ILMVFX" target="_blank" aria-label="X" rel="noopener noreferrer">
515                    </a>
516                </div>
517                                            <div class="social-link facebook">
518                    <a href="https://www.facebook.com/ILMVFX/" target="_blank" aria-label="Facebook" rel="noopener noreferrer">
519                    </a>
520                </div>
521                                            <div class="social-link threads">
522                    <a href="https://www.threads.net/@ilmvfx" target="_blank" aria-label="Threads" rel="noopener noreferrer">
523                    </a>
524                </div>
525                                            <div class="social-link youtube">
526                    <a href="https://youtube.com/@ILMVFX" target="_blank" aria-label="Youtube" rel="noopener noreferrer">
527                    </a>
528                </div>
529                    </div>
530    </div>
531
532<main id="main-content">
533            <section  class="ilm-subpage-hero py-10 lg:py-16 ">
534    <div class="section-inner">
535
536                    <img decoding="async" class="desktop hidden lg:block w-full h-auto rounded-[20px] max-h-240 object-cover object-center" src="https://www.ilm.com/wp-content/uploads/2024/03/VisDev-Hero.png" alt="">
537        
538                    <img decoding="async" class="mobile block lg:hidden w-full h-auto rounded-[20px]" src="https://www.ilm.com/wp-content/uploads/2024/03/VisDev-Hero.png" alt="">
539        
540        
541        <div class="inner-copy w-full max-w-240 mx-auto flex flex-col py-6">
542
543            
544                            <h1>Visual Development</h1>
545            
546            
547            
548                            <div class="subpage-copy flex flex-col gap-y-12 w-full lg:text-[24px] pt-6"><p style="text-align: center;">ILM’s legendary Visual Development teams render early ideas into production-ready concepts. Known for our iconic design and creative problem-solving prowess, our artists are brought on board projects before and during the greenlight process to aid in bringing filmmaker’s concepts to life in concept art, character design, rapid prototyping, motion graphics, virtual art department (VAD), virtual scouting, virtual story reel, pre-flight and a host of other techniques.</p>
549<p style="text-align: center;">ILM’s art directors and concept artists can also serve as an extension of production and post-design teams. Our expert Virtual Art Department (VAD) can collaborate in real-time for worldbuilding, on-set visualization, creative development, film/episodic series lighting design, location-based entertainment, and immersive storytelling.</p>
550</div>
551            
552            
553            
554            
555        </div>
556
557    </div>
558</section>
559
560<section  class="callout-full-width section-pad-normal ">
561    <div class="section-inner">
562
563        
564        <div class="callout-full-width-wrap right normal">
565
566                            <img fetchpriority="high" decoding="async" width="1920" height="1080" src="https://www.ilm.com/wp-content/uploads/2024/03/ArtDept-desktop-darker-cropped-1.png" class="block lg:hidden absolute aspect-9/16 top-0 left-0 object-cover object-bottom z-10" alt="" srcset="https://www.ilm.com/wp-content/uploads/2024/03/ArtDept-desktop-darker-cropped-1.png 1920w, https://www.ilm.com/wp-content/uploads/2024/03/ArtDept-desktop-darker-cropped-1-300x169.png 300w, https://www.ilm.com/wp-content/uploads/2024/03/ArtDept-desktop-darker-cropped-1-1024x576.png 1024w, https://www.ilm.com/wp-content/uploads/2024/03/ArtDept-desktop-darker-cropped-1-768x432.png 768w, https://www.ilm.com/wp-content/uploads/2024/03/ArtDept-desktop-darker-cropped-1-1536x864.png 1536w, https://www.ilm.com/wp-content/uploads/2024/03/ArtDept-desktop-darker-cropped-1-1080x608.png 1080w, https://www.ilm.com/wp-content/uploads/2024/03/ArtDept-desktop-darker-cropped-1-1280x720.png 1280w, https://www.ilm.com/wp-content/uploads/2024/03/ArtDept-desktop-darker-cropped-1-980x551.png 980w, https://www.ilm.com/wp-content/uploads/2024/03/ArtDept-desktop-darker-cropped-1-480x270.png 480w" sizes="(max-width: 1920px) 100v
566w, 1920px" />            
567                            
568                                            <img decoding="async" width="1920" height="1080" src="https://www.ilm.com/wp-content/uploads/2024/03/ArtDept-desktop-darker-cropped-1.png" class="hidden lg:block absolute top-0 left-0 object-cover object-center z-10 w-full h-full" alt="" srcset="https://www.ilm.com/wp-content/uploads/2024/03/ArtDept-desktop-darker-cropped-1.png 1920w, https://www.ilm.com/wp-content/uploads/2024/03/ArtDept-desktop-darker-cropped-1-300x169.png 300w, https://www.ilm.com/wp-content/uploads/2024/03/ArtDept-desktop-darker-cropped-1-1024x576.png 1024w, https://www.ilm.com/wp-content/uploads/2024/03/ArtDept-desktop-darker-cropped-1-768x432.png 768w, https://www.ilm.com/wp-content/uploads/2024/03/ArtDept-desktop-darker-cropped-1-1536x864.png 1536w, https://www.ilm.com/wp-content/uploads/2024/03/ArtDept-desktop-darker-cropped-1-1080x608.png 1080w, https://www.ilm.com/wp-content/uploads/2024/03/ArtDept-desktop-darker-cropped-1-1280x720.png 1280w, https://www.ilm.com/wp-content/uploads/2024/03/ArtDept-desktop-darker-cropped-1-980x551.png 980w, https://www.ilm.com/wp-content/uploads/2024/03/ArtDept-desktop-darker-cropped-1-480x270.png 480w" sizes="(max-width: 1920px) 100vw, 1920px" />                    
569                    
570                            
571            <div class="callout-copy z-20">
572                                    <h3>Art Department</h3>
573                
574                
575                
576                                    <div class="copy"><p>For nearly 5 decades the award-winning artists of ILM&#8217;s global Art Department have helped filmmakers design, storyboard, and realize their film, television, and multimedia projects. Whether we are illustrating key emotional beats to get a project greenlit, dreaming up awe-inspiring environments to transport audiences, or developing never before seen creatures and characters, our artists bring your vision to life.</p>
577</div>
578                
579                                    <div class="buttons mt-6 lg:mt-12 flex flex-col lg:flex-row gap-y-4 lg:gap-y-0">
580                                                    <a
581    href="/art-department/"
582    class="button red"
583    target=""
584
585    
586    >
587    Learn More About the Art Department</a>                                            </div>
588                            </div>
589
590        </div>
591
592        
593            </div>
594</section>
595
596
597<section  class="callout-full-width section-pad-normal ">
598    <div class="section-inner">
599
600        
601        <div class="callout-full-width-wrap full thin">
602
603                            <img decoding="async" width="500" height="780" src="https://www.ilm.com/wp-content/uploads/2024/03/preflight-mobile.png" class="block lg:hidden absolute aspect-9/16 top-0 left-0 object-cover object-bottom z-10" alt="" srcset="https://www.ilm.com/wp-content/uploads/2024/03/preflight-mobile.png 500w, https://www.ilm.com/wp-content/uploads/2024/03/preflight-mobile-192x300.png 192w, https://www.ilm.com/wp-content/uploads/2024/03/preflight-mobile-480x749.png 480w" sizes="(max-width: 500px) 100v
603w, 500px" />            
604                            
605                                            <img loading="lazy" decoding="async" width="1920" height="570" src="https://www.ilm.com/wp-content/uploads/2024/03/preflight-3-1.png" class="hidden lg:block absolute top-0 left-0 object-cover object-center z-10 w-full h-full" alt="" srcset="https://www.ilm.com/wp-content/uploads/2024/03/preflight-3-1.png 1920w, https://www.ilm.com/wp-content/uploads/2024/03/preflight-3-1-300x89.png 300w, https://www.ilm.com/wp-content/uploads/2024/03/preflight-3-1-1024x304.png 1024w, https://www.ilm.com/wp-content/uploads/2024/03/preflight-3-1-768x228.png 768w, https://www.ilm.com/wp-content/uploads/2024/03/preflight-3-1-1536x456.png 1536w, https://www.ilm.com/wp-content/uploads/2024/03/preflight-3-1-1080x321.png 1080w, https://www.ilm.com/wp-content/uploads/2024/03/preflight-3-1-1280x380.png 1280w, https://www.ilm.com/wp-content/uploads/2024/03/preflight-3-1-980x291.png 980w, https://www.ilm.com/wp-content/uploads/2024/03/preflight-3-1-480x143.png 480w" sizes="auto, (max-width: 1920px) 100vw, 1920px" />                    
606                    
607                            
608            <div class="callout-copy z-20">
609                                    <h3>ILM Previz</h3>
610                
611                
612                
613                                    <div class="copy"><p>ILM Previz is Industrial Light &amp; Magic&#8217;s specialized visualization department focused on high-quality storytelling using previs, techvis, and postvis. What makes ILM Previz unique is our bespoke creative approach to the visualization challenge, crewed with experienced storytellers who craft narrative visual experiences that blend seamlessly with our clients&#8217; filmmaking style in an achievable and efficient workflow. Our mission is to provide a technically and aesthetically sound roadmap to production and a launch pad into visual effects post-production, resulting in a clear creative directive and fewer iterations in post.</p>
614</div>
615                
616                            </div>
617
618        </div>
619
620        
621            </div>
622</section>
623
624
625<section  class="callout-full-width section-pad-normal ">
626    <div class="section-inner">
627
628        
629        <div class="callout-full-width-wrap right normal">
630
631                            <img loading="lazy" decoding="async" width="1920" height="1257" src="https://www.ilm.com/wp-content/uploads/2024/03/VAD-1.png" class="block lg:hidden absolute aspect-9/16 top-0 left-0 object-cover object-bottom z-10" alt="" srcset="https://www.ilm.com/wp-content/uploads/2024/03/VAD-1.png 1920w, https://www.ilm.com/wp-content/uploads/2024/03/VAD-1-300x196.png 300w, https://www.ilm.com/wp-content/uploads/2024/03/VAD-1-1024x670.png 1024w, https://www.ilm.com/wp-content/uploads/2024/03/VAD-1-768x503.png 768w, https://www.ilm.com/wp-content/uploads/2024/03/VAD-1-1536x1006.png 1536w, https://www.ilm.com/wp-content/uploads/2024/03/VAD-1-1080x707.png 1080w, https://www.ilm.com/wp-content/uploads/2024/03/VAD-1-1280x838.png 1280w, https://www.ilm.com/wp-content/uploads/2024/03/VAD-1-980x642.png 980w, https://www.ilm.com/wp-content/uploads/2024/03/VAD-1-480x314.png 480w" sizes="auto, (max-width: 1920px) 100vw, 1920px" />            
632                            
633                                            <img loading="lazy" decoding="async" width="1920" height="1257" src="https://www.ilm.com/wp-content/uploads/2024/03/VAD-1.png" class="hidden lg:block absolute top-0 left-0 object-cover object-center z-10 w-full h-full" alt="" srcset="https://www.ilm.com/wp-content/uploads/2024/03/VAD-1.png 1920w, https://www.ilm.com/wp-content/uploads/2024/03/VAD-1-300x196.png 300w, https://www.ilm.com/wp-content/uploads/2024/03/VAD-1-1024x670.png 1024w, https://www.ilm.com/wp-content/uploads/2024/03/VAD-1-768x503.png 768w, https://www.ilm.com/wp-content/uploads/2024/03/VAD-1-1536x1006.png 1536w, https://www.ilm.com/wp-content/uploads/2024/03/VAD-1-1080x707.png 1080w, https://www.ilm.com/wp-content/uploads/2024/03/VAD-1-1280x838.png 1280w, https://www.ilm.com/wp-content/uploads/2024/03/VAD-1-980x642.png 980w, https://www.ilm.com/wp-content/uploads/2024/03/VAD-1-480x314.png 480w" sizes="auto, (max-width: 1920px) 100v
633w, 1920px" />                    
634                    
635                            
636            <div class="callout-copy z-20">
637                                    <h3>Virtual Art Department</h3>
638                
639                
640                
641                                    <div class="copy"><p>Our full-service Virtual Art Department (VAD) is staffed with ILM’s legendary artists who work hand in hand with filmmakers and their virtual production teams to design the environments and sets for the show. While predominantly used for StageCraft work, the ILM VAD can also be a great asset to any production that wants experienced visual-effects trained artists to help design elements of their production in a facile and inexpensive medium.</p>
642</div>
643                
644                                    <div class="buttons mt-6 lg:mt-12 flex flex-col lg:flex-row gap-y-4 lg:gap-y-0">
645                                                    <a
646    href="https://www.ilm.com/production-inquiries/"
647    class="button red"
648    target=""
649
650    
651    >
652    Contact Us About the Virtual Art Department</a>                                            </div>
653                            </div>
654
655        </div>
656
657        
658            </div>
659</section>
660
661
662    <section  class="one-column section-pad-normal ">
663        <div class="section-inner">
664            <div class="sw-60 text-center flex flex-col gap-y-4">
665
666                
667                    <div class="flex flex-col gap-y-4 flex-copy"><p style="text-align: left;">ILM VAD artists work in Unreal Engine to help design and assess what will be practical and what will be digital on set. They capture physical sets and locations, virtually scout computer-generated and digital locations, and develop preliminary environments that the DP can pre-light.</p>
668<p style="text-align: left;">ILM’s VAD collaborates with previs artists as well as the visual effects team, allowing the filmmakers to plan every aspect of the production – down to the smallest detail – so there are no surprises on the day of the shoot. This immersive planning is a great communication and diagnostic tool, but in no way limits the serendipity on set.</p>
669<p style="text-align: left;">After working with the ILM VAD to design environments prior to a shoot, filmmakers have said that they felt that their first day on set felt so familiar, it was, “like they were doing a re-shoot”, despite never having set foot on the physical set before.</p>
670</div>
671<style>
672    .flex-copy p {
673        font-family: owners, sans-serif;
674        font-size: 24px;
675        letter-spacing: .04em;
676        line-height: 115%;
677        font-weight: 400;
678
679        @media screen and (max-width: 1023px) {
680            font-size: 18px;
681        }
682    }
683</style>
684                
685            </div>
686        </div>
687    </section>
688
689
690<section  class="testimonial section-pad-normal light ">
691    <div class="section-inner">
692        <div class="max-w-290 mx-auto">
693
694                            <div class="quote">&quot;The VAD is equal parts artistry and technology with a solid foundation in filmmaking. Our goal is to help filmmakers achieve their vision without compromise while providing a blueprint for all departments to work from so we’re all moving in lockstep.&quot;</div>
695            
696                            <div class="attribution">Landis Fields</div>
697            
698                            <div class="title">
698Virtual Production Visualization Supervisor</div>
699            
700        </div>
701    </div>
702</section>
703
704<section  class="two-column section-pad-normal ">
705    <div class="section-inner">
706
707        <div class="grid lg:grid-cols-2 gap-y-6 lg:gap-y-0 lg:gap-x-48">
708            <!-- Column 1 -->
709            <div class="column1 flex flex-col gap-y-4 justify-center order-2 lg:order-1">
710                                    
711                        <h3>Virtual Camera</h3>
712                    
713                        <div class="flex flex-col gap-y-4 flex-copy"><p>Building on ILM’s pioneering virtual production toolset, filmmakers operate intuitive virtual cameras based on the filmmaking tools they’ve grown accustomed to on set. From operating a handheld camera to manipulating traditional wheels, or moving the camera on a dolly, camera crane, or Steadicam, filmmakers can take advantage of our tools throughout all phases of production.</p>
714<p>&nbsp;</p>
715</div>
716<style>
717    .flex-copy p {
718        font-family: owners, sans-serif;
719        font-size: 24px;
720        letter-spacing: .04em;
721        line-height: 115%;
722        font-weight: 400;
723
724        @media screen and (max-width: 1023px) {
725            font-size: 18px;
726        }
727    }
728</style>
729                                                </div>
730
731            <!-- Column 2 -->
732            <div class="column2 flex flex-col gap-y-4 justify-center order-1 lg:order-2">
733                                    
734                            <div class="max-w-screen">
735        <img decoding="async" class="lg:block lg:w-full h-auto lg:h-full rounded-[20px] object-cover" src="https://www.ilm.com/wp-content/uploads/2024/03/virt_story_reel.png" alt="">
736            </div>
737
738                                                </div>
739        </div>
740
741    </div>
742</section>
743
744
745<section  class="two-column section-pad-normal ">
746    <div class="section-inner">
747
748        <div class="grid lg:grid-cols-2 gap-y-6 lg:gap-y-0 lg:gap-x-48">
749            <!-- Column 1 -->
750            <div class="column1 flex flex-col gap-y-4 justify-center order-1 lg:order-1">
751                                    
752                            <div class="max-w-screen">
753        <img decoding="async" class="lg:block lg:w-full h-auto lg:h-full rounded-[20px] object-cover" src="https://www.ilm.com/wp-content/uploads/2024/03/visdev-1.png" alt="">
754            </div>
755
756                                                </div>
757
758            <!-- Column 2 -->
759            <div class="column2 flex flex-col gap-y-4 justify-center order-2 lg:order-2">
760                                    
761                        <h3>Virtual Story Reels</h3>
762                    
763                        <div class="flex flex-col gap-y-4 flex-copy"><p>Leveraging the above teams, some filmmakers elect to create Virtual Story Reels to allow filmmakers to capture their shots live on a stage anywhere in the world and get them immediately into the edit in a fraction of the time it would take to map scenes out using more traditional methods. Our Virtual Story Reel teams tap into our virtual production tools to allow for fast and accurate on-stage previsualization using motion capture and real-time techniques for the fastest possible feedback.</p>
764<p>&nbsp;</p>
765</div>
766<style>
767    .flex-copy p {
768        font-family: owners, sans-serif;
769        font-size: 24px;
770        letter-spacing: .04em;
771        line-height: 115%;
772        font-weight: 400;
773
774        @media screen and (max-width: 1023px) {
775            font-size: 18px;
776        }
777    }
778</style>
779                                                </div>
780        </div>
781
782    </div>
783</section>
784    </main>
785
786    <footer class="footer">
787        <div class="footer-top">
788            <div class="logo">
789                <a href="https://www.ilm.com/">
790                    <img src="https://www.ilm.com/app/themes/ilm-v2-theme/images/logos/footer_ilm_logo.svg" alt="ILM" width="208" height="50">
791                </a>
792            </div>
793
794                <div class="ilm-social">
795        <div class="wrap">
796                                            <div class="social-link instagram">
797                    <a href="https://www.instagram.com/ilmvfx/" target="_blank" aria-label="Instagram" rel="noopener noreferrer">
798                    </a>
799                </div>
800                                            <div class="social-link linkedin">
801                    <a href="https://www.linkedin.com/company/industrial-light-&-magic" target="_blank" aria-label="Linkedin" rel="noopener noreferrer">
802                    </a>
803                </div>
804                                            <div class="social-link x">
805                    <a href="https://twitter.com/ILMVFX" target="_blank" aria-label="X" rel="noopener noreferrer">
806                    </a>
807                </div>
808                                            <div class="social-link facebook">
809                    <a href="https://www.facebook.com/ILMVFX/" target="_blank" aria-label="Facebook" rel="noopener noreferrer">
810                    </a>
811                </div>
812                                            <div class="social-link threads">
813                    <a href="https://www.threads.net/@ilmvfx" target="_blank" aria-label="Threads" rel="noopener noreferrer">
814                    </a>
815                </div>
816                                            <div class="social-link youtube">
817                    <a href="https://youtube.com/@ILMVFX" target="_blank" aria-label="Youtube" rel="noopener noreferrer">
818                    </a>
819                </div>
820                    </div>
821    </div>
822        </div>
823
824        <div class="footer-main">
825            <div class="footer-content">
826                                    <h3>Let's work together</h3>
827                
828                                    <p>5 studios. One imaginative brain trust.</p>
829                
830                                    <div class="footer-buttons">
831                                                    <a
832    href="https://www.ilm.com/production-inquiries/"
833    class="button light red"
834    target=""
835
836    
837    >
838    Contact Us</a>                                            </div>
839                
840            </div>
841            <div class="footer-menus">
842                <nav aria-label="Footer menu 1"><div class="ilm-menu-footer"><ul id="ilm-menu-footer-01" class="menu"><li id="menu-item-43119" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-36958 current_page_item menu-item-43119"><a href="https://www.ilm.com/visual-development/" aria-current="page">Visual Development</a></li>
843<li id="menu-item-43120" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-43120"><a href="https://www.ilm.com/stagecraft/">StageCraft</a></li>
844<li id="menu-item-43121" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-43121"><a href="/vfx/">Visual Effects</a></li>
845<li id="menu-item-43122" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-43122"><a href="https://www.ilm.com/feature-animation/">Feature Animation</a></li>
846<li id="menu-item-43123" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-43123"><a href="https://www.ilm.com/immersive/">Immersive Entertainment</a></li>
847</ul></div></nav>
848                <nav aria-label="Footer menu 2"><div class="ilm-menu-footer"><ul id="ilm-menu-footer-02" class="menu"><li id="menu-item-43124" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-43124"><a href="https://www.ilm.com/production-inquiries/">Contact Us</a></li>
849<li id="menu-item-43125" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-43125"><a href="https://www.ilm.com/about/">About</a></li>
850<li id="menu-item-43126" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-43126"><a href="/vfx/">Projects</a></li>
851<li id="menu-item-43127" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-43127"><a href="/newsroom/">News &#038; Features</a></li>
852</ul></div></nav>
853                <nav aria-label="Footer menu 3"><div class="ilm-menu-footer"><ul id="ilm-menu-footer-03" class="menu"><li id="menu-item-43128" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-43128"><a href="https://www.ilm.com/leadership/">Leadership</a></li>
854<li id="menu-item-43129" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-43129"><a href="/locations/">Studio Locations</a></li>
855<li id="menu-item-43130" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-43130"><a href="https://www.ilm.com/careers/">Careers</a></li>
856<li id="menu-item-43132" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-43132"><a href="https://www.ilm.com/join-the-jedi-academy/">Intern through the Jedi Academy</a></li>
857</ul></div></nav>
858            </div>
859        </div>
860
861        <div class="max-w-[1920px] mx-auto">
862                    <div class="skyline">
863        
864            <div class="city">
865                <a href="https://www.ilm.com/locations/san-francisco/">
866                                            <img src="https://www.ilm.com/wp-content/uploads/2021/01/San-Francisco.svg" alt="San Francisco" />
867                                        San Francisco                </a>
868            </div>
869
870        
871            <div class="city">
872                <a href="https://www.ilm.com/locations/vancouver/">
873                                            <img src="https://www.ilm.com/wp-content/uploads/2021/01/Vancouver.svg" alt="Vancouver" />
874                                        Vancouver                </a>
875            </div>
876
877        
878            <div class="city">
879                <a href="https://www.ilm.com/locations/london/">
880                                            <img src="https://www.ilm.com/wp-content/uploads/2021/01/London.svg" alt="London" />
881                                        London                </a>
882            </div>
883
884        
885            <div class="city">
886                <a href="https://www.ilm.com/locations/mumbai/">
887                                            <img src="https://www.ilm.com/wp-content/uploads/2022/10/Mumbai.svg" alt="Mumbai" />
888                                        Mumbai                </a>
889            </div>
890
891        
892            <div class="city">
893                <a href="https://www.ilm.com/locations/sydney/">
894                                            <img src="https://www.ilm.com/wp-content/uploads/2021/01/Sydney.svg" alt="Sydney" />
895                                        Sydney                </a>
896            </div>
897
898            </div>
899        </div>
900
901        <div class="footer-legal-menu">
902            <div class="ilm-menu-footer-legal"><ul id="ilm-menu-footer-legal" class="menu"><li id="menu-item-1764" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1764"><a target="_blank" href="https://disneytermsofuse.com/">Terms of Use</a></li>
903<li id="menu-item-1766" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1766"><a target="_blank" href="https://support.disney.com/hc/en-us/articles/360000829466-Legal-Notices">Additional Content Information</a></li>
904<li id="menu-item-1765" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1765"><a target="_blank" href="https://privacy.thewaltdisneycompany.com/en/">Privacy Policy</a></li>
905<li id="menu-item-1767" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1767"><a target="_blank" href="https://privacy.thewaltdisneycompany.com/en/for-parents/childrens-online-privacy-policy/">Children’s Online Privacy Policy</a></li>
906<li id="menu-item-1768" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1768"><a target="_blank" href="https://privacy.thewaltdisneycompany.com/en/current-privacy-policy/your-us-state-privacy-rights/">Your US State Privacy Rights</a></li>
907<li id="menu-item-43957" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-43957"><a target="_blank" href="https://privacy.thewaltdisneycompany.com/en/privacy-controls/online-tracking-and-advertising/">Interest-Based Ads</a></li>
908<li id="menu-item-10343" class="ot-sdk-show-settings menu-item menu-item-type-custom menu-item-object-custom menu-item-10343"><a target="_blank" href="https://privacy.thewaltdisneycompany.com/en/dnsmi/">Your Privacy Choices</a></li>
909</ul></div>        </div>
910
911                    <div class="footer-copyright">
912                Industrial Light &amp; Magic, ILM, The Bulb And Gear Design Logo, StageCraft and TechnoProps are all service marks of Lucasfilm Ltd. © &amp; ™ Lucasfilm Ltd. All rights reserved.            </div>
913            </footer>
914
915                <dialog class="ilm-search-dialog" id="ilm-search-dialog" aria-label="Site search">
916        <form role="search" method="get" class="ilm-searchform" action="/">
917            <label for="site-search-field">Search Site</label>
918            <div class="search-box">
919                <input
920                    type="search"
921                    id="site-search-field"
922                    name="s"
923                    placeholder="Find it, you will"
924                    class="search-field"
925                    value=""
926                    required
927                >
928                <button type="submit" class="search-submit">
929                    <span class="sr-only">Search</span>
930                    <i class="search-icon" aria-hidden="true"></i>
931                </button>
932            </div>
933        </form>
934
935        <button type="button" class="dialog-close-icon" aria-label="Close search">
936            <svg class="h-6 w-6 fill-roger-rabbit" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640">
937                <path d="M504.6 148.5C515.9 134.9 514.1 114.7 500.5 103.4C486.9 92.1 466.7 93.9 455.4 107.5L320 270L184.6 107.5C173.3 93.9 153.1 92.1 139.5 103.4C125.9 114.7 124.1 134.9 135.4 148.5L278.3 320L135.4 491.5C124.1 505.1 125.9 525.3 139.5 536.6C153.1 547.9 173.3 546.1 184.6 532.5L320 370L455.4 532.5C466.7 546.1 486.9 547.9 500.5 536.6C514.1 525.3 515.9 505.1 504.6 491.5L361.7 320L504.6 148.5z"/>
938            </svg>
939        </button>
940    </dialog>
941
942            <dialog class="ilm-search-news-dialog" id="ilm-search-news-dialog" aria-label="News search">
943        <form role="search" method="get" class="ilm-searchform" action="/newsroom/">
944            <label for="news-search-field">Search News &amp; Features</label>
945            <div class="search-box">
946                <input
947                    type="search"
948                    id="news-search-field"
949                    name="s"
950                    placeholder="Find it, you will"
951                    class="search-field"
952                    value=""
953                    required
954                >
955                <button type="submit" class="search-submit">
956                    <span class="sr-only">Search</span>
957                    <i class="search-icon" aria-hidden="true"></i>
958                </button>
959            </div>
960        </form>
961
962        <button type="button" class="dialog-close-icon" aria-label="Close search">
963            <svg class="h-6 w-6 fill-roger-rabbit" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640">
964                <path d="M504.6 148.5C515.9 134.9 514.1 114.7 500.5 103.4C486.9 92.1 466.7 93.9 455.4 107.5L320 270L184.6 107.5C173.3 93.9 153.1 92.1 139.5 103.4C125.9 114.7 124.1 134.9 135.4 148.5L278.3 320L135.4 491.5C124.1 505.1 125.9 525.3 139.5 536.6C153.1 547.9 173.3 546.1 184.6 532.5L320 370L455.4 532.5C466.7 546.1 486.9 547.9 500.5 536.6C514.1 525.3 515.9 505.1 504.6 491.5L361.7 320L504.6 148.5z"/>
965            </svg>
966        </button>
967    </dialog>
968
969    <!-- handle classes -->
970    <div class="hidden lg:w-1/4 bg-beige"></div>
971    <div class="hidden lg:w-1/3 bg-burnt-orange"></div>
972    <div class="hidden lg:w-1/2 bg-forest-green"></div>
973    <div class="hidden lg:w-3/4 bg-gold"></div>
974    <div class="hidden lg:w-full bg-indy-khaki"></div>
975    <div class="hidden lg:w-full bg-light-blue"></div>
976
977    
977<script type="speculationrules">
978{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/app/*","/app/plugins/*","/app/themes/ilm-v2-theme/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
979</script>
vendor: 1 bytes, line 979
979
980<script id="ilm-main-js-module" src="https://www.ilm.com/app/themes/ilm-v2-theme/dist/assets/main-Dl7OQvXV.js?ver=1.0.0" type="module"></script>
vendor: 1 bytes, line 980
980
981<script id="adobe-analytics-js" src="https://www.ilm.com/app/themes/ilm-v2-theme/library/app-measurement.js?ver=7.1.2"></script>
981
982</body>
983</html>

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.