CINXE.COM
EpicDigital
<!doctype html> <html lang="en"> <head> <meta content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" /> <meta charset="utf-8"> <title>EpicDigital</title> <meta description="" /> <meta property="og:url" content="https://epicdigital.com/moonshot" /> <meta property="og:type" content="website" /> <meta property="og:title" content="A Race to the Moon" /> <meta property="og:description" content="This series of short documentaries follows eight teams of eccentric space enthusiasts on their quest for the XPRIZE, a $30 million award given to the first group to put a robot on the moon. Produced with JJ Abrams’ Bad Robot, each film features a team and its story: the lives of their idiosyncratic members, their strategies and sacrifices, and what inspired them to take on the challenge." /> <meta property="og:image" content="https://epicdigital.com/img/shares/moonshot.jpg" /> <link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="./favicon-16x16.png"> <link rel="manifest" href="./site.webmanifest"> <link rel="mask-icon" href="./safari-pinned-tab.svg" color="#5bbad5"> <meta name="msapplication-TileColor" content="#000000"> <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="https://use.typekit.net/osa6oig.css"> <link rel="stylesheet" href="dist/css/all.css?t=1743872509"> <link rel="stylesheet" href="vendorjs/flipbook/css/pageflip.css?t=1743872509"> <script> window.viewmasterReady = false; var imagesLoaded = 0; window.imageLoaded = function(e) { imagesLoaded++; if(imagesLoaded === parseInt('14', 10)){ window.viewmasterReady = true; } } </script> </head> <body> <div id="content"> <a href="javascript:void(0);" class="header-logo logo"></a> <button class="hamburger hamburger--collapse" type="button"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </button> <nav id="nav"> <div class="main"> <ul> <li><a href="javascript:void(0);" class="goto" data-index="2">About</a></li> <li><a href="javascript:void(0);" class="goto" data-index="2" data-section="how">How We Work</a></li> <li><a href="javascript:void(0);" class="goto" data-index="2" data-section="carousel-about">Clients</a></li> <li><a href="javascript:void(0);" class="goto" data-index="2" data-section="contact">Contact Us</a></li> </ul> </div> <div class="projects"> <div class="title"> <span>Projects</span> </div> <ul> <li class="active"> <a data-index="1" href="#" class="project-link"><span>Moonshot</span></a> </li> <li class=""> <a data-index="3" href="#" class="project-link"><span>Story Talks</span></a> </li> <li class=""> <a data-index="4" href="#" class="project-link"><span>IBM</span></a> </li> <li class=""> <a data-index="5" href="#" class="project-link"><span>Go Unicorn Go</span></a> </li> <li class=""> <a data-index="6" href="#" class="project-link"><span>Syrian Film Workshop</span></a> </li> <li class=""> <a data-index="7" href="#" class="project-link"><span>RestaurantHer</span></a> </li> <li class=""> <a data-index="8" href="#" class="project-link"><span>Tackling the Gender Divide</span></a> </li> <li class=""> <a data-index="9" href="#" class="project-link"><span>GE: Together We Work</span></a> </li> <li class=""> <a data-index="10" href="#" class="project-link"><span>OKTA Identity</span></a> </li> <li class=""> <a data-index="11" href="#" class="project-link"><span>Argo</span></a> </li> <li class=""> <a data-index="12" href="#" class="project-link"><span>YOU Magazine</span></a> </li> <li class=""> <a data-index="13" href="#" class="project-link"><span>Beyond The Map</span></a> </li> <li class=""> <a data-index="14" href="#" class="project-link"><span>Ford: Further</span></a> </li> </ul> <a class="maglink" target="_blank" href="http://epicmagazine.com">Visit our sister site <span>Epic Magazine</span></a> </div> <div class="mobile"> <a href="#" class="goto" data-index="2">About</a> <a href="#" class="goto" data-index="2" data-section="how">How We Work</a> <a href="#" class="projects-link">Projects <span class="arrow-down"></span></a> <ul class="projects-toggle"> <li class="active"> <a href="#" data-index="1" class="project-link"><span>Moonshot</span></a> </li> <li class=""> <a href="#" data-index="2" class="project-link"><span>About</span></a> </li> <li class=""> <a href="#" data-index="3" class="project-link"><span>Story Talks</span></a> </li> <li class=""> <a href="#" data-index="4" class="project-link"><span>IBM</span></a> </li> <li class=""> <a href="#" data-index="5" class="project-link"><span>Go Unicorn Go</span></a> </li> <li class=""> <a href="#" data-index="6" class="project-link"><span>Syrian Film Workshop</span></a> </li> <li class=""> <a href="#" data-index="7" class="project-link"><span>RestaurantHer</span></a> </li> <li class=""> <a href="#" data-index="8" class="project-link"><span>Tackling the Gender Divide</span></a> </li> <li class=""> <a href="#" data-index="9" class="project-link"><span>GE: Together We Work</span></a> </li> <li class=""> <a href="#" data-index="10" class="project-link"><span>OKTA Identity</span></a> </li> <li class=""> <a href="#" data-index="11" class="project-link"><span>Argo</span></a> </li> <li class=""> <a href="#" data-index="12" class="project-link"><span>YOU Magazine</span></a> </li> <li class=""> <a href="#" data-index="13" class="project-link"><span>Beyond The Map</span></a> </li> <li class=""> <a href="#" data-index="14" class="project-link"><span>Ford: Further</span></a> </li> </ul> <a href="#" class="goto" data-index="2" data-section="carousel-about">Clients</a> <a href="#" class="goto" data-index="2" data-section="contact">Contact Us</a> </div> </nav> <div id="loader"> <img src="//epicdigital.com/img/viewmaster.svg" /> </div> <div class="intro__container" id="intro__container"> <div class="intro"> <div class="intro__copy"> <h1>Epic Digital</h1> <br class="br--mobile_portrait" />hunts for true <br class="br--mobile_portrait" />stories all <br class="br--landscape" />over <br class="br--mobile_portrait" />the world. <br class="br--mobile_portrait" />We surface deep <br />customer insights <br class="br--mobile_portrait" />and create <br class="br--mobile_portrait" />premium <br class="br--landscape" />content <br class="br--mobile_portrait" />that tells your <br class="br--mobile_portrait" />story. </div> <div class="intro__cta"> <div class="epic-logo"> <svg version="1.0" id="epic-logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 86.68 51.854" enable-background="new 0 0 86.68 51.854" xml:space="preserve"> <path fill="#FFFFFF" d="M86.68,51.854H0V0h86.68V51.854z M4.921,46.935h76.838V4.919H4.921V46.935z"/> <g> <path fill="#FFFFFF" d="M30.478,22.596c-0.117,0.104-0.236-0.052-0.237-0.18c-1.436-0.307-5.028,0.027-6.479,0.128l-0.71,1.615 c0.413,0.128,3.155-0.231,4.2,0.102c0.675,0.692,0.412,2.051,0.342,2.896c-0.035,0.307-0.119,1.716-0.519,1.152 c-0.001-0.205-0.196-0.153-0.274-0.18c-1.827-0.152-3.788,0.026-5.532,0.309l-0.764,2.074c1.254-0.153,2.687-0.23,3.923-0.179 c0.926,0.384,0.959,1.742,1.166,2.741c0.103,0.487,0.488,1.743-0.042,1.845c-0.154,0.103-0.119-0.23-0.217-0.205 c-2.666,0.205-5.371,0.486-7.934,1.436c-0.293,0.101-0.218-0.283-0.299-0.487c-0.186-0.948-1.181-4.355-1.405-5.227 c1.627-3.946,3.178-7.943,4.807-11.889c-0.022-0.18-0.006-0.462,0.171-0.538c2.489-0.102,7.006-0.384,9.539-0.308 c0.196,0,0.359,0.718,0.384,1.128C30.725,19.829,30.918,21.521,30.478,22.596"/> <path fill="#FFFFFF" d="M44.42,27.002c-2.285,3.075-5.023,3.895-8.243,3.689c0,0-0.812,2.133-1.498,4.681 c-0.082,0.305-0.899,0.163-1.162,0.162c-2.307-0.011-3.384-0.397-3.656-0.974c-0.147-0.315,0.664-1.92,0.681-2.151l3.172-8.583 c0.688-1.845,1.435-3.587,2.164-5.406c-0.079-0.052-0.161-0.334-0.025-0.512l0.253-0.18c3.02-0.333,7.743-0.769,9.202,3.766 C45.914,23.364,45.485,25.594,44.42,27.002 M39.31,22.263l-1.746,3.997c1.158-0.051,2.274-0.333,3.285-1.205 c0.467-0.408,0.952-0.921,0.945-1.64C41.8,22.135,40.231,22.237,39.31,22.263"/> <path fill="#FFFFFF" d="M49.604,35.466c0.022,0.282-0.033,0.642-0.328,0.591c-1.337-0.206-2.879-0.948-4.062-1.641 c-0.435-0.257,0.263-1.152,0.377-1.562c3.398-9.276,1.721-4.383,5.522-14.579c-0.12-0.231,0.014-0.642,0.152-0.563 c1.261,0.563,2.881,1.051,4.104,1.741c0.14,0.154,0.004,0.385,0.004,0.385C53.079,25.782,49.401,34.827,49.604,35.466"/> <path fill="#FFFFFF" d="M69.093,25.004c-0.133,0.359,0.238,0.153,0.163,0.513c-0.171,0.59-0.859,0.41-1.134,0.384 c-0.709-0.179-1.734-0.614-1.896-1.254c-0.245-0.975,0.098-1.922,0.246-2.742c-0.18-0.359-0.513-0.231-0.766-0.077 c-2.3,1.486-4.448,4.587-4.768,7.943c-0.125,1.229,0.762,1.537,1.543,1.229c0.996-0.41,1.905-1.69,2.267-2.945 c-0.002-0.23-0.201-0.514,0.053-0.615c1.141,0.23,2.244,0.691,3.193,1.486c0.278,0.23,0.379,0.64,0.403,1.024 c-0.146,1.204-0.765,2.178-1.383,3.101c-1.835,2.767-5.891,3.561-8.558,1.717c-1.363-0.948-2.324-2.846-2.286-4.868 c0.048-3.102,1.218-5.816,2.882-8.147c1.916-2.69,4.111-4.895,7.081-4.254c1.691,0.36,3.349,1.153,4.849,2.127 c0.257,0.154,0.554,0.409,0.559,0.846C70.513,21.775,69.705,23.364,69.093,25.004"/> </g> </svg> </div> <div class="intro__cta-button">CONTINUE TO SITE></div> </div> <!-- intro__cta --> </div> <!-- intro --> </div> <!-- intro__container --> <div class="top-view"> <div class="viewmaster-wrapper"> <div class="viewmaster-rotation-outer"> <div class="viewmaster"> <div class="hidden-images"> <img onload="imageLoaded()" src="https://epicdigital.com/img/thumbs/moonshot.jpg" /> <img onload="imageLoaded()" src="https://epicdigital.com/img/thumbs/moonshot-blur.jpg" /> <img onload="imageLoaded()" src="https://epicdigital.com/img/thumbs/about.jpg" /> <img onload="imageLoaded()" src="https://epicdigital.com/img/thumbs/about-blur.jpg" /> <img onload="imageLoaded()" src="https://epicdigital.com/img/thumbs/talks.jpg" /> <img onload="imageLoaded()" src="https://epicdigital.com/img/thumbs/talks-blur.jpg" /> <img onload="imageLoaded()" src="https://epicdigital.com/img/thumbs/ibm.jpg" /> <img onload="imageLoaded()" src="https://epicdigital.com/img/thumbs/ibm-blur.jpg" /> <img onload="imageLoaded()" src="https://epicdigital.com/img/thumbs/unicorn.jpg" /> <img onload="imageLoaded()" src="https://epicdigital.com/img/thumbs/unicorn-blur.jpg" /> <img onload="imageLoaded()" src="https://epicdigital.com/img/thumbs/care.jpg" /> <img onload="imageLoaded()" src="https://epicdigital.com/img/thumbs/care-blur.jpg" /> <img onload="imageLoaded()" src="https://epicdigital.com/img/thumbs/grubhub.jpg" /> <img onload="imageLoaded()" src="https://epicdigital.com/img/thumbs/grubhub-blur.jpg" /> <img onload="imageLoaded()" src="https://epicdigital.com/img/thumbs/women.jpg" /> <img onload="imageLoaded()" src="https://epicdigital.com/img/thumbs/women-blur.jpg" /> <img onload="imageLoaded()" src="https://epicdigital.com/img/thumbs/ge.jpg" /> <img onload="imageLoaded()" src="https://epicdigital.com/img/thumbs/ge-blur.jpg" /> <img onload="imageLoaded()" src="https://epicdigital.com/img/thumbs/okta.jpg" /> <img onload="imageLoaded()" src="https://epicdigital.com/img/thumbs/okta-blur.jpg" /> <img onload="imageLoaded()" src="https://epicdigital.com/img/thumbs/argo.jpg" /> <img onload="imageLoaded()" src="https://epicdigital.com/img/thumbs/argo-blur.jpg" /> <img onload="imageLoaded()" src="https://epicdigital.com/img/thumbs/you.jpg" /> <img onload="imageLoaded()" src="https://epicdigital.com/img/thumbs/you-blur.jpg" /> <img onload="imageLoaded()" src="https://epicdigital.com/img/thumbs/google.jpg" /> <img onload="imageLoaded()" src="https://epicdigital.com/img/thumbs/google-blur.jpg" /> <img onload="imageLoaded()" src="https://epicdigital.com/img/thumbs/ford.jpg" /> <img onload="imageLoaded()" src="https://epicdigital.com/img/thumbs/ford-blur.jpg" /> </div> <div class="image-ring count-13"> <div data-article="moonshot" data-index="1" class="image image-1 active" data-active-image="https://epicdigital.com/img/thumbs/moonshot.jpg" data-has-full-background="0" data-background-color="transparent"> <div class="flipper"> <div class="active-image" style="background-image:url(https://epicdigital.com/img/thumbs/moonshot.jpg);" > </div> <div class="blurred-image" style="background-image:url(https://epicdigital.com/img/thumbs/moonshot-blur.jpg);" > </div> <span>Google</span> </div> </div> <div data-article="about" data-index="2" class="image image-2 " data-active-image="https://epicdigital.com/img/thumbs/about.jpg" data-has-full-background="0" data-background-color="#62545c"> <div class="flipper"> <div class="active-image" style="background-image:url(https://epicdigital.com/img/thumbs/about.jpg);" > </div> <div class="blurred-image" style="background-image:url(https://epicdigital.com/img/thumbs/about-blur.jpg);" > </div> <span>About</span> </div> </div> <div data-article="talks" data-index="3" class="image image-3 " data-active-image="https://epicdigital.com/img/thumbs/talks.jpg" data-has-full-background="0" data-background-color="#ff7347"> <div class="flipper"> <div class="active-image" style="background-image:url(https://epicdigital.com/img/thumbs/talks.jpg);" > </div> <div class="blurred-image" style="background-image:url(https://epicdigital.com/img/thumbs/talks-blur.jpg);" > </div> <span>Talks</span> </div> </div> <div data-article="ibm" data-index="4" class="image image-4 " data-active-image="https://epicdigital.com/img/thumbs/ibm.jpg" data-has-full-background="1" data-background-color="#000"> <div class="flipper"> <div class="active-image" style="background-image:url(https://epicdigital.com/img/thumbs/ibm.jpg);" > </div> <div class="blurred-image" style="background-image:url(https://epicdigital.com/img/thumbs/ibm-blur.jpg);" > </div> <span>IBM</span> </div> </div> <div data-article="cannes" data-index="5" class="image image-5 " data-active-image="https://epicdigital.com/img/thumbs/unicorn.jpg" data-has-full-background="1" data-background-color="#ff407b"> <div class="flipper"> <div class="active-image" style="background-image:url(https://epicdigital.com/img/thumbs/unicorn.jpg);" > </div> <div class="blurred-image" style="background-image:url(https://epicdigital.com/img/thumbs/unicorn-blur.jpg);" > </div> <span>Cannes</span> </div> </div> <div data-article="care" data-index="6" class="image image-6 " data-active-image="https://epicdigital.com/img/thumbs/care.jpg" data-has-full-background="0" data-background-color="#bd6843"> <div class="flipper"> <div class="active-image" style="background-image:url(https://epicdigital.com/img/thumbs/care.jpg);" > </div> <div class="blurred-image" style="background-image:url(https://epicdigital.com/img/thumbs/care-blur.jpg);" > </div> <span>Care</span> </div> </div> <div data-article="grubhub" data-index="7" class="image image-7 " data-active-image="https://epicdigital.com/img/thumbs/grubhub.jpg" data-has-full-background="1" data-background-color="#06c0c5"> <div class="flipper"> <div class="active-image" style="background-image:url(https://epicdigital.com/img/thumbs/grubhub.jpg);" > </div> <div class="blurred-image" style="background-image:url(https://epicdigital.com/img/thumbs/grubhub-blur.jpg);" > </div> <span>Grubhub</span> </div> </div> <div data-article="women" data-index="8" class="image image-8 " data-active-image="https://epicdigital.com/img/thumbs/women.jpg" data-has-full-background="0" data-background-color="#fc7b5f"> <div class="flipper"> <div class="active-image" style="background-image:url(https://epicdigital.com/img/thumbs/women.jpg);" > </div> <div class="blurred-image" style="background-image:url(https://epicdigital.com/img/thumbs/women-blur.jpg);" > </div> <span>GOOGLE</span> </div> </div> <div data-article="ge" data-index="9" class="image image-9 " data-active-image="https://epicdigital.com/img/thumbs/ge.jpg" data-has-full-background="1" data-background-color="#000"> <div class="flipper"> <div class="active-image" style="background-image:url(https://epicdigital.com/img/thumbs/ge.jpg);" > </div> <div class="blurred-image" style="background-image:url(https://epicdigital.com/img/thumbs/ge-blur.jpg);" > </div> <span>GE</span> </div> </div> <div data-article="okta" data-index="10" class="image image-10 " data-active-image="https://epicdigital.com/img/thumbs/okta.jpg" data-has-full-background="1" data-background-color="#85b1d0"> <div class="flipper"> <div class="active-image" style="background-image:url(https://epicdigital.com/img/thumbs/okta.jpg);" > </div> <div class="blurred-image" style="background-image:url(https://epicdigital.com/img/thumbs/okta-blur.jpg);" > </div> <span>Okta</span> </div> </div> <div data-article="argo" data-index="11" class="image image-11 " data-active-image="https://epicdigital.com/img/thumbs/argo.jpg" data-has-full-background="0" data-background-color="#000"> <div class="flipper"> <div class="active-image" style="background-image:url(https://epicdigital.com/img/thumbs/argo.jpg);" > </div> <div class="blurred-image" style="background-image:url(https://epicdigital.com/img/thumbs/argo-blur.jpg);" > </div> <span>Warner</span> </div> </div> <div data-article="you" data-index="12" class="image image-12 " data-active-image="https://epicdigital.com/img/thumbs/you.jpg" data-has-full-background="0" data-background-color="#ff6766"> <div class="flipper"> <div class="active-image" style="background-image:url(https://epicdigital.com/img/thumbs/you.jpg);" > </div> <div class="blurred-image" style="background-image:url(https://epicdigital.com/img/thumbs/you-blur.jpg);" > </div> <span>You</span> </div> </div> <div data-article="google" data-index="13" class="image image-13 " data-active-image="https://epicdigital.com/img/thumbs/google.jpg" data-has-full-background="0" data-background-color="#000"> <div class="flipper"> <div class="active-image" style="background-image:url(https://epicdigital.com/img/thumbs/google.jpg);" > </div> <div class="blurred-image" style="background-image:url(https://epicdigital.com/img/thumbs/google-blur.jpg);" > </div> <span>Google</span> </div> </div> <div data-article="ford" data-index="14" class="image image-14 " data-active-image="https://epicdigital.com/img/thumbs/ford.jpg" data-has-full-background="0" data-background-color="#000000"> <div class="flipper"> <div class="active-image" style="background-image:url(https://epicdigital.com/img/thumbs/ford.jpg);" > </div> <div class="blurred-image" style="background-image:url(https://epicdigital.com/img/thumbs/ford-blur.jpg);" > </div> <span>Ford</span> </div> </div> </div> </div> </div> <div class="viewmaster-details"> <div data-index="moonshot" class="viewmaster-detail-image active"> <div class="detail-top"> <div class="detail-text"> <span>A RACE </span><span>TO THE MOON</span> </div> </div> <img src="https://epicdigital.com/img/google/google-logo-black.png" alt="Google - detail" class="logo" style="max-height:;" /> </div> <div data-index="about" class="viewmaster-detail-image "> <div class="detail-top"> <div class="detail-text"> <span>OUR </span><span>PROCESS</span> </div> </div> <div class="logo-text"> <span>ABOUT </span><span>EPIC</span> </div> </div> <div data-index="talks" class="viewmaster-detail-image "> <div class="detail-top"> <div class="detail-text"> <span>NARRATIVE </span><span>INSIGHTS</span> </div> </div> <div class="logo-text"> <span>STORY </span><span>TALKS</span> </div> </div> <div data-index="ibm" class="viewmaster-detail-image "> <div class="detail-top"> <div class="detail-text"> <span>UNCOVERING </span><span>GOLD</span> </div> </div> <img src="https://epicdigital.com/img/ibm/ibm-logo-black.jpg" alt="IBM - detail" class="logo" style="max-height:;" /> </div> <div data-index="cannes" class="viewmaster-detail-image "> <div class="detail-top"> <div class="detail-text"> <span>GAME FOR A </span><span> GOOD CAUSE</span> </div> </div> <img src="https://epicdigital.com/img/cannes/cannes-logo-black.jpg" alt="Cannes - detail" class="logo" style="max-height:62px;" /> </div> <div data-index="care" class="viewmaster-detail-image "> <div class="detail-top"> <div class="detail-text"> <span>FILMMAKERS </span><span>OF THE FUTURE</span> </div> </div> <img src="https://epicdigital.com/img/care/care-logo-black.jpg" alt="Care - detail" class="logo" style="max-height:;" /> </div> <div data-index="grubhub" class="viewmaster-detail-image "> <div class="detail-top"> <div class="detail-text"> <span> A TRIBUTE TO THE </span><span>RESTAURANTHERS</span> </div> </div> <img src="https://epicdigital.com/img/grubhub/grubhub-logo-black.jpg" alt="Grubhub - detail" class="logo" style="max-height:;" /> </div> <div data-index="women" class="viewmaster-detail-image "> <div class="detail-top"> <div class="detail-text"> <span>TACKLING THE </span><span>GENDER DIVIDE</span> </div> </div> <img src="https://epicdigital.com/img/google/google-logo-black.png" alt="GOOGLE - detail" class="logo" style="max-height:;" /> </div> <div data-index="ge" class="viewmaster-detail-image "> <div class="detail-top"> <div class="detail-text"> <span>MORE THAN </span><span> A JOB</span> </div> </div> <img src="https://epicdigital.com/img/ge/ge-logo-black.jpg" alt="GE - detail" class="logo" style="max-height:62px;" /> </div> <div data-index="okta" class="viewmaster-detail-image "> <div class="detail-top"> <div class="detail-text"> <span>AN </span><span>ANIMATED </span><span>SHORT</span> </div> </div> <img src="https://epicdigital.com/img/okta/okta-logo-black.jpg" alt="Okta - detail" class="logo" style="max-height:;" /> </div> <div data-index="argo" class="viewmaster-detail-image "> <div class="detail-top"> <img src="https://epicdigital.com/img/argo/detail-image.jpg" alt="Warner - detail icon" class="detail-image" /> <div class="detail-text"> <span>THE ACADEMY-</span><span>AWARD-WINNING FILM</span> </div> </div> <img src="https://epicdigital.com/img/argo/detail-logo.jpg" alt="Warner - detail" class="logo" style="max-height:;" /> </div> <div data-index="you" class="viewmaster-detail-image "> <div class="detail-top"> <div class="detail-text"> <span>A MAGAZINE </span><span>ABOUT IDENTITY</span> </div> </div> <img src="https://epicdigital.com/img/you/you-logo.jpg" alt="You - detail" class="logo" style="max-height:72px;" /> </div> <div data-index="google" class="viewmaster-detail-image "> <div class="detail-top"> <div class="detail-text"> <span>RIO DE JANEIRO </span><span> IN 360° </span> </div> </div> <img src="https://epicdigital.com/img/google/google-logo-black.png" alt="Google - detail" class="logo" style="max-height:;" /> </div> <div data-index="ford" class="viewmaster-detail-image "> <div class="detail-top"> <div class="detail-text"> <span>A STORY HUNT </span><span>ACROSS</span><span> NORTH AMERICA</span> </div> </div> <img src="https://epicdigital.com/img/ford/ford-logo.png" alt="Ford - detail" class="logo" style="max-height:;" /> </div> </div> <div class="viewmaster-background"> <div data-index="moonshot" class="viewmaster-background-image image-nonmobile active" data-background="https://epicdigital.com/img/posters/moonshot.jpg"> </div> <div data-index="moonshot" class="viewmaster-background-image image-mobile viewmaster-background-moonshot active" data-background="https://epicdigital.com/img/posters/moonshot-mobile.jpg" style="background-color:"> </div> <div data-index="about" class="viewmaster-background-image image-nonmobile " data-background="https://epicdigital.com/img/posters/about.jpg"> </div> <div data-index="about" class="viewmaster-background-image image-mobile viewmaster-background-about " data-background="https://epicdigital.com/img/posters/about-mobile.jpg" style="background-color:#62545c"> </div> <div data-index="talks" class="viewmaster-background-image image-nonmobile " data-background="https://epicdigital.com/img/posters/talks.jpg"> </div> <div data-index="talks" class="viewmaster-background-image image-mobile viewmaster-background-talks " data-background="https://epicdigital.com/img/posters/talks-mobile.jpg" style="background-color:#ff7347"> </div> <div data-index="care" class="viewmaster-background-image image-nonmobile " data-background="https://epicdigital.com/img/posters/care.jpg"> </div> <div data-index="care" class="viewmaster-background-image image-mobile viewmaster-background-care " data-background="https://epicdigital.com/img/posters/care-mobile.jpg" style="background-color:#bd6843"> </div> <div data-index="women" class="viewmaster-background-image image-nonmobile " data-background="https://epicdigital.com/img/posters/women.jpg"> </div> <div data-index="women" class="viewmaster-background-image image-mobile viewmaster-background-women " data-background="https://epicdigital.com/img/posters/women-mobile.jpg" style="background-color:#fc7b5f"> </div> <div data-index="argo" class="viewmaster-background-image image-nonmobile " data-background="https://epicdigital.com/img/posters/argo.jpg"> </div> <div data-index="argo" class="viewmaster-background-image image-mobile viewmaster-background-argo " data-background="https://epicdigital.com/img/posters/argo-mobile.jpg" style="background-color:#000"> </div> <div data-index="you" class="viewmaster-background-image image-nonmobile " data-background="https://epicdigital.com/img/posters/you.jpg"> </div> <div data-index="you" class="viewmaster-background-image image-mobile viewmaster-background-you " data-background="https://epicdigital.com/img/posters/you-mobile.jpg" style="background-color:#ff6766"> </div> <div data-index="google" class="viewmaster-background-image image-nonmobile " data-background="https://epicdigital.com/img/posters/google.jpg"> </div> <div data-index="google" class="viewmaster-background-image image-mobile viewmaster-background-google " data-background="https://epicdigital.com/img/posters/google-mobile.jpg" style="background-color:#000"> </div> <div data-index="ford" class="viewmaster-background-image image-nonmobile " data-background="https://epicdigital.com/img/posters/ford.jpg"> </div> <div data-index="ford" class="viewmaster-background-image image-mobile viewmaster-background-ford " data-background="https://epicdigital.com/img/posters/ford-mobile.jpg" style="background-color:#000000"> </div> </div> <div class="viewmaster-view-project"> <div class="pointer"></div> <button data-index="moonshot" class="viewmaster-view-button active"> <span>LEARN MORE</span> </button> <button data-index="about" class="viewmaster-view-button "> <span>LEARN MORE</span> </button> <button data-index="talks" class="viewmaster-view-button "> <span>LEARN MORE</span> </button> <button data-index="ibm" class="viewmaster-view-button "> <span>LEARN MORE</span> </button> <button data-index="cannes" class="viewmaster-view-button "> <span>LEARN MORE</span> </button> <button data-index="care" class="viewmaster-view-button "> <span>LEARN MORE</span> </button> <button data-index="grubhub" class="viewmaster-view-button "> <span>LEARN MORE</span> </button> <button data-index="women" class="viewmaster-view-button "> <span>LEARN MORE</span> </button> <button data-index="ge" class="viewmaster-view-button "> <span>LEARN MORE</span> </button> <button data-index="okta" class="viewmaster-view-button "> <span>LEARN MORE</span> </button> <button data-index="argo" class="viewmaster-view-button "> <span>LEARN MORE</span> </button> <button data-index="you" class="viewmaster-view-button "> <span>LEARN MORE</span> </button> <button data-index="google" class="viewmaster-view-button "> <span>LEARN MORE</span> </button> <button data-index="ford" class="viewmaster-view-button "> <span>LEARN MORE</span> </button> </div> <button class="prev"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 61.9 120" style="enable-background:new 0 0 61.9 120;" xml:space="preserve"> <polyline class="next-prev-color" points="61.2,0.8 1.7,59.9 61,119.2 "/> </svg> </button> <button class="next"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 61.9 120" style="enable-background:new 0 0 61.9 120;" xml:space="preserve"> <polyline class="next-prev-color" points="0.9,0.8 60.5,59.9 1.1,119.2 "/> </svg> </button> <audio class="viewmaster-sound-1" src="./media/change1.m4a" ></audio> <audio class="viewmaster-sound" src="./media/change.m4a" ></audio> </div> </div> <div class="full-backgrounds"> <img data-height="129.868228vw" data-height-mobile="315.466667vw" data-index="ibm" data-src="https://epicdigital.com/img/ibm/ibm-background.jpg" class="full-background-image image-nonmobile " /> <img data-height="315.466667vw" data-index="ibm" data-src="img/ibm/ibm-bg-mobile.jpg" class="full-background-image image-mobile " /> <img data-height="118.960469vw" data-height-mobile="276.666667vw" data-index="cannes" data-src="img/cannes/page-background.jpg" class="full-background-image image-nonmobile " /> <img data-height="276.666667vw" data-index="cannes" data-src="img/cannes/cannes-background-mobile.jpg" class="full-background-image image-mobile " /> <img data-height="148.901903vw" data-height-mobile="287.333333vw" data-index="grubhub" data-src="img/grubhub/page-background.jpg" class="full-background-image image-nonmobile " /> <img data-height="287.333333vw" data-index="grubhub" data-src="img/grubhub/grubhub-bg-mobile.jpg" class="full-background-image image-mobile " /> <img data-height="153.074671vw" data-height-mobile="276.666667vw" data-index="ge" data-src="img/ge/ge-background.jpg" class="full-background-image image-nonmobile " /> <img data-height="276.666667vw" data-index="ge" data-src="img/ge/ge-background-mobile.jpg" class="full-background-image image-mobile " /> <img data-height="118.812592vw" data-height-mobile="277.333333vw" data-index="okta" data-src="https://epicdigital.com/img/okta/okta-page-bg.jpg" class="full-background-image image-nonmobile " /> <img data-height="277.333333vw" data-index="okta" data-src="https://epicdigital.com/img/okta/okta-mobile-bg.jpg" class="full-background-image image-mobile " /> </div> <style> #article-moonshot.active{ background-image:url(https://epicdigital.com/img/moonshot/article-bg.jpg); } @media(max-width:767px){ #article-moonshot.active{ background-image:url(https://epicdigital.com/img/moonshot/article-bg-mobile.jpg); } } </style> <article id="article-moonshot" data-index="moonshot" class=" active"> <style> .intro-moonshot .intro-image:after{ height: } .intro-moonshot{ margin-bottom:85px; } @media(max-width:767px){ .intro-moonshot{ margin-bottom:0; } } .intro-moonshot .intro-image:after, .intro-moonshot .intro-image-mobile:after{ display:none; } </style> <section class="intro intro-moonshot"> <div class="intro-wrapper" style="min-height: 108.345534vw"> <div class="intro-image" data-style="background-image:url()"></div> <div class="intro-content"> <img class="partner-logo img-svg" data-src="https://epicdigital.com/img/moonshot/googleplus-logo.svg" style="max-height:;"/> <img class="partner-logo img-png" data-src="https://epicdigital.com/img/moonshot/googleplus-logo.png" style="max-height:;" /> <div class="brand-text"> <h2 style="color:#ffff00; font-size:; text-indent:; letter-spacing:;">MOONSHOT</h2> </div> <img class="arrow-down img-svg" src="//epicdigital.com/img/down-arrow.svg" /> <img class="arrow-down img-png" src="//epicdigital.com/img/down-arrow.png" /> </div> </div> <div class="intro-mobile" style="min-height: 200.333333vw"> <div class="intro-image-mobile" data-style="background-image:url()"></div> <div class="intro-content"> <img class="partner-logo img-svg" data-src="https://epicdigital.com/img/moonshot/googleplus-logo.svg" style="max-height:;"/> <img class="partner-logo img-png" data-src="https://epicdigital.com/img/moonshot/googleplus-logo.png" style="max-height:;" /> <div class="brand-text"> <h2 style="color:#ffff00; font-size:; text-indent:; letter-spacing:;">MOONSHOT</h2> </div> <img class="arrow-down img-svg" src="//epicdigital.com/img/down-arrow.svg" /> <img class="arrow-down img-png" src="//epicdigital.com/img/down-arrow.png" /> </div> </div> </section> <div class="article-components"> <style> .image-lockup-moonshot .image-wrapper .image-text p{ color:#fff } .image-lockup-moonshot .image-wrapper .image-text p:first-of-type::first-letter{ color:#ffff00; } </style> <section id="" class="image-lockup left-lockup image-lockup-moonshot"> <div class="image-wrapper" style="max-width:1007px"> <div class="image-text image-text-top" style="display: none"> <p>This series of short documentaries follows eight teams of eccentric space enthusiasts on their quest for the XPRIZE, a $30 million award given to the first group to put a robot on the moon. Produced with JJ Abrams’ Bad Robot, each film features a team and its story: the lives of their idiosyncratic members, their strategies and sacrifices, and what inspired them to take on the challenge.</p> </div> <div class="image-image "> <img class="left-image img-svg" data-src="https://epicdigital.com/img/moonshot/moonshottype.svg" /> <img class="left-image img-png" data-src="" /> </div> <div class="image-text image-text-bottom" style="display: block"> <p>This series of short documentaries follows eight teams of eccentric space enthusiasts on their quest for the XPRIZE, a $30 million award given to the first group to put a robot on the moon. Produced with JJ Abrams’ Bad Robot, each film features a team and its story: the lives of their idiosyncratic members, their strategies and sacrifices, and what inspired them to take on the challenge.</p> <img data-src="https://epicdigital.com/img/moonshot/JJpicFPO.png" class="secondary-image" /> </div> </div> </section> <style> .video-vimeo-moonshot .video-vimeo-wrapper{ max-width:1200px; height:677.000004px; max-height: 56.416667vw; } .video-vimeo-moonshot .video-vimeo-wrapper iframe{ width:1200px; height:677.000004px; max-height: 56.416667vw; } </style> <section class="video-vimeo video-vimeo-moonshot "> <div class="video-vimeo-wrapper"> <div class="video-vimeo-target" id="video-vimeo-158769010-player" data-height="677.000004" data-width="1200" data-video="158769010"></div> </div> </section> </div> <section class="share " id="article-share-moonshot"> <div class="share-wrapper"> <div class="share-options"> <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://epicdigital.com/moonshot" class="facebook"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .facebook{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <path class="facebook" d="M68,0H4C1.8,0,0,1.8,0,4v64c0,2.2,1.8,4,4,4h34.5V44.2h-9.4v0V33.3v0h9.3v-8c0-9.3,5.7-14.4,14-14.4 c2.8,0,5.6,0.1,8.4,0.4v0c0,0,0,0,0,0V21h0v0h-5.7c-4.5,0-5.4,2.1-5.4,5.3v6.9h10.8l0,0h0l-1.4,10.9h-9.4V72H68c2.2,0,4-1.8,4-4V4 C72,1.8,70.2,0,68,0z"/> </svg> </a> <a target="_blank" href="https://twitter.com/intent/tweet?text= Inside the civilian race to the moon—a documentary from JJ Abrams, Google, and @epic! &url=https://epicdigital.com/moonshot" class="twitter"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .twitter{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <g> <path class="twitter" d="M71.3,16.5c0,0-3.2,1.5-7.3,2c0,0,4.9-4,5.3-7.3c0,0-3.4,2.4-8.4,3.2c0,0-4.6-5.7-13.2-3.7 c-8.6,2-10.4,11.7-9.4,15.5c0,0-14.9,0.2-27.1-13.6c-0.4,1.1-1,3-1.3,3.9c-0.6,2-1,4-1.2,6c-0.4,4,0.1,8.1,1.4,11.9 c1.3,3.8,3.4,7.3,6.1,10.3c1.4,1.5,2.9,2.9,4.6,4c1.5,1.1,3.7,2.8,5.7,2.3c-3.5,0.8-6.8,2.1-10.3,2.8C11,55,5.5,54.7,0.2,54 c0,0,18.2,11.3,34.2,7.9c0.8-0.2,1.5-0.4,2.3-0.6c10.1-3.1,18.9-9.6,23.7-19.2c0.3-0.6,0.6-1.3,0.9-1.9c2.1-4.6,3.6-10.4,3.3-17 C64.7,23.2,69.7,19.6,71.3,16.5"/> </g> </svg> </a> <a target="_blank" href="mailto:?subject=A%20Race%20to%20the%20Moon&body=This%20series%20of%20short%20documentaries%20follows%20eight%20teams%20of%20eccentric%20space%20enthusiasts%20on%20their%20quest%20for%20the%20XPRIZE%2C%20a%20%2430%20million%20award%20given%20to%20the%20first%20group%20to%20put%20a%20robot%20on%20the%20moon.%20Produced%20with%20JJ%20Abrams%E2%80%99%20Bad%20Robot%2C%20each%20film%20features%20a%20team%20and%20its%20story%3A%20the%20lives%20of%20their%20idiosyncratic%20members%2C%20their%20strategies%20and%20sacrifices%2C%20and%20what%20inspired%20them%20to%20take%20on%20the%20challenge.%0D%0A%0D%0Ahttps%3A%2F%2Fepicdigital.com%2Fmoonshot" class="email-link"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .st0{clip-path:url(#SVGID_2_);fill:#fff;} #article-share- .st1{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <g> <defs> <rect id="SVGID_1_" x="-88.3" y="10.4" width="71.1" height="52.1"/> </defs> <clipPath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;"/> </clipPath> <path class="email st0" d="M-17.2,16.5c0,0-3.2,1.5-7.3,2c0,0,4.9-4,5.3-7.3c0,0-3.4,2.4-8.4,3.2c0,0-4.6-5.7-13.2-3.7 c-8.6,2-10.4,11.7-9.4,15.5c0,0-14.9,0.2-27.1-13.6c-0.4,1.1-1,3-1.3,3.9c-0.6,2-1,4-1.2,6c-0.4,4,0.1,8.1,1.4,11.9 c1.3,3.8,3.4,7.3,6.1,10.3c1.4,1.5,2.9,2.9,4.6,4c1.5,1.1,3.7,2.8,5.7,2.3c-3.5,0.8-6.8,2.1-10.3,2.8c-5.2,1.1-10.6,0.8-15.9,0 c0,0,18.2,11.3,34.2,7.9c0.8-0.2,1.5-0.4,2.3-0.6c10.1-3.1,18.9-9.6,23.7-19.2c0.3-0.6,0.6-1.3,0.9-1.9c2.1-4.6,3.6-10.4,3.3-17 C-23.8,23.2-18.8,19.6-17.2,16.5"/> </g> <path class="email st1" d="M-119.5,0h-64c-2.2,0-4,1.8-4,4v64c0,2.2,1.8,4,4,4h34.5V44.2h-9.4v0V33.3v0h9.3v-8c0-9.3,5.7-14.4,14-14.4 c2.8,0,5.6,0.1,8.4,0.4v0c0,0,0,0,0,0V21h0v0h-5.7c-4.5,0-5.4,2.1-5.4,5.3v6.9h10.8l0,0h0l-1.4,10.9h-9.4V72h18.3c2.2,0,4-1.8,4-4V4 C-115.5,1.8-117.3,0-119.5,0z"/> <path class="email st1" d="M2.4,19l-1.5-2.3c0,0,0,0.1,0,0.1v37.4c0,0.6,0.1,1.2,0.4,1.7L25,34L2.4,19z"/> <path class="email st1" d="M35.8,38.1L35.8,38.1l31.6-20.9l2.1-3.2c-0.7-0.7-1.7-1.1-2.7-1.1H4.9c-1,0-2,0.4-2.7,1.1l2.1,3.2L35.8,38.1z" /> <path class="email st1" d="M70.7,16.7L69.3,19L46.7,34l23.6,22c0.3-0.5,0.4-1.1,0.4-1.7V16.9C70.8,16.8,70.8,16.8,70.7,16.7"/> <path class="email st1" d="M35.8,41.2l-8.7-5.8l-24,22.3c0.5,0.3,1.1,0.4,1.8,0.4h61.9c0.6,0,1.2-0.2,1.8-0.4l-24-22.3L35.8,41.2z"/> </svg> </a> </div> </div> </section> <div class="switcher switcher-moonshot"> <div class="switcher-wrapper"> <a href class="prev-item"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 61.9 120" style="enable-background:new 0 0 61.9 120;" xml:space="preserve"> <polyline class="next-prev-color" points="61.2,0.8 1.7,59.9 61,119.2 "/> </svg> <div> <div class="title">About</div> <div class="thumbnail" style="background-image:url(https://epicdigital.com/img/switcher/about.jpg);"></div> <div class="title below-sm">About</div> </div> </a> <a href class="back-to-top"> <div class="viewmaster-switcher"></div> <div class="label">Back To Top</div> </a> <a href class="next-item" > <div> <div class="thumbnail" style="background-image:url(https://epicdigital.com/img/switcher/ford.jpg);"></div> <div class="title">Ford</div> <div class="title below-sm">Ford</div> </div> <?xml version="1.0" encoding="utf-8"?> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 61.9 120" style="enable-background:new 0 0 61.9 120;" xml:space="preserve"> <polyline class="next-prev-color" points="0.9,0.8 60.5,59.9 1.1,119.2 "/> </svg> </a> </div> <div class="copyright">©2019 EPIC MAGAZINE - A DIVISION OF VOX MEDIA STUDIOS</div> </div> </article> <style> #article-ford.active{ background-image:url(); } @media(max-width:767px){ #article-ford.active{ background-image:url(); } } </style> <article id="article-ford" data-index="ford" class=""> <style> .intro-ford .intro-image:after{ height:50vh } .intro-ford{ margin-bottom:-39vh; } @media(max-width:767px){ .intro-ford{ margin-bottom:0; } } </style> <section class="intro intro-ford"> <div class="intro-wrapper" style="min-height: 90.142857vw"> <div class="intro-image" data-style="background-image:url(https://epicdigital.com/img/project-intro/ford.png)"></div> <div class="intro-content"> <img class="partner-logo img-svg" data-src="https://epicdigital.com/img/ford/ford-logo.svg" style="max-height:;"/> <img class="partner-logo img-png" data-src="https://epicdigital.com/img/ford/ford-logo.png" style="max-height:;" /> <div class="brand-text"> <h2 style="color:; font-size:; text-indent:; letter-spacing:;">FURTHER</h2> </div> <img class="arrow-down img-svg" src="//epicdigital.com/img/down-arrow.svg" /> <img class="arrow-down img-png" src="//epicdigital.com/img/down-arrow.png" /> </div> </div> <div class="intro-mobile" style="min-height: 179.733333vw"> <div class="intro-image-mobile" data-style="background-image:url(https://epicdigital.com/img/project-intro/ford-mobile.png)"></div> <div class="intro-content"> <img class="partner-logo img-svg" data-src="https://epicdigital.com/img/ford/ford-logo.svg" style="max-height:;"/> <img class="partner-logo img-png" data-src="https://epicdigital.com/img/ford/ford-logo.png" style="max-height:;" /> <div class="brand-text"> <h2 style="color:; font-size:; text-indent:; letter-spacing:;">FURTHER</h2> </div> <img class="arrow-down img-svg" src="//epicdigital.com/img/down-arrow.svg" /> <img class="arrow-down img-png" src="//epicdigital.com/img/down-arrow.png" /> </div> </div> </section> <div class="article-components"> <style> .image-lockup-ford .image-wrapper .image-text p{ color:#fff } .image-lockup-ford .image-wrapper .image-text p:first-of-type::first-letter{ color:#ffd113; } </style> <section id="" class="image-lockup right-lockup image-lockup-ford"> <div class="image-wrapper" style="max-width:1010px"> <div class="image-text image-text-top" style="display: block"> <p>A car is so much more than a way to get from A to B. This is something Ford wanted to celebrate, so we helped them make Further, a book all about the many ways that people use their cars to do more. From the Ford employee who turns biowaste into sustainable car parts to a Native American teen who uses her car to shuttle supplies to her tribe’s annual harvest ceremony, Further is all about how people around the world use cars to achieve the extraordinary. The collection of stories sparked an on-going speaker series and serves as a resource for the communications team. </p> </div> <div class="image-image hidden-xs "> <img class="right-image" data-src="https://epicdigital.com/img/ford/further-book.png" /> </div> <div class="image-text image-text-bottom" style="display: none"> <p>A car is so much more than a way to get from A to B. This is something Ford wanted to celebrate, so we helped them make Further, a book all about the many ways that people use their cars to do more. From the Ford employee who turns biowaste into sustainable car parts to a Native American teen who uses her car to shuttle supplies to her tribe’s annual harvest ceremony, Further is all about how people around the world use cars to achieve the extraordinary. The collection of stories sparked an on-going speaker series and serves as a resource for the communications team. </p> </div> </div> </section> <style> #pageflip-ford #pf-stage:before{ background:#bbb1af !important; } </style> <section class="book book-ford"> <div id="pageflip-ford" name="book-ford" class="pageflip" data-ratio=""> <div class="cover"> <img data-src="https://epicdigital.com/img/ford/book-1.jpg" /> </div> <div class="page"> <img data-src="https://epicdigital.com/img/ford/book-2.jpg" /> </div> <div class="page"> <img data-src="https://epicdigital.com/img/ford/book-3.jpg" /> </div> <div class="page"> <img data-src="https://epicdigital.com/img/ford/book-4.jpg" /> </div> <div class="page"> <img data-src="https://epicdigital.com/img/ford/book-5.jpg" /> </div> <div class="page"> <img data-src="https://epicdigital.com/img/ford/book-6.jpg" /> </div> <div class="page"> <img data-src="https://epicdigital.com/img/ford/book-7.jpg" /> </div> <div class="page"> <img data-src="https://epicdigital.com/img/ford/book-8.jpg" /> </div> <div class="page"> <img data-src="https://epicdigital.com/img/ford/book-9.jpg" /> </div> <div class="page"> <img data-src="https://epicdigital.com/img/ford/book-10.jpg" /> </div> </div> <div class="book-nav page-nav"> <a href="javascript:void(0);" data-book-nav-color="#ffd113" data-book-nav-active-color="#ffffff" data-index="1" class="dot active"></a> <a href="javascript:void(0);" data-book-nav-color="#ffd113" data-book-nav-active-color="#ffffff" style="background-color:#ffd113;" data-index="3" class="dot"></a> <a href="javascript:void(0);" data-book-nav-color="#ffd113" data-book-nav-active-color="#ffffff" style="background-color:#ffd113;" data-index="5" class="dot"></a> <a href="javascript:void(0);" data-book-nav-color="#ffd113" data-book-nav-active-color="#ffffff" style="background-color:#ffd113;" data-index="7" class="dot"></a> <a href="javascript:void(0);" data-book-nav-color="#ffd113" data-book-nav-active-color="#ffffff" style="background-color:#ffd113;" data-index="9" class="dot"></a> </div> </section> </div> <section class="share " id="article-share-ford"> <div class="share-wrapper"> <div class="share-options"> <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://epicdigital.com/ford" class="facebook"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .facebook{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <path class="facebook" d="M68,0H4C1.8,0,0,1.8,0,4v64c0,2.2,1.8,4,4,4h34.5V44.2h-9.4v0V33.3v0h9.3v-8c0-9.3,5.7-14.4,14-14.4 c2.8,0,5.6,0.1,8.4,0.4v0c0,0,0,0,0,0V21h0v0h-5.7c-4.5,0-5.4,2.1-5.4,5.3v6.9h10.8l0,0h0l-1.4,10.9h-9.4V72H68c2.2,0,4-1.8,4-4V4 C72,1.8,70.2,0,68,0z"/> </svg> </a> <a target="_blank" href="https://twitter.com/intent/tweet?text=Meet the car fanatics who have changed the world, courtesy of @epic and Ford&url=https://epicdigital.com/ford" class="twitter"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .twitter{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <g> <path class="twitter" d="M71.3,16.5c0,0-3.2,1.5-7.3,2c0,0,4.9-4,5.3-7.3c0,0-3.4,2.4-8.4,3.2c0,0-4.6-5.7-13.2-3.7 c-8.6,2-10.4,11.7-9.4,15.5c0,0-14.9,0.2-27.1-13.6c-0.4,1.1-1,3-1.3,3.9c-0.6,2-1,4-1.2,6c-0.4,4,0.1,8.1,1.4,11.9 c1.3,3.8,3.4,7.3,6.1,10.3c1.4,1.5,2.9,2.9,4.6,4c1.5,1.1,3.7,2.8,5.7,2.3c-3.5,0.8-6.8,2.1-10.3,2.8C11,55,5.5,54.7,0.2,54 c0,0,18.2,11.3,34.2,7.9c0.8-0.2,1.5-0.4,2.3-0.6c10.1-3.1,18.9-9.6,23.7-19.2c0.3-0.6,0.6-1.3,0.9-1.9c2.1-4.6,3.6-10.4,3.3-17 C64.7,23.2,69.7,19.6,71.3,16.5"/> </g> </svg> </a> <a target="_blank" href="mailto:?subject=The%20Car%20Fanatics%20Who%20Changed%20the%20World&body=A%20car%20is%20so%20much%20more%20than%20a%20way%20to%20get%20from%20A%20to%20B.%20From%20the%20Ford%20employee%20who%20turns%20biowaste%20into%20sustainable%20car%20parts%20to%20a%20Native%20American%20teen%20who%20uses%20her%20car%20to%20shuttle%20supplies%20to%20her%20tribe%E2%80%99s%20annual%20harvest%20ceremony%2C%20meet%20the%20people%20around%20the%20world%20use%20their%20automobiles%20to%20achieve%20the%20extraordinary.%0D%0A%0D%0Ahttps%3A%2F%2Fepicdigital.com%2Fford" class="email-link"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .st0{clip-path:url(#SVGID_2_);fill:#fff;} #article-share- .st1{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <g> <defs> <rect id="SVGID_1_" x="-88.3" y="10.4" width="71.1" height="52.1"/> </defs> <clipPath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;"/> </clipPath> <path class="email st0" d="M-17.2,16.5c0,0-3.2,1.5-7.3,2c0,0,4.9-4,5.3-7.3c0,0-3.4,2.4-8.4,3.2c0,0-4.6-5.7-13.2-3.7 c-8.6,2-10.4,11.7-9.4,15.5c0,0-14.9,0.2-27.1-13.6c-0.4,1.1-1,3-1.3,3.9c-0.6,2-1,4-1.2,6c-0.4,4,0.1,8.1,1.4,11.9 c1.3,3.8,3.4,7.3,6.1,10.3c1.4,1.5,2.9,2.9,4.6,4c1.5,1.1,3.7,2.8,5.7,2.3c-3.5,0.8-6.8,2.1-10.3,2.8c-5.2,1.1-10.6,0.8-15.9,0 c0,0,18.2,11.3,34.2,7.9c0.8-0.2,1.5-0.4,2.3-0.6c10.1-3.1,18.9-9.6,23.7-19.2c0.3-0.6,0.6-1.3,0.9-1.9c2.1-4.6,3.6-10.4,3.3-17 C-23.8,23.2-18.8,19.6-17.2,16.5"/> </g> <path class="email st1" d="M-119.5,0h-64c-2.2,0-4,1.8-4,4v64c0,2.2,1.8,4,4,4h34.5V44.2h-9.4v0V33.3v0h9.3v-8c0-9.3,5.7-14.4,14-14.4 c2.8,0,5.6,0.1,8.4,0.4v0c0,0,0,0,0,0V21h0v0h-5.7c-4.5,0-5.4,2.1-5.4,5.3v6.9h10.8l0,0h0l-1.4,10.9h-9.4V72h18.3c2.2,0,4-1.8,4-4V4 C-115.5,1.8-117.3,0-119.5,0z"/> <path class="email st1" d="M2.4,19l-1.5-2.3c0,0,0,0.1,0,0.1v37.4c0,0.6,0.1,1.2,0.4,1.7L25,34L2.4,19z"/> <path class="email st1" d="M35.8,38.1L35.8,38.1l31.6-20.9l2.1-3.2c-0.7-0.7-1.7-1.1-2.7-1.1H4.9c-1,0-2,0.4-2.7,1.1l2.1,3.2L35.8,38.1z" /> <path class="email st1" d="M70.7,16.7L69.3,19L46.7,34l23.6,22c0.3-0.5,0.4-1.1,0.4-1.7V16.9C70.8,16.8,70.8,16.8,70.7,16.7"/> <path class="email st1" d="M35.8,41.2l-8.7-5.8l-24,22.3c0.5,0.3,1.1,0.4,1.8,0.4h61.9c0.6,0,1.2-0.2,1.8-0.4l-24-22.3L35.8,41.2z"/> </svg> </a> </div> </div> </section> <div class="switcher switcher-ford"> <div class="switcher-wrapper"> <a href class="prev-item"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 61.9 120" style="enable-background:new 0 0 61.9 120;" xml:space="preserve"> <polyline class="next-prev-color" points="61.2,0.8 1.7,59.9 61,119.2 "/> </svg> <div> <div class="title">Google</div> <div class="thumbnail" style="background-image:url(https://epicdigital.com/img/switcher/moonshot.jpg);"></div> <div class="title below-sm">Google</div> </div> </a> <a href class="back-to-top"> <div class="viewmaster-switcher"></div> <div class="label">Back To Top</div> </a> <a href class="next-item" > <div> <div class="thumbnail" style="background-image:url(https://epicdigital.com/img/switcher/beyond.jpg);"></div> <div class="title">Google</div> <div class="title below-sm">Google</div> </div> <?xml version="1.0" encoding="utf-8"?> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 61.9 120" style="enable-background:new 0 0 61.9 120;" xml:space="preserve"> <polyline class="next-prev-color" points="0.9,0.8 60.5,59.9 1.1,119.2 "/> </svg> </a> </div> <div class="copyright">©2019 EPIC MAGAZINE - A DIVISION OF VOX MEDIA STUDIOS</div> </div> </article> <style> #article-google.active{ background-image:url(); } @media(max-width:767px){ #article-google.active{ background-image:url(); } } </style> <article id="article-google" data-index="google" class=""> <style> .intro-google .intro-image:after{ height: } .intro-google{ margin-bottom:-75vh; } @media(max-width:767px){ .intro-google{ margin-bottom:0; } } </style> <section class="intro intro-google"> <div class="intro-wrapper" style="min-height: 124.963397vw"> <div class="intro-image" data-style="background-image:url(https://epicdigital.com/img/project-intro/google.png)"></div> <div class="intro-content"> <img class="partner-logo img-svg" data-src="https://epicdigital.com/img/google/google-logo.svg" style="max-height:66px;"/> <img class="partner-logo img-png" data-src="https://epicdigital.com/img/google/google-logo.png" style="max-height:66px;" /> <img class="brand-logo" data-src="https://epicdigital.com/img/google/beyond-the-map.png" style="max-width:750px;"/> <img class="arrow-down img-svg" src="//epicdigital.com/img/down-arrow.svg" /> <img class="arrow-down img-png" src="//epicdigital.com/img/down-arrow.png" /> </div> </div> <div class="intro-mobile" style="min-height: 180.266667vw"> <div class="intro-image-mobile" data-style="background-image:url(https://epicdigital.com/img/project-intro/google-mobile.png)"></div> <div class="intro-content"> <img class="partner-logo img-svg" data-src="https://epicdigital.com/img/google/google-logo.svg" style="max-height:66px;"/> <img class="partner-logo img-png" data-src="https://epicdigital.com/img/google/google-logo.png" style="max-height:66px;" /> <img class="brand-logo" data-src="https://epicdigital.com/img/google/beyond-the-map.png" style="max-width:750px;"/> <img class="arrow-down img-svg" src="//epicdigital.com/img/down-arrow.svg" /> <img class="arrow-down img-png" src="//epicdigital.com/img/down-arrow.png" /> </div> </div> </section> <div class="article-components"> <style> .image-lockup-google .image-wrapper .image-text p{ color:#fff } .image-lockup-google .image-wrapper .image-text p:first-of-type::first-letter{ color:#ff7347; } </style> <section id="" class="image-lockup left-lockup image-lockup-google"> <div class="image-wrapper" style="max-width:970px"> <div class="image-text image-text-top" style="display: none"> <p>Beyond the Map takes you deep into the favelas of Rio de Janeiro in an innovative, choose-your-own-adventure-style experience. Produced in partnership with Google, this documentary series—shot largely in VR—gives viewers a glimpse into the rich, complex lives within Brazil’s oft-overlooked neighborhoods. Along the way, we are immersed in the stories of extraordinary individuals whose grit, creativity, and spirit are the lifeblood of Brazil.</p> </div> <div class="image-image "> <img class="left-image" data-src="https://epicdigital.com/img/google/beyondthemaptype.svg" /> </div> <div class="image-text image-text-bottom" style="display: block"> <p>Beyond the Map takes you deep into the favelas of Rio de Janeiro in an innovative, choose-your-own-adventure-style experience. Produced in partnership with Google, this documentary series—shot largely in VR—gives viewers a glimpse into the rich, complex lives within Brazil’s oft-overlooked neighborhoods. Along the way, we are immersed in the stories of extraordinary individuals whose grit, creativity, and spirit are the lifeblood of Brazil.</p> </div> </div> </section> <style> .video-vimeo-google .video-vimeo-wrapper{ max-width:1200px; height:502.400004px; max-height: 41.866667vw; } .video-vimeo-google .video-vimeo-wrapper iframe{ width:1200px; height:502.400004px; max-height: 41.866667vw; } </style> <section class="video-vimeo video-vimeo-google "> <div class="video-vimeo-wrapper"> <div class="video-vimeo-target" id="video-vimeo-178260138-player" data-height="502.400004" data-width="1200" data-video="178260138"></div> </div> </section> </div> <section class="share " id="article-share-google"> <div class="share-wrapper"> <div class="share-options"> <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://epicdigital.com/google" class="facebook"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .facebook{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <path class="facebook" d="M68,0H4C1.8,0,0,1.8,0,4v64c0,2.2,1.8,4,4,4h34.5V44.2h-9.4v0V33.3v0h9.3v-8c0-9.3,5.7-14.4,14-14.4 c2.8,0,5.6,0.1,8.4,0.4v0c0,0,0,0,0,0V21h0v0h-5.7c-4.5,0-5.4,2.1-5.4,5.3v6.9h10.8l0,0h0l-1.4,10.9h-9.4V72H68c2.2,0,4-1.8,4-4V4 C72,1.8,70.2,0,68,0z"/> </svg> </a> <a target="_blank" href="https://twitter.com/intent/tweet?text=Experience the favelas of Rio in immersive 360 video and VR—courtesy of Google and @epic&url=https://epicdigital.com/google" class="twitter"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .twitter{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <g> <path class="twitter" d="M71.3,16.5c0,0-3.2,1.5-7.3,2c0,0,4.9-4,5.3-7.3c0,0-3.4,2.4-8.4,3.2c0,0-4.6-5.7-13.2-3.7 c-8.6,2-10.4,11.7-9.4,15.5c0,0-14.9,0.2-27.1-13.6c-0.4,1.1-1,3-1.3,3.9c-0.6,2-1,4-1.2,6c-0.4,4,0.1,8.1,1.4,11.9 c1.3,3.8,3.4,7.3,6.1,10.3c1.4,1.5,2.9,2.9,4.6,4c1.5,1.1,3.7,2.8,5.7,2.3c-3.5,0.8-6.8,2.1-10.3,2.8C11,55,5.5,54.7,0.2,54 c0,0,18.2,11.3,34.2,7.9c0.8-0.2,1.5-0.4,2.3-0.6c10.1-3.1,18.9-9.6,23.7-19.2c0.3-0.6,0.6-1.3,0.9-1.9c2.1-4.6,3.6-10.4,3.3-17 C64.7,23.2,69.7,19.6,71.3,16.5"/> </g> </svg> </a> <a target="_blank" href="mailto:?subject=Rio%20de%20Janeiro%20as%20You%E2%80%99ve%20Never%20Seen%20It%20Before&body=Beyond%20the%20Map%20takes%20you%20deep%20into%20the%20favelas%20in%20an%20innovative%2C%20choose-your-own-adventure-style%20experience.%20Produced%20in%20partnership%20with%20Google%2C%20this%20documentary%20series%20gives%20a%20glimpse%20into%20the%20rich%2C%20complex%20lives%20within%20Brazil%E2%80%99s%20oft-overlooked%20neighborhoods%20and%20tells%20the%20stories%20of%20extraordinary%20individuals%20whose%20grit%2C%20creativity%2C%20and%20spirit%20are%20the%20lifeblood%20of%20Brazil.%0D%0A%0D%0Ahttps%3A%2F%2Fepicdigital.com%2Fgoogle" class="email-link"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .st0{clip-path:url(#SVGID_2_);fill:#fff;} #article-share- .st1{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <g> <defs> <rect id="SVGID_1_" x="-88.3" y="10.4" width="71.1" height="52.1"/> </defs> <clipPath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;"/> </clipPath> <path class="email st0" d="M-17.2,16.5c0,0-3.2,1.5-7.3,2c0,0,4.9-4,5.3-7.3c0,0-3.4,2.4-8.4,3.2c0,0-4.6-5.7-13.2-3.7 c-8.6,2-10.4,11.7-9.4,15.5c0,0-14.9,0.2-27.1-13.6c-0.4,1.1-1,3-1.3,3.9c-0.6,2-1,4-1.2,6c-0.4,4,0.1,8.1,1.4,11.9 c1.3,3.8,3.4,7.3,6.1,10.3c1.4,1.5,2.9,2.9,4.6,4c1.5,1.1,3.7,2.8,5.7,2.3c-3.5,0.8-6.8,2.1-10.3,2.8c-5.2,1.1-10.6,0.8-15.9,0 c0,0,18.2,11.3,34.2,7.9c0.8-0.2,1.5-0.4,2.3-0.6c10.1-3.1,18.9-9.6,23.7-19.2c0.3-0.6,0.6-1.3,0.9-1.9c2.1-4.6,3.6-10.4,3.3-17 C-23.8,23.2-18.8,19.6-17.2,16.5"/> </g> <path class="email st1" d="M-119.5,0h-64c-2.2,0-4,1.8-4,4v64c0,2.2,1.8,4,4,4h34.5V44.2h-9.4v0V33.3v0h9.3v-8c0-9.3,5.7-14.4,14-14.4 c2.8,0,5.6,0.1,8.4,0.4v0c0,0,0,0,0,0V21h0v0h-5.7c-4.5,0-5.4,2.1-5.4,5.3v6.9h10.8l0,0h0l-1.4,10.9h-9.4V72h18.3c2.2,0,4-1.8,4-4V4 C-115.5,1.8-117.3,0-119.5,0z"/> <path class="email st1" d="M2.4,19l-1.5-2.3c0,0,0,0.1,0,0.1v37.4c0,0.6,0.1,1.2,0.4,1.7L25,34L2.4,19z"/> <path class="email st1" d="M35.8,38.1L35.8,38.1l31.6-20.9l2.1-3.2c-0.7-0.7-1.7-1.1-2.7-1.1H4.9c-1,0-2,0.4-2.7,1.1l2.1,3.2L35.8,38.1z" /> <path class="email st1" d="M70.7,16.7L69.3,19L46.7,34l23.6,22c0.3-0.5,0.4-1.1,0.4-1.7V16.9C70.8,16.8,70.8,16.8,70.7,16.7"/> <path class="email st1" d="M35.8,41.2l-8.7-5.8l-24,22.3c0.5,0.3,1.1,0.4,1.8,0.4h61.9c0.6,0,1.2-0.2,1.8-0.4l-24-22.3L35.8,41.2z"/> </svg> </a> </div> </div> </section> <div class="switcher switcher-google"> <div class="switcher-wrapper"> <a href class="prev-item"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 61.9 120" style="enable-background:new 0 0 61.9 120;" xml:space="preserve"> <polyline class="next-prev-color" points="61.2,0.8 1.7,59.9 61,119.2 "/> </svg> <div> <div class="title">Ford</div> <div class="thumbnail" style="background-image:url(https://epicdigital.com/img/switcher/ford.jpg);"></div> <div class="title below-sm">Ford</div> </div> </a> <a href class="back-to-top"> <div class="viewmaster-switcher"></div> <div class="label">Back To Top</div> </a> <a href class="next-item" > <div> <div class="thumbnail" style="background-image:url(https://epicdigital.com/img/switcher/you.jpg);"></div> <div class="title">You</div> <div class="title below-sm">You</div> </div> <?xml version="1.0" encoding="utf-8"?> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 61.9 120" style="enable-background:new 0 0 61.9 120;" xml:space="preserve"> <polyline class="next-prev-color" points="0.9,0.8 60.5,59.9 1.1,119.2 "/> </svg> </a> </div> <div class="copyright">©2019 EPIC MAGAZINE - A DIVISION OF VOX MEDIA STUDIOS</div> </div> </article> <style> #article-you.active{ background-image:url(); } @media(max-width:767px){ #article-you.active{ background-image:url(); } } </style> <article id="article-you" data-index="you" class=""> <style> .intro-you .intro-image:after{ height: } .intro-you{ margin-bottom:; } @media(max-width:767px){ .intro-you{ margin-bottom:0; } } .intro-you .intro-image:after, .intro-you .intro-image-mobile:after{ display:none; } </style> <section class="intro intro-you"> <div class="intro-wrapper" style="min-height: 75.821768vw"> <div class="intro-image" data-style="background-image:url(https://epicdigital.com/img/project-intro/you.jpg)"></div> <div class="intro-content"> </div> </div> <div class="intro-mobile" style="min-height: 115.8vw"> <div class="intro-image-mobile" data-style="background-image:url(https://epicdigital.com/img/project-intro/you-mobile.jpg)"></div> <div class="intro-content"> </div> </div> </section> <div class="article-components"> <section class="thumb-gallery thumb-gallery-you"> <div class="thumb-gallery-wrapper"> <img data-src="https://epicdigital.com/img/you/echo-thumb.jpg" /> <img data-src="https://epicdigital.com/img/you/selfie-thumb.jpg" /> <img data-src="https://epicdigital.com/img/you/rad-thumb.jpg" /> </div> </section> <style> .image-lockup-you .image-wrapper .image-text p{ color: } .image-lockup-you .image-wrapper .image-text p:first-of-type::first-letter{ color:#01218e; } </style> <section class="image-lockup right-lockup image-lockup-you img-lockup-html"> <div class="image-wrapper" style="max-width:"> <div class="image-text image-text-top"style="display: block"> <p>YOU is a large-format, glossy magazine that explores human identity through a kaleidoscopic lens of art, literary longform journalism, photography, and illustration. Produced in conjunction with Okta, the magazine delves into race, sexuality, art, technology, and more so that we can see ourselves and the world around us with more clarity. To order a copy of Volume One click <a href='https://www.youmagazine.co/' target='_blank'>here</a>.</p> </div> <div class="image-image image-html "> <h3>“We are in the midst of renaissance—an identity renaissance—and it is time to embark on a journey of exploration.”</h3><h4>- Joshua Davis</h4> </div> <div class="image-text image-text-bottom" style="display: none"> <p>YOU is a large-format, glossy magazine that explores human identity through a kaleidoscopic lens of art, literary longform journalism, photography, and illustration. Produced in conjunction with Okta, the magazine delves into race, sexuality, art, technology, and more so that we can see ourselves and the world around us with more clarity. To order a copy of Volume One click <a href='https://www.youmagazine.co/' target='_blank'>here</a>.</p> </div> </div> </section> <style> #pageflip-you #pf-stage:before{ background:#bbb1af !important; } </style> <section class="book book-you"> <div id="pageflip-you" name="book-you" class="pageflip" data-ratio="1.19714286"> <div class="cover"> <img data-src="https://epicdigital.com/img/you/book-1.jpg" /> </div> <div class="page"> <img data-src="https://epicdigital.com/img/you/book-2.jpg" /> </div> <div class="page"> <img data-src="https://epicdigital.com/img/you/book-3.jpg" /> </div> <div class="page"> <img data-src="https://epicdigital.com/img/you/book-4.jpg" /> </div> <div class="page"> <img data-src="https://epicdigital.com/img/you/book-5.jpg" /> </div> <div class="page"> <img data-src="https://epicdigital.com/img/you/book-6.jpg" /> </div> <div class="page"> <img data-src="https://epicdigital.com/img/you/book-7.jpg" /> </div> <div class="page"> <img data-src="https://epicdigital.com/img/you/book-8.jpg" /> </div> <div class="page"> <img data-src="https://epicdigital.com/img/you/book-9.jpg" /> </div> <div class="page"> <img data-src="https://epicdigital.com/img/you/book-10.jpg" /> </div> </div> <div class="book-nav page-nav"> <a href="javascript:void(0);" data-book-nav-color="#01218e" data-book-nav-active-color="#ffffff" data-index="1" class="dot active"></a> <a href="javascript:void(0);" data-book-nav-color="#01218e" data-book-nav-active-color="#ffffff" style="background-color:#01218e;" data-index="3" class="dot"></a> <a href="javascript:void(0);" data-book-nav-color="#01218e" data-book-nav-active-color="#ffffff" style="background-color:#01218e;" data-index="5" class="dot"></a> <a href="javascript:void(0);" data-book-nav-color="#01218e" data-book-nav-active-color="#ffffff" style="background-color:#01218e;" data-index="7" class="dot"></a> <a href="javascript:void(0);" data-book-nav-color="#01218e" data-book-nav-active-color="#ffffff" style="background-color:#01218e;" data-index="9" class="dot"></a> </div> </section> </div> <section class="share " id="article-share-you"> <div class="share-wrapper"> <div class="share-options"> <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://epicdigital.com/you" class="facebook"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .facebook{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <path class="facebook" d="M68,0H4C1.8,0,0,1.8,0,4v64c0,2.2,1.8,4,4,4h34.5V44.2h-9.4v0V33.3v0h9.3v-8c0-9.3,5.7-14.4,14-14.4 c2.8,0,5.6,0.1,8.4,0.4v0c0,0,0,0,0,0V21h0v0h-5.7c-4.5,0-5.4,2.1-5.4,5.3v6.9h10.8l0,0h0l-1.4,10.9h-9.4V72H68c2.2,0,4-1.8,4-4V4 C72,1.8,70.2,0,68,0z"/> </svg> </a> <a target="_blank" href="https://twitter.com/intent/tweet?text=YOU is a large-format, glossy magazine that explores human identity through a kaleidoscopic lens of art, literary longform journalism, photography, and illustration. Get your copy now!&url=https://epicdigital.com/you" class="twitter"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .twitter{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <g> <path class="twitter" d="M71.3,16.5c0,0-3.2,1.5-7.3,2c0,0,4.9-4,5.3-7.3c0,0-3.4,2.4-8.4,3.2c0,0-4.6-5.7-13.2-3.7 c-8.6,2-10.4,11.7-9.4,15.5c0,0-14.9,0.2-27.1-13.6c-0.4,1.1-1,3-1.3,3.9c-0.6,2-1,4-1.2,6c-0.4,4,0.1,8.1,1.4,11.9 c1.3,3.8,3.4,7.3,6.1,10.3c1.4,1.5,2.9,2.9,4.6,4c1.5,1.1,3.7,2.8,5.7,2.3c-3.5,0.8-6.8,2.1-10.3,2.8C11,55,5.5,54.7,0.2,54 c0,0,18.2,11.3,34.2,7.9c0.8-0.2,1.5-0.4,2.3-0.6c10.1-3.1,18.9-9.6,23.7-19.2c0.3-0.6,0.6-1.3,0.9-1.9c2.1-4.6,3.6-10.4,3.3-17 C64.7,23.2,69.7,19.6,71.3,16.5"/> </g> </svg> </a> <a target="_blank" href="mailto:?subject=YOU%20Magazine%3A%20Get%20Your%20Copy%20Now%21&body=YOU%20is%20a%20large-format%2C%20glossy%20magazine%20that%20explores%20human%20identity%20through%20a%20kaleidoscopic%20lens%20of%20art%2C%20literary%20longform%20journalism%2C%20photography%2C%20and%20illustration.%20Produced%20in%20conjunction%20with%20Okta%2C%20the%20magazine%20delves%20into%20race%2C%20sexuality%2C%20art%2C%20technology%2C%20and%20more%20so%20that%20we%20can%20see%20ourselves%20and%20the%20world%20around%20us%20with%20more%20clarity.%0D%0A%0D%0Ahttps%3A%2F%2Fepicdigital.com%2Fyou" class="email-link"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .st0{clip-path:url(#SVGID_2_);fill:#fff;} #article-share- .st1{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <g> <defs> <rect id="SVGID_1_" x="-88.3" y="10.4" width="71.1" height="52.1"/> </defs> <clipPath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;"/> </clipPath> <path class="email st0" d="M-17.2,16.5c0,0-3.2,1.5-7.3,2c0,0,4.9-4,5.3-7.3c0,0-3.4,2.4-8.4,3.2c0,0-4.6-5.7-13.2-3.7 c-8.6,2-10.4,11.7-9.4,15.5c0,0-14.9,0.2-27.1-13.6c-0.4,1.1-1,3-1.3,3.9c-0.6,2-1,4-1.2,6c-0.4,4,0.1,8.1,1.4,11.9 c1.3,3.8,3.4,7.3,6.1,10.3c1.4,1.5,2.9,2.9,4.6,4c1.5,1.1,3.7,2.8,5.7,2.3c-3.5,0.8-6.8,2.1-10.3,2.8c-5.2,1.1-10.6,0.8-15.9,0 c0,0,18.2,11.3,34.2,7.9c0.8-0.2,1.5-0.4,2.3-0.6c10.1-3.1,18.9-9.6,23.7-19.2c0.3-0.6,0.6-1.3,0.9-1.9c2.1-4.6,3.6-10.4,3.3-17 C-23.8,23.2-18.8,19.6-17.2,16.5"/> </g> <path class="email st1" d="M-119.5,0h-64c-2.2,0-4,1.8-4,4v64c0,2.2,1.8,4,4,4h34.5V44.2h-9.4v0V33.3v0h9.3v-8c0-9.3,5.7-14.4,14-14.4 c2.8,0,5.6,0.1,8.4,0.4v0c0,0,0,0,0,0V21h0v0h-5.7c-4.5,0-5.4,2.1-5.4,5.3v6.9h10.8l0,0h0l-1.4,10.9h-9.4V72h18.3c2.2,0,4-1.8,4-4V4 C-115.5,1.8-117.3,0-119.5,0z"/> <path class="email st1" d="M2.4,19l-1.5-2.3c0,0,0,0.1,0,0.1v37.4c0,0.6,0.1,1.2,0.4,1.7L25,34L2.4,19z"/> <path class="email st1" d="M35.8,38.1L35.8,38.1l31.6-20.9l2.1-3.2c-0.7-0.7-1.7-1.1-2.7-1.1H4.9c-1,0-2,0.4-2.7,1.1l2.1,3.2L35.8,38.1z" /> <path class="email st1" d="M70.7,16.7L69.3,19L46.7,34l23.6,22c0.3-0.5,0.4-1.1,0.4-1.7V16.9C70.8,16.8,70.8,16.8,70.7,16.7"/> <path class="email st1" d="M35.8,41.2l-8.7-5.8l-24,22.3c0.5,0.3,1.1,0.4,1.8,0.4h61.9c0.6,0,1.2-0.2,1.8-0.4l-24-22.3L35.8,41.2z"/> </svg> </a> </div> </div> </section> <div class="switcher switcher-you"> <div class="switcher-wrapper"> <a href class="prev-item"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 61.9 120" style="enable-background:new 0 0 61.9 120;" xml:space="preserve"> <polyline class="next-prev-color" points="61.2,0.8 1.7,59.9 61,119.2 "/> </svg> <div> <div class="title">Google</div> <div class="thumbnail" style="background-image:url(https://epicdigital.com/img/switcher/beyond.jpg);"></div> <div class="title below-sm">Google</div> </div> </a> <a href class="back-to-top"> <div class="viewmaster-switcher"></div> <div class="label">Back To Top</div> </a> <a href class="next-item" > <div> <div class="thumbnail" style="background-image:url(https://epicdigital.com/img/switcher/argo.jpg);"></div> <div class="title">Warner</div> <div class="title below-sm">Warner</div> </div> <?xml version="1.0" encoding="utf-8"?> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 61.9 120" style="enable-background:new 0 0 61.9 120;" xml:space="preserve"> <polyline class="next-prev-color" points="0.9,0.8 60.5,59.9 1.1,119.2 "/> </svg> </a> </div> <div class="copyright">©2019 EPIC MAGAZINE - A DIVISION OF VOX MEDIA STUDIOS</div> </div> </article> <style> #article-argo.active{ background-image:url(); } @media(max-width:767px){ #article-argo.active{ background-image:url(); } } </style> <article id="article-argo" data-index="argo" class=""> <style> .intro-argo .intro-image:after{ height: } .intro-argo{ margin-bottom:; } @media(max-width:767px){ .intro-argo{ margin-bottom:0; } } </style> <section class="intro intro-argo"> <div class="intro-wrapper" style="min-height: 106.808199vw"> <div class="intro-image" data-style="background-image:url(https://epicdigital.com/img/project-intro/argo.png)"></div> <div class="intro-content"> <img class="partner-logo img-svg" data-src="https://epicdigital.com/img/argo/warner-brothers.svg" style="max-height:;"/> <img class="partner-logo img-png" data-src="https://epicdigital.com/img/argo/warner-brothers.png" style="max-height:;" /> <img class="brand-logo img-svg" data-src="https://epicdigital.com/img/argo/argo-logo.svg" style="max-width:;" /> <img class="brand-logo img-png" data-src="https://epicdigital.com/img/argo/argo-logo.png" style="max-width:;"/> <img class="arrow-down img-svg" src="//epicdigital.com/img/down-arrow.svg" /> <img class="arrow-down img-png" src="//epicdigital.com/img/down-arrow.png" /> </div> </div> <div class="intro-mobile" style="min-height: 176.933333vw"> <div class="intro-image-mobile" data-style="background-image:url(https://epicdigital.com/img/project-intro/argo-mobile.png)"></div> <div class="intro-content"> <img class="partner-logo img-svg" data-src="https://epicdigital.com/img/argo/warner-brothers.svg" style="max-height:;"/> <img class="partner-logo img-png" data-src="https://epicdigital.com/img/argo/warner-brothers.png" style="max-height:;" /> <img class="brand-logo img-svg" data-src="https://epicdigital.com/img/argo/argo-logo.svg" style="max-width:;" /> <img class="brand-logo img-png" data-src="https://epicdigital.com/img/argo/argo-logo.png" style="max-width:;"/> <img class="arrow-down img-svg" src="//epicdigital.com/img/down-arrow.svg" /> <img class="arrow-down img-png" src="//epicdigital.com/img/down-arrow.png" /> </div> </div> </section> <div class="article-components"> <style> .image-lockup-argo .image-wrapper .image-text p{ color:#fff } .image-lockup-argo .image-wrapper .image-text p:first-of-type::first-letter{ color:#d4a65b; } </style> <section id="" class="image-lockup left-lockup image-lockup-argo"> <div class="image-wrapper" style="max-width:980px"> <div class="image-text image-text-top" style="display: none"> <p> In 1979, the U.S. Embassy in Iran was overrun by an angry mob, and 52 employees were taken hostage. Epic’s Joshuah Bearman brought the CIA’s strange rescue operation to life in a wildly captivating article that served as the basis for the Oscar-winning film.</p> </div> <div class="image-image "> <img class="left-image" data-src="https://epicdigital.com/img/argo/academy-logo.png" /> </div> <div class="image-text image-text-bottom" style="display: block"> <p> In 1979, the U.S. Embassy in Iran was overrun by an angry mob, and 52 employees were taken hostage. Epic’s Joshuah Bearman brought the CIA’s strange rescue operation to life in a wildly captivating article that served as the basis for the Oscar-winning film.</p> </div> </div> </section> <style> .video-vimeo-argo .video-vimeo-wrapper{ max-width:1170px; height:487.5000039px; max-height: 41.666667vw; } .video-vimeo-argo .video-vimeo-wrapper iframe{ width:1170px; height:487.5000039px; max-height: 41.666667vw; } </style> <section class="video-vimeo video-vimeo-argo has-poster"> <div class="video-vimeo-wrapper"> <div class="video-vimeo-poster" data-style="background-image:url(./img/argo/video-poster.png);"> <div class="play-button" data-style="background-color:#d4a65b;"></div> </div> <div class="video-vimeo-target" id="video-vimeo-57586417-player" data-height="487.5000039" data-width="1170" data-video="57586417"></div> </div> </section> </div> <section class="share " id="article-share-argo"> <div class="share-wrapper"> <div class="share-options"> <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://epicdigital.com/argo" class="facebook"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .facebook{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <path class="facebook" d="M68,0H4C1.8,0,0,1.8,0,4v64c0,2.2,1.8,4,4,4h34.5V44.2h-9.4v0V33.3v0h9.3v-8c0-9.3,5.7-14.4,14-14.4 c2.8,0,5.6,0.1,8.4,0.4v0c0,0,0,0,0,0V21h0v0h-5.7c-4.5,0-5.4,2.1-5.4,5.3v6.9h10.8l0,0h0l-1.4,10.9h-9.4V72H68c2.2,0,4-1.8,4-4V4 C72,1.8,70.2,0,68,0z"/> </svg> </a> <a target="_blank" href="https://twitter.com/intent/tweet?text=How the Academy Award winning film Argo gave birth to Epic Media.&url=https://epicdigital.com/argo" class="twitter"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .twitter{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <g> <path class="twitter" d="M71.3,16.5c0,0-3.2,1.5-7.3,2c0,0,4.9-4,5.3-7.3c0,0-3.4,2.4-8.4,3.2c0,0-4.6-5.7-13.2-3.7 c-8.6,2-10.4,11.7-9.4,15.5c0,0-14.9,0.2-27.1-13.6c-0.4,1.1-1,3-1.3,3.9c-0.6,2-1,4-1.2,6c-0.4,4,0.1,8.1,1.4,11.9 c1.3,3.8,3.4,7.3,6.1,10.3c1.4,1.5,2.9,2.9,4.6,4c1.5,1.1,3.7,2.8,5.7,2.3c-3.5,0.8-6.8,2.1-10.3,2.8C11,55,5.5,54.7,0.2,54 c0,0,18.2,11.3,34.2,7.9c0.8-0.2,1.5-0.4,2.3-0.6c10.1-3.1,18.9-9.6,23.7-19.2c0.3-0.6,0.6-1.3,0.9-1.9c2.1-4.6,3.6-10.4,3.3-17 C64.7,23.2,69.7,19.6,71.3,16.5"/> </g> </svg> </a> <a target="_blank" href="mailto:?subject=Argo%3A%20The%20Academy%20Award%20Winning%20Film&body=In%201979%2C%20the%20U.S.%20Embassy%20in%20Iran%20was%20overrun%20by%20an%20angry%20mob%2C%20and%2052%20employees%20were%20taken%20hostage.%20Epic%E2%80%99s%20Joshuah%20Bearman%20brought%20the%20CIA%E2%80%99s%20strange%20rescue%20operation%20to%20life%20in%20a%20wildly%20captivating%20article%20that%20served%20as%20the%20basis%20for%20the%20Oscar-winning%20film%20and%20the%20launching%20point%20for%20Epic%20Media.%0D%0A%0D%0Ahttps%3A%2F%2Fepicdigital.com%2Fargo" class="email-link"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .st0{clip-path:url(#SVGID_2_);fill:#fff;} #article-share- .st1{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <g> <defs> <rect id="SVGID_1_" x="-88.3" y="10.4" width="71.1" height="52.1"/> </defs> <clipPath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;"/> </clipPath> <path class="email st0" d="M-17.2,16.5c0,0-3.2,1.5-7.3,2c0,0,4.9-4,5.3-7.3c0,0-3.4,2.4-8.4,3.2c0,0-4.6-5.7-13.2-3.7 c-8.6,2-10.4,11.7-9.4,15.5c0,0-14.9,0.2-27.1-13.6c-0.4,1.1-1,3-1.3,3.9c-0.6,2-1,4-1.2,6c-0.4,4,0.1,8.1,1.4,11.9 c1.3,3.8,3.4,7.3,6.1,10.3c1.4,1.5,2.9,2.9,4.6,4c1.5,1.1,3.7,2.8,5.7,2.3c-3.5,0.8-6.8,2.1-10.3,2.8c-5.2,1.1-10.6,0.8-15.9,0 c0,0,18.2,11.3,34.2,7.9c0.8-0.2,1.5-0.4,2.3-0.6c10.1-3.1,18.9-9.6,23.7-19.2c0.3-0.6,0.6-1.3,0.9-1.9c2.1-4.6,3.6-10.4,3.3-17 C-23.8,23.2-18.8,19.6-17.2,16.5"/> </g> <path class="email st1" d="M-119.5,0h-64c-2.2,0-4,1.8-4,4v64c0,2.2,1.8,4,4,4h34.5V44.2h-9.4v0V33.3v0h9.3v-8c0-9.3,5.7-14.4,14-14.4 c2.8,0,5.6,0.1,8.4,0.4v0c0,0,0,0,0,0V21h0v0h-5.7c-4.5,0-5.4,2.1-5.4,5.3v6.9h10.8l0,0h0l-1.4,10.9h-9.4V72h18.3c2.2,0,4-1.8,4-4V4 C-115.5,1.8-117.3,0-119.5,0z"/> <path class="email st1" d="M2.4,19l-1.5-2.3c0,0,0,0.1,0,0.1v37.4c0,0.6,0.1,1.2,0.4,1.7L25,34L2.4,19z"/> <path class="email st1" d="M35.8,38.1L35.8,38.1l31.6-20.9l2.1-3.2c-0.7-0.7-1.7-1.1-2.7-1.1H4.9c-1,0-2,0.4-2.7,1.1l2.1,3.2L35.8,38.1z" /> <path class="email st1" d="M70.7,16.7L69.3,19L46.7,34l23.6,22c0.3-0.5,0.4-1.1,0.4-1.7V16.9C70.8,16.8,70.8,16.8,70.7,16.7"/> <path class="email st1" d="M35.8,41.2l-8.7-5.8l-24,22.3c0.5,0.3,1.1,0.4,1.8,0.4h61.9c0.6,0,1.2-0.2,1.8-0.4l-24-22.3L35.8,41.2z"/> </svg> </a> </div> </div> </section> <div class="switcher switcher-argo"> <div class="switcher-wrapper"> <a href class="prev-item"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 61.9 120" style="enable-background:new 0 0 61.9 120;" xml:space="preserve"> <polyline class="next-prev-color" points="61.2,0.8 1.7,59.9 61,119.2 "/> </svg> <div> <div class="title">You</div> <div class="thumbnail" style="background-image:url(https://epicdigital.com/img/switcher/you.jpg);"></div> <div class="title below-sm">You</div> </div> </a> <a href class="back-to-top"> <div class="viewmaster-switcher"></div> <div class="label">Back To Top</div> </a> <a href class="next-item" > <div> <div class="thumbnail" style="background-image:url(https://epicdigital.com/img/switcher/okta.jpg);"></div> <div class="title">Okta</div> <div class="title below-sm">Okta</div> </div> <?xml version="1.0" encoding="utf-8"?> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 61.9 120" style="enable-background:new 0 0 61.9 120;" xml:space="preserve"> <polyline class="next-prev-color" points="0.9,0.8 60.5,59.9 1.1,119.2 "/> </svg> </a> </div> <div class="copyright">©2019 EPIC MAGAZINE - A DIVISION OF VOX MEDIA STUDIOS</div> </div> </article> <style> #article-okta.active{ background-image:url(); } @media(max-width:767px){ #article-okta.active{ background-image:url(); } } </style> <article id="article-okta" data-index="okta" class=""> <style> .intro-okta .intro-image:after{ height: } .intro-okta{ margin-bottom:85px; } @media(max-width:767px){ .intro-okta{ margin-bottom:0; } } .intro-okta .intro-image:after, .intro-okta .intro-image-mobile:after{ display:none; } </style> <section class="intro intro-okta"> <div class="intro-wrapper" style="min-height: 68.814056vw"> <div class="intro-image" data-style="background-image:url()"></div> <div class="intro-content"> <img class="partner-logo img-svg" data-src="https://epicdigital.com/img/okta/okta-logo.svg" style="max-height:;"/> <img class="partner-logo img-png" data-src="https://epicdigital.com/img/okta/okta-logo.png" style="max-height:;" /> <img class="brand-logo" data-src="https://epicdigital.com/img/okta/who-do-you.png" style="max-width:;"/> <img class="arrow-down img-svg" src="//epicdigital.com/img/down-arrow.svg" /> <img class="arrow-down img-png" src="//epicdigital.com/img/down-arrow.png" /> </div> </div> <div class="intro-mobile" style="min-height: 103.333333vw"> <div class="intro-image-mobile" data-style="background-image:url()"></div> <div class="intro-content"> <img class="partner-logo img-svg" data-src="https://epicdigital.com/img/okta/okta-logo.svg" style="max-height:;"/> <img class="partner-logo img-png" data-src="https://epicdigital.com/img/okta/okta-logo.png" style="max-height:;" /> <img class="brand-logo" data-src="https://epicdigital.com/img/okta/who-do-you.png" style="max-width:;"/> <img class="arrow-down img-svg" src="//epicdigital.com/img/down-arrow.svg" /> <img class="arrow-down img-png" src="//epicdigital.com/img/down-arrow.png" /> </div> </div> </section> <div class="article-components"> <style> .image-lockup-okta .image-wrapper .image-text p{ color:#fff } .image-lockup-okta .image-wrapper .image-text p:first-of-type::first-letter{ color:#ffffff; } </style> <section class="image-lockup right-lockup image-lockup-okta"> <div class="image-wrapper" style="max-width:1010px"> <div class="image-image image-image-top" style="display: block"> <img data-src="https://epicdigital.com/img/okta/okta-left-image.png" /> </div> <div class="image-image image-html "> <h3><span>EPIC </span><span>JOURNEYS INTO </span><span>THE HISTORY OF </span><span>IDENTITY.</span></h3><div class="arrow"></div> </div> <div class="image-image image-image-bottom" style="display: none"> <img data-src="https://epicdigital.com/img/okta/okta-left-image.png" /> </div> </div> </section> <style> .image-lockup-okta .image-wrapper .image-text p{ color:#fff } .image-lockup-okta .image-wrapper .image-text p:first-of-type::first-letter{ color:#ffffff; } </style> <section id="" class="image-lockup right-lockup image-lockup-okta"> <div class="image-wrapper" style="max-width:1010px"> <div class="image-text image-text-top" style="display: block"> <p>To launch their annual conference in Vegas, Okta needed a powerful statement about the importance of identity in the modern world. So Epic boiled down the history of the world into a 4 minute animated film that shows just how much our understanding of ourselves has evolved over the millennia. The video was so successful, it launched the ongoing Identities series, which seeks to explore how we become who we are, and why that makes us unique.</p> </div> <div class="image-image "> <img class="right-image" data-src="https://epicdigital.com/img/okta/okta-right-image.png" /> </div> <div class="image-text image-text-bottom" style="display: none"> <p>To launch their annual conference in Vegas, Okta needed a powerful statement about the importance of identity in the modern world. So Epic boiled down the history of the world into a 4 minute animated film that shows just how much our understanding of ourselves has evolved over the millennia. The video was so successful, it launched the ongoing Identities series, which seeks to explore how we become who we are, and why that makes us unique.</p> </div> </div> </section> <style> #video-phone-okta .plyr__control--overlaid{ background-color:#85b1d0; } #video-phone-okta .plyr__control--overlaid:after{ border-left-color:#ffffff; } #video-phone-okta .plyr__control--overlaid:hover{ background:#fff; } #video-phone-okta .plyr__control--overlaid:hover:after{ border-left-color:#85b1d0; } .active #video-phone-okta .video-phone-wrapper{ width:1146px; height:641.99999532px; max-width:95vw; max-height:53.2198949vw; background-image:url(https://epicdigital.com/img/okta/okta-phone-bg.png); } #video-phone-okta .video-phone-wrapper video{ width:800px; max-width:70vw; max-height:36.9732762vw; height:422.551728px; } @media(max-width:768px){ #video-phone-okta .video-phone-wrapper{ width:100vw; height:52.818966vw; max-width:100%; max-height:100%; background:transparent; } #video-phone-okta .video-phone-wrapper video{ width:100vw; height:56.020942vw; max-width:100%; max-height:100%; } } </style> <section class="video-phone phone-vimeo" id="video-phone-okta" data-vimeo="290745662"> <div class="video-phone-wrapper"> <div id="video-phone-vimeo-290745662" class="phone-vimeo-target"></div> </div> </section> </div> <section class="share " id="article-share-okta"> <div class="share-wrapper"> <div class="share-options"> <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://epicdigital.com/okta" class="facebook"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .facebook{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <path class="facebook" d="M68,0H4C1.8,0,0,1.8,0,4v64c0,2.2,1.8,4,4,4h34.5V44.2h-9.4v0V33.3v0h9.3v-8c0-9.3,5.7-14.4,14-14.4 c2.8,0,5.6,0.1,8.4,0.4v0c0,0,0,0,0,0V21h0v0h-5.7c-4.5,0-5.4,2.1-5.4,5.3v6.9h10.8l0,0h0l-1.4,10.9h-9.4V72H68c2.2,0,4-1.8,4-4V4 C72,1.8,70.2,0,68,0z"/> </svg> </a> <a target="_blank" href="https://twitter.com/intent/tweet?text=The history of human identity, in one short film.&url=https://epicdigital.com/okta" class="twitter"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .twitter{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <g> <path class="twitter" d="M71.3,16.5c0,0-3.2,1.5-7.3,2c0,0,4.9-4,5.3-7.3c0,0-3.4,2.4-8.4,3.2c0,0-4.6-5.7-13.2-3.7 c-8.6,2-10.4,11.7-9.4,15.5c0,0-14.9,0.2-27.1-13.6c-0.4,1.1-1,3-1.3,3.9c-0.6,2-1,4-1.2,6c-0.4,4,0.1,8.1,1.4,11.9 c1.3,3.8,3.4,7.3,6.1,10.3c1.4,1.5,2.9,2.9,4.6,4c1.5,1.1,3.7,2.8,5.7,2.3c-3.5,0.8-6.8,2.1-10.3,2.8C11,55,5.5,54.7,0.2,54 c0,0,18.2,11.3,34.2,7.9c0.8-0.2,1.5-0.4,2.3-0.6c10.1-3.1,18.9-9.6,23.7-19.2c0.3-0.6,0.6-1.3,0.9-1.9c2.1-4.6,3.6-10.4,3.3-17 C64.7,23.2,69.7,19.6,71.3,16.5"/> </g> </svg> </a> <a target="_blank" href="mailto:?subject=The%20History%20of%20Human%20Identity&body=To%20launch%20their%20annual%20conference%20in%20Vegas%2C%20Okta%20needed%20a%20powerful%20statement%20about%20the%20importance%20of%20identity%20in%20the%20modern%20world.%20So%20Epic%20boiled%20down%20the%20history%20of%20the%20world%20into%20a%204%20minute%20animated%20film%20that%20shows%20just%20how%20much%20our%20understanding%20of%20ourselves%20has%20evolved%20over%20the%20millennia.%20The%20video%20was%20so%20successful%2C%20it%20kicked-off%20an%20ongoing%20series%20that%20seeks%20to%20explore%20how%20we%20become%20who%20we%20are%2C%20and%20why%20that%20makes%20us%20unique.%0D%0A%0D%0Ahttps%3A%2F%2Fepicdigital.com%2Fokta" class="email-link"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .st0{clip-path:url(#SVGID_2_);fill:#fff;} #article-share- .st1{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <g> <defs> <rect id="SVGID_1_" x="-88.3" y="10.4" width="71.1" height="52.1"/> </defs> <clipPath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;"/> </clipPath> <path class="email st0" d="M-17.2,16.5c0,0-3.2,1.5-7.3,2c0,0,4.9-4,5.3-7.3c0,0-3.4,2.4-8.4,3.2c0,0-4.6-5.7-13.2-3.7 c-8.6,2-10.4,11.7-9.4,15.5c0,0-14.9,0.2-27.1-13.6c-0.4,1.1-1,3-1.3,3.9c-0.6,2-1,4-1.2,6c-0.4,4,0.1,8.1,1.4,11.9 c1.3,3.8,3.4,7.3,6.1,10.3c1.4,1.5,2.9,2.9,4.6,4c1.5,1.1,3.7,2.8,5.7,2.3c-3.5,0.8-6.8,2.1-10.3,2.8c-5.2,1.1-10.6,0.8-15.9,0 c0,0,18.2,11.3,34.2,7.9c0.8-0.2,1.5-0.4,2.3-0.6c10.1-3.1,18.9-9.6,23.7-19.2c0.3-0.6,0.6-1.3,0.9-1.9c2.1-4.6,3.6-10.4,3.3-17 C-23.8,23.2-18.8,19.6-17.2,16.5"/> </g> <path class="email st1" d="M-119.5,0h-64c-2.2,0-4,1.8-4,4v64c0,2.2,1.8,4,4,4h34.5V44.2h-9.4v0V33.3v0h9.3v-8c0-9.3,5.7-14.4,14-14.4 c2.8,0,5.6,0.1,8.4,0.4v0c0,0,0,0,0,0V21h0v0h-5.7c-4.5,0-5.4,2.1-5.4,5.3v6.9h10.8l0,0h0l-1.4,10.9h-9.4V72h18.3c2.2,0,4-1.8,4-4V4 C-115.5,1.8-117.3,0-119.5,0z"/> <path class="email st1" d="M2.4,19l-1.5-2.3c0,0,0,0.1,0,0.1v37.4c0,0.6,0.1,1.2,0.4,1.7L25,34L2.4,19z"/> <path class="email st1" d="M35.8,38.1L35.8,38.1l31.6-20.9l2.1-3.2c-0.7-0.7-1.7-1.1-2.7-1.1H4.9c-1,0-2,0.4-2.7,1.1l2.1,3.2L35.8,38.1z" /> <path class="email st1" d="M70.7,16.7L69.3,19L46.7,34l23.6,22c0.3-0.5,0.4-1.1,0.4-1.7V16.9C70.8,16.8,70.8,16.8,70.7,16.7"/> <path class="email st1" d="M35.8,41.2l-8.7-5.8l-24,22.3c0.5,0.3,1.1,0.4,1.8,0.4h61.9c0.6,0,1.2-0.2,1.8-0.4l-24-22.3L35.8,41.2z"/> </svg> </a> </div> </div> </section> <div class="switcher switcher-okta"> <div class="switcher-wrapper"> <a href class="prev-item"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 61.9 120" style="enable-background:new 0 0 61.9 120;" xml:space="preserve"> <polyline class="next-prev-color" points="61.2,0.8 1.7,59.9 61,119.2 "/> </svg> <div> <div class="title">Warner</div> <div class="thumbnail" style="background-image:url(https://epicdigital.com/img/switcher/argo.jpg);"></div> <div class="title below-sm">Warner</div> </div> </a> <a href class="back-to-top"> <div class="viewmaster-switcher"></div> <div class="label">Back To Top</div> </a> <a href class="next-item" > <div> <div class="thumbnail" style="background-image:url(https://epicdigital.com/img/switcher/ge.jpg);"></div> <div class="title">GE</div> <div class="title below-sm">GE</div> </div> <?xml version="1.0" encoding="utf-8"?> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 61.9 120" style="enable-background:new 0 0 61.9 120;" xml:space="preserve"> <polyline class="next-prev-color" points="0.9,0.8 60.5,59.9 1.1,119.2 "/> </svg> </a> </div> <div class="copyright">©2019 EPIC MAGAZINE - A DIVISION OF VOX MEDIA STUDIOS</div> </div> </article> <style> #article-ge.active{ background-image:url(); } @media(max-width:767px){ #article-ge.active{ background-image:url(); } } </style> <article id="article-ge" data-index="ge" class=""> <style> .intro-ge .intro-image:after{ height: } .intro-ge{ margin-bottom:100px; } @media(max-width:767px){ .intro-ge{ margin-bottom:0; } } .intro-ge .intro-image:after, .intro-ge .intro-image-mobile:after{ display:none; } </style> <section class="intro intro-ge"> <div class="intro-wrapper" style="min-height: 46.189458vw"> <div class="intro-image" data-style="background-image:url(https://epicdigital.com/img/ge/ge-intro-bg.jpg)"></div> <div class="intro-content"> <img class="partner-logo img-svg" data-src="https://epicdigital.com/img/ge/ge-logo.svg" style="max-height:;"/> <img class="partner-logo img-png" data-src="https://epicdigital.com/img/ge/ge-logo.png" style="max-height:;" /> <div class="brand-text"> <h2 style="color:; font-size:64px; text-indent:26px; letter-spacing:26px;"><span>TOGETHER </span><span>WE </span><span>WORK</span></h2> </div> <img class="arrow-down img-svg" src="//epicdigital.com/img/down-arrow.svg" /> <img class="arrow-down img-png" src="//epicdigital.com/img/down-arrow.png" /> </div> </div> <div class="intro-mobile" style="min-height: 172.333333vw"> <div class="intro-image-mobile" data-style="background-image:url(https://epicdigital.com/img/ge/ge-intro-mobile.jpg)"></div> <div class="intro-content"> <img class="partner-logo img-svg" data-src="https://epicdigital.com/img/ge/ge-logo.svg" style="max-height:;"/> <img class="partner-logo img-png" data-src="https://epicdigital.com/img/ge/ge-logo.png" style="max-height:;" /> <div class="brand-text"> <h2 style="color:; font-size:64px; text-indent:26px; letter-spacing:26px;"><span>TOGETHER </span><span>WE </span><span>WORK</span></h2> </div> <img class="arrow-down img-svg" src="//epicdigital.com/img/down-arrow.svg" /> <img class="arrow-down img-png" src="//epicdigital.com/img/down-arrow.png" /> </div> </div> </section> <div class="article-components"> <style> .image-lockup-ge .image-wrapper .image-text p{ color:#fff } .image-lockup-ge .image-wrapper .image-text p:first-of-type::first-letter{ color:#ff7347; } </style> <section class="image-lockup right-lockup image-lockup-ge img-lockup-html"> <div class="image-wrapper" style="max-width:970px"> <div class="image-text image-text-top"style="display: block"> <p>T<span style="color: #ff7347;">ogether We Work</span> tells the stories of five GE employees whose backgrounds and passions off the clock shape their approach to work. Featuring a professional water skier and a Pakistani engineering prodigy, this documentary series proves that the best jobs don't define us, they play to our greatest strengths.</p> </div> <div class="image-image image-html "> </div> <div class="image-text image-text-bottom" style="display: none"> <p>T<span style="color: #ff7347;">ogether We Work</span> tells the stories of five GE employees whose backgrounds and passions off the clock shape their approach to work. Featuring a professional water skier and a Pakistani engineering prodigy, this documentary series proves that the best jobs don't define us, they play to our greatest strengths.</p> </div> </div> </section> <style> .video-gallery-ge .plyr__control--overlaid{ background-color:#ff7347; } .video-gallery-ge .gallery-youtube-wrapper:after, .video-gallery-ge .gallery-hosted-wrapper:after{ content:''; display: block; padding-top:55.789474%; } .video-gallery-ge .plyr--full-ui input[type=range]{ color:#ff7347; } .video-gallery-ge .gallery-youtube-play, .video-gallery-ge .gallery-hosted-play{ background-color:#ff7347; } </style> <section class="video-gallery video-gallery-ge" style="margin-top:-275px"> <div class="video-gallery-wrapper" style="max-width:1166px"> <div class="video-wrapper empty-wrapper"></div> <div class="video-wrapper gallery-hosted-wrapper" data-type="hosted"> <div class="gallery-hosted-player-wrapper"> <div class="gallery-hosted-player" id="gallery-hosted-OgWA1f4B9EU"></div> </div> <div class="gallery-hosted-poster" data-style="background-image:url(./img/ge/ge-video-1.jpg)"> <div class="gallery-hosted-play play-button" data-video-id="OgWA1f4B9EU"></div> <video class="mejs__player" poster="./img/ge/ge-video-1.jpg" id="video-gallery-video-2"> <source data-src="./media/ge/mike.mp4" type="video/mp4"> </video> </div> <div class="video-title" data-id="ge" style="color:#ff7347"> MIKE - “THE FOAMER” </div> </div> <div class="video-wrapper gallery-hosted-wrapper" data-type="hosted"> <div class="gallery-hosted-player-wrapper"> <div class="gallery-hosted-player" id="gallery-hosted-7lhPRaPhHlo"></div> </div> <div class="gallery-hosted-poster" data-style="background-image:url(./img/ge/ge-video-2.jpg)"> <div class="gallery-hosted-play play-button" data-video-id="7lhPRaPhHlo"></div> <video class="mejs__player" poster="./img/ge/ge-video-2.jpg" id="video-gallery-video-3"> <source data-src="./media/ge/samantha.mp4" type="video/mp4"> </video> </div> <div class="video-title" data-id="ge" style="color:#ff7347"> SAMANTHA - “THE ESCAPE” </div> </div> <div class="video-wrapper gallery-hosted-wrapper" data-type="hosted"> <div class="gallery-hosted-player-wrapper"> <div class="gallery-hosted-player" id="gallery-hosted-i1HlXhKyyGw"></div> </div> <div class="gallery-hosted-poster" data-style="background-image:url(./img/ge/ge-video-3.jpg)"> <div class="gallery-hosted-play play-button" data-video-id="i1HlXhKyyGw"></div> <video class="mejs__player" poster="./img/ge/ge-video-3.jpg" id="video-gallery-video-4"> <source data-src="./media/ge/kevin.mp4" type="video/mp4"> </video> </div> <div class="video-title" data-id="ge" style="color:#ff7347"> KEVIN - “THE WATER SKIER” </div> </div> <div class="video-wrapper gallery-hosted-wrapper" data-type="hosted"> <div class="gallery-hosted-player-wrapper"> <div class="gallery-hosted-player" id="gallery-hosted-Rcz6XyWtVSM"></div> </div> <div class="gallery-hosted-poster" data-style="background-image:url(./img/ge/ge-video-4.jpg)"> <div class="gallery-hosted-play play-button" data-video-id="Rcz6XyWtVSM"></div> <video class="mejs__player" poster="./img/ge/ge-video-4.jpg" id="video-gallery-video-5"> <source data-src="./media/ge/ibrahim.mp4" type="video/mp4"> </video> </div> <div class="video-title" data-id="ge" style="color:#ff7347"> IBRAHIM - “THE VOLUNTEERS” </div> </div> <div class="video-wrapper gallery-hosted-wrapper" data-type="hosted"> <div class="gallery-hosted-player-wrapper"> <div class="gallery-hosted-player" id="gallery-hosted-u5axnIY7rHo"></div> </div> <div class="gallery-hosted-poster" data-style="background-image:url(./img/ge/ge-video-5.jpg)"> <div class="gallery-hosted-play play-button" data-video-id="u5axnIY7rHo"></div> <video class="mejs__player" poster="./img/ge/ge-video-5.jpg" id="video-gallery-video-6"> <source data-src="./media/ge/ayesha.mp4" type="video/mp4"> </video> </div> <div class="video-title" data-id="ge" style="color:#ff7347"> AYESHA - “THE SPARK” </div> </div> </div> </section> </div> <section class="share " id="article-share-ge"> <div class="share-wrapper"> <div class="share-options"> <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://epicdigital.com/ge" class="facebook"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .facebook{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <path class="facebook" d="M68,0H4C1.8,0,0,1.8,0,4v64c0,2.2,1.8,4,4,4h34.5V44.2h-9.4v0V33.3v0h9.3v-8c0-9.3,5.7-14.4,14-14.4 c2.8,0,5.6,0.1,8.4,0.4v0c0,0,0,0,0,0V21h0v0h-5.7c-4.5,0-5.4,2.1-5.4,5.3v6.9h10.8l0,0h0l-1.4,10.9h-9.4V72H68c2.2,0,4-1.8,4-4V4 C72,1.8,70.2,0,68,0z"/> </svg> </a> <a target="_blank" href="https://twitter.com/intent/tweet?text=From a professional water-skier to a Pakistani Engineering prodigy, this documentary series that proves the best jobs don’t define us—they play to our greatest strengths.&url=https://epicdigital.com/ge" class="twitter"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .twitter{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <g> <path class="twitter" d="M71.3,16.5c0,0-3.2,1.5-7.3,2c0,0,4.9-4,5.3-7.3c0,0-3.4,2.4-8.4,3.2c0,0-4.6-5.7-13.2-3.7 c-8.6,2-10.4,11.7-9.4,15.5c0,0-14.9,0.2-27.1-13.6c-0.4,1.1-1,3-1.3,3.9c-0.6,2-1,4-1.2,6c-0.4,4,0.1,8.1,1.4,11.9 c1.3,3.8,3.4,7.3,6.1,10.3c1.4,1.5,2.9,2.9,4.6,4c1.5,1.1,3.7,2.8,5.7,2.3c-3.5,0.8-6.8,2.1-10.3,2.8C11,55,5.5,54.7,0.2,54 c0,0,18.2,11.3,34.2,7.9c0.8-0.2,1.5-0.4,2.3-0.6c10.1-3.1,18.9-9.6,23.7-19.2c0.3-0.6,0.6-1.3,0.9-1.9c2.1-4.6,3.6-10.4,3.3-17 C64.7,23.2,69.7,19.6,71.3,16.5"/> </g> </svg> </a> <a target="_blank" href="mailto:?subject=Together%20We%20Work%21&body=Featuring%20a%20professional%20water-skier%20and%20a%20Pakistani%20engineering%20prodigy%2C%20this%20documentary%20series%20tells%20the%20stories%20of%20five%20GE%20employees%20whose%20backgrounds%20and%20passions%20off%20the%20clock%20shape%20their%20approach%20to%20their%20day-to-day%20business%E2%80%94proving%20once%20again%20that%20the%20best%20jobs%20don%E2%80%99t%20define%20us%2C%20they%20play%20to%20our%20greatest%20strengths.%0D%0A%0D%0Ahttps%3A%2F%2Fepicdigital.com%2Fge" class="email-link"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .st0{clip-path:url(#SVGID_2_);fill:#fff;} #article-share- .st1{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <g> <defs> <rect id="SVGID_1_" x="-88.3" y="10.4" width="71.1" height="52.1"/> </defs> <clipPath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;"/> </clipPath> <path class="email st0" d="M-17.2,16.5c0,0-3.2,1.5-7.3,2c0,0,4.9-4,5.3-7.3c0,0-3.4,2.4-8.4,3.2c0,0-4.6-5.7-13.2-3.7 c-8.6,2-10.4,11.7-9.4,15.5c0,0-14.9,0.2-27.1-13.6c-0.4,1.1-1,3-1.3,3.9c-0.6,2-1,4-1.2,6c-0.4,4,0.1,8.1,1.4,11.9 c1.3,3.8,3.4,7.3,6.1,10.3c1.4,1.5,2.9,2.9,4.6,4c1.5,1.1,3.7,2.8,5.7,2.3c-3.5,0.8-6.8,2.1-10.3,2.8c-5.2,1.1-10.6,0.8-15.9,0 c0,0,18.2,11.3,34.2,7.9c0.8-0.2,1.5-0.4,2.3-0.6c10.1-3.1,18.9-9.6,23.7-19.2c0.3-0.6,0.6-1.3,0.9-1.9c2.1-4.6,3.6-10.4,3.3-17 C-23.8,23.2-18.8,19.6-17.2,16.5"/> </g> <path class="email st1" d="M-119.5,0h-64c-2.2,0-4,1.8-4,4v64c0,2.2,1.8,4,4,4h34.5V44.2h-9.4v0V33.3v0h9.3v-8c0-9.3,5.7-14.4,14-14.4 c2.8,0,5.6,0.1,8.4,0.4v0c0,0,0,0,0,0V21h0v0h-5.7c-4.5,0-5.4,2.1-5.4,5.3v6.9h10.8l0,0h0l-1.4,10.9h-9.4V72h18.3c2.2,0,4-1.8,4-4V4 C-115.5,1.8-117.3,0-119.5,0z"/> <path class="email st1" d="M2.4,19l-1.5-2.3c0,0,0,0.1,0,0.1v37.4c0,0.6,0.1,1.2,0.4,1.7L25,34L2.4,19z"/> <path class="email st1" d="M35.8,38.1L35.8,38.1l31.6-20.9l2.1-3.2c-0.7-0.7-1.7-1.1-2.7-1.1H4.9c-1,0-2,0.4-2.7,1.1l2.1,3.2L35.8,38.1z" /> <path class="email st1" d="M70.7,16.7L69.3,19L46.7,34l23.6,22c0.3-0.5,0.4-1.1,0.4-1.7V16.9C70.8,16.8,70.8,16.8,70.7,16.7"/> <path class="email st1" d="M35.8,41.2l-8.7-5.8l-24,22.3c0.5,0.3,1.1,0.4,1.8,0.4h61.9c0.6,0,1.2-0.2,1.8-0.4l-24-22.3L35.8,41.2z"/> </svg> </a> </div> </div> </section> <div class="switcher switcher-ge"> <div class="switcher-wrapper"> <a href class="prev-item"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 61.9 120" style="enable-background:new 0 0 61.9 120;" xml:space="preserve"> <polyline class="next-prev-color" points="61.2,0.8 1.7,59.9 61,119.2 "/> </svg> <div> <div class="title">Okta</div> <div class="thumbnail" style="background-image:url(https://epicdigital.com/img/switcher/okta.jpg);"></div> <div class="title below-sm">Okta</div> </div> </a> <a href class="back-to-top"> <div class="viewmaster-switcher"></div> <div class="label">Back To Top</div> </a> <a href class="next-item" > <div> <div class="thumbnail" style="background-image:url(https://epicdigital.com/img/switcher/women.jpg);"></div> <div class="title">GOOGLE</div> <div class="title below-sm">GOOGLE</div> </div> <?xml version="1.0" encoding="utf-8"?> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 61.9 120" style="enable-background:new 0 0 61.9 120;" xml:space="preserve"> <polyline class="next-prev-color" points="0.9,0.8 60.5,59.9 1.1,119.2 "/> </svg> </a> </div> <div class="copyright">©2019 EPIC MAGAZINE - A DIVISION OF VOX MEDIA STUDIOS</div> </div> </article> <style> #article-women.active{ background-image:url(); } @media(max-width:767px){ #article-women.active{ background-image:url(); } } </style> <article id="article-women" data-index="women" class=""> <style> .intro-women .intro-image:after{ height: } .intro-women{ margin-bottom:-10vw; } @media(max-width:767px){ .intro-women{ margin-bottom:0; } } .intro-women .intro-image:after, .intro-women .intro-image-mobile:after{ display:none; } </style> <section class="intro intro-women"> <div class="intro-wrapper" style="min-height: 69.54612vw"> <div class="intro-image" data-style="background-image:url(https://epicdigital.com/img/women/women-bg.jpg)"></div> <div class="intro-content"> <img class="partner-logo img-svg" data-src="https://epicdigital.com/img/google/google-logo.svg" style="max-height:66px;"/> <img class="partner-logo img-png" data-src="https://epicdigital.com/img/google/google-logo.png" style="max-height:66px;" /> <img class="brand-logo img-svg" data-src="https://epicdigital.com/img/women/women-text.svg" style="max-width:;" /> <img class="brand-logo img-png" data-src="https://epicdigital.com/img/women/women-text.png" style="max-width:;"/> <img class="arrow-down img-svg" src="//epicdigital.com/img/down-arrow.svg" /> <img class="arrow-down img-png" src="//epicdigital.com/img/down-arrow.png" /> </div> </div> <div class="intro-mobile" style="min-height: 100.666667vw"> <div class="intro-image-mobile" data-style="background-image:url(https://epicdigital.com/img/women/women-bg.jpg)"></div> <div class="intro-content"> <img class="partner-logo img-svg" data-src="https://epicdigital.com/img/google/google-logo.svg" style="max-height:66px;"/> <img class="partner-logo img-png" data-src="https://epicdigital.com/img/google/google-logo.png" style="max-height:66px;" /> <img class="brand-logo img-svg" data-src="https://epicdigital.com/img/women/women-text.svg" style="max-width:;" /> <img class="brand-logo img-png" data-src="https://epicdigital.com/img/women/women-text.png" style="max-width:;"/> <img class="arrow-down img-svg" src="//epicdigital.com/img/down-arrow.svg" /> <img class="arrow-down img-png" src="//epicdigital.com/img/down-arrow.png" /> </div> </div> </section> <div class="article-components"> <style> .image-lockup-women .image-wrapper .image-text p{ color:#2613bc } .image-lockup-women .image-wrapper .image-text p:first-of-type::first-letter{ color:#fff; } </style> <section id="" class="image-lockup left-lockup image-lockup-women"> <div class="image-wrapper" style="max-width:970px"> <div class="image-text image-text-top" style="display: none"> <p>After engineers at Google employed AI to analyze the split between a movie’s male-female screen time, it was time to reveal the stark findings. Google asked Epic to help explain why the topic was so important and we began by interviewing women across the country to understand the emotional impact of unequal representation. We then told those stories on the Google About page through a moving combination of audio, text, and illustration. Epic helped Google tell the story of the research effort by crafting a story-driven look at gender representation in media. The piece lives on the Google About page and combines audio, text, infographics and illustration. </p> </div> <div class="image-image "> <img class="left-image" data-src="https://epicdigital.com/img/women/women-image-text-image.png" /> </div> <div class="image-text image-text-bottom" style="display: block"> <p>After engineers at Google employed AI to analyze the split between a movie’s male-female screen time, it was time to reveal the stark findings. Google asked Epic to help explain why the topic was so important and we began by interviewing women across the country to understand the emotional impact of unequal representation. We then told those stories on the Google About page through a moving combination of audio, text, and illustration. Epic helped Google tell the story of the research effort by crafting a story-driven look at gender representation in media. The piece lives on the Google About page and combines audio, text, infographics and illustration. </p> </div> </div> </section> <style> #video-hosted-women .plyr__control--overlaid{ background-color:#fff; } #video-hosted-women .video-hosted-wrapper video{ max-width:100%; max-height:41.666667%; } </style> <section class="video-hosted" id="video-hosted-women"> <div class="video-hosted-wrapper" > <video playsinline class="mejs__player" autoplay poster="./img/women/hero-poster.jpg" id="video-hosted-video-women" data-autoplay="1" data-loop="1"> <source data-src="./media/women-hero.mp4" type="video/mp4"> </video> </div> </section> </div> <section class="share " id="article-share-women"> <div class="share-wrapper"> <div class="share-options"> <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://epicdigital.com/women" class="facebook"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .facebook{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <path class="facebook" d="M68,0H4C1.8,0,0,1.8,0,4v64c0,2.2,1.8,4,4,4h34.5V44.2h-9.4v0V33.3v0h9.3v-8c0-9.3,5.7-14.4,14-14.4 c2.8,0,5.6,0.1,8.4,0.4v0c0,0,0,0,0,0V21h0v0h-5.7c-4.5,0-5.4,2.1-5.4,5.3v6.9h10.8l0,0h0l-1.4,10.9h-9.4V72H68c2.2,0,4-1.8,4-4V4 C72,1.8,70.2,0,68,0z"/> </svg> </a> <a target="_blank" href="https://twitter.com/intent/tweet?text=Training an AI to spot gender imbalance in Hollywood film—with surprising results.&url=https://epicdigital.com/women" class="twitter"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .twitter{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <g> <path class="twitter" d="M71.3,16.5c0,0-3.2,1.5-7.3,2c0,0,4.9-4,5.3-7.3c0,0-3.4,2.4-8.4,3.2c0,0-4.6-5.7-13.2-3.7 c-8.6,2-10.4,11.7-9.4,15.5c0,0-14.9,0.2-27.1-13.6c-0.4,1.1-1,3-1.3,3.9c-0.6,2-1,4-1.2,6c-0.4,4,0.1,8.1,1.4,11.9 c1.3,3.8,3.4,7.3,6.1,10.3c1.4,1.5,2.9,2.9,4.6,4c1.5,1.1,3.7,2.8,5.7,2.3c-3.5,0.8-6.8,2.1-10.3,2.8C11,55,5.5,54.7,0.2,54 c0,0,18.2,11.3,34.2,7.9c0.8-0.2,1.5-0.4,2.3-0.6c10.1-3.1,18.9-9.6,23.7-19.2c0.3-0.6,0.6-1.3,0.9-1.9c2.1-4.6,3.6-10.4,3.3-17 C64.7,23.2,69.7,19.6,71.3,16.5"/> </g> </svg> </a> <a target="_blank" href="mailto:?subject=Women%20in%20Film&body=After%20engineers%20at%20Google%20employed%20AI%20to%20analyze%20the%20split%20between%20a%20movie%E2%80%99s%20male-female%20screen%20time%2C%20it%20was%20time%20to%20sort%20through%20the%20implications%20of%20their%20stark%20findings.%20So%20Epic%20interviewed%20women%20across%20the%20country%20to%20understand%20the%20emotional%20impact%20of%20unequal%20representation%20and%20told%20those%20stories%20on%20the%20Google%20About%20page%20through%20a%20moving%20combination%20of%20audio%2C%20text%2C%20and%20illustration.%0D%0A%0D%0Ahttps%3A%2F%2Fepicdigital.com%2Fwomen" class="email-link"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .st0{clip-path:url(#SVGID_2_);fill:#fff;} #article-share- .st1{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <g> <defs> <rect id="SVGID_1_" x="-88.3" y="10.4" width="71.1" height="52.1"/> </defs> <clipPath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;"/> </clipPath> <path class="email st0" d="M-17.2,16.5c0,0-3.2,1.5-7.3,2c0,0,4.9-4,5.3-7.3c0,0-3.4,2.4-8.4,3.2c0,0-4.6-5.7-13.2-3.7 c-8.6,2-10.4,11.7-9.4,15.5c0,0-14.9,0.2-27.1-13.6c-0.4,1.1-1,3-1.3,3.9c-0.6,2-1,4-1.2,6c-0.4,4,0.1,8.1,1.4,11.9 c1.3,3.8,3.4,7.3,6.1,10.3c1.4,1.5,2.9,2.9,4.6,4c1.5,1.1,3.7,2.8,5.7,2.3c-3.5,0.8-6.8,2.1-10.3,2.8c-5.2,1.1-10.6,0.8-15.9,0 c0,0,18.2,11.3,34.2,7.9c0.8-0.2,1.5-0.4,2.3-0.6c10.1-3.1,18.9-9.6,23.7-19.2c0.3-0.6,0.6-1.3,0.9-1.9c2.1-4.6,3.6-10.4,3.3-17 C-23.8,23.2-18.8,19.6-17.2,16.5"/> </g> <path class="email st1" d="M-119.5,0h-64c-2.2,0-4,1.8-4,4v64c0,2.2,1.8,4,4,4h34.5V44.2h-9.4v0V33.3v0h9.3v-8c0-9.3,5.7-14.4,14-14.4 c2.8,0,5.6,0.1,8.4,0.4v0c0,0,0,0,0,0V21h0v0h-5.7c-4.5,0-5.4,2.1-5.4,5.3v6.9h10.8l0,0h0l-1.4,10.9h-9.4V72h18.3c2.2,0,4-1.8,4-4V4 C-115.5,1.8-117.3,0-119.5,0z"/> <path class="email st1" d="M2.4,19l-1.5-2.3c0,0,0,0.1,0,0.1v37.4c0,0.6,0.1,1.2,0.4,1.7L25,34L2.4,19z"/> <path class="email st1" d="M35.8,38.1L35.8,38.1l31.6-20.9l2.1-3.2c-0.7-0.7-1.7-1.1-2.7-1.1H4.9c-1,0-2,0.4-2.7,1.1l2.1,3.2L35.8,38.1z" /> <path class="email st1" d="M70.7,16.7L69.3,19L46.7,34l23.6,22c0.3-0.5,0.4-1.1,0.4-1.7V16.9C70.8,16.8,70.8,16.8,70.7,16.7"/> <path class="email st1" d="M35.8,41.2l-8.7-5.8l-24,22.3c0.5,0.3,1.1,0.4,1.8,0.4h61.9c0.6,0,1.2-0.2,1.8-0.4l-24-22.3L35.8,41.2z"/> </svg> </a> </div> </div> </section> <div class="switcher switcher-women"> <div class="switcher-wrapper"> <a href class="prev-item"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 61.9 120" style="enable-background:new 0 0 61.9 120;" xml:space="preserve"> <polyline class="next-prev-color" points="61.2,0.8 1.7,59.9 61,119.2 "/> </svg> <div> <div class="title">GE</div> <div class="thumbnail" style="background-image:url(https://epicdigital.com/img/switcher/ge.jpg);"></div> <div class="title below-sm">GE</div> </div> </a> <a href class="back-to-top"> <div class="viewmaster-switcher"></div> <div class="label">Back To Top</div> </a> <a href class="next-item" > <div> <div class="thumbnail" style="background-image:url(https://epicdigital.com/img/switcher/grubhub.jpg);"></div> <div class="title">Grubhub</div> <div class="title below-sm">Grubhub</div> </div> <?xml version="1.0" encoding="utf-8"?> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 61.9 120" style="enable-background:new 0 0 61.9 120;" xml:space="preserve"> <polyline class="next-prev-color" points="0.9,0.8 60.5,59.9 1.1,119.2 "/> </svg> </a> </div> <div class="copyright">©2019 EPIC MAGAZINE - A DIVISION OF VOX MEDIA STUDIOS</div> </div> </article> <style> #article-grubhub.active{ background-image:url(); } @media(max-width:767px){ #article-grubhub.active{ background-image:url(); } } </style> <article id="article-grubhub" data-index="grubhub" class=""> <style> .intro-grubhub .intro-image:after{ height: } .intro-grubhub{ margin-bottom:85px; } @media(max-width:767px){ .intro-grubhub{ margin-bottom:0; } } .intro-grubhub .intro-image:after, .intro-grubhub .intro-image-mobile:after{ display:none; } </style> <section class="intro intro-grubhub"> <div class="intro-wrapper" style="min-height: 98.702782vw"> <div class="intro-image" data-style="background-image:url()"></div> <div class="intro-content"> <img class="partner-logo img-svg" data-src="https://epicdigital.com/img/grubhub/grubhub-logo.svg" style="max-height:;"/> <img class="partner-logo img-png" data-src="https://epicdigital.com/img/grubhub/grubhub-logo.png" style="max-height:;" /> <div class="brand-text"> <h3 style="color:#fd2c5d;">CELEBRATING FEMALE</h3> <h2 style="color:#fd2c5d; font-size:64px; text-indent:20px; letter-spacing:20px;">RESTAURATEURS</h2> </div> <img class="arrow-down img-svg" data-src="https://epicdigital.com/img/grubhub/grubhub-arrow.svg" /> <img class="arrow-down img-png" data-src="https://epicdigital.com/img/grubhub/grubhub-arrow.png" /> </div> </div> <div class="intro-mobile" style="min-height: 110vw"> <div class="intro-image-mobile" data-style="background-image:url()"></div> <div class="intro-content"> <img class="partner-logo img-svg" data-src="https://epicdigital.com/img/grubhub/grubhub-logo.svg" style="max-height:;"/> <img class="partner-logo img-png" data-src="https://epicdigital.com/img/grubhub/grubhub-logo.png" style="max-height:;" /> <div class="brand-text"> <h3 style="color:#fd2c5d;">CELEBRATING FEMALE</h3> <h2 style="color:#fd2c5d; font-size:64px; text-indent:20px; letter-spacing:20px;">RESTAURATEURS</h2> </div> <img class="arrow-down img-svg" data-src="https://epicdigital.com/img/grubhub/grubhub-arrow.svg" /> <img class="arrow-down img-png" data-src="https://epicdigital.com/img/grubhub/grubhub-arrow.png" /> </div> </div> </section> <div class="article-components"> <style> .image-lockup-grubhub .image-wrapper .image-text p{ color:#fff } .image-lockup-grubhub .image-wrapper .image-text p:first-of-type::first-letter{ color:#fd2c5d; } </style> <section id="" class="image-lockup left-lockup image-lockup-grubhub"> <div class="image-wrapper" style="max-width:1005px"> <div class="image-text image-text-top" style="display: none"> <p>The food industry may be male-dominated, but women are increasingly carving out a space for themselves. We helped GrubHub highlight a few of the best, from a prima ballerina turned baker to a couple creating a safe space in Atlanta for the LGBTQ+ community. After profiling women restaurateurs in five major cities, we made a documentary about Stephanie Vitori, the founder of Miami’s Cheeseburger Baby, who kept her restaurant open through Hurricane Frances (and has weathered multiple storms since).</p> </div> <div class="image-image "> <img class="left-image" data-src="https://epicdigital.com/img/grubhub/grubhubtype.svg" /> </div> <div class="image-text image-text-bottom" style="display: block"> <p>The food industry may be male-dominated, but women are increasingly carving out a space for themselves. We helped GrubHub highlight a few of the best, from a prima ballerina turned baker to a couple creating a safe space in Atlanta for the LGBTQ+ community. After profiling women restaurateurs in five major cities, we made a documentary about Stephanie Vitori, the founder of Miami’s Cheeseburger Baby, who kept her restaurant open through Hurricane Frances (and has weathered multiple storms since).</p> </div> </div> </section> <div class="video-youtube video-youtube-grubhub has-poster"> <div class="video-youtube-wrapper" style="max-width:1166px; height:655.83000406px; max-height:56.246141vw;"> <div class="video-youtube-poster" data-style="background-image:url(./img/grubhub/grubhub-poster.jpg);"> <div class="play-button" style="background-color:#fd2c5d;"></div> </div> <div class="video-youtube-target" id="video-youtube-6BjOagNHza8-player" data-ratio="0.56246141" data-height="655.83000406" data-width="1166" data-video="6BjOagNHza8"></div> </div> </div> </div> <section class="share " id="article-share-grubhub"> <div class="share-wrapper"> <div class="share-options"> <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://epicdigital.com/grubhub" class="facebook"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .facebook{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <path class="facebook" d="M68,0H4C1.8,0,0,1.8,0,4v64c0,2.2,1.8,4,4,4h34.5V44.2h-9.4v0V33.3v0h9.3v-8c0-9.3,5.7-14.4,14-14.4 c2.8,0,5.6,0.1,8.4,0.4v0c0,0,0,0,0,0V21h0v0h-5.7c-4.5,0-5.4,2.1-5.4,5.3v6.9h10.8l0,0h0l-1.4,10.9h-9.4V72H68c2.2,0,4-1.8,4-4V4 C72,1.8,70.2,0,68,0z"/> </svg> </a> <a target="_blank" href="https://twitter.com/intent/tweet?text=Celebrating female restaurateurs with GrubHub and @epic &url=https://epicdigital.com/grubhub" class="twitter"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .twitter{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <g> <path class="twitter" d="M71.3,16.5c0,0-3.2,1.5-7.3,2c0,0,4.9-4,5.3-7.3c0,0-3.4,2.4-8.4,3.2c0,0-4.6-5.7-13.2-3.7 c-8.6,2-10.4,11.7-9.4,15.5c0,0-14.9,0.2-27.1-13.6c-0.4,1.1-1,3-1.3,3.9c-0.6,2-1,4-1.2,6c-0.4,4,0.1,8.1,1.4,11.9 c1.3,3.8,3.4,7.3,6.1,10.3c1.4,1.5,2.9,2.9,4.6,4c1.5,1.1,3.7,2.8,5.7,2.3c-3.5,0.8-6.8,2.1-10.3,2.8C11,55,5.5,54.7,0.2,54 c0,0,18.2,11.3,34.2,7.9c0.8-0.2,1.5-0.4,2.3-0.6c10.1-3.1,18.9-9.6,23.7-19.2c0.3-0.6,0.6-1.3,0.9-1.9c2.1-4.6,3.6-10.4,3.3-17 C64.7,23.2,69.7,19.6,71.3,16.5"/> </g> </svg> </a> <a target="_blank" href="mailto:?subject=Celebrating%20Female%20Restaurateurs&body=The%20food%20industry%20may%20be%20male-dominated%2C%20but%20women%20are%20increasingly%20carving%20out%20a%20space%20for%20themselves.%20We%20helped%20GrubHub%20highlight%20a%20few%20of%20the%20best%2C%20from%20a%20prima%20ballerina%20turned%20baker%20to%20a%20couple%20creating%20a%20safe%20space%20in%20Atlanta%20for%20the%20LGBTQ%2B%20community.%20After%20profiling%20women%20restaurateurs%20in%20five%20major%20cities%2C%20we%20made%20a%20documentary%20about%20Stephanie%20Vitori%2C%20the%20founder%20of%20Miami%E2%80%99s%20Cheeseburger%20Baby%2C%20who%20kept%20her%20restaurant%20open%20through%20Hurricane%20Frances%E2%80%94and%20has%20weathered%20multiple%20storms%20since.%0D%0A%0D%0Ahttps%3A%2F%2Fepicdigital.com%2Fgrubhub" class="email-link"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .st0{clip-path:url(#SVGID_2_);fill:#fff;} #article-share- .st1{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <g> <defs> <rect id="SVGID_1_" x="-88.3" y="10.4" width="71.1" height="52.1"/> </defs> <clipPath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;"/> </clipPath> <path class="email st0" d="M-17.2,16.5c0,0-3.2,1.5-7.3,2c0,0,4.9-4,5.3-7.3c0,0-3.4,2.4-8.4,3.2c0,0-4.6-5.7-13.2-3.7 c-8.6,2-10.4,11.7-9.4,15.5c0,0-14.9,0.2-27.1-13.6c-0.4,1.1-1,3-1.3,3.9c-0.6,2-1,4-1.2,6c-0.4,4,0.1,8.1,1.4,11.9 c1.3,3.8,3.4,7.3,6.1,10.3c1.4,1.5,2.9,2.9,4.6,4c1.5,1.1,3.7,2.8,5.7,2.3c-3.5,0.8-6.8,2.1-10.3,2.8c-5.2,1.1-10.6,0.8-15.9,0 c0,0,18.2,11.3,34.2,7.9c0.8-0.2,1.5-0.4,2.3-0.6c10.1-3.1,18.9-9.6,23.7-19.2c0.3-0.6,0.6-1.3,0.9-1.9c2.1-4.6,3.6-10.4,3.3-17 C-23.8,23.2-18.8,19.6-17.2,16.5"/> </g> <path class="email st1" d="M-119.5,0h-64c-2.2,0-4,1.8-4,4v64c0,2.2,1.8,4,4,4h34.5V44.2h-9.4v0V33.3v0h9.3v-8c0-9.3,5.7-14.4,14-14.4 c2.8,0,5.6,0.1,8.4,0.4v0c0,0,0,0,0,0V21h0v0h-5.7c-4.5,0-5.4,2.1-5.4,5.3v6.9h10.8l0,0h0l-1.4,10.9h-9.4V72h18.3c2.2,0,4-1.8,4-4V4 C-115.5,1.8-117.3,0-119.5,0z"/> <path class="email st1" d="M2.4,19l-1.5-2.3c0,0,0,0.1,0,0.1v37.4c0,0.6,0.1,1.2,0.4,1.7L25,34L2.4,19z"/> <path class="email st1" d="M35.8,38.1L35.8,38.1l31.6-20.9l2.1-3.2c-0.7-0.7-1.7-1.1-2.7-1.1H4.9c-1,0-2,0.4-2.7,1.1l2.1,3.2L35.8,38.1z" /> <path class="email st1" d="M70.7,16.7L69.3,19L46.7,34l23.6,22c0.3-0.5,0.4-1.1,0.4-1.7V16.9C70.8,16.8,70.8,16.8,70.7,16.7"/> <path class="email st1" d="M35.8,41.2l-8.7-5.8l-24,22.3c0.5,0.3,1.1,0.4,1.8,0.4h61.9c0.6,0,1.2-0.2,1.8-0.4l-24-22.3L35.8,41.2z"/> </svg> </a> </div> </div> </section> <div class="switcher switcher-grubhub"> <div class="switcher-wrapper"> <a href class="prev-item"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 61.9 120" style="enable-background:new 0 0 61.9 120;" xml:space="preserve"> <polyline class="next-prev-color" points="61.2,0.8 1.7,59.9 61,119.2 "/> </svg> <div> <div class="title">GOOGLE</div> <div class="thumbnail" style="background-image:url(https://epicdigital.com/img/switcher/women.jpg);"></div> <div class="title below-sm">GOOGLE</div> </div> </a> <a href class="back-to-top"> <div class="viewmaster-switcher"></div> <div class="label">Back To Top</div> </a> <a href class="next-item" > <div> <div class="thumbnail" style="background-image:url(https://epicdigital.com/img/switcher/care.jpg);"></div> <div class="title">Care</div> <div class="title below-sm">Care</div> </div> <?xml version="1.0" encoding="utf-8"?> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 61.9 120" style="enable-background:new 0 0 61.9 120;" xml:space="preserve"> <polyline class="next-prev-color" points="0.9,0.8 60.5,59.9 1.1,119.2 "/> </svg> </a> </div> <div class="copyright">©2019 EPIC MAGAZINE - A DIVISION OF VOX MEDIA STUDIOS</div> </div> </article> <style> #article-care.active{ background-image:url(); } @media(max-width:767px){ #article-care.active{ background-image:url(); } } </style> <article id="article-care" data-index="care" class=""> <style> .intro-care .intro-image:after{ height: } .intro-care{ margin-bottom:0; } @media(max-width:767px){ .intro-care{ margin-bottom:0; } } .intro-care .intro-image:after, .intro-care .intro-image-mobile:after{ display:none; } </style> <section class="intro intro-care"> <div class="intro-wrapper" style="min-height: 79.85348vw"> <div class="intro-image" data-style="background-image:url(https://epicdigital.com/img/project-intro/care.jpg)"></div> <div class="intro-content"> <img class="partner-logo img-svg" data-src="https://epicdigital.com/img/care/care-logo.svg" style="max-height:66px;"/> <img class="partner-logo img-png" data-src="https://epicdigital.com/img/care/care-logo.png" style="max-height:66px;" /> <div class="brand-text"> <h2 style="color:; font-size:70px; text-indent:30px; letter-spacing:30px;">FILM WORKSHOP</h2> </div> <img class="arrow-down img-svg" src="//epicdigital.com/img/down-arrow.svg" /> <img class="arrow-down img-png" src="//epicdigital.com/img/down-arrow.png" /> </div> </div> <div class="intro-mobile" style="min-height: 179.733333vw"> <div class="intro-image-mobile" data-style="background-image:url(https://epicdigital.com/img/care/care-bg-mobile.png)"></div> <div class="intro-content"> <img class="partner-logo img-svg" data-src="https://epicdigital.com/img/care/care-logo.svg" style="max-height:66px;"/> <img class="partner-logo img-png" data-src="https://epicdigital.com/img/care/care-logo.png" style="max-height:66px;" /> <div class="brand-text"> <h2 style="color:; font-size:70px; text-indent:30px; letter-spacing:30px;">FILM WORKSHOP</h2> </div> <img class="arrow-down img-svg" src="//epicdigital.com/img/down-arrow.svg" /> <img class="arrow-down img-png" src="//epicdigital.com/img/down-arrow.png" /> </div> </div> </section> <div class="article-components"> <style> .image-lockup-care .image-wrapper .image-text p{ color:#fff } .image-lockup-care .image-wrapper .image-text p:first-of-type::first-letter{ color:#ffd113; } </style> <section id="" class="image-lockup left-lockup image-lockup-care"> <div class="image-wrapper" style="max-width:1055px"> <div class="image-text image-text-top" style="display: none"> <p>CARE International and Epic worked to develop a hands-on curriculum for the kids in Azraq to learn about storytelling, and how to shoot, direct, and edit movies themselves. The kids worked in groups of four, each playing a different key role in the process, and <a href="http://www.azraqfilmschool.org/" target="_blank">all the films</a> were shown in a “film festival,” where the new filmmakers presented their work to friends and family and stood up to answer questions.</p> </div> <div class="image-image "> <img class="left-image img-svg" data-src="https://epicdigital.com/img/care/azraqfilmtype.svg" /> <img class="left-image img-png" data-src="" /> </div> <div class="image-text image-text-bottom" style="display: block"> <p>CARE International and Epic worked to develop a hands-on curriculum for the kids in Azraq to learn about storytelling, and how to shoot, direct, and edit movies themselves. The kids worked in groups of four, each playing a different key role in the process, and <a href="http://www.azraqfilmschool.org/" target="_blank">all the films</a> were shown in a “film festival,” where the new filmmakers presented their work to friends and family and stood up to answer questions.</p> </div> </div> </section> <style> .image-gallery-care .page-nav .swiper-pagination-bullet{ background-color:#ffd113; } .image-gallery-care .page-nav .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:#fff; } </style> <section class="image-gallery image-gallery-care"> <div class="image-gallery-wrapper" style="background-color:#ffffff" style="max-width:;"> <div class="image-swiper swiper-container" id="image-swiper-care"> <div class="swiper-wrapper"> <img class="swiper-slide" data-src="https://epicdigital.com/img/care/gallery-1.jpg" /> <img class="swiper-slide" data-src="https://epicdigital.com/img/care/gallery-2.jpg" /> <img class="swiper-slide" data-src="https://epicdigital.com/img/care/gallery-3.jpg" /> <img class="swiper-slide" data-src="https://epicdigital.com/img/care/gallery-4.jpg" /> <img class="swiper-slide" data-src="https://epicdigital.com/img/care/gallery-5.jpg" /> </div> </div> </div> <div class="page-nav"></div> </section> </div> <section class="share " id="article-share-care"> <div class="share-wrapper"> <div class="share-options"> <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://epicdigital.com/care" class="facebook"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .facebook{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <path class="facebook" d="M68,0H4C1.8,0,0,1.8,0,4v64c0,2.2,1.8,4,4,4h34.5V44.2h-9.4v0V33.3v0h9.3v-8c0-9.3,5.7-14.4,14-14.4 c2.8,0,5.6,0.1,8.4,0.4v0c0,0,0,0,0,0V21h0v0h-5.7c-4.5,0-5.4,2.1-5.4,5.3v6.9h10.8l0,0h0l-1.4,10.9h-9.4V72H68c2.2,0,4-1.8,4-4V4 C72,1.8,70.2,0,68,0z"/> </svg> </a> <a target="_blank" href="https://twitter.com/intent/tweet?text=The Azraq Film School: Refugees telling their stories through their own lens, courtesy of @care and @epic&url=https://epicdigital.com/care" class="twitter"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .twitter{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <g> <path class="twitter" d="M71.3,16.5c0,0-3.2,1.5-7.3,2c0,0,4.9-4,5.3-7.3c0,0-3.4,2.4-8.4,3.2c0,0-4.6-5.7-13.2-3.7 c-8.6,2-10.4,11.7-9.4,15.5c0,0-14.9,0.2-27.1-13.6c-0.4,1.1-1,3-1.3,3.9c-0.6,2-1,4-1.2,6c-0.4,4,0.1,8.1,1.4,11.9 c1.3,3.8,3.4,7.3,6.1,10.3c1.4,1.5,2.9,2.9,4.6,4c1.5,1.1,3.7,2.8,5.7,2.3c-3.5,0.8-6.8,2.1-10.3,2.8C11,55,5.5,54.7,0.2,54 c0,0,18.2,11.3,34.2,7.9c0.8-0.2,1.5-0.4,2.3-0.6c10.1-3.1,18.9-9.6,23.7-19.2c0.3-0.6,0.6-1.3,0.9-1.9c2.1-4.6,3.6-10.4,3.3-17 C64.7,23.2,69.7,19.6,71.3,16.5"/> </g> </svg> </a> <a target="_blank" href="mailto:?subject=The%20Azraq%20Film%20School&body=In%20collaboration%20with%20CARE%20International%2C%20Epic%20led%20a%20two-week%20documentary%20workshop%20in%202017%20with%20students%20at%20a%20Syrian%20refugee%20camp%20to%20help%20them%20tell%20their%20stories.%20The%20students%20created%20six%20short%20films%E2%80%94each%20of%20which%20captures%20an%20eye-opening%20aspect%20of%20life%20as%20a%20refugee%E2%80%94and%20showed%20them%20all%20at%20the%20camp%E2%80%99s%20first-ever%20film%20festival%20at%20the%20end%20of%20the%20workshop.%20Watch%20them%20today%21%0D%0A%0D%0Ahttps%3A%2F%2Fepicdigital.com%2Fcare" class="email-link"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .st0{clip-path:url(#SVGID_2_);fill:#fff;} #article-share- .st1{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <g> <defs> <rect id="SVGID_1_" x="-88.3" y="10.4" width="71.1" height="52.1"/> </defs> <clipPath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;"/> </clipPath> <path class="email st0" d="M-17.2,16.5c0,0-3.2,1.5-7.3,2c0,0,4.9-4,5.3-7.3c0,0-3.4,2.4-8.4,3.2c0,0-4.6-5.7-13.2-3.7 c-8.6,2-10.4,11.7-9.4,15.5c0,0-14.9,0.2-27.1-13.6c-0.4,1.1-1,3-1.3,3.9c-0.6,2-1,4-1.2,6c-0.4,4,0.1,8.1,1.4,11.9 c1.3,3.8,3.4,7.3,6.1,10.3c1.4,1.5,2.9,2.9,4.6,4c1.5,1.1,3.7,2.8,5.7,2.3c-3.5,0.8-6.8,2.1-10.3,2.8c-5.2,1.1-10.6,0.8-15.9,0 c0,0,18.2,11.3,34.2,7.9c0.8-0.2,1.5-0.4,2.3-0.6c10.1-3.1,18.9-9.6,23.7-19.2c0.3-0.6,0.6-1.3,0.9-1.9c2.1-4.6,3.6-10.4,3.3-17 C-23.8,23.2-18.8,19.6-17.2,16.5"/> </g> <path class="email st1" d="M-119.5,0h-64c-2.2,0-4,1.8-4,4v64c0,2.2,1.8,4,4,4h34.5V44.2h-9.4v0V33.3v0h9.3v-8c0-9.3,5.7-14.4,14-14.4 c2.8,0,5.6,0.1,8.4,0.4v0c0,0,0,0,0,0V21h0v0h-5.7c-4.5,0-5.4,2.1-5.4,5.3v6.9h10.8l0,0h0l-1.4,10.9h-9.4V72h18.3c2.2,0,4-1.8,4-4V4 C-115.5,1.8-117.3,0-119.5,0z"/> <path class="email st1" d="M2.4,19l-1.5-2.3c0,0,0,0.1,0,0.1v37.4c0,0.6,0.1,1.2,0.4,1.7L25,34L2.4,19z"/> <path class="email st1" d="M35.8,38.1L35.8,38.1l31.6-20.9l2.1-3.2c-0.7-0.7-1.7-1.1-2.7-1.1H4.9c-1,0-2,0.4-2.7,1.1l2.1,3.2L35.8,38.1z" /> <path class="email st1" d="M70.7,16.7L69.3,19L46.7,34l23.6,22c0.3-0.5,0.4-1.1,0.4-1.7V16.9C70.8,16.8,70.8,16.8,70.7,16.7"/> <path class="email st1" d="M35.8,41.2l-8.7-5.8l-24,22.3c0.5,0.3,1.1,0.4,1.8,0.4h61.9c0.6,0,1.2-0.2,1.8-0.4l-24-22.3L35.8,41.2z"/> </svg> </a> </div> </div> </section> <div class="switcher switcher-care"> <div class="switcher-wrapper"> <a href class="prev-item"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 61.9 120" style="enable-background:new 0 0 61.9 120;" xml:space="preserve"> <polyline class="next-prev-color" points="61.2,0.8 1.7,59.9 61,119.2 "/> </svg> <div> <div class="title">Grubhub</div> <div class="thumbnail" style="background-image:url(https://epicdigital.com/img/switcher/grubhub.jpg);"></div> <div class="title below-sm">Grubhub</div> </div> </a> <a href class="back-to-top"> <div class="viewmaster-switcher"></div> <div class="label">Back To Top</div> </a> <a href class="next-item" > <div> <div class="thumbnail" style="background-image:url(https://epicdigital.com/img/switcher/cannes.jpg);"></div> <div class="title">Cannes</div> <div class="title below-sm">Cannes</div> </div> <?xml version="1.0" encoding="utf-8"?> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 61.9 120" style="enable-background:new 0 0 61.9 120;" xml:space="preserve"> <polyline class="next-prev-color" points="0.9,0.8 60.5,59.9 1.1,119.2 "/> </svg> </a> </div> <div class="copyright">©2019 EPIC MAGAZINE - A DIVISION OF VOX MEDIA STUDIOS</div> </div> </article> <style> #article-cannes.active{ background-image:url(); } @media(max-width:767px){ #article-cannes.active{ background-image:url(); } } </style> <article id="article-cannes" data-index="cannes" class=""> <style> .intro-cannes .intro-image:after{ height: } .intro-cannes{ margin-bottom:; } @media(max-width:767px){ .intro-cannes{ margin-bottom:0; } } .intro-cannes .intro-image:after, .intro-cannes .intro-image-mobile:after{ display:none; } </style> <section class="intro intro-cannes"> <div class="intro-wrapper" style="min-height: 53.225476vw"> <div class="intro-image" data-style="background-image:url()"></div> <div class="intro-content"> <img class="partner-logo img-svg" data-src="https://epicdigital.com/img/cannes/cannes-logo.svg" style="max-height:61px;"/> <img class="partner-logo img-png" data-src="https://epicdigital.com/img/cannes/cannes-logo.png" style="max-height:61px;" /> <div class="brand-text"> <h2 style="color:#fff156; font-size:70px; text-indent:40px; letter-spacing:40px;">GO UNICORN GO!</h2> </div> <img class="arrow-down img-svg" data-src="https://epicdigital.com/img/cannes/cannes-arrow.svg" /> <img class="arrow-down img-png" data-src="https://epicdigital.com/img/cannes/cannes-arrow.png" /> </div> </div> <div class="intro-mobile" style="min-height: 88.225476vw"> <div class="intro-image-mobile" data-style="background-image:url()"></div> <div class="intro-content"> <img class="partner-logo img-svg" data-src="https://epicdigital.com/img/cannes/cannes-logo.svg" style="max-height:61px;"/> <img class="partner-logo img-png" data-src="https://epicdigital.com/img/cannes/cannes-logo.png" style="max-height:61px;" /> <div class="brand-text"> <h2 style="color:#fff156; font-size:70px; text-indent:40px; letter-spacing:40px;">GO UNICORN GO!</h2> </div> <img class="arrow-down img-svg" data-src="https://epicdigital.com/img/cannes/cannes-arrow.svg" /> <img class="arrow-down img-png" data-src="https://epicdigital.com/img/cannes/cannes-arrow.png" /> </div> </div> </section> <div class="article-components"> <style> #video-phone-cannes .plyr__control--overlaid{ background-color:#ff407b; } #video-phone-cannes .plyr__control--overlaid:after{ border-left-color:#fff156; } #video-phone-cannes .plyr__control--overlaid:hover{ background:#fff; } #video-phone-cannes .plyr__control--overlaid:hover:after{ border-left-color:#ff407b; } .active #video-phone-cannes .video-phone-wrapper{ width:1146px; height:641.99999532px; max-width:95vw; max-height:53.2198949vw; background-image:url(https://epicdigital.com/img/cannes/cannes-phone-bg.png); } #video-phone-cannes .video-phone-wrapper video{ width:857px; max-width:70vw; max-height:39.6966164vw; height:486.00000364px; } @media(max-width:768px){ #video-phone-cannes .video-phone-wrapper{ width:100vw; height:56.709452vw; max-width:100%; max-height:100%; background:transparent; } #video-phone-cannes .video-phone-wrapper video{ width:100vw; height:56.020942vw; max-width:100%; max-height:100%; } } </style> <section class="video-phone phone-vimeo" id="video-phone-cannes" data-vimeo="289730188"> <div class="video-phone-wrapper"> <div id="video-phone-vimeo-289730188" class="phone-vimeo-target"></div> </div> </section> <style> .image-lockup-cannes .image-wrapper .image-text p{ color:#fff } .image-lockup-cannes .image-wrapper .image-text p:first-of-type::first-letter{ color:#fff156; } </style> <section id="" class="image-lockup left-lockup image-lockup-cannes"> <div class="image-wrapper" style="max-width:1015px"> <div class="image-text image-text-top" style="display: none"> <p>In 2014, Epic premiered an 8-bit, interactive video game for young cancer patients during the Cannes Lions International Festival of Creativity. Projected on the big screen via Skype, a young girl played “Go Unicorn Go” in real-time, while a live audience tweeted their pledged donations—which showed up in the game as power boosts. The game ended up generating $1.2 million in pledges to cancer research.</p> </div> <div class="image-image "> <img class="left-image" data-src="https://epicdigital.com/img/cannes/gounicorntype.svg" /> </div> <div class="image-text image-text-bottom" style="display: block"> <p>In 2014, Epic premiered an 8-bit, interactive video game for young cancer patients during the Cannes Lions International Festival of Creativity. Projected on the big screen via Skype, a young girl played “Go Unicorn Go” in real-time, while a live audience tweeted their pledged donations—which showed up in the game as power boosts. The game ended up generating $1.2 million in pledges to cancer research.</p> </div> </div> </section> <section class="thumb-gallery thumb-gallery-cannes"> <div class="thumb-gallery-wrapper"> <img data-src="https://epicdigital.com/img/cannes/cannes-image-1.png" /> <img data-src="https://epicdigital.com/img/cannes/cannes-image-2.png" /> <img data-src="https://epicdigital.com/img/cannes/cannes-image-3.png" /> </div> </section> </div> <section class="share " id="article-share-cannes"> <div class="share-wrapper"> <div class="share-options"> <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://epicdigital.com/cannes" class="facebook"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .facebook{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <path class="facebook" d="M68,0H4C1.8,0,0,1.8,0,4v64c0,2.2,1.8,4,4,4h34.5V44.2h-9.4v0V33.3v0h9.3v-8c0-9.3,5.7-14.4,14-14.4 c2.8,0,5.6,0.1,8.4,0.4v0c0,0,0,0,0,0V21h0v0h-5.7c-4.5,0-5.4,2.1-5.4,5.3v6.9h10.8l0,0h0l-1.4,10.9h-9.4V72H68c2.2,0,4-1.8,4-4V4 C72,1.8,70.2,0,68,0z"/> </svg> </a> <a target="_blank" href="https://twitter.com/intent/tweet?text=Gaming for a good cause—how @epic turned an 8 bit game into $1.2 million for pediatric cancer research.&url=https://epicdigital.com/cannes" class="twitter"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .twitter{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <g> <path class="twitter" d="M71.3,16.5c0,0-3.2,1.5-7.3,2c0,0,4.9-4,5.3-7.3c0,0-3.4,2.4-8.4,3.2c0,0-4.6-5.7-13.2-3.7 c-8.6,2-10.4,11.7-9.4,15.5c0,0-14.9,0.2-27.1-13.6c-0.4,1.1-1,3-1.3,3.9c-0.6,2-1,4-1.2,6c-0.4,4,0.1,8.1,1.4,11.9 c1.3,3.8,3.4,7.3,6.1,10.3c1.4,1.5,2.9,2.9,4.6,4c1.5,1.1,3.7,2.8,5.7,2.3c-3.5,0.8-6.8,2.1-10.3,2.8C11,55,5.5,54.7,0.2,54 c0,0,18.2,11.3,34.2,7.9c0.8-0.2,1.5-0.4,2.3-0.6c10.1-3.1,18.9-9.6,23.7-19.2c0.3-0.6,0.6-1.3,0.9-1.9c2.1-4.6,3.6-10.4,3.3-17 C64.7,23.2,69.7,19.6,71.3,16.5"/> </g> </svg> </a> <a target="_blank" href="mailto:?subject=Gaming%20for%20a%20Good%20Cause&body=2014%2C%20Epic%20premiered%20an%208-bit%2C%20interactive%20video%20game%20for%20young%20cancer%20patients%20during%20the%20Cannes%20Lions%20International%20Festival%20of%20Creativity.%20Projected%20on%20the%20big%20screen%20via%20Skype%2C%20a%20young%20girl%20played%20%E2%80%9CGo%20Unicorn%20Go%E2%80%9D%20in%20real-time%2C%20while%20a%20live%20audience%20tweeted%20their%20pledged%20donations%E2%80%94which%20showed%20up%20in%20the%20game%20as%20power%20boosts.%20The%20game%20ended%20up%20generating%20%241.2%20million%20in%20pledges%20to%20cancer%20research.%20Check%20it%20out%21%0D%0A%0D%0Ahttps%3A%2F%2Fepicdigital.com%2Fcannes" class="email-link"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .st0{clip-path:url(#SVGID_2_);fill:#fff;} #article-share- .st1{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <g> <defs> <rect id="SVGID_1_" x="-88.3" y="10.4" width="71.1" height="52.1"/> </defs> <clipPath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;"/> </clipPath> <path class="email st0" d="M-17.2,16.5c0,0-3.2,1.5-7.3,2c0,0,4.9-4,5.3-7.3c0,0-3.4,2.4-8.4,3.2c0,0-4.6-5.7-13.2-3.7 c-8.6,2-10.4,11.7-9.4,15.5c0,0-14.9,0.2-27.1-13.6c-0.4,1.1-1,3-1.3,3.9c-0.6,2-1,4-1.2,6c-0.4,4,0.1,8.1,1.4,11.9 c1.3,3.8,3.4,7.3,6.1,10.3c1.4,1.5,2.9,2.9,4.6,4c1.5,1.1,3.7,2.8,5.7,2.3c-3.5,0.8-6.8,2.1-10.3,2.8c-5.2,1.1-10.6,0.8-15.9,0 c0,0,18.2,11.3,34.2,7.9c0.8-0.2,1.5-0.4,2.3-0.6c10.1-3.1,18.9-9.6,23.7-19.2c0.3-0.6,0.6-1.3,0.9-1.9c2.1-4.6,3.6-10.4,3.3-17 C-23.8,23.2-18.8,19.6-17.2,16.5"/> </g> <path class="email st1" d="M-119.5,0h-64c-2.2,0-4,1.8-4,4v64c0,2.2,1.8,4,4,4h34.5V44.2h-9.4v0V33.3v0h9.3v-8c0-9.3,5.7-14.4,14-14.4 c2.8,0,5.6,0.1,8.4,0.4v0c0,0,0,0,0,0V21h0v0h-5.7c-4.5,0-5.4,2.1-5.4,5.3v6.9h10.8l0,0h0l-1.4,10.9h-9.4V72h18.3c2.2,0,4-1.8,4-4V4 C-115.5,1.8-117.3,0-119.5,0z"/> <path class="email st1" d="M2.4,19l-1.5-2.3c0,0,0,0.1,0,0.1v37.4c0,0.6,0.1,1.2,0.4,1.7L25,34L2.4,19z"/> <path class="email st1" d="M35.8,38.1L35.8,38.1l31.6-20.9l2.1-3.2c-0.7-0.7-1.7-1.1-2.7-1.1H4.9c-1,0-2,0.4-2.7,1.1l2.1,3.2L35.8,38.1z" /> <path class="email st1" d="M70.7,16.7L69.3,19L46.7,34l23.6,22c0.3-0.5,0.4-1.1,0.4-1.7V16.9C70.8,16.8,70.8,16.8,70.7,16.7"/> <path class="email st1" d="M35.8,41.2l-8.7-5.8l-24,22.3c0.5,0.3,1.1,0.4,1.8,0.4h61.9c0.6,0,1.2-0.2,1.8-0.4l-24-22.3L35.8,41.2z"/> </svg> </a> </div> </div> </section> <div class="switcher switcher-cannes"> <div class="switcher-wrapper"> <a href class="prev-item"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 61.9 120" style="enable-background:new 0 0 61.9 120;" xml:space="preserve"> <polyline class="next-prev-color" points="61.2,0.8 1.7,59.9 61,119.2 "/> </svg> <div> <div class="title">Care</div> <div class="thumbnail" style="background-image:url(https://epicdigital.com/img/switcher/care.jpg);"></div> <div class="title below-sm">Care</div> </div> </a> <a href class="back-to-top"> <div class="viewmaster-switcher"></div> <div class="label">Back To Top</div> </a> <a href class="next-item" > <div> <div class="thumbnail" style="background-image:url(https://epicdigital.com/img/switcher/ibm.jpg);"></div> <div class="title">IBM</div> <div class="title below-sm">IBM</div> </div> <?xml version="1.0" encoding="utf-8"?> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 61.9 120" style="enable-background:new 0 0 61.9 120;" xml:space="preserve"> <polyline class="next-prev-color" points="0.9,0.8 60.5,59.9 1.1,119.2 "/> </svg> </a> </div> <div class="copyright">©2019 EPIC MAGAZINE - A DIVISION OF VOX MEDIA STUDIOS</div> </div> </article> <style> #article-ibm.active{ background-image:url(); } @media(max-width:767px){ #article-ibm.active{ background-image:url(); } } </style> <article id="article-ibm" data-index="ibm" class=""> <style> .intro-ibm .intro-image:after{ height: } .intro-ibm{ margin-bottom:; } @media(max-width:767px){ .intro-ibm{ margin-bottom:0; } } .intro-ibm .intro-image:after, .intro-ibm .intro-image-mobile:after{ display:none; } </style> <section class="intro intro-ibm"> <div class="intro-wrapper" style="min-height: 71vw"> <div class="intro-image" data-style="background-image:url()"></div> <div class="intro-content"> <img class="partner-logo img-svg" data-src="https://epicdigital.com/img/ibm/ibm-logo.svg" style="max-height:52px;"/> <img class="partner-logo img-png" data-src="https://epicdigital.com/img/ibm/ibm-logo.png" style="max-height:52px;" /> <div class="brand-text"> <h2 style="color:; font-size:78px; text-indent:35px; letter-spacing:35px;">THE STORY HUNT</h2> </div> <img class="arrow-down img-svg" src="//epicdigital.com/img/down-arrow.svg" /> <img class="arrow-down img-png" src="//epicdigital.com/img/down-arrow.png" /> </div> </div> <div class="intro-mobile" style="min-height: 130vw"> <div class="intro-image-mobile" data-style="background-image:url()"></div> <div class="intro-content"> <img class="partner-logo img-svg" data-src="https://epicdigital.com/img/ibm/ibm-logo.svg" style="max-height:52px;"/> <img class="partner-logo img-png" data-src="https://epicdigital.com/img/ibm/ibm-logo.png" style="max-height:52px;" /> <div class="brand-text"> <h2 style="color:; font-size:78px; text-indent:35px; letter-spacing:35px;">THE STORY HUNT</h2> </div> <img class="arrow-down img-svg" src="//epicdigital.com/img/down-arrow.svg" /> <img class="arrow-down img-png" src="//epicdigital.com/img/down-arrow.png" /> </div> </div> </section> <div class="article-components"> <style> .image-lockup-ibm .image-wrapper .image-text p{ color:#fff } .image-lockup-ibm .image-wrapper .image-text p:first-of-type::first-letter{ color:#9fd8f1; } </style> <section id="" class="image-lockup right-lockup image-lockup-ibm"> <div class="image-wrapper" style="max-width:1005px"> <div class="image-text image-text-top" style="display: block"> <p>Telling great true stories is a critical component of a company’s success. It drives sales, morale and recruiting. But finding all those great stories is a challenge for any organization, let alone one as big as IBM. That’s where Epic comes in. In 2018, IBM brought Epic on to report our way through the company’s 380,000 employees and massive customer base to uncover amazing stories on an ongoing basis. We then work together to develop the stories for media or create original content, from graphic novels to feature-length documentaries. As the era of the 30 second commercial fades, the most innovative companies realize that finding and telling the best true stories will set them apart.</p> </div> <div class="image-image "> <img class="right-image" data-src="https://epicdigital.com/img/ibm/ibmtype.svg" /> </div> <div class="image-text image-text-bottom" style="display: none"> <p>Telling great true stories is a critical component of a company’s success. It drives sales, morale and recruiting. But finding all those great stories is a challenge for any organization, let alone one as big as IBM. That’s where Epic comes in. In 2018, IBM brought Epic on to report our way through the company’s 380,000 employees and massive customer base to uncover amazing stories on an ongoing basis. We then work together to develop the stories for media or create original content, from graphic novels to feature-length documentaries. As the era of the 30 second commercial fades, the most innovative companies realize that finding and telling the best true stories will set them apart.</p> </div> </div> </section> <style> #pageflip-ibm #pf-stage:before{ background:#9fd8f1 !important; } </style> <section class="book book-ibm"> <div id="pageflip-ibm" name="book-ibm" class="pageflip" data-ratio="1"> <div class="cover"> <img data-src="https://epicdigital.com/img/ibm/book-new-1.jpg" /> </div> <div class="page"> <img data-src="https://epicdigital.com/img/ibm/book-new-2.jpg" /> </div> <div class="page"> <img data-src="https://epicdigital.com/img/ibm/book-1.jpg" /> </div> <div class="page"> <img data-src="https://epicdigital.com/img/ibm/book-2.jpg" /> </div> <div class="page"> <img data-src="https://epicdigital.com/img/ibm/book-3.jpg" /> </div> <div class="page"> <img data-src="https://epicdigital.com/img/ibm/book-4.jpg" /> </div> <div class="page"> <img data-src="https://epicdigital.com/img/ibm/book-5.jpg" /> </div> <div class="page"> <img data-src="https://epicdigital.com/img/ibm/book-6.jpg" /> </div> <div class="page"> <img data-src="https://epicdigital.com/img/ibm/book-7.jpg" /> </div> <div class="page"> <img data-src="https://epicdigital.com/img/ibm/book-8.jpg" /> </div> </div> <div class="book-nav page-nav"> <a href="javascript:void(0);" data-book-nav-color="#9fd8f1" data-book-nav-active-color="#ffffff" data-index="1" class="dot active"></a> <a href="javascript:void(0);" data-book-nav-color="#9fd8f1" data-book-nav-active-color="#ffffff" style="background-color:#9fd8f1;" data-index="3" class="dot"></a> <a href="javascript:void(0);" data-book-nav-color="#9fd8f1" data-book-nav-active-color="#ffffff" style="background-color:#9fd8f1;" data-index="5" class="dot"></a> <a href="javascript:void(0);" data-book-nav-color="#9fd8f1" data-book-nav-active-color="#ffffff" style="background-color:#9fd8f1;" data-index="7" class="dot"></a> <a href="javascript:void(0);" data-book-nav-color="#9fd8f1" data-book-nav-active-color="#ffffff" style="background-color:#9fd8f1;" data-index="9" class="dot"></a> </div> </section> </div> <section class="share " id="article-share-ibm"> <div class="share-wrapper"> <div class="share-options"> <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://epicdigital.com/ibm" class="facebook"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .facebook{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <path class="facebook" d="M68,0H4C1.8,0,0,1.8,0,4v64c0,2.2,1.8,4,4,4h34.5V44.2h-9.4v0V33.3v0h9.3v-8c0-9.3,5.7-14.4,14-14.4 c2.8,0,5.6,0.1,8.4,0.4v0c0,0,0,0,0,0V21h0v0h-5.7c-4.5,0-5.4,2.1-5.4,5.3v6.9h10.8l0,0h0l-1.4,10.9h-9.4V72H68c2.2,0,4-1.8,4-4V4 C72,1.8,70.2,0,68,0z"/> </svg> </a> <a target="_blank" href="https://twitter.com/intent/tweet?text=The incredible story behind the fastest supercomputer in the world, from the minds at IBM and @epic.&url=https://epicdigital.com/ibm" class="twitter"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .twitter{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <g> <path class="twitter" d="M71.3,16.5c0,0-3.2,1.5-7.3,2c0,0,4.9-4,5.3-7.3c0,0-3.4,2.4-8.4,3.2c0,0-4.6-5.7-13.2-3.7 c-8.6,2-10.4,11.7-9.4,15.5c0,0-14.9,0.2-27.1-13.6c-0.4,1.1-1,3-1.3,3.9c-0.6,2-1,4-1.2,6c-0.4,4,0.1,8.1,1.4,11.9 c1.3,3.8,3.4,7.3,6.1,10.3c1.4,1.5,2.9,2.9,4.6,4c1.5,1.1,3.7,2.8,5.7,2.3c-3.5,0.8-6.8,2.1-10.3,2.8C11,55,5.5,54.7,0.2,54 c0,0,18.2,11.3,34.2,7.9c0.8-0.2,1.5-0.4,2.3-0.6c10.1-3.1,18.9-9.6,23.7-19.2c0.3-0.6,0.6-1.3,0.9-1.9c2.1-4.6,3.6-10.4,3.3-17 C64.7,23.2,69.7,19.6,71.3,16.5"/> </g> </svg> </a> <a target="_blank" href="mailto:?subject=Making%20the%20Fastest%20Supercomputer%20in%20the%20World&body=In%202018%2C%20IBM%20brought%20Epic%20on%20to%20report%20our%20way%20through%20the%20company%E2%80%99s%20380%2C000%20employees%20and%20massive%20customer%20base%20to%20uncover%20amazing%20stories.%20Our%20work%20together%20has%20led%20to%20remarkable%20original%20content%2C%20from%20graphic%20novels%20to%20feature-length%20documentaries%E2%80%94and%20the%20heretofore%20untold%20story%20of%20Summit%20and%20Sierra%2C%20the%20fastest%20machines%20on%20earth.%0D%0A%0D%0Ahttps%3A%2F%2Fepicdigital.com%2Fibm" class="email-link"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .st0{clip-path:url(#SVGID_2_);fill:#fff;} #article-share- .st1{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <g> <defs> <rect id="SVGID_1_" x="-88.3" y="10.4" width="71.1" height="52.1"/> </defs> <clipPath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;"/> </clipPath> <path class="email st0" d="M-17.2,16.5c0,0-3.2,1.5-7.3,2c0,0,4.9-4,5.3-7.3c0,0-3.4,2.4-8.4,3.2c0,0-4.6-5.7-13.2-3.7 c-8.6,2-10.4,11.7-9.4,15.5c0,0-14.9,0.2-27.1-13.6c-0.4,1.1-1,3-1.3,3.9c-0.6,2-1,4-1.2,6c-0.4,4,0.1,8.1,1.4,11.9 c1.3,3.8,3.4,7.3,6.1,10.3c1.4,1.5,2.9,2.9,4.6,4c1.5,1.1,3.7,2.8,5.7,2.3c-3.5,0.8-6.8,2.1-10.3,2.8c-5.2,1.1-10.6,0.8-15.9,0 c0,0,18.2,11.3,34.2,7.9c0.8-0.2,1.5-0.4,2.3-0.6c10.1-3.1,18.9-9.6,23.7-19.2c0.3-0.6,0.6-1.3,0.9-1.9c2.1-4.6,3.6-10.4,3.3-17 C-23.8,23.2-18.8,19.6-17.2,16.5"/> </g> <path class="email st1" d="M-119.5,0h-64c-2.2,0-4,1.8-4,4v64c0,2.2,1.8,4,4,4h34.5V44.2h-9.4v0V33.3v0h9.3v-8c0-9.3,5.7-14.4,14-14.4 c2.8,0,5.6,0.1,8.4,0.4v0c0,0,0,0,0,0V21h0v0h-5.7c-4.5,0-5.4,2.1-5.4,5.3v6.9h10.8l0,0h0l-1.4,10.9h-9.4V72h18.3c2.2,0,4-1.8,4-4V4 C-115.5,1.8-117.3,0-119.5,0z"/> <path class="email st1" d="M2.4,19l-1.5-2.3c0,0,0,0.1,0,0.1v37.4c0,0.6,0.1,1.2,0.4,1.7L25,34L2.4,19z"/> <path class="email st1" d="M35.8,38.1L35.8,38.1l31.6-20.9l2.1-3.2c-0.7-0.7-1.7-1.1-2.7-1.1H4.9c-1,0-2,0.4-2.7,1.1l2.1,3.2L35.8,38.1z" /> <path class="email st1" d="M70.7,16.7L69.3,19L46.7,34l23.6,22c0.3-0.5,0.4-1.1,0.4-1.7V16.9C70.8,16.8,70.8,16.8,70.7,16.7"/> <path class="email st1" d="M35.8,41.2l-8.7-5.8l-24,22.3c0.5,0.3,1.1,0.4,1.8,0.4h61.9c0.6,0,1.2-0.2,1.8-0.4l-24-22.3L35.8,41.2z"/> </svg> </a> </div> </div> </section> <div class="switcher switcher-ibm"> <div class="switcher-wrapper"> <a href class="prev-item"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 61.9 120" style="enable-background:new 0 0 61.9 120;" xml:space="preserve"> <polyline class="next-prev-color" points="61.2,0.8 1.7,59.9 61,119.2 "/> </svg> <div> <div class="title">Cannes</div> <div class="thumbnail" style="background-image:url(https://epicdigital.com/img/switcher/cannes.jpg);"></div> <div class="title below-sm">Cannes</div> </div> </a> <a href class="back-to-top"> <div class="viewmaster-switcher"></div> <div class="label">Back To Top</div> </a> <a href class="next-item" > <div> <div class="thumbnail" style="background-image:url(https://epicdigital.com/img/switcher/talks.jpg);"></div> <div class="title">Talks</div> <div class="title below-sm">Talks</div> </div> <?xml version="1.0" encoding="utf-8"?> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 61.9 120" style="enable-background:new 0 0 61.9 120;" xml:space="preserve"> <polyline class="next-prev-color" points="0.9,0.8 60.5,59.9 1.1,119.2 "/> </svg> </a> </div> <div class="copyright">©2019 EPIC MAGAZINE - A DIVISION OF VOX MEDIA STUDIOS</div> </div> </article> <style> #article-talks.active{ background-image:url(); } @media(max-width:767px){ #article-talks.active{ background-image:url(); } } </style> <article id="article-talks" data-index="talks" class=""> <style> .intro-talks .intro-image:after{ height: } .intro-talks{ margin-bottom:; } @media(max-width:767px){ .intro-talks{ margin-bottom:0; } } .intro-talks .intro-image:after, .intro-talks .intro-image-mobile:after{ display:none; } </style> <section class="intro intro-talks"> <div class="intro-wrapper" style="min-height: 50px"> <div class="intro-image" data-style="background-image:url()"></div> <div class="intro-content"> </div> </div> <div class="intro-mobile" style="min-height: 50px"> <div class="intro-image-mobile" data-style="background-image:url()"></div> <div class="intro-content"> </div> </div> </section> <div class="article-components"> <style> .image-lockup-talks .image-wrapper .image-text p{ color:#fff } .image-lockup-talks .image-wrapper .image-text p:first-of-type::first-letter{ color:; } </style> <section class="image-lockup left-lockup image-lockup-talks img-lockup-html"> <div class="image-wrapper" style="max-width:1005px"> <div class="image-text image-text-top"style="display: none"> <p>The media landscape is in flux. Marketing and comms teams are struggling to be heard. The 30 second commercial is losing steam every day. What the hell is going on? Companies from Google to JJ Abrams’ Bad Robot have turned to Epic co-founders Joshua Davis and Joshuah Bearman for inspiration and practical insight. The fact is, people love listening to a great true story. It cuts through the messaging clutter and helps us understand the world. But it’s not easy to do. You’ve got to understand reporting and narrative structure and be ready for adventure. Davis and Bearman are two of the world’s best teachers and their storytelling talks are in high demand.</p> </div> <div class="image-image image-html "> <img class="non-mobile" src="img/talks/josh-1-image.png" /> <img class="non-mobile" src="img/talks/josh-2-image.png" /> <img class="mobile-only" src="img/talks/talks-mobile-image.png" style="width:calc(100% + 40px); margin: 0 -20px" alt="" /> </div> <div class="image-text image-text-bottom" style="display: block"> <p>The media landscape is in flux. Marketing and comms teams are struggling to be heard. The 30 second commercial is losing steam every day. What the hell is going on? Companies from Google to JJ Abrams’ Bad Robot have turned to Epic co-founders Joshua Davis and Joshuah Bearman for inspiration and practical insight. The fact is, people love listening to a great true story. It cuts through the messaging clutter and helps us understand the world. But it’s not easy to do. You’ve got to understand reporting and narrative structure and be ready for adventure. Davis and Bearman are two of the world’s best teachers and their storytelling talks are in high demand.</p> </div> </div> </section> <style> .image-lockup-talks .image-wrapper .image-text p{ color:#fff } .image-lockup-talks .image-wrapper .image-text p:first-of-type::first-letter{ color:; } </style> <section id="" class="image-lockup left-lockup image-lockup-talks"> <div class="image-wrapper" style="max-width:1005px"> <div class="image-text image-text-top" style="display: none"> <p>The media landscape is in flux. Marketing and comms teams are struggling to be heard. The 30 second commercial is losing steam every day. What the hell is going on? Companies from Google to JJ Abrams’ Bad Robot have turned to Epic co-founders Joshua Davis and Joshuah Bearman for inspiration and practical insight. The fact is, people love listening to a great true story. It cuts through the messaging clutter and helps us understand the world. But it’s not easy to do. You’ve got to understand reporting and narrative structure and be ready for adventure. Davis and Bearman are two of the world’s best teachers and their storytelling talks are in high demand.</p> </div> <div class="image-image "> <img class="left-image" data-src="https://epicdigital.com/img/talks/josh-1-image.png" /> </div> <div class="image-text image-text-bottom" style="display: block"> <p>The media landscape is in flux. Marketing and comms teams are struggling to be heard. The 30 second commercial is losing steam every day. What the hell is going on? Companies from Google to JJ Abrams’ Bad Robot have turned to Epic co-founders Joshua Davis and Joshuah Bearman for inspiration and practical insight. The fact is, people love listening to a great true story. It cuts through the messaging clutter and helps us understand the world. But it’s not easy to do. You’ve got to understand reporting and narrative structure and be ready for adventure. Davis and Bearman are two of the world’s best teachers and their storytelling talks are in high demand.</p> </div> </div> </section> <style> .image-lockup-talks .image-wrapper .image-text p{ color:#fff } .image-lockup-talks .image-wrapper .image-text p:first-of-type::first-letter{ color:; } </style> <section id="" class="image-lockup left-lockup image-lockup-talks"> <div class="image-wrapper" style="max-width:1005px"> <div class="image-text image-text-top" style="display: none"> <p>The media landscape is in flux. Marketing and comms teams are struggling to be heard. The 30 second commercial is losing steam every day. What the hell is going on? Companies from Google to JJ Abrams’ Bad Robot have turned to Epic co-founders Joshua Davis and Joshuah Bearman for inspiration and practical insight. The fact is, people love listening to a great true story. It cuts through the messaging clutter and helps us understand the world. But it’s not easy to do. You’ve got to understand reporting and narrative structure and be ready for adventure. Davis and Bearman are two of the world’s best teachers and their storytelling talks are in high demand.</p> </div> <div class="image-image "> <img class="left-image" data-src="https://epicdigital.com/img/talks/josh-2-image.png" /> </div> <div class="image-text image-text-bottom" style="display: block"> <p>The media landscape is in flux. Marketing and comms teams are struggling to be heard. The 30 second commercial is losing steam every day. What the hell is going on? Companies from Google to JJ Abrams’ Bad Robot have turned to Epic co-founders Joshua Davis and Joshuah Bearman for inspiration and practical insight. The fact is, people love listening to a great true story. It cuts through the messaging clutter and helps us understand the world. But it’s not easy to do. You’ve got to understand reporting and narrative structure and be ready for adventure. Davis and Bearman are two of the world’s best teachers and their storytelling talks are in high demand.</p> </div> </div> </section> <section class="logo-grid logo-grid-talks"> <div class="logo-grid-wrapper"> <h3 style="color:;">TALKS FOR:</h3> <div class="logos"> <a href="http://google.com" target="_blank"> <img data-src="https://epicdigital.com/img/google/google-logo.svg" class="img-svg" style="max-height:35px;" /> <img data-src="https://epicdigital.com/img/google/google-logo.png" class="img-png" style="max-height:35px;" /> </a> <a href="http://ge.com" target="_blank"> <img data-src="https://epicdigital.com/img/ge/ge-logo.svg" class="img-svg" style="max-height:50px;" /> <img data-src="https://epicdigital.com/img/ge/ge-logo.png" class="img-png" style="max-height:50px;" /> </a> <a href="http://ford.com" target="_blank"> <img data-src="https://epicdigital.com/img/talks/ford-logo.svg" class="img-svg" style="max-height:33px;" /> <img data-src="https://epicdigital.com/img/talks/ford-logo.png" class="img-png" style="max-height:33px;" /> </a> <a href="http://ford.com" target="_blank"> <img data-src="https://epicdigital.com/img/talks/bad-robot-logo.svg" class="img-svg" style="max-height:50px;" /> <img data-src="https://epicdigital.com/img/talks/bad-robot-logo.png" class="img-png" style="max-height:50px;" /> </a> <a href="http://ford.com" target="_blank"> <img data-src="https://epicdigital.com/img/talks/okta-logo.svg" class="img-svg" style="max-height:30px;" /> <img data-src="https://epicdigital.com/img/talks/okta-logo.png" class="img-png" style="max-height:30px;" /> </a> </div> </div> </section> </div> <section class="share " id="article-share-talks"> <div class="share-wrapper"> <div class="share-options"> <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://epicdigital.com/talks" class="facebook"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .facebook{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <path class="facebook" d="M68,0H4C1.8,0,0,1.8,0,4v64c0,2.2,1.8,4,4,4h34.5V44.2h-9.4v0V33.3v0h9.3v-8c0-9.3,5.7-14.4,14-14.4 c2.8,0,5.6,0.1,8.4,0.4v0c0,0,0,0,0,0V21h0v0h-5.7c-4.5,0-5.4,2.1-5.4,5.3v6.9h10.8l0,0h0l-1.4,10.9h-9.4V72H68c2.2,0,4-1.8,4-4V4 C72,1.8,70.2,0,68,0z"/> </svg> </a> <a target="_blank" href="https://twitter.com/intent/tweet?text=Can one talk change your brand? Learn why everyone from Google to Ford has hired @epic for our industry-leading story seminars.&url=https://epicdigital.com/talks" class="twitter"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .twitter{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <g> <path class="twitter" d="M71.3,16.5c0,0-3.2,1.5-7.3,2c0,0,4.9-4,5.3-7.3c0,0-3.4,2.4-8.4,3.2c0,0-4.6-5.7-13.2-3.7 c-8.6,2-10.4,11.7-9.4,15.5c0,0-14.9,0.2-27.1-13.6c-0.4,1.1-1,3-1.3,3.9c-0.6,2-1,4-1.2,6c-0.4,4,0.1,8.1,1.4,11.9 c1.3,3.8,3.4,7.3,6.1,10.3c1.4,1.5,2.9,2.9,4.6,4c1.5,1.1,3.7,2.8,5.7,2.3c-3.5,0.8-6.8,2.1-10.3,2.8C11,55,5.5,54.7,0.2,54 c0,0,18.2,11.3,34.2,7.9c0.8-0.2,1.5-0.4,2.3-0.6c10.1-3.1,18.9-9.6,23.7-19.2c0.3-0.6,0.6-1.3,0.9-1.9c2.1-4.6,3.6-10.4,3.3-17 C64.7,23.2,69.7,19.6,71.3,16.5"/> </g> </svg> </a> <a target="_blank" href="mailto:?subject=Can%20One%20Talk%20Change%20Your%20Brand%3F&body=Companies%20from%20Google%20to%20JJ%20Abrams%E2%80%99%20Bad%20Robot%20have%20turned%20to%20Epic%20co-founders%20Joshua%20Davis%20and%20Joshuah%20Bearman%20for%20inspiration%20and%20practical%20insight.%20People%20love%20listening%20to%20a%20great%20true%20story.%20It%20cuts%20through%20the%20messaging%20clutter%20and%20helps%20us%20understand%20the%20world.%20But%20it%E2%80%99s%20not%20easy%20to%20do.%20Davis%20and%20Bearman%20are%20two%20of%20the%20world%E2%80%99s%20best%20teachers%20and%20their%20storytelling%20talks%20are%20in%20high%20demand.%0D%0A%0D%0Ahttps%3A%2F%2Fepicdigital.com%2Ftalks" class="email-link"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .st0{clip-path:url(#SVGID_2_);fill:#fff;} #article-share- .st1{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <g> <defs> <rect id="SVGID_1_" x="-88.3" y="10.4" width="71.1" height="52.1"/> </defs> <clipPath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;"/> </clipPath> <path class="email st0" d="M-17.2,16.5c0,0-3.2,1.5-7.3,2c0,0,4.9-4,5.3-7.3c0,0-3.4,2.4-8.4,3.2c0,0-4.6-5.7-13.2-3.7 c-8.6,2-10.4,11.7-9.4,15.5c0,0-14.9,0.2-27.1-13.6c-0.4,1.1-1,3-1.3,3.9c-0.6,2-1,4-1.2,6c-0.4,4,0.1,8.1,1.4,11.9 c1.3,3.8,3.4,7.3,6.1,10.3c1.4,1.5,2.9,2.9,4.6,4c1.5,1.1,3.7,2.8,5.7,2.3c-3.5,0.8-6.8,2.1-10.3,2.8c-5.2,1.1-10.6,0.8-15.9,0 c0,0,18.2,11.3,34.2,7.9c0.8-0.2,1.5-0.4,2.3-0.6c10.1-3.1,18.9-9.6,23.7-19.2c0.3-0.6,0.6-1.3,0.9-1.9c2.1-4.6,3.6-10.4,3.3-17 C-23.8,23.2-18.8,19.6-17.2,16.5"/> </g> <path class="email st1" d="M-119.5,0h-64c-2.2,0-4,1.8-4,4v64c0,2.2,1.8,4,4,4h34.5V44.2h-9.4v0V33.3v0h9.3v-8c0-9.3,5.7-14.4,14-14.4 c2.8,0,5.6,0.1,8.4,0.4v0c0,0,0,0,0,0V21h0v0h-5.7c-4.5,0-5.4,2.1-5.4,5.3v6.9h10.8l0,0h0l-1.4,10.9h-9.4V72h18.3c2.2,0,4-1.8,4-4V4 C-115.5,1.8-117.3,0-119.5,0z"/> <path class="email st1" d="M2.4,19l-1.5-2.3c0,0,0,0.1,0,0.1v37.4c0,0.6,0.1,1.2,0.4,1.7L25,34L2.4,19z"/> <path class="email st1" d="M35.8,38.1L35.8,38.1l31.6-20.9l2.1-3.2c-0.7-0.7-1.7-1.1-2.7-1.1H4.9c-1,0-2,0.4-2.7,1.1l2.1,3.2L35.8,38.1z" /> <path class="email st1" d="M70.7,16.7L69.3,19L46.7,34l23.6,22c0.3-0.5,0.4-1.1,0.4-1.7V16.9C70.8,16.8,70.8,16.8,70.7,16.7"/> <path class="email st1" d="M35.8,41.2l-8.7-5.8l-24,22.3c0.5,0.3,1.1,0.4,1.8,0.4h61.9c0.6,0,1.2-0.2,1.8-0.4l-24-22.3L35.8,41.2z"/> </svg> </a> </div> </div> </section> <div class="switcher switcher-talks"> <div class="switcher-wrapper"> <a href class="prev-item"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 61.9 120" style="enable-background:new 0 0 61.9 120;" xml:space="preserve"> <polyline class="next-prev-color" points="61.2,0.8 1.7,59.9 61,119.2 "/> </svg> <div> <div class="title">IBM</div> <div class="thumbnail" style="background-image:url(https://epicdigital.com/img/switcher/ibm.jpg);"></div> <div class="title below-sm">IBM</div> </div> </a> <a href class="back-to-top"> <div class="viewmaster-switcher"></div> <div class="label">Back To Top</div> </a> <a href class="next-item" > <div> <div class="thumbnail" style="background-image:url(https://epicdigital.com/img/switcher/about.jpg);"></div> <div class="title">About</div> <div class="title below-sm">About</div> </div> <?xml version="1.0" encoding="utf-8"?> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 61.9 120" style="enable-background:new 0 0 61.9 120;" xml:space="preserve"> <polyline class="next-prev-color" points="0.9,0.8 60.5,59.9 1.1,119.2 "/> </svg> </a> </div> <div class="copyright">©2019 EPIC MAGAZINE - A DIVISION OF VOX MEDIA STUDIOS</div> </div> </article> <style> #article-about.active{ background-image:url(); } @media(max-width:767px){ #article-about.active{ background-image:url(); } } </style> <article id="article-about" data-index="about" class=""> <style> .intro-about .intro-image:after{ height: } .intro-about{ margin-bottom:-30px; } @media(max-width:767px){ .intro-about{ margin-bottom:0; } } .intro-about .intro-image:after, .intro-about .intro-image-mobile:after{ display:none; } </style> <section class="intro intro-about"> <div class="intro-wrapper" style="min-height: 300px"> <div class="intro-image" data-style="background-image:url()"></div> <div class="intro-content"> <div class="brand-text"> <h2 style="color:#ff7347; font-size:; text-indent:; letter-spacing:;">ABOUT EPIC</h2> </div> </div> </div> <div class="intro-mobile" style="min-height: 200px"> <div class="intro-image-mobile" data-style="background-image:url()"></div> <div class="intro-content"> <div class="brand-text"> <h2 style="color:#ff7347; font-size:; text-indent:; letter-spacing:;">ABOUT EPIC</h2> </div> </div> </div> </section> <div class="article-components"> <style> .image-lockup-about .image-wrapper .image-text p{ color:#fff } .image-lockup-about .image-wrapper .image-text p:first-of-type::first-letter{ color:; } </style> <section id="" class="image-lockup left-lockup image-lockup-about"> <div class="image-wrapper" style="max-width:1005px"> <div class="image-text image-text-top" style="display: none"> <p>Audiences connect to the truth. They want to be surprised, thrilled, and captivated by stories from the real world. As a result of our reporting capabilities, Epic Digital delivers the kind of authenticity that people are looking for. We are reporters with roots at Wired, This American Life, GQ, and Rolling Stone. And because we also come out of Hollywood (Epic has a film deal at Fox), the stories we tell connect emotionally. Our work has won the Academy Award for Best Picture and landed on the New York Times Bestseller list. Brands come to us because of this unique sensibility. Our mission is to uncover and tell incredible true stories that resonate with audiences everywhere and illuminate a brand's core values.</p><p>Epic Digital is the sister company of <a href="http://epicmagazine.com" target="_blank">Epic Magazine</a>.</p> </div> <div class="image-image "> <img class="left-image" data-src="" /> </div> <div class="image-text image-text-bottom" style="display: block"> <p>Audiences connect to the truth. They want to be surprised, thrilled, and captivated by stories from the real world. As a result of our reporting capabilities, Epic Digital delivers the kind of authenticity that people are looking for. We are reporters with roots at Wired, This American Life, GQ, and Rolling Stone. And because we also come out of Hollywood (Epic has a film deal at Fox), the stories we tell connect emotionally. Our work has won the Academy Award for Best Picture and landed on the New York Times Bestseller list. Brands come to us because of this unique sensibility. Our mission is to uncover and tell incredible true stories that resonate with audiences everywhere and illuminate a brand's core values.</p><p>Epic Digital is the sister company of <a href="http://epicmagazine.com" target="_blank">Epic Magazine</a>.</p> </div> </div> </section> <section class="how-we-work how-we-workabout" id="how"> <div class="how-we-work-wrapper"> <h3>HOW WE WORK</h3> <div class="work-list"> <div class="work-item"> <div class="work-image"> <img class="img-svg" style="max-height:44px" data-src="img/about/work-1-eye.svg" /> <img class="img-png" style="max-height:44px" data-src="img/about/work-1-eye.png" /> </div> <div class="number">01.</div> <div class="title">Story Hunt</div> <p>Epic story hunters travel the world in search of true stories that reflect a brand’s spirit and ethos</p> </div> <div class="work-item"> <div class="work-image"> <img class="img-svg" data-src="img/about/work-2-pages.svg" /> <img class="img-png" data-src="img/about/work-2-pages.png" /> </div> <div class="number">02.</div> <div class="title">Story Time</div> <p>Epic presents the stories with ideas for how each could come to life.</p> </div> <div class="work-item"> <div class="work-image"> <img class="img-svg" style="max-height: 58px;"data-src="img/about/work-3-pen.svg" /> <img class="img-png" style="max-height: 58px;"data-src="img/about/work-3-pen.png" /> </div> <div class="number">03.</div> <div class="title">STORY CREATION</div> <p>Epic turns the stories into documentary films, magazines, books, video games, photo essays, live events, and speeches that express a brand’s values.</p> </div> </div> </div> </section> <style> .carousel-about .page-nav .swiper-pagination-bullet{ background-color:#ff7347; } .carousel-about .page-nav .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:#fff; } </style> <section class="carousel carousel-about" id="carousel-about"> <div class="carousel-wrapper"> <div class="carousel-swiper swiper-container" id="carousel-swiper-about"> <div class="swiper-wrapper"> <img class="swiper-slide" data-src="https://epicdigital.com/img/about/carousel-wired.jpg" /> <img class="swiper-slide" data-src="https://epicdigital.com/img/about/posters/beyond.jpg" /> <img class="swiper-slide" data-src="https://epicdigital.com/img/about/posters/little.jpg" /> <img class="swiper-slide" data-src="https://epicdigital.com/img/about/posters/moonshot.jpg" /> <img class="swiper-slide" data-src="https://epicdigital.com/img/about/posters/heavensgate.jpg" /> <img class="swiper-slide" data-src="https://epicdigital.com/img/about/posters/robots.jpg" /> <img class="swiper-slide" data-src="https://epicdigital.com/img/about/posters/oldschool.jpg" /> <img class="swiper-slide" data-src="https://epicdigital.com/img/about/posters/unfathomable.jpg" /> <img class="swiper-slide" data-src="https://epicdigital.com/img/about/posters/coldwar.jpg" /> <img class="swiper-slide" data-src="https://epicdigital.com/img/about/posters/silkroad1.jpg" /> <img class="swiper-slide" data-src="https://epicdigital.com/img/about/posters/silkroad2.jpg" /> <img class="swiper-slide" data-src="https://epicdigital.com/img/about/posters/deepsea.jpg" /> <img class="swiper-slide" data-src="https://epicdigital.com/img/about/posters/spare.jpg" /> <img class="swiper-slide" data-src="https://epicdigital.com/img/about/posters/mercenary.jpg" /> <img class="swiper-slide" data-src="https://epicdigital.com/img/about/posters/pipino.jpg" /> <img class="swiper-slide" data-src="https://epicdigital.com/img/about/carousel-master.jpg" /> <img class="swiper-slide" data-src="https://epicdigital.com/img/about/carousel-spare.jpg" /> <img class="swiper-slide" data-src="https://epicdigital.com/img/about/carousel-underdog.jpg" /> </div> <div class="page-nav"> <div class="swiper-pagination-bullet" data-index="2"></div> <div class="swiper-pagination-bullet" data-index="4"></div> <div class="swiper-pagination-bullet" data-index="6"></div> <div class="swiper-pagination-bullet" data-index="8"></div> <div class="swiper-pagination-bullet" data-index="10"></div> <div class="swiper-pagination-bullet" data-index="12"></div> <div class="swiper-pagination-bullet" data-index="14"></div> <div class="swiper-pagination-bullet" data-index="16"></div> <div class="swiper-pagination-bullet" data-index="18"></div> </div> </div> <div class="carousel-prev"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 61.9 120" style="enable-background:new 0 0 61.9 120;" xml:space="preserve"> <polyline class="next-prev-color" points="61.2,0.8 1.7,59.9 61,119.2 "/> </svg> </div> <div class="carousel-next"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 61.9 120" style="enable-background:new 0 0 61.9 120;" xml:space="preserve"> <polyline class="next-prev-color" points="0.9,0.8 60.5,59.9 1.1,119.2 "/> </svg> </div> </div> </section> <section class="logo-grid logo-grid-about"> <div class="logo-grid-wrapper"> <h3 style="color:#ff7347;">CLIENTS</h3> <div class="logos"> <a href="http://google.com" target="_blank"> <img data-src="https://epicdigital.com/img/google/google-logo.svg" class="img-svg" style="max-height:35px;" /> <img data-src="https://epicdigital.com/img/google/google-logo.png" class="img-png" style="max-height:35px;" /> </a> <a href="http://ford.com" target="_blank"> <img data-src="https://epicdigital.com/img/talks/ford-logo.svg" class="img-svg" style="max-height:33px;" /> <img data-src="https://epicdigital.com/img/talks/ford-logo.png" class="img-png" style="max-height:33px;" /> </a> <a href="http://okta.com" target="_blank"> <img data-src="https://epicdigital.com/img/talks/okta-logo.svg" class="img-svg" style="max-height:30px;" /> <img data-src="https://epicdigital.com/img/talks/okta-logo.png" class="img-png" style="max-height:30px;" /> </a> <a href="http://wework.com" target="_blank"> <img data-src="https://epicdigital.com/img/about/wework.svg" class="img-svg" style="max-height:35px;" /> <img data-src="" class="img-png" style="max-height:35px;" /> </a> <a href="http://ge.com" target="_blank"> <img data-src="https://epicdigital.com/img/ge/ge-logo.svg" class="img-svg" style="max-height:50px;" /> <img data-src="https://epicdigital.com/img/ge/ge-logo.png" class="img-png" style="max-height:50px;" /> </a> <a href="http://grubhub.com" target="_blank"> <img data-src="https://epicdigital.com/img/about/grubhub.svg" class="img-svg" style="max-height:30px;" /> <img data-src="" class="img-png" style="max-height:30px;" /> </a> <a href="http://ibm.com" target="_blank"> <img data-src="https://epicdigital.com/img/about/ibm.svg" class="img-svg" style="max-height:40px;" /> <img data-src="https://epicdigital.com/img/talks/okta-logo.png" class="img-png" style="max-height:40px;" /> </a> <a href="http://aetv.com" target="_blank"> <img data-src="https://epicdigital.com/img/about/ae.svg" class="img-svg" style="max-height:40px;" /> <img data-src="" class="img-png" style="max-height:40px;" /> </a> </div> </div> </section> <div class="contact contact-about" id="contact"> <div class="contact-wrapper"> <h3 class="h3">CONTACT</h3> <div class="contact-info"> <div class="title">IN NEED OF A STORYHUNTER?</div> <div class="divider"></div> <div class="info"> <div class="email">EMAIL: <a href="mailto:production@epicdigital.com" target="_blank">PRODUCTION@EPICDIGITAL.COM</a></div> <div class="social"> <span>FOLLOW US:</span> <a href="https://www.facebook.com/epicmagazinenow" target="_blank" class="facebook"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <path class="facebook" fill="#ff7347" d="M68,0H4C1.8,0,0,1.8,0,4v64c0,2.2,1.8,4,4,4h34.5V44.2h-9.4v0V33.3v0h9.3v-8c0-9.3,5.7-14.4,14-14.4 c2.8,0,5.6,0.1,8.4,0.4v0c0,0,0,0,0,0V21h0v0h-5.7c-4.5,0-5.4,2.1-5.4,5.3v6.9h10.8l0,0h0l-1.4,10.9h-9.4V72H68c2.2,0,4-1.8,4-4V4 C72,1.8,70.2,0,68,0z"/> </svg> </a> <a href="https://twitter.com/epic" target="_blank" class="twitter"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <g> <path class="twitter" fill="#ff7347" d="M71.3,16.5c0,0-3.2,1.5-7.3,2c0,0,4.9-4,5.3-7.3c0,0-3.4,2.4-8.4,3.2c0,0-4.6-5.7-13.2-3.7 c-8.6,2-10.4,11.7-9.4,15.5c0,0-14.9,0.2-27.1-13.6c-0.4,1.1-1,3-1.3,3.9c-0.6,2-1,4-1.2,6c-0.4,4,0.1,8.1,1.4,11.9 c1.3,3.8,3.4,7.3,6.1,10.3c1.4,1.5,2.9,2.9,4.6,4c1.5,1.1,3.7,2.8,5.7,2.3c-3.5,0.8-6.8,2.1-10.3,2.8C11,55,5.5,54.7,0.2,54 c0,0,18.2,11.3,34.2,7.9c0.8-0.2,1.5-0.4,2.3-0.6c10.1-3.1,18.9-9.6,23.7-19.2c0.3-0.6,0.6-1.3,0.9-1.9c2.1-4.6,3.6-10.4,3.3-17 C64.7,23.2,69.7,19.6,71.3,16.5"/> </g> </svg> </a> </div> </div> </div> </div> </div> </div> <section class="share " id="article-share-about"> <div class="share-wrapper"> <div class="share-options"> <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://epicdigital.com/about" class="facebook"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .facebook{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <path class="facebook" d="M68,0H4C1.8,0,0,1.8,0,4v64c0,2.2,1.8,4,4,4h34.5V44.2h-9.4v0V33.3v0h9.3v-8c0-9.3,5.7-14.4,14-14.4 c2.8,0,5.6,0.1,8.4,0.4v0c0,0,0,0,0,0V21h0v0h-5.7c-4.5,0-5.4,2.1-5.4,5.3v6.9h10.8l0,0h0l-1.4,10.9h-9.4V72H68c2.2,0,4-1.8,4-4V4 C72,1.8,70.2,0,68,0z"/> </svg> </a> <a target="_blank" href="https://twitter.com/intent/tweet?text=The power of of a well-told story: How @epic delivers industry-leading brand insights.&url=https://epicdigital.com/about" class="twitter"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .twitter{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <g> <path class="twitter" d="M71.3,16.5c0,0-3.2,1.5-7.3,2c0,0,4.9-4,5.3-7.3c0,0-3.4,2.4-8.4,3.2c0,0-4.6-5.7-13.2-3.7 c-8.6,2-10.4,11.7-9.4,15.5c0,0-14.9,0.2-27.1-13.6c-0.4,1.1-1,3-1.3,3.9c-0.6,2-1,4-1.2,6c-0.4,4,0.1,8.1,1.4,11.9 c1.3,3.8,3.4,7.3,6.1,10.3c1.4,1.5,2.9,2.9,4.6,4c1.5,1.1,3.7,2.8,5.7,2.3c-3.5,0.8-6.8,2.1-10.3,2.8C11,55,5.5,54.7,0.2,54 c0,0,18.2,11.3,34.2,7.9c0.8-0.2,1.5-0.4,2.3-0.6c10.1-3.1,18.9-9.6,23.7-19.2c0.3-0.6,0.6-1.3,0.9-1.9c2.1-4.6,3.6-10.4,3.3-17 C64.7,23.2,69.7,19.6,71.3,16.5"/> </g> </svg> </a> <a target="_blank" href="mailto:?subject=Epic%20Digital%3A%20Delivering%20Industry-Leading%20Brand%20Insights&body=Audiences%20want%20to%20be%20surprised%2C%20thrilled%2C%20and%20captivated%20by%20stories%20from%20the%20real%20world.%20Thanks%20to%20our%20reporting%20expertise%2C%20Epic%20Digital%20delivers%20the%20kind%20of%20authenticity%20that%20people%20are%20looking%20for.%20Our%20work%20has%20won%20the%20Academy%20Award%20for%20Best%20Picture%20and%20landed%20on%20the%20New%20York%20Times%20Bestseller%20list.%20Brands%20come%20to%20us%20because%20of%20this%20unique%20sensibility%20and%20our%20ability%20to%20uncover%20and%20tell%20incredible%20true%20stories%20that%20resonate%20with%20audiences%20everywhere.%20Contact%20us%20today%21%0D%0A%0D%0Ahttps%3A%2F%2Fepicdigital.com%2Fabout" class="email-link"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72" style="enable-background:new 0 0 72 72;" xml:space="preserve"> <style type="text/css"> #article-share- .st0{clip-path:url(#SVGID_2_);fill:#fff;} #article-share- .st1{fill:#fff;} </style> <title>flogo_RGB_HEX-72</title> <g> <defs> <rect id="SVGID_1_" x="-88.3" y="10.4" width="71.1" height="52.1"/> </defs> <clipPath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;"/> </clipPath> <path class="email st0" d="M-17.2,16.5c0,0-3.2,1.5-7.3,2c0,0,4.9-4,5.3-7.3c0,0-3.4,2.4-8.4,3.2c0,0-4.6-5.7-13.2-3.7 c-8.6,2-10.4,11.7-9.4,15.5c0,0-14.9,0.2-27.1-13.6c-0.4,1.1-1,3-1.3,3.9c-0.6,2-1,4-1.2,6c-0.4,4,0.1,8.1,1.4,11.9 c1.3,3.8,3.4,7.3,6.1,10.3c1.4,1.5,2.9,2.9,4.6,4c1.5,1.1,3.7,2.8,5.7,2.3c-3.5,0.8-6.8,2.1-10.3,2.8c-5.2,1.1-10.6,0.8-15.9,0 c0,0,18.2,11.3,34.2,7.9c0.8-0.2,1.5-0.4,2.3-0.6c10.1-3.1,18.9-9.6,23.7-19.2c0.3-0.6,0.6-1.3,0.9-1.9c2.1-4.6,3.6-10.4,3.3-17 C-23.8,23.2-18.8,19.6-17.2,16.5"/> </g> <path class="email st1" d="M-119.5,0h-64c-2.2,0-4,1.8-4,4v64c0,2.2,1.8,4,4,4h34.5V44.2h-9.4v0V33.3v0h9.3v-8c0-9.3,5.7-14.4,14-14.4 c2.8,0,5.6,0.1,8.4,0.4v0c0,0,0,0,0,0V21h0v0h-5.7c-4.5,0-5.4,2.1-5.4,5.3v6.9h10.8l0,0h0l-1.4,10.9h-9.4V72h18.3c2.2,0,4-1.8,4-4V4 C-115.5,1.8-117.3,0-119.5,0z"/> <path class="email st1" d="M2.4,19l-1.5-2.3c0,0,0,0.1,0,0.1v37.4c0,0.6,0.1,1.2,0.4,1.7L25,34L2.4,19z"/> <path class="email st1" d="M35.8,38.1L35.8,38.1l31.6-20.9l2.1-3.2c-0.7-0.7-1.7-1.1-2.7-1.1H4.9c-1,0-2,0.4-2.7,1.1l2.1,3.2L35.8,38.1z" /> <path class="email st1" d="M70.7,16.7L69.3,19L46.7,34l23.6,22c0.3-0.5,0.4-1.1,0.4-1.7V16.9C70.8,16.8,70.8,16.8,70.7,16.7"/> <path class="email st1" d="M35.8,41.2l-8.7-5.8l-24,22.3c0.5,0.3,1.1,0.4,1.8,0.4h61.9c0.6,0,1.2-0.2,1.8-0.4l-24-22.3L35.8,41.2z"/> </svg> </a> </div> </div> </section> <div class="switcher switcher-about"> <div class="switcher-wrapper"> <a href class="prev-item"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 61.9 120" style="enable-background:new 0 0 61.9 120;" xml:space="preserve"> <polyline class="next-prev-color" points="61.2,0.8 1.7,59.9 61,119.2 "/> </svg> <div> <div class="title">Talks</div> <div class="thumbnail" style="background-image:url(https://epicdigital.com/img/switcher/talks.jpg);"></div> <div class="title below-sm">Talks</div> </div> </a> <a href class="back-to-top"> <div class="viewmaster-switcher"></div> <div class="label">Back To Top</div> </a> <a href class="next-item" > <div> <div class="thumbnail" style="background-image:url(https://epicdigital.com/img/switcher/moonshot.jpg);"></div> <div class="title">Google</div> <div class="title below-sm">Google</div> </div> <?xml version="1.0" encoding="utf-8"?> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 61.9 120" style="enable-background:new 0 0 61.9 120;" xml:space="preserve"> <polyline class="next-prev-color" points="0.9,0.8 60.5,59.9 1.1,119.2 "/> </svg> </a> </div> <div class="copyright">©2019 EPIC MAGAZINE - A DIVISION OF VOX MEDIA STUDIOS</div> </div> </article> </div> <script> window.GLOBALS = { closeVideo : localStorage.getItem('closeVideo'), articles : JSON.parse('[{"id":"moonshot","title":"Google","poster":"https:\/\/epicdigital.com\/img\/posters\/moonshot.jpg"},{"id":"about","title":"About","poster":"https:\/\/epicdigital.com\/img\/posters\/about.jpg"},{"id":"talks","title":"Talks","poster":"https:\/\/epicdigital.com\/img\/posters\/talks.jpg"},{"id":"ibm","title":"IBM","poster":"https:\/\/epicdigital.com\/img\/posters\/ibm.jpg"},{"id":"cannes","title":"Cannes","poster":"https:\/\/epicdigital.com\/img\/posters\/cannes.jpg"},{"id":"care","title":"Care","poster":"https:\/\/epicdigital.com\/img\/posters\/care.jpg"},{"id":"grubhub","title":"Grubhub","poster":"https:\/\/epicdigital.com\/img\/posters\/grubhub.jpg"},{"id":"women","title":"GOOGLE","poster":"https:\/\/epicdigital.com\/img\/posters\/women.jpg"},{"id":"ge","title":"GE","poster":"https:\/\/epicdigital.com\/img\/posters\/ge.jpg"},{"id":"okta","title":"Okta","poster":"https:\/\/epicdigital.com\/img\/posters\/okta.jpg"},{"id":"argo","title":"Warner","poster":"https:\/\/epicdigital.com\/img\/posters\/argo.jpg"},{"id":"you","title":"You","poster":"https:\/\/epicdigital.com\/img\/posters\/you.jpg"},{"id":"google","title":"Google","poster":"https:\/\/epicdigital.com\/img\/posters\/google.jpg"},{"id":"ford","title":"Ford","poster":"https:\/\/epicdigital.com\/img\/posters\/ford.jpg"}]'), articleComponents : JSON.parse('{"moonshot":["image-text-lockup","video-vimeo"],"about":["image-text-lockup","one-off","carousel","logo-grid","one-off"],"talks":["html-text-lockup","image-text-lockup","image-text-lockup","logo-grid"],"ibm":["image-text-lockup","book"],"cannes":["phone-video","image-text-lockup","thumb-gallery"],"care":["image-text-lockup","image-gallery"],"grubhub":["image-text-lockup","video-youtube"],"women":["image-text-lockup","video-hosted"],"ge":["html-text-lockup","video-gallery"],"okta":["html-image-lockup","image-text-lockup","phone-video"],"argo":["image-text-lockup","video-vimeo"],"you":["thumb-gallery","html-text-lockup","book"],"google":["image-text-lockup","video-vimeo"],"ford":["image-text-lockup","book"]}'), articleFullBacks : JSON.parse('["ibm","cannes","grubhub","ge","okta"]'), activeArticle : "moonshot" }; </script> <script> var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); function onYouTubeIframeAPIReady() { window.youtubeReady = true; } </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script> <script src="./dist/vendor/vendor.js"></script> <script src="./vendorjs/flipbook/js/pageflip5-min.js"></script> <script src="./vendorjs/flipbook/js/key.js"></script> <script src="./dist/js/all.js"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-167406779-2"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-167406779-2'); </script> </body> </html>