.goc-icn-login, .goc-icn-login-bar{ background-image:url(); background-size: 32px } html.goc-no-data-uri .goc-icn-login, html.goc-no-data-uri .goc-icn-login-bar{ background-image:url() } @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .goc-icn-login, .goc-icn-login-bar{ background-image:url(); } } .goc-left-2 > a{ } .goc-bg-dark .goc-left-2 > a{ } .goc-bg-blue .goc-left-2 > a{ } .goc-left-2.goc-top-dropdown:hover .goc-dropdown-link{ } .goc-bg-blue .goc-left-2.goc-top-dropdown:hover .goc-dropdown-link{ } .goc-bg-dark .goc-left-2.goc-top-dropdown:hover .goc-dropdown-link{ } .goc-left-4 > a{ } .goc-bg-dark .goc-left-4 > a{ } .goc-bg-blue .goc-left-4 > a{ } .goc-left-4.goc-top-dropdown:hover .goc-dropdown-link{ } .goc-bg-blue .goc-left-4.goc-top-dropdown:hover .goc-dropdown-link{ } .goc-bg-dark .goc-left-4.goc-top-dropdown:hover .goc-dropdown-link{ } @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .goc-left-2 > a{ } .goc-bg-dark .goc-left-2 > a{ } .goc-bg-blue .goc-left-2 > a{ } .goc-left-2.goc-top-dropdown:hover .goc-dropdown-link{ } .goc-bg-blue .goc-left-2.goc-top-dropdown:hover .goc-dropdown-link{ } .goc-bg-dark .goc-left-2.goc-top-dropdown:hover .goc-dropdown-link{ } .goc-left-4 > a{ } .goc-bg-dark .goc-left-4 > a{ } .goc-bg-blue .goc-left-4 > a{ } .goc-left-4.goc-top-dropdown:hover .goc-dropdown-link{ } .goc-bg-blue .goc-left-4.goc-top-dropdown:hover .goc-dropdown-link{ } .goc-bg-dark .goc-left-4.goc-top-dropdown:hover .goc-dropdown-link{ } } .bar-dropdown-content .goc-thumb-link{ height: 500px; } #goc-desktop-global .goc-desktop:hover .bar-dropdown-content{max-height: 532px;} @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { } @font-face{ font-family: InspireTWDC; font-weight: 400; font-style: italic; font-display: swap; src: url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/InspireTWDC-Italic-64b6d4c17e7c.eot?#iefix') format('embedded-opentype'), url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/InspireTWDC-Italic-8e2a9d76e87c.woff') format('woff'), url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/InspireTWDC-Italic-f0fe28c64639.ttf') format('truetype'), url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/InspireTWDC-Italic-e7800519503d.svg#InspireTWDC') format('svg'); } @font-face{ font-family: InspireTWDC; font-weight: 400; font-style: normal; font-display: swap; src: url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/InspireTWDC-Roman-889783b59e19.eot?#iefix') format('embedded-opentype'), url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/InspireTWDC-Roman-0679a1b070d1.woff') format('woff'), url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/InspireTWDC-Roman-f3ede4485e0f.ttf') format('truetype'), url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/InspireTWDC-Roman-52097caaf411.svg#InspireTWDC') format('svg'); } :root{ --header-font-family: InspireTWDC, Matterhorn, Matterhorn, Helvetica, sans-serif; --header-font-weight: 400; --header-font-style: normal; --body-font-family: InspireTWDC, Matterhorn, Matterhorn, Helvetica, sans-serif; --body-font-weight: 400; --body-font-style: normal; --utility-font-family: InspireTWDC, Matterhorn, Matterhorn, Helvetica, sans-serif; --utility-font-weight: 400; --utility-font-style: normal; --globalchrome-font-family: InspireTWDC, Matterhorn, Matterhorn, Helvetica, sans-serif; --globalchrome-font-weight: 400; --globalchrome-font-style: normal; --globalfooter-font-family: InspireTWDC, Matterhorn, Matterhorn, Helvetica, sans-serif; --globalfooter-font-weight: 400; --globalfooter-font-style: normal; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .module h1, .module h1 a, .module h2, .module h2 a, .module h3, .module h3 a, #nav-local *, #bottomnav h3, #bottomnav h3 a, #goc-menu dt a{ font-family: InspireTWDC, Matterhorn, Matterhorn, Helvetica, sans-serif !important; font-weight: 400; font-style: normal; } .module, .module input, .module textarea, .module select, .module button, .module.rich_article .summary *, #modal-window, #nav-local .gpt::after, #bottomnav, #goc-menu dd a, #goc-menu .menu-subsection a{ font-family: InspireTWDC, Matterhorn, Matterhorn, Helvetica, sans-serif !important; font-weight: 400; font-style: normal; } #utility input, #utility .social-links, #goc-body .regional-cookie-warning, .module.rich_article .article-meta *, .module.rich_article .category-labels, .module.global_branded_nav button, .module.global_branded_nav input, .module.local_nav_links ul li a, .module.local_nav_links ul li span, .module.breadcrumb_links span, .module.breadcrumb_links a, .module.headlines .category-labels, .module.headlines .publish-date, .module.see_more_link a, .module.card_grid .category-labels{ font-family: InspireTWDC, Matterhorn, Matterhorn, Helvetica, sans-serif !important; font-weight: 400; font-style: normal; } #goc-menu #goc-button, #goc-body #goc-bar a, #goc-body #goc-bar input{ font-family: InspireTWDC, Matterhorn, Matterhorn, Helvetica, sans-serif !important; font-weight: 400; font-style: normal; } #goc-ft a, #goc-ft #goc-ft-copyright, #goc-ft #goc-ft-about{ font-family: InspireTWDC, Matterhorn, Matterhorn, Helvetica, sans-serif !important; font-weight: 400; font-style: normal; } } /* base-level page background styles */ .body-bg{ opacity: 1; } .body-bg .main, .body-bg .safety-color{ background-color: #054553; } /* primary module-level color theme */ .module.primary-theme:not(.skip-styles) h1:not(.skip-text-styles), .module.primary-theme:not(.skip-styles) h1:not(.skip-text-styles) a, .module.primary-theme:not(.skip-styles) h2:not(.skip-text-styles), .module.primary-theme:not(.skip-styles) h2:not(.skip-text-styles) a, .module.primary-theme.list_module_featured:not(.skip-styles) h3:not(.skip-text-styles), .module.primary-theme.list_module_featured:not(.skip-styles) h3:not(.skip-text-styles) a, .module.primary-theme:not(.skip-styles) .accent-color{ color: #FFFFFF; } .module.primary-theme:not(.skip-styles) p:not(.skip-text-styles), .module:not(.skip-text-styles) ul:not(.skip-text-styles), .module.primary-theme:not(.skip-styles) li:not(.skip-text-styles), .module:not(.skip-text-styles) ol:not(.skip-text-styles), .module.primary-theme:not(.skip-styles) .base-color, .module.primary-theme:not(.skip-styles) .entity-container:not(.title-overlay) .entity-details .title, html.no-touch .module.primary-theme:not(.skip-styles) .entity-container.links-out:not(.skip-hover):not(.title-overlay) .entity-details a:hover .title, .module.primary-theme:not(.skip-styles) .entity-container:not(.title-overlay) .entity-details .ptitle{ color: #FFFFFF; } /* primary buttons aka first buttons */ .module.primary-theme:not(.skip-styles) button.large, .module.primary-theme:not(.skip-styles) .button.large, .module.primary-theme:not(.skip-styles) .content-overlay .cta-links-container .cta-item .button.large{ } /* primary buttons hover state */ .module.primary-theme:not(.skip-styles) button.large:hover, .module.primary-theme:not(.skip-styles) .button.large:hover, .module.primary-theme:not(.skip-styles) .content-overlay .cta-links-container .cta-item .button.large:hover{ } /* secondary buttons aka second buttons */ .module.primary-theme:not(.skip-styles) button.large.secondary, .module.primary-theme:not(.skip-styles) .button.large.secondary, .module.primary-theme:not(.skip-styles) .content-overlay .cta-links-container .cta-item .button.large.secondary{ } /* secondary buttons hover state */ .module.primary-theme:not(.skip-styles) button.large.secondary:hover, .module.primary-theme:not(.skip-styles) .button.large.secondary:hover, .module.primary-theme:not(.skip-styles) .content-overlay .cta-links-container .cta-item .button.large.secondary:hover{ } /* secondary module-level color theme */ .module.secondary-theme:not(.skip-styles) h1:not(.skip-text-styles), .module.secondary-theme:not(.skip-styles) h1:not(.skip-text-styles) a, .module.secondary-theme:not(.skip-styles) h2:not(.skip-text-styles), .module.secondary-theme:not(.skip-styles) h2 span:not(.skip-text-styles), .module.secondary-theme:not(.skip-styles) h2:not(.skip-text-styles) a, .module.secondary-theme.list_module_featured:not(.skip-styles) h3:not(.skip-text-styles), .module.secondary-theme.list_module_featured:not(.skip-styles) h3:not(.skip-text-styles) a, .module.secondary-theme:not(.skip-styles) .accent-color{ color: #FFFFFF; } .module.secondary-theme:not(.skip-styles) p:not(.skip-text-styles), .module.secondary-theme:not(.skip-styles) ul:not(.skip-text-styles), .module.secondary-theme:not(.skip-styles) li:not(.skip-text-styles), .module.secondary-theme:not(.skip-styles) ol:not(.skip-text-styles), .module.secondary-theme:not(.skip-styles) .base-color, .module.secondary-theme:not(.skip-styles) .entity-details h3:not(.skip-text-styles), .module.secondary-theme:not(.skip-styles) .entity-container:not(.title-overlay) .entity-details .title, html.no-touch .module.secondary-theme:not(.skip-styles) .entity-container.links-out:not(.skip-hover):not(.title-overlay) .entity-details a:hover .title, .module.secondary-theme:not(.skip-styles) .entity-container:not(.title-overlay) .entity-details .ptitle{ color: #FFFFFF; } /* primary buttons aka first buttons */ .module.secondary-theme:not(.skip-styles) button.large, .module.secondary-theme:not(.skip-styles) .button.large, .module.secondary-theme:not(.skip-styles) .content-overlay .cta-links-container .cta-item .button.large{ } /* primary buttons hover state */ .module.secondary-theme:not(.skip-styles) button.large:hover, .module.secondary-theme:not(.skip-styles) .button.large:hover, .module.secondary-theme:not(.skip-styles) .content-overlay .cta-links-container .cta-item .button.large:hover{ } /* secondary buttons aka second buttons */ .module.secondary-theme:not(.skip-styles) button.large.secondary, .module.secondary-theme:not(.skip-styles) .button.large.secondary, .module.secondary-theme:not(.skip-styles) .content-overlay .cta-links-container .cta-item .button.large.secondary{ } /* secondary buttons hover state */ .module.secondary-theme:not(.skip-styles) button.large.secondary:hover, .module.secondary-theme:not(.skip-styles) .button.large.secondary:hover, .module.secondary-theme:not(.skip-styles) .content-overlay .cta-links-container .cta-item .button.large.secondary:hover{ } /* page-level entity styles */ /* style-pack-configured takeover styles */ @media screen and (min-width: 1025px){ #nav-logo, #nav-local li a, aside.gpt.pushdown, #chrome-controls{ color: #fff; } #chrome-controls .chrome-controls-icon{ border-color: transparent #fff #fff transparent; } #nav-local li a.active{ color: #b2dfff; } } @media screen and (min-width: 1025px){ #nav-logo{ background-image: url(https://static-mh.content.disney.io/matterhorn/assets/logos/nav_logo-89193ebe6563.png);} } @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1025px), screen and (min-resolution: 144dpi) and (min-width: 1025px){ #nav-logo{ background-image: url(https://static-mh.content.disney.io/matterhorn/assets/logos/nav_logo@2x-25d10ad375dd.png);} } Cancel
#ref-1-1{ } #ref-1-1{ background-color: #054553; background-image: none; } @media screen and (min-width: 680px){ #ref-1-1{ background-repeat: no-repeat; } #ref-1-1{ background-size: 9; } }
#ref-1-1 .title h1, #ref-1-1 .title .desc, #ref-1-1 .title .meta, #ref-1-1 .title .meta-title, #ref-1-1 .title .text-links a, #ref-1-1 .title .credits-value, #ref-1-1 .title .watch_message { color: #ffffff; }

