.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-2{ } #ref-1-2{ background-color: #054553; background-image: none; } @media screen and (min-width: 680px){ #ref-1-2{ background-repeat: no-repeat; } #ref-1-2{ background-size: 9; } }
#ref-1-2 .title h1, #ref-1-2 .title .desc, #ref-1-2 .title .meta, #ref-1-2 .title .meta-title, #ref-1-2 .title .text-links a, #ref-1-2 .title .credits-value, #ref-1-2 .title .watch_message { color: #ffffff; }

What If...?

TV-14

August 11, 2021

Action, Adventure, Animation, Anthology, Science Fiction, Superhero

'What If…?' flips the script on the MCU, reimagining famous events from the films in unexpected ways. Marvel Studios’ first animated series focuses on different heroes from the MCU, featuring a voice cast that includes a host of stars who reprise their roles. The series is directed by Bryan Andrews; AC Bradley is head writer.

Rated: TV-14
Release Date: August 11, 2021

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

Videos

#ref-1-4{ background-color: #054553; background-image: none; } @media screen and (min-width: 680px){ #ref-1-4{ background-repeat: no-repeat; } #ref-1-4{ background-size: 9; } } @media screen and (min-width: 680px){ #ref-1-5{ background-repeat: no-repeat; } #ref-1-5{ background-size: 9; } }

Explore More

#ref-1-6{ background-color: #030C40; background-image: none; } #ref-1-6:before{ text-align: right; }
#ref-1-7{ 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.

©ATAS/NATAS