Good Chemistry: The Story of Elemental

TV-PG

0h 41min

September 13, 2023

Documentary

Pixar director Peter Sohn takes viewers on a humorous personal journey through the inspiration behind Disney and Pixar's feature film “Elemental.” “Good Chemistry: The Story of Elemental” traces his parents’ voyage from Korea to New York, explores his dad's former grocery shop in the heart of the Bronx, and delves into his choice of a career in animation, rather than the family business. The documentary is a delightful look at the unexpected influences that led to the making of the comedy-adventure “Elemental.” “Good Chemistry” is directed by Tony Kaplan and produced by Sureena Mann.

Rated: TV-PG
Runtime: 0h 41min
Release Date: September 13, 2023

@media screen and (min-width: 680px){ #ref-1-2{ background-repeat: no-repeat; } #ref-1-2{ background-size: 9; } }

Videos

@media screen and (min-width: 680px){ #ref-1-3{ background-repeat: no-repeat; } #ref-1-3{ background-size: 9; } }

Explore More

#ref-1-4{ background-color: #030c40; background-image: none; } #ref-1-4:before{ text-align: right; }
#ref-1-5{ background-color: #030C40; background-image: none; }

*U.S. residents, 18+ only. Access content from each service separately. Location data required to watch certain content. Offer valid for eligible subscribers only. Subject to Disney+ and ESPN+ Subscriber Agreement. For detailed information on billing and cancelation, please visit the Disney+ Help Center.