1<!DOCTYPE html> 2<html lang="en" class="modernizr-no-js"> 3 4<head> 5 <!-- OneTrust Cookies Consent Notice start for gspbeta.com --> 6
6<script type="text/javascript" 7 src="https://cdn.cookielaw.org/consent/0191e7f2-ec97-7bea-a0db-6d8c1668c7d3/OtAutoBlock.js"></script>
7 8
8<script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" 9 data-domain-script="0191e7f2-ec97-7bea-a0db-6d8c1668c7d3"></script>
9 10
10<script type="text/javascript"> 11 function OptanonWrapper() { } 12 </script>
12 13 <!-- OneTrust Cookies Consent Notice end for gspbeta.com --> 14 15 <meta charset="utf-8"> 16<meta name="viewport" content="width=device-width, initial-scale=1"> 17 18<title>Work - Goodby Silverstein & Partners</title> 19<meta name="description" content="Best work of Goodby Silverstein & Partners, a full-service advertising agency in San Francisco"> 20<meta http-equiv=âcontent-languageâ content="en"> 21 22<meta property="og:description" content="Best work of Goodby Silverstein & Partners, a full-service advertising agency in San Francisco"> 23<meta property="og:title" content="Work - Goodby Silverstein & Partners"> 24<meta property="og:image" content="https://goodbysilverstein.com/public/og_image_2023.jpg"> 25<meta property="og:image:width" content="1200" /> 26<meta property="og:image:height" content="630" /> 27<meta property="og:url" content="https://goodbysilverstein.com/work"> 28<meta property="og:type" content="website" /> 29 30<meta property="twitter:card" content="summary" /> 31<meta property="twitter:title" content="Work - Goodby Silverstein & Partners" /> 32<meta property="twitter:description" content="Best work of Goodby Silverstein & Partners, a full-service advertising agency in San Francisco" /> 33<meta property="twitter:image" content="https://goodbysilverstein.com/public/og_image_2023.jpg" /> 34<meta property="twitter:url" content="https://goodbysilverstein.com/work" /> 35 36<meta property="fb:app_id" content="266818357002385" /> 37 <link rel="icon" type="image/png" sizes="192x192" href="/public/favicons/android-chrome-192x192.png"> 38<link rel="icon" type="image/png" sizes="16x16" href="/public/favicons/favicon-16x16.png"> 39<link rel="icon" type="image/png" sizes="32x32" href="/public/favicons/favicon-32x32.png"> 40<link rel="shortcut icon" href="/public/favicons/favicon.ico"> <!-- Google Tag Manager -->
41<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 42new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 43j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 44'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 45})(window,document,'script','dataLayer','GTM-M96FQN7');</script>
45 46<!-- End Google Tag Manager --> 47 48 <link rel="stylesheet" href="/public/theme/styles.css?v=2.0.135"> 49 50
50<script type="text/javascript"> 51 WebFontConfig = { 52 google: { families: [ 53 'Gothic+A1:400,500:latin,latin-ext', 54 'Anton:400,500:latin,latin-ext', 55 ]}, 56 // custom: { families: ['Gotham:n4,n6']} 57 }; 58 (function(d) { 59 var wf = d.createElement('script'), s = d.scripts[0]; 60 wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js'; 61 s.parentNode.insertBefore(wf, s); 62 })(document); 63</script>
63 64<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin> 65</head> 66 67<body class="is-not-ready"> 68 <!-- Google Tag Manager (noscript) --> 69<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M96FQN7" 70 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 71 <!-- End Google Tag Manager (noscript) --> 72 <svg class="svg-sprite" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol id="sprite-calendar" viewBox="1 0 23 22" preserveAspectRatio="xMidYMid meet"><path d="M2 2v17h21V2H2zm2 15V5h17v12H4z"/><path d="M6 7h3v3H6zM11 7h3v3h-3zM16 7h3v3h-3zM6 12h3v3H6zM11 12h3v3h-3zM16 12h3v3h-3z"/></symbol><symbol id="sprite-facebook" viewBox="0 0 9 18" preserveAspectRatio="xMidYMid meet"><path d="M2 6V4.2a4.92 4.92 0 01.6-2.85A3.58 3.58 0 015.55 0 14.14 14.14 0 019 .3l-.45 2.85a4.65 4.65 0 00-1.5-.3c-.75 0-1.35.3-1.35 1V6h3.15L8.4 8.7H5.55V18H2V8.7H0V6z"/></symbol><symbol id="sprite-instagram" viewBox="0 0 16 16.13" preserveAspectRatio="xMidYMid meet"><path d="M8.12 10.87a2.75 2.75 0 112.75-2.75 2.77 2.77 0 01-2.75 2.75m0-6.87a4.13 4.13 0 104.13 4.12A4.15 4.15 0 008.12 4"/><path d="M8.12 0H4.75a4.36 4.36 0 00-2 .38 4.3 4.3 0 00-1.37 1 3.78 3.78 0 00-1 1.49A16.41 16.41 0 000 4.75v6.75a4.39 4.39 0 00.38 2 5.13 5.13 0 00.87 1.38 3.24 3.24 0 001.37.87 4.39 4.39 0 002 .38h6.75a4.36 4.36 0 002-.38 5.39 5.39 0 001.38-.87 3.18 3.18 0 00.87-1.38 4.36 4.36 0 00.38-2V4.75a4.36 4.36 0 00-.38-2 4.9 4.9 0 00-.87-1.38A3.21 3.21 0 0013.37.5a4.33 4.33 0 00-2-.38A17.7 17.7 0 008.12 0m0 1.5h3.26a3.68 3.68 0 011.5.25 2.33 2.33 0 01.87.63 2.2 2.2 0 01.62.87 3.51 3.51 0 01.25 1.5v6.5a3.51 3.51 0 01-.25 1.5 2.2 2.2 0 01-.62.87 2.33 2.33 0 01-.87.63 3.71 3.71 0 01-1.5.25h-6.5a3.68 3.68 0 01-1.5-.25 2.28 2.28 0 01-.88-.63 2.2 2.2 0 01-.62-.87 3.51 3.51 0 01-.25-1.5v-6.5a3.51 3.51 0 01.25-1.5 2.2 2.2 0 01.62-.87 2.28 2.28 0 01.88-.63 3.68 3.68 0 011.5-.25h3.24"/><path d="M13.37 3.75a1 1 0 01-1 1 .89.89 0 01-.87-1 1 1 0 011-1 1.05 1.05 0 01.87 1"/></symbol><symbol id="sprite-link" preserveAspectRatio="xMidYMid meet"><path d="M4.9 6.9c.3-.3.7-.6 1.1-.9 2.3-1.3 5.2-.6 6.7 1.6l-1.8 1.8c-.5-1.2-1.8-1.8-3-1.5-.5.1-1 .3-1.3.7L3.2 12c-1 1-1 2.7 0 3.8 1 1 2.7 1 3.8 0l1-1.1c1 .4 2 .5 3 .5l-2.3 2.3c-2 2-5.2 2-7.2 0s-2-5.2 0-7.2l3.4-3.4zm5.4-5.5L7.9 3.8c1-.1 2 .1 3 .5l1-1c1-1 2.7-1 3.8 0 1 1 1 2.7 0 3.8l-3.4 3.4c-1 1-2.7 1-3.8 0-.2-.2-.4-.5-.6-.8l-1.8 1.8c.2.3.4.5.6.8.6.6 1.5 1.1 2.4 1.3 1.2.3 2.5.1 3.7-.5.4-.2.8-.5 1.1-.9l3.4-3.4c2-2 2-5.2 0-7.2-1.8-2.1-5-2.1-7-.2z"/></symbol><symbol id="sprite-message" preserveAspectRatio="xMidYMid meet"><path d="M5.7 13.7C4.5 14.6 3.3 15 2 15c.8-.8 1.3-1.6 1.5-2.2C1.4 11.6 0 9.4 0 7c0-3.9 3.6-7 8-7s8 3.1 8 7-3.6 7-8 7c-.8 0-1.6-.1-2.3-.3z"/></symbol><symbol id="sprite-pin" preserveAspectRatio="xMidYMid meet"><path d="M7 0C3.3 0 0 3 0 6.8c0 2.2 1.1 4.7 2.8 7.8 1.2 2 2.6 4.3 4.2 6.9 4-6.4 7-10.9 7-14.6C14 3 10.7 0 7 0zm0 9.7C5.5 9.7 4.3 8.5 4.3 7c0-1.5 1.2-2.7 2.7-2.7S9.7 5.5 9.7 7c0 1.5-1.2 2.7-2.7 2.7z"/></symbol><symbol id="sprite-print" preserveAspectRatio="xMidYMid meet"><path d="M21 6h-2v1h2v8H1V7h2V6H0v10h22V6z"/><path d="M3 12h1v1H3zM5 12h1v1H5zM7 12h1v1H7zM17 9V0H5v9H3v1h16V9h-2zM6 9V1h10v8H6z"/></symbol><symbol id="sprite-share" preserveAspectRatio="xMidYMid meet"><path d="M0 10.5h1.4V16H0z"/><path d="M0 14.6h18V16H0z"/><path d="M16.6 10.5H18V16h-1.4zM9 .6L12.7 4H5.3z"/><path d="M8.3 3.2h1.5V10H8.3z"/></symbol><symbol id="sprite-twitter" preserveAspectRatio="xMidYMid meet"><path d="M18 1.7c-.7.3-1.4.5-2.1.6.8-.5 1.3-1.2 1.6-2-.7.4-1.5.7-2.3.9C14.5.4 13.5 0 12.5 0c-2 0-3.7 1.7-3.7 3.7 0 .3 0 .6.1.8C5.8 4.4 3.1 2.9 1.3.7.9 1.2.8 1.9.8 2.5c0 1.3.7 2.4 1.6 3.1-.6 0-1.2-.2-1.7-.5 0 1.8 1.3 3.3 3 3.6-.3.1-.6.1-1 .1-.2 0-.5 0-.7-.1.5 1.5 1.8 2.5 3.4 2.6-1.3 1-2.9 1.6-4.6 1.6-.2.1-.5.1-.8.1 1.6 1 3.6 1.7 5.7 1.7 6.8 0 10.5-5.6 10.5-10.5v-.5c.7-.6 1.3-1.2 1.8-2"/></symbol><symbol id="sprite-warn" preserveAspectRatio="xMidYMid meet"><path d="M8.8 5.4h1.1v5.5H8.8zM8.8 12.3h1.1v1.1H8.8z"/><path d="M18.8 16H0L9.4 0l9.4 16zM1.9 14.9h14.9L9.4 2.2 1.9 14.9z"/></symbol><symbol id="sprite-youtube" viewBox="0 0 17 12.41" preserveAspectRatio="xMidYMid meet">
72<path d="M13.94.09C11.33 0 5.67 0 3.06.09S0 1.9 0 6.2s.34 5.9 3.06 6.12 8.27.12 10.88 0S17 10.51 17 6.2 16.66.31 13.94.09zM6.35 8.93V3.48L12 6.2 6.35 8.93z"/></symbol></svg> 73 74 75 <div class="wrapper" id="wrapper"> 76 77 <div class="menu js-menu"> 78 <div class="menu__wrap"> 79 <ul class="menu__list"> 80 <li class="js-menu-item menu__item"><a href="/about" data-menu><span>About</span><span>About</span></a></li> 81 <li class="js-menu-item menu__item"><a href="/work" data-menu><span>Work</span><span>Work</span></a></li> 82 <li class="js-menu-item menu__item"><a href="/communities" data-menu><span>Communities</span><span>Communities</span></a></li> 83 <li class="js-menu-item menu__item"><a href="/design" data-menu><span>Design</span><span>Design</span></a></li> 84 <li class="js-menu-item menu__item"><a href="/labs" data-menu><span>Labs</span><span>Labs</span></a></li> 85 <li class="js-menu-item menu__item"><a href="/elevel" data-menu><span>Elevel</span><span>Elevel</span></a></li> 86 <li class="js-menu-item menu__item"><a href="/brand-camp" data-menu><span>Brand Camp</span><span>Brand Camp</span></a></li> 87 <li class="js-menu-item menu__item"><a href="/news" data-menu><span>News</span><span>News</span></a></li> 88 <li class="js-menu-item menu__item"><a href="/careers" data-menu><span>Careers</span><span>Careers</span></a></li> 89 <li class="js-menu-item menu__item"><a href="https://theacademy.goodbysilverstein.com/" target="_blank" data-menu><span>Academy <img src="/public/external_link.svg" alt="" height="18px"></span><span>Academy <img src="/public/external_link.svg" alt="" height="18px"></span></a></li> 90 </ul> 91 </div> 92</div> 93 94<button class="hamburger js-toggle-menu" aria-label="Menu"><i class="icon-menu"><u></u><u></u></i></button> 95 96 <main id="content" class="content"> 97 <article data-page="Page" data-title="Work - Goodby Silverstein & Partners" data-alternate='null' id="page-"> 98<h1 class="sr-only">Work - Goodby Silverstein & Partners</h1> 99<header class="header " id="header" data-scroll> 100 <div class="header__inner"> 101 <a href="/" class="header__logo"> 102 103 <span>GS&P</span> 104 </a> 105 </div> 106</header> 107 108 <section id="home" class="module module--hero module--nopadding "> 109 <div class="hero" data-scroll="heroParallax"> 110 <h1 class="hero__heading lead">Work</h1> 111 <a class="hero__scroll scroll" href="#" data-next-module> 112 <i class="icon-arrow-down"><img src="/public/theme/images/arrow.png" alt="Arrow Down"></i> </a> 113 </div> 114</section> <section class="module module--tiles "> 115 <form action="" class="filters " id="filters" data-component="Filters" 116 data-options='{"contentSelector": "#filters-wrapper", "live":true}' novalidate> 117 <a class="filters__label filters__label--clear js-clear" href="#">Clear <i class="icon-close"></i></a> 118 <fieldset class="filters__field"> 119 <a href="#" class="filters__label" data-popover aria-controls="filters-clients" aria-expanded="false"><span class="">Clients <svg class="svg-arrow-filters" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 17V2" stroke="#fff" stroke-width="2.5" stroke-linecap="square" stroke-linejoin="bevel"/><path d="M2 10l8 8 8-8" stroke="#fff" stroke-width="2.5" stroke-linecap="square" stroke-linejoin="round"/></svg></span></a> 120 <span class="filters__filtered js-filters-label">All</span> 121 <div class="popover popover--right" id="filters-clients" aria-hidden="true"> 122 <div class="popover__wrap"> 123 <div class="filters__wrap"> 124 <input type="radio" name="client" id="filters-client-1" value="2k"> 125 <label class="filters__tag" for="filters-client-1">2K</label> 126 <input type="radio" name="client" id="filters-client-2" value="50-fund"> 127 <label class="filters__tag" for="filters-client-2">50 Fund</label> 128 <input type="radio" name="client" id="filters-client-3" value="adcouncil"> 129 <label class="filters__tag" for="filters-client-3">Ad Council</label> 130 <input type="radio" name="client" id="filters-client-4" value="adobe"> 131 <label class="filters__tag" for="filters-client-4">Adobe</label> 132 <input type="radio" name="client" id="filters-client-5" value="advance-sf"> 133 <label class="filters__tag" for="filters-client-5">Advance SF</label> 134 <input type="radio" name="client" id="filters-client-6" value="amex"> 135 <label class="filters__tag" for="filters-client-6">AMEX</label> 136 <input type="radio" name="client" id="filters-client-7" value="anheuser-busch-budweiser"> 137 <label class="filters__tag" for="filters-client-7">Anheuser-Busch Budweiser</label> 138 <input type="radio" name="client" id="filters-client-8" value="atandt"> 139 <label class="filters__tag" for="filters-client-8">AT&T</label> 140 <input type="radio" name="client" id="filters-client-9" value="atlassian"> 141 <label class="filters__tag" for="filters-client-9">Atlassian</label> 142 <input type="radio" name="client" id="filters-client-10" value="autodesk"> 143 <label class="filters__tag" for="filters-client-10">Autodesk</label> 144 <input type="radio" name="client" id="filters-client-11" value="autodesk-construction-cloud"> 145 <label class="filters__tag" for="filters-client-11">Autodesk Construction Cloud</label> 146 <input type="radio" name="client" id="filters-client-12" value="bampfa"> 147 <label class="filters__tag" for="filters-client-12">BAMPFA</label> 148 <input type="radio" name="client" id="filters-client-13" value="bare"> 149 <label class="filters__tag" for="filters-client-13">Bare</label> 150 <input type="radio" name="client" id="filters-client-14" value="bay-area-council"> 151 <label class="filters__tag" for="filters-client-14">Bay Area Council</label> 152 <input type="radio" name="client" id="filters-client-15" value="bay-fc"> 153 <label class="filters__tag" for="filters-client-15">Bay FC</label> 154 <input type="radio" name="client" id="filters-client-16" value="beyond-meat-jerky"> 155 <label class="filters__tag" for="filters-client-16">Beyond Meat Jerky</label> 156 <input type="radio" name="client" id="filters-client-17" value="bibigo"> 157 <label class="filters__tag" for="filters-client-17">Bibigo</label> 158 <input type="radio" name="client" id="filters-client-18" value="blackstone"> 159 <label class="filters__tag" for="filters-client-18">Blackstone</label> 160 <input type="radio" name="client" id="filters-client-19" value="blue-buffalo"> 161 <label class="filters__tag" for="filters-client-19">Blue Buffalo</label> 162 <input type="radio" name="client" id="filters-client-20" value="bmw"> 163 <label class="filters__tag" for="filters-client-20">BMW</label> 164 <input type="radio" name="client" id="filters-client-21" value="brex"> 165 <label class="filters__tag" for="filters-client-21">Brex</label> 166 <input type="radio" name="client" id="filters-client-22" value="brown-forman"> 167 <label class="filters__tag" for="filters-client-22">Brown-Forman</label> 168 <input type="radio" name="client" id="filters-client-23" value="bubly"> 169 <label class="filters__tag" for="filters-client-23">bubly</label> 170 <input type="radio" name="client" id="filters-client-24" value="califa"> 171 <label class="filters__tag" for="filters-client-24">Califa</label> 172 <input type="radio" name="client" id="filters-client-25" value="califia-farms"> 173 <label class="filters__tag" for="filters-client-25">Califia Farms</label> 174 <input type="radio" name="client" id="filters-client-26" value="california-milk-processor-board"> 175 <label class="filters__tag" for="filters-client-26">California Milk Processor Board</label> 176 <input type="radio" name="client" id="filters-client-27" value="capri-sun"> 177 <label class="filters__tag" for="filters-client-27">Capri Sun</label> 178 <input type="radio" name="client" id="filters-client-28" value="ccgf-2"> 179 <label class="filters__tag" for="filters-client-28">CCGF</label> 180 <input type="radio" name="client" id="filters-client-29" value="center-for-investigative-reporting"> 181 <label class="filters__tag" for="filters-client-29">Center for Investigative Reporting</label> 182 <input type="radio" name="client" id="filters-client-30" value="cheetos"> 183 <label class="filters__tag" for="filters-client-30">Cheetos</label> 184 <input type="radio" name="client" id="filters-client-31" value="chevrolet"> 185 <label class="filters__tag" for="filters-client-31">Chevrolet</label> 186 <input type="radio" name="client" id="filters-client-32" value="chevys"> 187 <label class="filters__tag" for="filters-client-32">Chevys</label> 188 <input type="radio" name="client" id="filters-client-33" value="cisco"> 189 <label class="filters__tag" for="filters-client-33">Cisco</label> 190 <input type="radio" name="client" id="filters-client-34" value="clever"> 191 <label class="filters__tag" for="filters-client-34">Clever</label> 192 <input type="radio" name="client" id="filters-client-35" value="comcast"> 193 <label class="filters__tag" for="filters-client-35">Comcast</label> 194 <input type="radio" name="client" id="filters-client-36" value="comcast-business"> 195 <label class="filters__tag" for="filters-client-36">Comcast Business</label> 196 <input type="radio" name="client" id="filters-client-37" value="common-sense-media"> 197 <label class="filters__tag" for="filters-client-37">Common Sense Media</label> 198 <input type="radio" name="client" id="filters-client-38" value="corona"> 199 <label class="filters__tag" for="filters-client-38">Corona Light</label> 200 <input type="radio" name="client" id="filters-client-39" value="ccgf"> 201 <label class="filters__tag" for="filters-client-39">Courageous Conversation Global Foundation</label> 202 <input type="radio" name="client" id="filters-client-40" value="credit-karma"> 203 <label class="filters__tag" for="filters-client-40">Credit Karma </label> 204 <input type="radio" name="client" id="filters-client-41" value="daughters-of-evolution"> 205 <label class="filters__tag" for="filters-client-41">Daughters of the Evolution</label> 206 <input type="radio" name="client" id="filters-client-42" value="doritos"> 207 <label class="filters__tag" for="filters-client-42">Doritos</label> 208 <input type="radio" name="client" id="filters-client-43" value="doritosmountain-dew"> 209 <label class="filters__tag" for="filters-client-43">Doritos / Mountain Dew</label> 210 <input type="radio" name="client" id="filters-client-44" value="dreyer039s"> 211 <label class="filters__tag" for="filters-client-44">Dreyerâs</label> 212 <input type="radio" name="client" id="filters-client-45" value="ebay"> 213 <label class="filters__tag" for="filters-client-45">eBay</label> 214 <input type="radio" name="client" id="filters-client-46" value="empower"> 215 <label class="filters__tag" for="filters-client-46">Empower</label> 216 <input type="radio" name="client" id="filters-client-47" value="foster-farms"> 217 <label class="filters__tag" for="filters-client-47">Foster Farms</label> 218 <input type="radio" name="client" id="filters-client-48" value="frito-lay"> 219 <label class="filters__tag" for="filters-client-48">Frito-Lay</label> 220 <input type="radio" name="client" id="filters-client-49" value="genentech"> 221 <label class="filters__tag" for="filters-client-49">Genentech</label> 222 <input type="radio" name="client" id="filters-client-50" value="general-mills"> 223 <label class="filters__tag" for="filters-client-50">General Mills</label> 224 <input type="radio" name="client" id="filters-client-51" value="giants"> 225 <label class="filters__tag" for="filters-client-51">Giants</label> 226 <input type="radio" name="client" id="filters-client-52" value="golden-gate-national-parks-conservancy"> 227 <label class="filters__tag" for="filters-client-52">Golden Gate National Parks Conservancy</label> 228 <input type="radio" name="client" id="filters-client-53" value="golden-state-warriors"> 229 <label class="filters__tag" for="filters-client-53">
229Golden State Warriors</label> 230 <input type="radio" name="client" id="filters-client-54" value="google"> 231 <label class="filters__tag" for="filters-client-54">Google</label> 232 <input type="radio" name="client" id="filters-client-55" value="got-milk"> 233 <label class="filters__tag" for="filters-client-55">got milk?</label> 234 <input type="radio" name="client" id="filters-client-56" value="gradifi"> 235 <label class="filters__tag" for="filters-client-56">Gradifi </label> 236 <input type="radio" name="client" id="filters-client-57" value="grandma039s"> 237 <label class="filters__tag" for="filters-client-57">Grandmaâs </label> 238 <input type="radio" name="client" id="filters-client-58" value="gree"> 239 <label class="filters__tag" for="filters-client-58">GREE</label> 240 <input type="radio" name="client" id="filters-client-59" value="goodby-silverstein-and-partners"> 241 <label class="filters__tag" for="filters-client-59">GS&P</label> 242 <input type="radio" name="client" id="filters-client-60" value="gushers"> 243 <label class="filters__tag" for="filters-client-60">Gushers</label> 244 <input type="radio" name="client" id="filters-client-61" value="haagen-dazs"> 245 <label class="filters__tag" for="filters-client-61">Häagen-Dazs</label> 246 <input type="radio" name="client" id="filters-client-62" value="hp"> 247 <label class="filters__tag" for="filters-client-62">Hewlett-Packard</label> 248 <input type="radio" name="client" id="filters-client-63" value="honest-beauty"> 249 <label class="filters__tag" for="filters-client-63">Honest Beauty</label> 250 <input type="radio" name="client" id="filters-client-64" value="hyundai"> 251 <label class="filters__tag" for="filters-client-64">Hyundai</label> 252 <input type="radio" name="client" id="filters-client-65" value="idorsia"> 253 <label class="filters__tag" for="filters-client-65">Idorsia</label> 254 <input type="radio" name="client" id="filters-client-66" value="illuminate"> 255 <label class="filters__tag" for="filters-client-66">Illuminate</label> 256 <input type="radio" name="client" id="filters-client-67" value="indigo"> 257 <label class="filters__tag" for="filters-client-67">Indigo</label> 258 <input type="radio" name="client" id="filters-client-68" value="instacart"> 259 <label class="filters__tag" for="filters-client-68">Instacart</label> 260 <input type="radio" name="client" id="filters-client-69" value="isuzu"> 261 <label class="filters__tag" for="filters-client-69">Isuzu</label> 262 <input type="radio" name="client" id="filters-client-70" value="kawasaki"> 263 <label class="filters__tag" for="filters-client-70">Kawasaki</label> 264 <input type="radio" name="client" id="filters-client-71" value="kgo"> 265 <label class="filters__tag" for="filters-client-71">KGO</label> 266 <input type="radio" name="client" id="filters-client-72" value="kraft"> 267 <label class="filters__tag" for="filters-client-72">Kraft</label> 268 <input type="radio" name="client" id="filters-client-73" value="kraftheinz"> 269 <label class="filters__tag" for="filters-client-73">Kraft Heinz</label> 270 <input type="radio" name="client" id="filters-client-74" value="lay039s"> 271 <label class="filters__tag" for="filters-client-74">Lay's</label> 272 <input type="radio" name="client" id="filters-client-75" value="lidl"> 273 <label class="filters__tag" for="filters-client-75">Lidl</label> 274 <input type="radio" name="client" id="filters-client-76" value="link"> 275 <label class="filters__tag" for="filters-client-76">Link</label> 276 <input type="radio" name="client" id="filters-client-77" value="logitech"> 277 <label class="filters__tag" for="filters-client-77">Logitech</label> 278 <input type="radio" name="client" id="filters-client-78" value="lunchables"> 279 <label class="filters__tag" for="filters-client-78">Lunchables</label> 280 <input type="radio" name="client" id="filters-client-79" value="marmot"> 281 <label class="filters__tag" for="filters-client-79">Marmot</label> 282 <input type="radio" name="client" id="filters-client-80" value="method"> 283 <label class="filters__tag" for="filters-client-80">Method</label> 284 <input type="radio" name="client" id="filters-client-81" value="mini"> 285 <label class="filters__tag" for="filters-client-81">MINI</label> 286 <input type="radio" name="client" id="filters-client-82" value="mlb"> 287 <label class="filters__tag" for="filters-client-82">MLB</label> 288 <input type="radio" name="client" id="filters-client-83" value="modelo-especial"> 289 <label class="filters__tag" for="filters-client-83">Modelo Especial</label> 290 <input type="radio" name="client" id="filters-client-84" value="motorola"> 291 <label class="filters__tag" for="filters-client-84">Motorola</label> 292 <input type="radio" name="client" id="filters-client-85" value="mtn-dew"> 293 <label class="filters__tag" for="filters-client-85">Mountain Dew</label> 294 <input type="radio" name="client" id="filters-client-86" value="national-audubon-society"> 295 <label class="filters__tag" for="filters-client-86">National Audubon Society</label> 296 <input type="radio" name="client" id="filters-client-87" value="national-geographic"> 297 <label class="filters__tag" for="filters-client-87">National Geographic</label> 298 <input type="radio" name="client" id="filters-client-88" value="nfl-network"> 299 <label class="filters__tag" for="filters-client-88">NFL Network </label> 300 <input type="radio" name="client" id="filters-client-89" value="nickelodeon"> 301 <label class="filters__tag" for="filters-client-89">Nickelodeon</label> 302 <input type="radio" name="client" id="filters-client-90" value="nike"> 303 <label class="filters__tag" for="filters-client-90">Nike</label> 304 <input type="radio" name="client" id="filters-client-91" value="northern-california-honda-dealers"> 305 <label class="filters__tag" for="filters-client-91">Northern California Honda Dealers</label> 306 <input type="radio" name="client" id="filters-client-92" value="norwegian-cruise-line"> 307 <label class="filters__tag" for="filters-client-92">Norwegian Cruise Line</label> 308 <input type="radio" name="client" id="filters-client-93" value="oakland-as"> 309 <label class="filters__tag" for="filters-client-93">Oakland A's</label> 310 <input type="radio" name="client" id="filters-client-94" value="one-medical"> 311 <label class="filters__tag" for="filters-client-94">One Medical </label> 312 <input type="radio" name="client" id="filters-client-95" value="oura"> 313 <label class="filters__tag" for="filters-client-95">Oura</label> 314 <input type="radio" name="client" id="filters-client-96" value="panera"> 315 <label class="filters__tag" for="filters-client-96">Panera</label> 316 <input type="radio" name="client" id="filters-client-97" value="paypal"> 317 <label class="filters__tag" for="filters-client-97">PayPal</label> 318 <input type="radio" name="client" id="filters-client-98" value="pdfa"> 319 <label class="filters__tag" for="filters-client-98">PDFA</label> 320 <input type="radio" name="client" id="filters-client-99" value="pepsi"> 321 <label class="filters__tag" for="filters-client-99">Pepsi</label> 322 <input type="radio" name="client" id="filters-client-100" value="pillsbury"> 323 <label class="filters__tag" for="filters-client-100">Pillsbury</label> 324 <input type="radio" name="client" id="filters-client-101" value="polaroid"> 325 <label class="filters__tag" for="filters-client-101">Polaroid</label> 326 <input type="radio" name="client" id="filters-client-102" value="princess-cruises"> 327 <label class="filters__tag" for="filters-client-102">Princess Cruises</label> 328 <input type="radio" name="client" id="filters-client-103" value="propel"> 329 <label class="filters__tag" for="filters-client-103">Propel</label> 330 <input type="radio" name="client" id="filters-client-104" value="purple"> 331 <label class="filters__tag" for="filters-client-104">Purple</label> 332 <input type="radio" name="client" id="filters-client-105" value="ram-truck-brand"> 333 <label class="filters__tag" for="filters-client-105">Ram Trucks</label> 334 <input type="radio" name="client" id="filters-client-106" value="raos-homemade"> 335 <label class="filters__tag" for="filters-client-106">Rao's Homemade</label> 336 <input type="radio" name="client" id="filters-client-107" value="renaissance"> 337 <label class="filters__tag" for="filters-client-107">Renaissance</label> 338 <input type="radio" name="client" id="filters-client-108" value="rock-the-vote"> 339 <label class="filters__tag" for="filters-client-108">Rock the Vote</label> 340 <input type="radio" name="client" id="filters-client-109" value="rockstar"> 341 <label class="filters__tag" for="filters-client-109">
341Rockstar</label> 342 <input type="radio" name="client" id="filters-client-110" value="rolling-rock"> 343 <label class="filters__tag" for="filters-client-110">Rolling Rock</label> 344 <input type="radio" name="client" id="filters-client-111" value="royal-viking-line"> 345 <label class="filters__tag" for="filters-client-111">Royal Viking Line</label> 346 <input type="radio" name="client" id="filters-client-112" value="ruffles"> 347 <label class="filters__tag" for="filters-client-112">Ruffles</label> 348 <input type="radio" name="client" id="filters-client-113" value="sam-adams"> 349 <label class="filters__tag" for="filters-client-113">Samuel Adams</label> 350 <input type="radio" name="client" id="filters-client-114" value="san-diego-zoo-wildlife-alliance"> 351 <label class="filters__tag" for="filters-client-114">San Diego Zoo Wildlife Alliance</label> 352 <input type="radio" name="client" id="filters-client-115" value="saturn"> 353 <label class="filters__tag" for="filters-client-115">Saturn</label> 354 <input type="radio" name="client" id="filters-client-116" value="seagate"> 355 <label class="filters__tag" for="filters-client-116">Seagate</label> 356 <input type="radio" name="client" id="filters-client-117" value="sf-examiner"> 357 <label class="filters__tag" for="filters-client-117">SF Examiner</label> 358 <input type="radio" name="client" id="filters-client-118" value="skippy"> 359 <label class="filters__tag" for="filters-client-118">Skippy</label> 360 <input type="radio" name="client" id="filters-client-119" value="smartfood"> 361 <label class="filters__tag" for="filters-client-119">Smartfood</label> 362 <input type="radio" name="client" id="filters-client-120" value="smithsonian"> 363 <label class="filters__tag" for="filters-client-120">Smithsonian</label> 364 <input type="radio" name="client" id="filters-client-121" value="sodastream"> 365 <label class="filters__tag" for="filters-client-121">SodaStream</label> 366 <input type="radio" name="client" id="filters-client-122" value="sonic-drive-in"> 367 <label class="filters__tag" for="filters-client-122">SONIC Drive-In</label> 368 <input type="radio" name="client" id="filters-client-123" value="specialized-2"> 369 <label class="filters__tag" for="filters-client-123">Specialized</label> 370 <input type="radio" name="client" id="filters-client-124" value="specialized"> 371 <label class="filters__tag" for="filters-client-124">Specialized Globe</label> 372 <input type="radio" name="client" id="filters-client-125" value="stacy039s-pita-chips"> 373 <label class="filters__tag" for="filters-client-125">Stacyâs Pita Chips</label> 374 <input type="radio" name="client" id="filters-client-126" value="stubhub"> 375 <label class="filters__tag" for="filters-client-126">StubHub</label> 376 <input type="radio" name="client" id="filters-client-127" value="td-ameritrade"> 377 <label class="filters__tag" for="filters-client-127">TD Ameritrade</label> 378 <input type="radio" name="client" id="filters-client-128" value="teespring"> 379 <label class="filters__tag" for="filters-client-128">Teespring</label> 380 <input type="radio" name="client" id="filters-client-129" value="dali-museum"> 381 <label class="filters__tag" for="filters-client-129">The Dalà Museum</label> 382 <input type="radio" name="client" id="filters-client-130" value="nba"> 383 <label class="filters__tag" for="filters-client-130">The NBA</label> 384 <input type="radio" name="client" id="filters-client-131" value="the-one-club-for-creativity"> 385 <label class="filters__tag" for="filters-client-131">The One Club for Creativity</label> 386 <input type="radio" name="client" id="filters-client-132" value="tipping-point-community"> 387 <label class="filters__tag" for="filters-client-132">Tipping Point Community</label> 388 <input type="radio" name="client" id="filters-client-133" value="tostitos"> 389 <label class="filters__tag" for="filters-client-133">Tostitos</label> 390 <input type="radio" name="client" id="filters-client-134" value="truly"> 391 <label class="filters__tag" for="filters-client-134">Truly</label> 392 <input type="radio" name="client" id="filters-client-135" value="twitter"> 393 <label class="filters__tag" for="filters-client-135">Twitter</label> 394 <input type="radio" name="client" id="filters-client-136" value="ucsf"> 395 <label class="filters__tag" for="filters-client-136">UCSF</label> 396 <input type="radio" name="client" id="filters-client-137" value="umbro"> 397 <label class="filters__tag" for="filters-client-137">Umbro</label> 398 <input type="radio" name="client" id="filters-client-138" value="xfinity"> 399 <label class="filters__tag" for="filters-client-138">Xfinity</label> 400 <input type="radio" name="client" id="filters-client-139" value="youtube"> 401 <label class="filters__tag" for="filters-client-139">YouTube</label> 402 <input type="radio" name="client" id="filters-client-140" value="zaxbys"> 403 <label class="filters__tag" for="filters-client-140">Zaxbys</label> 404 <input type="radio" name="client" id="filters-client-141" value="zocdoc"> 405 <label class="filters__tag" for="filters-client-141">Zocdoc</label> 406 </div> 407 </div> 408 </div> 409 </fieldset> 410 <fieldset class="filters__field"> 411 <a href="#" class="filters__label" data-popover aria-controls="filters-tags" aria-expanded="false"><span class="">
411Tags <svg class="svg-arrow-filters" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 17V2" stroke="#fff" stroke-width="2.5" stroke-linecap="square" stroke-linejoin="bevel"/><path d="M2 10l8 8 8-8" stroke="#fff" stroke-width="2.5" stroke-linecap="square" stroke-linejoin="round"/></svg></span></a> 412 <span class="filters__filtered js-filters-label">All</span> 413 <div class="popover popover--right" id="filters-tags" aria-hidden="true"> 414 <div class="popover__wrap"> 415 <div class="filters__wrap"> 416 <input type="radio" name="tags" id="filters-tag-1" value="design"> 417 <label class="filters__tag" for="filters-tag-1">Design</label> 418 <input type="radio" name="tags" id="filters-tag-2" value="elevel"> 419 <label class="filters__tag" for="filters-tag-2">Elevel</label> 420 <input type="radio" name="tags" id="filters-tag-3" value="integrated-campaign"> 421 <label class="filters__tag" for="filters-tag-3">Integrated campaign</label> 422 <input type="radio" name="tags" id="filters-tag-4" value="labs"> 423 <label class="filters__tag" for="filters-tag-4">Labs</label> 424 <input type="radio" name="tags" id="filters-tag-5" value="spots"> 425 <label class="filters__tag" for="filters-tag-5">Spots</label> 426 <input type="radio" name="tags" id="filters-tag-6" value="super-bowl"> 427 <label class="filters__tag" for="filters-tag-6">Super Bowl</label> 428 <input type="radio" name="tags" id="filters-tag-7" value="video"> 429 <label class="filters__tag" for="filters-tag-7">Video</label> 430 </div> 431 </div> 432 </div> 433 </fieldset> 434 <fieldset class="filters__field filters__field--years"> 435 <a href="#" class="filters__label" data-popover aria-controls="filters-years" aria-expanded="false"><span class="">Years <svg class="svg-arrow-filters" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 17V2" stroke="#fff" stroke-width="2.5" stroke-linecap="square" stroke-linejoin="bevel"/><path d="M2 10l8 8 8-8" stroke="#fff" stroke-width="2.5" stroke-linecap="square" stroke-linejoin="round"/></svg></span></a> 436 <span class="filters__filtered js-filters-label">All</span> 437 <div class="popover popover--right" id="filters-years" aria-hidden="true"> 438 <div class="popover__wrap"> 439 <div class="filters__wrap"> 440 <input type="radio" name="years" id="filters-years-1" value="2026"> 441 <label class="filters__tag" for="filters-years-1">2026</label> 442 <input type="radio" name="years" id="filters-years-2" value="2025"> 443 <label class="filters__tag" for="filters-years-2">2025</label> 444 <input type="radio" name="years" id="filters-years-3" value="2024"> 445 <label class="filters__tag" for="filters-years-3">2024</label> 446 <input type="radio" name="years" id="filters-years-4" value="2023"> 447 <label class="filters__tag" for="filters-years-4">2023</label> 448 <input type="radio" name="years" id="filters-years-5" value="2022"> 449 <label class="filters__tag" for="filters-years-5">2022</label> 450 <input type="radio" name="years" id="filters-years-6" value="2021"> 451 <label class="filters__tag" for="filters-years-6">2021</label> 452 <input type="radio" name="years" id="filters-years-7" value="2020"> 453 <label class="filters__tag" for="filters-years-7">2020</label> 454 <input type="radio" name="years" id="filters-years-8" value="2019"> 455 <label class="filters__tag" for="filters-years-8">2019</label> 456 <input type="radio" name="years" id="filters-years-9" value="2018"> 457 <label class="filters__tag" for="filters-years-9">2018</label> 458 <input type="radio" name="years" id="filters-years-10" value="2017"> 459 <label class="filters__tag" for="filters-years-10">2017</label> 460 <input type="radio" name="years" id="filters-years-11" value="2016"> 461 <label class="filters__tag" for="filters-years-11">2016</label> 462 <input type="radio" name="years" id="filters-years-12" value="2015"> 463 <label class="filters__tag" for="filters-years-12">2015</label> 464 <input type="radio" name="years" id="filters-years-13" value="2014"> 465 <label class="filters__tag" for="filters-years-13">2014</label> 466 <input type="radio" name="years" id="filters-years-14" value="2013"> 467 <label class="filters__tag" for="filters-years-14">2013</label> 468 <input type="radio" name="years" id="filters-years-15" value="2012"> 469 <label class="filters__tag" for="filters-years-15">2012</label> 470 <input type="radio" name="years" id="filters-years-16" value="2011"> 471 <label class="filters__tag" for="filters-years-16">2011</label> 472 <input type="radio" name="years" id="filters-years-17" value="2010"> 473 <label class="filters__tag" for="filters-years-17">2010</label> 474 <input type="radio" name="years" id="filters-years-18" value="2009"> 475 <label class="filters__tag" for="filters-years-18">2009</label> 476 <input type="radio" name="years" id="filters-years-19" value="2008"> 477 <label class="filters__tag" for="filters-years-19">2008</label> 478 <input type="radio" name="years" id="filters-years-20" value="2007"> 479 <label class="filters__tag" for="filters-years-20">2007</label> 480 <input type="radio" name="years" id="filters-years-21" value="2006"> 481 <label class="filters__tag" for="filters-years-21">2006</label> 482 <input type="radio" name="years" id="filters-years-22" value="2005"> 483 <label class="filters__tag" for="filters-years-22">2005</label> 484 <input type="radio" name="years" id="filters-years-23" value="2004"> 485 <label class="filters__tag" for="filters-years-23">2004</label> 486 <input type="radio" name="years" id="filters-years-24" value="2003"> 487 <label class="filters__tag" for="filters-years-24">2003</label> 488 <input type="radio" name="years" id="filters-years-25" value="2002"> 489 <label class="filters__tag" for="filters-years-25">2002</label> 490 <input type="radio" name="years" id="filters-years-26" value="2000"> 491 <label class="filters__tag" for="filters-years-26">2000</label> 492 <input type="radio" name="years" id="filters-years-27" value="1999"> 493 <label class="filters__tag" for="filters-years-27">1999</label> 494 <input type="radio" name="years" id="filters-years-28" value="1998"> 495 <label class="filters__tag" for="filters-years-28">1998</label> 496 <input type="radio" name="years" id="filters-years-29" value="1997"> 497 <label class="filters__tag" for="filters-years-29">1997</label> 498 <input type="radio" name="years" id="filters-years-30" value="1996"> 499 <label class="filters__tag" for="filters-years-30">1996</label> 500 <input type="radio" name="years" id="filters-years-31" value="1995"> 501 <label class="filters__tag" for="filters-years-31">1995</label> 502 <input type="radio" name="years" id="filters-years-32" value="1994"> 503 <label class="filters__tag" for="filters-years-32">1994</label> 504 <input type="radio" name="years" id="filters-years-33" value="1993"> 505 <label class="filters__tag" for="filters-years-33">1993</label> 506 <input type="radio" name="years" id="filters-years-34" value="1992"> 507 <label class="filters__tag" for="filters-years-34">1992</label> 508 <input type="radio" name="years" id="filters-years-35" value="1991"> 509 <label class="filters__tag" for="filters-years-35">1991</label> 510 <input type="radio" name="years" id="filters-years-36" value="1990"> 511 <label class="filters__tag" for="filters-years-36">1990</label> 512 <input type="radio" name="years" id="filters-years-37" value="1989"> 513 <label class="filters__tag" for="filters-years-37">1989</label> 514 <input type="radio" name="years" id="filters-years-38" value="1988"> 515 <label class="filters__tag" for="filters-years-38">1988</label> 516 <input type="radio" name="years" id="filters-years-39" value="1987"> 517 <label class="filters__tag" for="filters-years-39">1987</label> 518 </div> 519 </div> 520 </div> 521 </fieldset> 522 </form> 523 <div id="filters-wrapper" class="tiles" data-component="TilesAnim" data-scroll="tiles"> 524 <div id="tiles-wrapper" class="tiles__grid tiles__grid--triple tiles__grid--large"> 525 <div class="tiles__item">
526 <a href="/work/play/smithsonian-unhidden-heroines" data-id="4681" class="tiles__link"></a> 527 <div class="tiles__picture"> 528 <picture> 529 <img src="/public/upload/work/images/mobile/6a343871472c0.jpg?v=1781807269" alt=""> 530 </picture> 531 </div> 532 <div class="tiles__overlay tiles__overlay--long "> 533 <h3><span class="client">Smithsonian</span> <br><span class="project">Unhidden Heroines</span></h3></div> 534 <div class="tiles__icon touch-visible"><img src="/public/theme/images/play-new.png" alt="Play Button"></div> 535 </div> 536 <div class="tiles__item"> 537 <a href="/work/play/comcast-business-around-the-globe-2" data-id="4680" class="tiles__link"></a> 538 <div class="tiles__picture"> 539 <picture> 540 <img src="/public/upload/work/images_slider/mobile/69b4a1b8b4f52.jpg?v=1773445613" alt=""> 541 </picture> 542 </div> 543 <div class="tiles__overlay tiles__overlay--long "> 544 <h3><span class="client">Comcast Business</span> <br><span class="project">
544Sportsverse</span></h3></div> 545 <div class="tiles__icon touch-visible"><img src="/public/theme/images/play-new.png" alt="Play Button"></div> 546 </div> 547 <div class="tiles__item"> 548 <a href="/work/play/specialized-get-ready-to-rally" data-id="4675" class="tiles__link"></a> 549 <div class="tiles__picture"> 550 <picture> 551 <img src="/public/upload/work/images/mobile/69ab30ecce7bd.jpg?v=1772826870" alt=""> 552 </picture> 553 </div> 554 <div class="tiles__overlay tiles__overlay--long "> 555 <h3><span class="client">Specialized</span> <br><span class="project">Get Ready to Rally</span></h3></div> 556 <div class="tiles__icon touch-visible"><img src="/public/theme/images/play-new.png" alt="Play Button"></div> 557 </div> 558 <div class="tiles__item"> 559 <a href="/work/play/xfinity-jurassic-park" data-id="4674" class="tiles__link"></a> 560 <div class="tiles__picture"> 561 <picture> 562 <img src="/public/upload/work/images/mobile/698283925bc33.jpg?v=1770162526" alt=""> 563 </picture> 564 </div> 565 <div class="tiles__overlay tiles__overlay--long "> 566 <h3><span class="client">Xfinity</span> <br><span class="project">Jurassic Park</span></h3></div> 567 <div class="tiles__icon touch-visible"><img src="/public/theme/images/play-new.png" alt="Play Button"></div> 568 </div> 569 <div class="tiles__item"> 570 <a href="/work/play/xfinity-frankenstein" data-id="4672" class="tiles__link"></a> 571 <div class="tiles__picture"> 572 <picture> 573 <img src="/public/upload/work/images/mobile/68e5a87fc6d27.jpg?v=1759881390" alt=""> 574 </picture> 575 </div> 576 <div class="tiles__overlay tiles__overlay--long "> 577 <h3><span class="client">Xfinity</span> <br><span class="project">Frankenstein</span></h3></div> 578 <div class="tiles__icon touch-visible"><img src="/public/theme/images/play-new.png" alt="Play Button"></div> 579 </div> 580 <div class="tiles__item"> 581 <a href="/work/play/doritos-telethon-for-hawkins" data-id="4673" class="tiles__link"></a> 582 <div class="tiles__picture"> 583 <picture> 584 <img src="/public/upload/work/images/mobile/68e5a92cbd56e.jpg?v=1759945957" alt=""> 585 </picture> 586 </div> 587 <div class="tiles__overlay tiles__overlay--long "> 588 <h3><span class="client">Doritos</span> <br><span class="project">Telethon for Hawkins</span></h3></div> 589 <div class="tiles__icon touch-visible"><img src="/public/theme/images/play-new.png" alt="Play Button"></div> 590 </div> 591 <div class="tiles__item"> 592 <a href="/work/play/cheetos-cheetos-x-thing" data-id="4671" class="tiles__link"></a> 593 <div class="tiles__picture"> 594 <picture> 595 <img src="/public/upload/work/images/mobile/689688cd5ff2d.jpg?v=1754698611" alt=""> 596 </picture> 597 </div> 598 <div class="tiles__overlay tiles__overlay--long "> 599 <h3><span class="client">Cheetos</span> <br><span class="project">Cheetos x Thing</span></h3></div> 600 <div class="tiles__icon touch-visible"><img src="/public/theme/images/play-new.png" alt="Play Button"></div> 601 </div> 602 <div class="tiles__item">
603 <a href="/work/play/empower-get-good-at-money-so-you-can-be-a-little-bad" data-id="4669" class="tiles__link"></a> 604 <div class="tiles__picture"> 605 <picture> 606 <img src="/public/upload/work/images/mobile/68507023cabd2.jpg?v=1750103221" alt=""> 607 </picture> 608 </div> 609 <div class="tiles__overlay tiles__overlay--long "> 610 <h3><span class="client">Empower</span> <br><span class="project">Get good at money. So you can be a little bad.</span></h3></div> 611 <div class="tiles__icon touch-visible"><img src="/public/theme/images/play-new.png" alt="Play Button"></div> 612 </div> 613 <div class="tiles__item"> 614 <a href="/work/play/empower-get-good-at-money-so-you-can-be-a-little-bad-2" data-id="4670" class="tiles__link"></a> 615 <div class="tiles__picture"> 616 <picture> 617 <img src="/public/upload/work/images/mobile/68507c658b2de.jpg?v=1750105235" alt=""> 618 </picture> 619 </div> 620 <div class="tiles__overlay tiles__overlay--long "> 621 <h3><span class="client">Empower</span> <br><span class="project">Get good at money. So you can be a little bad.</span></h3></div> 622 <div class="tiles__icon touch-visible"><img src="/public/theme/images/play-new.png" alt="Play Button"></div> 623 </div> 624 <div class="tiles__item"> 625 <a href="/work/play/mountain-dew-gimme-some-sunshine" data-id="4668" class="tiles__link"></a> 626 <div class="tiles__picture"> 627 <picture> 628 <img src="/public/upload/work/images/mobile/681e2dfe66784.jpg?v=1746808334" alt=""> 629 </picture> 630 </div> 631 <div class="tiles__overlay tiles__overlay--long "> 632 <h3><span class="client">Mountain Dew</span> <br><span class="project">Gimme Some Sunshine</span></h3></div> 633 <div class="tiles__icon touch-visible"><img src="/public/theme/images/play-new.png" alt="Play Button"></div> 634 </div> 635 <div class="tiles__item"> 636 <a href="/work/play/specialized-where-super-meets-natural" data-id="4666" class="tiles__link"></a> 637 <div class="tiles__picture"> 638 <picture> 639 <img src="/public/upload/work/images/mobile/67fda2a35055e.jpg?v=1744675526" alt=""> 640 </picture> 641 </div> 642 <div class="tiles__overlay tiles__overlay--long "> 643 <h3><span class="client">Specialized</span> <br><span class="project">Where Super Meets Natural</span></h3></div> 644 <div class="tiles__icon touch-visible"><img src="/public/theme/images/play-new.png" alt="Play Button"></div> 645 </div> 646 <div class="tiles__item"> 647 <a href="/work/play/the-dali-museum-giraffes-on-horseback-salad" data-id="4664" class="tiles__link"></a> 648 <div class="tiles__picture"> 649 <picture> 650 <img src="/public/upload/work/images/mobile/67f715096395b.jpg?v=1744246065" alt=""> 651 </picture> 652 </div> 653 <div class="tiles__overlay tiles__overlay--long "> 654 <h3><span class="client">The Dalà Museum</span> <br><span class="project">Giraffes on Horseback Salad</span></h3></div> 655 <div class="tiles__icon touch-visible"><img src="/public/theme/images/play-new.png" alt="Play Button"></div> 656 </div> 657 <div class="tiles__item">
658 <a href="/work/play/comcast-business-powering-the-engine-of-modern-business" data-id="4663" class="tiles__link"></a> 659 <div class="tiles__picture"> 660 <picture> 661 <img src="/public/upload/work/images/mobile/67d3735580995.jpg?v=1741910998" alt=""> 662 </picture> 663 </div> 664 <div class="tiles__overlay tiles__overlay--long "> 665 <h3><span class="client">Comcast Business</span> <br><span class="project">Powering the Engine of Modern Business</span></h3></div> 666 <div class="tiles__icon touch-visible"><img src="/public/theme/images/play-new.png" alt="Play Button"></div> 667 </div> 668 <div class="tiles__item"> 669 <a href="/work/play/mountain-dew-kiss-from-a-lime" data-id="4661" class="tiles__link"></a> 670 <div class="tiles__picture"> 671 <picture> 672 <img src="/public/upload/work/images/mobile/67a698c94a048.jpg?v=1738971358" alt=""> 673 </picture> 674 </div> 675 <div class="tiles__overlay tiles__overlay--long "> 676 <h3><span class="client">Mountain Dew</span> <br><span class="project">Kiss from a Lime</span></h3></div> 677 <div class="tiles__icon touch-visible"><img src="/public/theme/images/play-new.png" alt="Play Button"></div> 678 </div> 679 <div class="tiles__item"> 680 <a href="/work/play/cheetos-other-hand" data-id="4660" class="tiles__link"></a> 681 <div class="tiles__picture"> 682 <picture> 683 <img src="/public/upload/work/images_slider/mobile/679143d6cabf6.jpg?v=1737573348" alt=""> 684 </picture> 685 </div> 686 <div class="tiles__overlay tiles__overlay--long "> 687 <h3><span class="client">Cheetos</span> <br><span class="project">Other Hand</span></h3></div> 688 <div class="tiles__icon touch-visible"><img src="/public/theme/images/play-new.png" alt="Play Button"></div> 689 </div> 690 <div class="tiles__item"> 691 <a href="/work/play/lay039s-dog-car-window-2" data-id="4659" class="tiles__link"></a> 692 <div class="tiles__picture"> 693 <picture> 694 <img src="/public/upload/work/images/mobile/6789702c5b6ee.jpg?v=1737060412" alt=""> 695 </picture> 696 </div> 697 <div class="tiles__overlay tiles__overlay--long "> 698 <h3><span class="client">Lay's</span> <br><span class="project">Dog. Car. Window.</span></h3></div> 699 <div class="tiles__icon touch-visible"><img src="/public/theme/images/play-new.png" alt="Play Button"></div> 700 </div> 701 <div class="tiles__item"> 702 <a href="/work/play/xfinity-connect-to-your-dreams" data-id="4657" class="tiles__link"></a> 703 <div class="tiles__picture"> 704 <picture> 705 <img src="/public/upload/work/images/mobile/673d3225302e9.jpg?v=1732063798" alt=""> 706 </picture> 707 </div> 708 <div class="tiles__overlay tiles__overlay--long "> 709 <h3><span class="client">Xfinity</span> <br><span class="project">Connect to Your Dreams</span></h3></div> 710 <div class="tiles__icon touch-visible"><img src="/public/theme/images/play-new.png" alt="Play Button"></div> 711 </div> 712 <div class="tiles__item">
713 <a href="/work/play/mtn-dew-do-the-dew" data-id="4655" class="tiles__link"></a> 714 <div class="tiles__picture"> 715 <picture> 716 <img src="/public/upload/work/images/mobile/673d2f7323ea7.jpg?v=1732063106" alt=""> 717 </picture> 718 </div> 719 <div class="tiles__overlay tiles__overlay--long "> 720 <h3><span class="client">Mountain Dew</span> <br><span class="project">Do the Dew</span></h3></div> 721 <div class="tiles__icon touch-visible"><img src="/public/theme/images/play-new.png" alt="Play Button"></div> 722 </div> 723 <div class="tiles__item"> 724 <a href="/work/play/more-than-luck" data-id="4644" class="tiles__link"></a> 725 <div class="tiles__picture"> 726 <picture> 727 <img src="/public/upload/work/images/mobile/663948617b4f3.jpg?v=1726860084" alt=""> 728 </picture> 729 </div> 730 <div class="tiles__overlay tiles__overlay--long "> 731 <h3><span class="client">The One Club for Creativity</span> <br><span class="project">More Than Luck</span></h3></div> 732 <div class="tiles__icon touch-visible"><img src="/public/theme/images/play-new.png" alt="Play Button"></div> 733 </div> 734 <div class="tiles__item"> 735 <a href="/work/play/xfinity-the-aviators" data-id="4643" class="tiles__link"></a> 736 <div class="tiles__picture"> 737 <picture> 738 <img src="/public/upload/work/images/mobile/662fcfa922765.jpg?v=1726860084" alt=""> 739 </picture> 740 </div> 741 <div class="tiles__overlay tiles__overlay--long "> 742 <h3><span class="client">Xfinity</span> <br><span class="project">The Aviators</span></h3></div> 743 <div class="tiles__icon touch-visible"><img src="/public/theme/images/play-new.png" alt="Play Button"></div> 744 </div> 745 <div class="tiles__item"> 746 <a href="/work/play/the-dali-museum-ask-dali" data-id="4642" class="tiles__link"></a> 747 <div class="tiles__picture"> 748 <picture> 749 <img src="/public/upload/work/images/mobile/662a90065fa4a.jpg?v=1726860084" alt=""> 750 </picture> 751 </div> 752 <div class="tiles__overlay tiles__overlay--long "> 753 <h3><span class="client">The Dalà Museum</span> <br><span class="project">Ask DalÃ</span></h3></div> 754 <div class="tiles__icon touch-visible"><img src="/public/theme/images/play-new.png" alt="Play Button"></div> 755 </div> 756 <div class="tiles__item"> 757 <a href="/work/play/mtn-dew-having-a-blast" data-id="4633" class="tiles__link"></a> 758 <div class="tiles__picture"> 759 <picture> 760 <img src="/public/upload/work/images/mobile/65c28156f07ac.jpg?v=1726860084" alt=""> 761 </picture> 762 </div> 763 <div class="tiles__overlay tiles__overlay--long "> 764 <h3><span class="client">Mountain Dew</span> <br><span class="project">Having a Blast </span></h3></div> 765 <div class="tiles__icon touch-visible"><img src="/public/theme/images/play-new.png" alt="Play Button"></div> 766 </div> 767 <div class="tiles__item">
768 <a href="/work/play/bmw-talkin-like-walken" data-id="4631" class="tiles__link"></a> 769 <div class="tiles__picture"> 770 <picture> 771 <img src="/public/upload/work/images/mobile/65c13e527d8e8.jpg?v=1726860084" alt=""> 772 </picture> 773 </div> 774 <div class="tiles__overlay tiles__overlay--long "> 775 <h3><span class="client">BMW</span> <br><span class="project">Talkinâ like Walken</span></h3></div> 776 <div class="tiles__icon touch-visible"><img src="/public/theme/images/play-new.png" alt="Play Button"></div> 777 </div> 778 <div class="tiles__item"> 779 <a href="/work/play/doritos-dina-and-mita" data-id="4632" class="tiles__link"></a> 780 <div class="tiles__picture"> 781 <picture> 782 <img src="/public/upload/work/images/mobile/65c167486c398.jpg?v=1726860084" alt=""> 783 </picture> 784 </div> 785 <div class="tiles__overlay tiles__overlay--long "> 786 <h3><span class="client">Doritos</span> <br><span class="project">Dina and Mita</span></h3></div> 787 <div class="tiles__icon touch-visible"><img src="/public/theme/images/play-new.png" alt="Play Button"></div> 788 </div> 789 </div> 790 <button class="tiles__button button"> 791 <a id="load-latest" href="/work?page=2" data-scroll="infinite" data-component="More" data-options='{"contentSelector": "#tiles-wrapper"}' data-history="false" rel="next"><span>Load More</a></span> 792 </button> 793 </div> 794</section> <footer class="footer" id="contact"> 795 <div class="footer__wrapper"> 796 <div class="footer__title"> 797 <p><b>Goodby <br> Silverstein <br> & Partners</b></p> 798 </div> 799 <div class="footer__grid"> 800 <div class="footer__item"> 801 <p><strong>SF</strong></p><p>45 Fremont Street</p><p>San Francisco, CA 94105</p><p>Tel: (415) 392-0669</p> 802 </div> 803 <div class="footer__item"> 804 <p><strong>NY</strong></p><p>622 Third Ave </p><p>Floor 19</p><p>Manhattan, NY 10017</p> 805 </div> 806 <div class="footer__item"> 807 <p><strong>New Business</strong></p><p>Cory Berger</p><p>Chief Growth Officer</p><p><a href="mailto:[email protected]">[email protected]</a></p> 808 </div> 809 <div class="footer__item"> 810 <p><strong>Public Relations</strong></p><p>Meredith Vellines</p><p>Head of Communications</p><p><a href="mailto:[email protected]">[email protected]</a></p> 811 </div> 812 <div class="footer__item"> 813 <p><strong>Social</strong></p><p><a href="https://www.facebook.com/goodbysilversteinandpartners" target="_blank">Facebook</a></p><p><a href="https://www.instagram.com/goodby_silverstein" target="_blank">Instagram</a></p><p><a href="https://twitter.com/GSP" target="_blank">Twitter</a></p> 814 </div> 815 <div class="footer__item"> 816 <p><strong>Jobs</strong></p><p><a href="mailto:[email protected]">[email protected]</a></p> 817 </div> 818 <div class="footer__item"> 819 <a href="/cookie-policy" data-history=false>Cookie Policy</a> 820 </div> 821 </div> 822 823 <!--<div class="footer__item footer__colophon"> 824 </div>--> 825 </div> 826</footer></article> 827<!-- offscreen lightbox data --> 828<!-- <aside data-lightbox-json='{"url":"\/work\/play","url_back":"\/work","closer":true,"items":[{"url":"\/work\/play\/smithsonian-unhidden-heroines","full":1,"type":"video","slider":null,"video":{"desktop":{"width":1920,"height":1080,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/1202247478\/rendition\/1080p\/file.mp4%20%281080p%29.mp4?loc=external&oauth2_token_id=1716709229&signature=ca8152f9858416d4a6b327ea0186e20b8fee0d53325e8b464f3d46dc1e09ffa1"},"mobile":{"width":960,"height":540,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/1202247478\/rendition\/540p\/file.mp4%20%28540p%29.mp4?loc=external&oauth2_token_id=1716709229&signature=cb90413aafcf6cf67cfbefba37ac762567b20f972ed86e0d1b0f39599ae08a67"},"controls":true,"size":"containt"},"image_logo":null,"image":{"desktop":"\/public\/upload\/work\/images\/desktop\/6a343871472c0.jpg?v=1781807269","mobile":"\/public\/upload\/work\/images\/mobile\/6a343871472c0.jpg?v=1781807269","square":"\/public\/upload\/work\/images\/square\/6a343871472c0.jpg?v=1781807269","square_x2":"\/public\/upload\/work\/images\/square_x2\/6a343871472c0.jpg?v=1781807270"},"work":{"title":"Unhidden Heroines","client":"Smithsonian","text":""}},{"url":"\/work\/play\/comcast-business-around-the-globe-2","full":1,"slider":null,"type":"image","image":{"desktop":"","mobile":"","square":"","square_x2":""},"work":{"title":"Sportsverse","client":"Comcast Business","text":""}},{"url":"\/work\/play\/specialized-get-ready-to-rally","full":1,"type":"video","slider":null,"video":{"desktop":{"width":1920,"height":1080,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/1170830190\/rendition\/1080p\/file.mp4%20%281080p%29.mp4?loc=external&oauth2_token_id=1716709229&signature=4ebf58519575d6c119970ec9d20eb377a53063e99a99c8c6ab19266282f1ac2d"},"mobile":{"width":960,"height":540,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/1170830190\/rendition\/540p\/file.mp4%20%28540p%29.mp4?loc=external&oauth2_token_id=1716709229&signature=01f8cd2c2d4d17e60398cb35435e87ddfdddbef79e8c335fce0dad9e14fc9322"},"controls":true,"size":"containt"},"image_logo":null,"image":{"desktop":"\/public\/upload\/work\/images\/desktop\/69ab30ecce7bd.jpg?v=1772826870","mobile":"\/public\/upload\/work\/images\/mobile\/69ab30ecce7bd.jpg?v=1772826870","square":"\/public\/upload\/work\/images\/square\/69ab30ecce7bd.jpg?v=1772826870","square_x2":"\/public\/upload\/work\/images\/square_x2\/69ab30ecce7bd.jpg?v=1772826870"},"work":{"title":"Get Ready to Rally","client":"Specialized","text":""}},{"url":"\/work\/play\/xfinity-jurassic-park","full":1,"type":"video","slider":null,"video":{"desktop":{"width":1920,"height":1080,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/1161608209\/rendition\/1080p\/file.mp4%20%281080p%29.mp4?loc=external&oauth2_token_id=1716709229&signature=f8e29d9ff43c9c87e4a39bb76bacae7b85626926065fe2c7aca602f59bf9dc50"},"mobile":{"width":960,"height":540,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/1161608209\/rendition\/540p\/file.mp4%20%28540p%29.mp4?loc=external&oauth2_token_id=1716709229&signature=2b86133b5356a48c5497af58ed618b3bc440e388b1cb74f4a99ebacede913686"},"controls":true,"size":"containt"},"image_logo":null,"image":{"desktop":"\/public\/upload\/work\/images\/desktop\/698283925bc33.jpg?v=1770162526","mobile":"\/public\/upload\/work\/images\/mobile\/698283925bc33.jpg?v=1770162526","square":"\/public\/upload\/work\/images\/square\/698283925bc33.jpg?v=1770162526","square_x2":"\/public\/upload\/work\/images\/square_x2\/698283925bc33.jpg?v=1770162526"},"work":{"title":"Jurassic Park","client":"Xfinity","text":""}},{"url":"\/work\/play\/xfinity-frankenstein","full":1,"type":"video","slider":null,"video":{"desktop":{"width":1920,"height":1080,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/1125267525\/rendition\/1080p\/file.mp4?loc=external&oauth2_token_id=1716709229&signature=74d6cfa5d7d2dd2832d9df709e2549509a00c0181db4c632e0b4b586d65
828ab1e8"},"mobile":{"width":960,"height":540,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/1125267525\/rendition\/540p\/file.mp4?loc=external&oauth2_token_id=1716709229&signature=8875f3324264100076fb370420f3105379692a5e630fab100474e6a0f96edfdb"},"controls":true,"size":"containt"},"image_logo":null,"image":{"desktop":"\/public\/upload\/work\/images\/desktop\/68e5a87fc6d27.jpg?v=1759881389","mobile":"\/public\/upload\/work\/images\/mobile\/68e5a87fc6d27.jpg?v=1759881390","square":"\/public\/upload\/work\/images\/square\/68e5a87fc6d27.jpg?v=1759881390","square_x2":"\/public\/upload\/work\/images\/square_x2\/68e5a87fc6d27.jpg?v=1759881390"},"work":{"title":"Frankenstein","client":"Xfinity","text":""}},{"url":"\/work\/play\/doritos-telethon-for-hawkins","full":1,"type":"video","slider":null,"video":{"desktop":{"width":1920,"height":1080,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/1122965873\/rendition\/1080p\/file.mp4?loc=external&oauth2_token_id=1716709229&signature=10f9014919562023af3607737ba259e3ac2be087f4657c313f9b47d86aa8d30d"},"mobile":{"width":960,"height":540,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/1122965873\/rendition\/540p\/file.mp4?loc=external&oauth2_token_id=1716709229&signature=807bbc4fb77104cbcb4e7010892ade0c27815efdb62c4f79689ca685d6f5450b"},"controls":true,"size":"containt"},"image_logo":null,"image":{"desktop":"\/public\/upload\/work\/images\/desktop\/68e5a92cbd56e.jpg?v=1759945957","mobile":"\/public\/upload\/work\/images\/mobile\/68e5a92cbd56e.jpg?v=1759945957","square":"\/public\/upload\/work\/images\/square\/68e5a92cbd56e.jpg?v=1759945958","square_x2":"\/public\/upload\/work\/images\/square_x2\/68e5a92cbd56e.jpg?v=1759945958"},"work":{"title":"Telethon for Hawkins","client":"Doritos","text":""}},{"url":"\/work\/play\/cheetos-cheetos-x-thing","full":1,"type":"video","slider":null,"video":{"desktop":{"width":1920,"height":1080,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/1108566884\/rendition\/1080p\/file.mp4?loc=external&oauth2_token_id=1716709229&signature=be8d95dd63696883bcabac4432cc1ceb0a476e10f7df9c8a2a1ebeddab246fef"},"mobile":{"width":960,"height":540,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/1108566884\/rendition\/540p\/file.mp4?loc=external&oauth2_token_id=1716709229&signature=1f81a7dd2c6dd4da2465490210b38a7c288584eff93d8ff94106a159d5c68e18"},"controls":true,"size":"containt"},"image_logo":null,"image":{"desktop":"\/public\/upload\/work\/images\/desktop\/689688cd5ff2d.jpg?v=1754698610","mobile":"\/public\/upload\/work\/images\/mobile\/689688cd5ff2d.jpg?v=1754698611","square":"\/public\/upload\/work\/images\/square\/689688cd5ff2d.jpg?v=1754698611","square_x2":"\/public\/upload\/work\/images\/square_x2\/689688cd5ff2d.jpg?v=1754698611"},"work":{"title":"Cheetos x Thing","client":"Cheetos","text":""}},{"url":"\/work\/play\/empower-get-good-at-money-so-you-can-be-a-little-bad","full":1,"type":"video","slider":null,"video":{"desktop":{"width":1920,"height":1080,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/1093824709\/rendition\/1080p\/file.mp4?loc=external&oauth2_token_id=1716709229&signature=a1e25206daa47c4d91e1d0e69e776ff7742425df688b10f844044dc97a42a927"},"mobile":{"width":960,"height":540,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/1093824709\/rendition\/540p\/file.mp4?loc=external&oauth2_token_id=1716709229&signature=d28cc4c47b90bd1ce6111da0613a7f5f0f04eed951ee0948800f0e7c915ab071"},"controls":true,"size":"containt"},"image_logo":null,"image":{"desktop":"\/public\/upload\/work\/images\/desktop\/68507023cabd2.jpg?v=1750103220","mobile":"\/public\/upload\/work\/images\/mobile\/68507023cabd2.jpg?v=1750103221","square":"\/public\/upload\/work\/images\/square\/68507023cabd2.jpg?v=1750103221","square_x2":"\/public\/upload\/work\/images\/square_x2\/68507023cabd2.jpg?v=1750103221"},"work":{"title":"Get good at money. So you can be a little bad.","client":"Empower","text":""}},{"url":"
828\/work\/play\/empower-get-good-at-money-so-you-can-be-a-little-bad-2","full":1,"type":"video","slider":null,"video":{"desktop":{"width":1920,"height":1080,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/1093824828\/rendition\/1080p\/file.mp4?loc=external&oauth2_token_id=1716709229&signature=49b141da6f8c8b5f906c4f95e73b44fbec76c27ac95c9c5e64b67a8c7e92f5c2"},"mobile":{"width":960,"height":540,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/1093824828\/rendition\/540p\/file.mp4?loc=external&oauth2_token_id=1716709229&signature=96080cd049f864d18dc82f4684aadf5d5336c73669c2a5ddbfd44599e2aea034"},"controls":true,"size":"containt"},"image_logo":null,"image":{"desktop":"\/public\/upload\/work\/images\/desktop\/68507c658b2de.jpg?v=1750105235","mobile":"\/public\/upload\/work\/images\/mobile\/68507c658b2de.jpg?v=1750105235","square":"\/public\/upload\/work\/images\/square\/68507c658b2de.jpg?v=1750105235","square_x2":"\/public\/upload\/work\/images\/square_x2\/68507c658b2de.jpg?v=1750105235"},"work":{"title":"Get good at money. So you can be a little bad.","client":"Empower","text":""}},{"url":"\/work\/play\/mountain-dew-gimme-some-sunshine","full":1,"type":"video","slider":null,"video":{"desktop":{"width":1920,"height":1080,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/1082671752\/rendition\/1080p\/file.mp4?loc=external&oauth2_token_id=1716709229&signature=bd579b70780d92c085dcb9e5b9c8d5c1ffef725e19db993a8f41b675eceb2ada"},"mobile":{"width":960,"height":540,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/1082671752\/rendition\/540p\/file.mp4?loc=external&oauth2_token_id=1716709229&signature=17c22485ba95e2345e1150b279df0e36645a58693a68773d1da09ab920bdb71d"},"controls":true,"size":"containt"},"image_logo":null,"image":{"desktop":"\/public\/upload\/work\/images\/desktop\/681e2dfe66784.jpg?v=1746808334","mobile":"\/public\/upload\/work\/images\/mobile\/681e2dfe66784.jpg?v=1746808334","square":"\/public\/upload\/work\/images\/square\/681e2dfe66784.jpg?v=1746808334","square_x2":"\/public\/upload\/work\/images\/square_x2\/681e2dfe66784.jpg?v=1746808335"},"work":{"title":"Gimme Some Sunshine","client":"Mountain Dew","text":""}},{"url":"\/work\/play\/specialized-where-super-meets-natural","full":1,"type":"video","slider":null,"video":{"desktop":{"width":1920,"height":1080,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/1074471712\/rendition\/1080p\/file.mp4?loc=external&oauth2_token_id=1716709229&signature=4d629d5da91b49106c199ff5e43b130b74106989d929c686dd992d3031f4f3f2"},"mobile":{"width":960,"height":540,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/1074471712\/rendition\/540p\/file.mp4?loc=external&oauth2_token_id=1716709229&signature=899de68e63b57dceea2a36d668747a2df2933022bc7d020b0a757de2626a85db"},"controls":true,"size":"containt"},"image_logo":null,"image":{"desktop":"\/public\/upload\/work\/images\/desktop\/67fda2a35055e.jpg?v=1744675526","mobile":"\/public\/upload\/work\/images\/mobile\/67fda2a35055e.jpg?v=1744675526","square":"\/public\/upload\/work\/images\/square\/67fda2a35055e.jpg?v=1744675526","square_x2":"\/public\/upload\/work\/images\/square_x2\/67fda2a35055e.jpg?v=1744675526"},"work":{"title":"Where Super Meets Natural","client":"Specialized","text":""}},{"url":"\/work\/play\/the-dali-museum-giraffes-on-horseback-salad","full":1,"type":"video","slider":null,"video":{"desktop":{"width":1920,"height":1080,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/1074103751\/rendition\/1080p\/file.mp4?loc=external&oauth2_token_id=1716709229&signature=4a6edaf3ba4d0a146ed9bd4ab89269c48f19f8866d005ae465675a2c9af11284"},"mobile":{"width":960,"height":540,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/1074103751\/rendition\/540p\/file.mp4?loc=external&oauth2_token_id=1716709229&signature=29bd3ba617129b2f387a7ebb42977f75a1f10e5dc28a93cdad6fb102ee5004d5"},"controls":true,"size":"containt"},"image_logo":null,"image":{"desktop":"\/public\/upload\/work\/images\/desktop\/67f715096395b.jpg?v=1744246065","mobile":"\/public\/upload\/work\/images\/mobile\/67f715096395b.jpg?v=1744246065","square":"\/public\/upload\/work\/images\/square\/67f715096395b.jpg?v=1744246065","square_x2":"\/public\/upload\/work\/images\/square_x2\/67f715096395b.jpg?v=1744246065"},"work":{"title":"Giraffes on Horseback Salad","client":"The Dal\u00ed Museum","text":""}},{"url":"\/work\/play\/comcast-business-powering-the-engine-of-modern-business","full":1,"slider":null,"type":"image","image":{"desktop":"\/public\/upload\/work\/images\/desktop\/67d3735580995.jpg?v=1741910998","mobile":"\/public\/upload\/work\/images\/mobile\/67d3735580995.jpg?v=1741910998","square":"\/public\/upload\/work\/images\/square\/67d3735580995.jpg?v=1741910998","square_x2":"\/public\/upload\/work\/images\/square_x2\/67d3735580995.jpg?v=1741910998"},"work":{"title":"Powering the Engine of Modern Business","client":"Comcast Business","text":""}},{"url":"\/work\/play\/mountain-dew-kiss-from-a-lime","full":1,"type":"video","slider":null,"video":{"desktop":{"width":1920,"height":1080,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/1053815885\/rendition\/1080p\/file.mp4?loc=external&oauth2_token_id=1716709229&signature=c7462a0f99bfd30ed8476411003ec236b21783ea25e0d992b90535a2195a525f"},"mobile":{"width":960,"height":540,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/1053815885\/rendition\/540p\/file.mp4?loc=external&oauth2_token_id=1716709229&
828signature=3e3a52ea38a8a71999acd996ab6e6a69cbb6cf08a1d7e291a7925d5430437813"},"controls":true,"size":"containt"},"image_logo":null,"image":{"desktop":"\/public\/upload\/work\/images\/desktop\/67a698c94a048.jpg?v=1738971358","mobile":"\/public\/upload\/work\/images\/mobile\/67a698c94a048.jpg?v=1738971358","square":"\/public\/upload\/work\/images\/square\/67a698c94a048.jpg?v=1738971358","square_x2":"\/public\/upload\/work\/images\/square_x2\/67a698c94a048.jpg?v=1738971358"},"work":{"title":"Kiss from a Lime","client":"Mountain Dew","text":""}},{"url":"\/work\/play\/cheetos-other-hand","full":1,"slider":null,"type":"image","image":{"desktop":"","mobile":"","square":"","square_x2":""},"work":{"title":"Other Hand","client":"Cheetos","text":""}},{"url":"\/work\/play\/lay039s-dog-car-window-2","full":1,"type":"video","slider":null,"video":{"desktop":{"width":1920,"height":1080,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/985990242\/rendition\/1080p\/file.mp4?loc=external&oauth2_token_id=1716709229&signature=e980f3c8ab558de1e5ccb35e9d316eb9e389bfd199edefd91d419e856418a53a"},"mobile":{"width":960,"height":540,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/985990242\/rendition\/540p\/file.mp4?loc=external&oauth2_token_id=1716709229&signature=71f06b5dcaa0898689de0f2c163e675b4a4b695dc8ffc8ef94b434217799a2fb"},"controls":true,"size":"containt"},"image_logo":null,"image":{"desktop":"\/public\/upload\/work\/images\/desktop\/6789702c5b6ee.jpg?v=1737060412","mobile":"\/public\/upload\/work\/images\/mobile\/6789702c5b6ee.jpg?v=1737060412","square":"\/public\/upload\/work\/images\/square\/6789702c5b6ee.jpg?v=1737060412","square_x2":"\/public\/upload\/work\/images\/square_x2\/6789702c5b6ee.jpg?v=1737060413"},"work":{"title":"Dog. Car. Window.","client":"Lay's","text":""}},{"url":"\/work\/play\/xfinity-connect-to-your-dreams","full":1,"type":"video","slider":null,"video":{"desktop":{"width":1920,"height":1080,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/1030934519\/rendition\/1080p\/file.mp4?loc=external&oauth2_token_id=1716709229&signature=ed1ee6875618f5b149169bcb53e1c5e19d8c888dce9abb405075cb0124422db7"},"mobile":{"width":960,"height":540,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/1030934519\/rendition\/540p\/file.mp4?loc=external&oauth2_token_id=1716709229&signature=0bc8f2fd5638ef6d03d37bee50caee40f24b61ba226d537d705c4b877a379587"},"controls":true,"size":"containt"},"image_logo":null,"image":{"desktop":"\/public\/upload\/work\/images\/desktop\/673d3225302e9.jpg?v=1732063798","mobile":"\/public\/upload\/work\/images\/mobile\/673d3225302e9.jpg?v=1732063798","square":"\/public\/upload\/work\/images\/square\/673d3225302e9.jpg?v=1732063798","square_x2":"\/public\/upload\/work\/images\/square_x2\/673d3225302e9.jpg?v=1732063798"},"work":{"title":"Connect to Your Dreams","client":"Xfinity","text":""}},{"url":"\/work\/play\/mtn-dew-do-the-dew","full":1,"type":"video","slider":null,"video":{"desktop":{"width":1920,"height":1080,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/985120290\/rendition\/1080p\/file.mp4?loc=external&oauth2_token_id=1716709229&signature=c79ecd863741554d1de1cb891bf563cd69b74cda827ccb4343262f0714debe05"},"mobile":{"width":960,"height":540,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/985120290\/rendition\/540p\/file.mp4?loc=external&oauth2_token_id=1716709229&signature=b803e1c686d1c1bb0c62bb583ccee61448440da707b713d5736d52030608b2e9"},"controls":true,"size":"containt"},"image_logo":null,"image":{"desktop":"\/public\/upload\/work\/images\/desktop\/673d2f7323ea7.jpg?v=1732063106","mobile":"\/public\/upload\/work\/images\/mobile\/673d2f7323ea7.jpg?v=1732063106","square":"\/public\/upload\/work\/images\/square\/673d2f7323ea7.jpg?v=1732063106","square_x2":"\/public\/upload\/work\/images\/square_x2\/673d2f7323ea7.jpg?v=1732063106"},"work":{"title":"Do the Dew","client":"Mountain Dew","text":""}},{"url":"\/work\/play\/more-than-luck","full":1,"slider":null,"type":"image","image":{"desktop":"\/public\/upload\/work\/images\/desktop\/663948617b4f3.jpg?v=1726860083","mobile":"\/public\/upload\/work\/images\/mobile\/663948617b4f3.jpg?v=1726860084","square":"\/public\/upload\/work\/images\/square\/663948617b4f3.jpg?v=1726860089","square_x2":"\/public\/upload\/work\/images\/square_x2\/663948617b4f3.jpg?v=1726860090"},"work":{"title":"More Than Luck","client":"The One Club for Creativity","text":""}},{"url":"\/work\/play\/xfinity-the-aviators","full":1,"type":"video","slider":null,"video":{"desktop":{"width":1920,"height":1080,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/940895868\/rendition\/1080p\/file.mp4?loc=external&oauth2_token_id=1716709229&signature=c264eb073c9edc651a526d011a5dfd3a0c8fc5780de2d66b941c3c0ecef59572"},"mobile":{"width":960,"height":540,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/940895868\/rendition\/540p\/file.mp4?loc=external&oauth2_token_id=1716709229&signature=9b3b6bdaf88404145d099e7124f3e4d21d191a4a7682663dd729628cdf75d817"},"controls":true,"size":"containt"},"image_logo":null,"image":{"desktop":"\/public\/upload\/work\/images\/desktop\/662fcfa922765.jpg?v=1726860083","mobile":"\/public\/upload\/work\/images\/mobile\/662fcfa922765.jpg?v=1726860084","square":"\/public\/upload\/work\/images\/square\/662fcfa922765.jpg?v=1726860089","square_x2":"\/public\/upload\/work\/images\/square_x2\/662fcfa922765.jpg?v=1726860089"},"work":{"title":"The Aviators","client":"Xfinity","text":""}},{"url":"\/work\/play\/the-dali-museum-ask-dali","full":1,"type":"video","slider":null,"video":{"desktop":{"width":1920,"height":1080,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/936548666\/rendition\/1080p\/file.mp4?loc=external&oauth2_token_id=1716709229&signature=d108b1f7424ff676138b881cf2ba43cdfab2674635fc29f2c884c6cac60ae8e4"},"mobile":{"width":960,"height":540,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/936548666\/rendition\/540p\/file.mp4?loc=external&oauth2_token_id=1716709229&signature=22d53222eb2144a55db148a140a3bd5dcfc7efba714e0c244615372c22f15729"},"controls":true,"size":"containt"},"image_logo":null,"image":{"desktop":"\/public\/upload\/work\/images\/desktop\/662a90065fa4a.jpg?v=1726860083","mobile":"\/public\/upload\/work\/images\/mobile\/662a90065fa4a.jpg?v=1726860084","square":"\/public\/upload\/work\/images\/square\/662a90065fa4a.jpg?v=1726860089","square_x2":"\/public\/upload\/work\/images\/square_x2\/662a90065fa4a.jpg?v=1726860089"},"work":{"title":"Ask Dal\u00ed","client":"The Dal\u00ed Museum","text":""}},{"url":"\/work\/play\/mtn-dew-having-a-blast","full":1,"type":"video","slider":null,"video":{"desktop":{"width":1920,"height":1080,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/910170049\/rendition\/1080p\/file.mp4?loc=external&oauth2_token_id=1716709229&signature=01aa17d2270d0de72a7fdeeef670129971a2038ed0ad1fa462aa29daabb58c09"},"mobile":{"width":960,"height":540,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/910170049\/rendition\/540p\/file.mp4?loc=external&oauth2_token_id=1716709229&signature=323ad43816939137481148b35c24ca44243e21416a6af9dc8678b92c444debe4"},"controls":true,"size":"containt"},"image_logo":null,"image":{"desktop":"\/public\/upload\/work\/images\/desktop\/65c28156f07ac.jpg?v=1726860082","mobile":"\/public\/upload\/work\/images\/mobile\/65c28156f07ac.jpg?v=1726860084","square":"\/public\/upload\/work\/images\/square\/65c28156f07ac.jpg?v=1726860089","square_x2":"\/public\/upload\/work\/images\/square_x2\/65c28156f07ac.jpg?v=1726860089"},"work":{"title":"Having a Blast ","client":"Mountain Dew","text":""}},{"url":"\/work\/play\/bmw-talkin-like-walken","full":1,"type":"video","slider":null,"video":{"desktop":{"width":1920,"height":1080,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/910168453\/rendition\/1080p\/file.mp4?loc=external&oauth2_token_id=1716709229&signature=f2a9f07c640578a965db0fce0200b7a9d7a2e856208813c7262e681ba3e95dbe"},"mobile":{"width":960,"height":540,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/910168453\/rendition\/540p\/file.mp4?loc=external&oauth2_token_id=1716709229&signature=53c1c1d07a13cd015eb3c577796ab3a665e6bd573c77d774488002688f29435c"},"controls":true,"size":"containt"},"image_logo":null,"image":{"desktop":"\/public\/upload\/work\/images\/desktop\/65c13e527d8e8.jpg?v=1726860082","mobile":"\/public\/upload\/work\/images\/mobile\/65c13e527d8e8.jpg?v=1726860084","square":"\/public\/upload\/work\/images\/square\/65c13e527d8e8.jpg?v=1726860089","square_x2":"\/public\/upload\/work\/images\/square_x2\/65c13e527d8e8.jpg?v=1726860089"},"work":{"title":"Talkin\u2019 like Walken","client":"BMW","text":""}},{"url":"\/work\/play\/doritos-dina-and-mita","full":1,"type":"video","slider":null,"video":{"desktop":{"width":1920,"height":1080,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/910168745\/rendition\/1080p\/file.mp4?loc=external&oauth2_token_id=1716709229&signature=2aa0062ac990bc30babce6ed066f4d2d48864a697f3e7280ed198712abe0dd6c"},"mobile":{"width":960,"height":540,"src":"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/910168745\/rendition\/540p\/file.mp4?loc=external&oauth2_token_id=1716709229&signature=4ac78f8c62843d5218b5a182604dd78218251a046f126f744286e1833deabbb4"},"controls":true,"size":"containt"},"image_logo":null,"image":{"desktop":"\/public\/upload\/work\/images\/desktop\/65c167486c398.jpg?v=1726860082","mobile":"\/public\/upload\/work\/images\/mobile\/65c167486c398.jpg?v=1726860084","square":"\/public\/upload\/work\/images\/square\/65c167486c398.jpg?v=1726860089","square_x2":"\/public\/upload\/work\/images\/square_x2\/65c167486c398.jpg?v=1726860089"},"work":{"title":"Dina and Mita","client":"Doritos","text":""}}]}'></aside> --> 829<!-- offscreen lightbox end --> 830 </main> 831 832 </div> 833 834 <div class="offscreen js-offscreen"> 835 <div class="lightbox js-lightbox"></div> 836 </div> 837 838 <!-- aside --> 839
840 <div class="curtain js-curtain"> 841 <div></div> 842 <h2 class="curtain__lead lead lead--loader color-dark">Loading</h2> 843 </div> 844 845 846 847
847<script type="text/twig" id="tmpl-form-response"><div class="form__response form__response--{% if result == true %}success{% else %}fail{% endif %}">{{message}}</div> 848</script>
848 849
849<script type="text/twig" id="tmpl-lightbox"><!-- lightbox --> 850{% if title %}<header class="lightbox__header"> 851 <h2 class="header__title">{{title}}</h2> 852</header>{% endif %} 853 854<div class="lightbox__wrap"> 855 <ul class="lightbox__list js-list"> 856 {% spaceless %} 857 858 <li class="lightbox__item js-item {% if full %} lightbox__item--nomargin {% endif %}" {% if slider 859 %}style="margin-bottom:0" {% endif %} data-lightbox-path="{{url}}"> 860 861 {% if full %} 862 {% if type=='video' %} 863 <section class="module module--hero module--nopadding"> 864 <div class="hero {% if work.media[0].type=='video' %}hero--video{% endif %}" {% if 865 work.media[0].type=='video' %}data-scroll="lightboxParallax" {% endif %}> 866 {% if type=='video' %} 867 <figure class="video__media"> 868 <div class="player player--video player--lightbox" data-component="Video" 869 data-options='{"volume": 0.7, "size": "cover"}'> 870 <video src="{{video.desktop.src}}" poster="{{image.desktop}}" controls {% if video_mute %}muted{% endif %}></video> 871 </div> 872 </figure> 873 {% else %} 874 <figure 875 class="hero__media {% if work.media[0].image.ratio and work.media[0].image.ratio<1 %} hero__media--contain{% endif %}"> 876 <img src="{{image.src}}" alt=""> 877 </figure> 878 {% endif %} 879 {% if lead or text or slider %} 880 <a class="hero__scroll scroll" href="#" data-next-module> 881 <i class="icon-arrow-down"><img src="/public/theme/images/arrow.png" alt=""></i> 882 </a> 883 {% endif %} 884 </div> 885 </section> 886 {% if work.text %} 887 <section class="module"> 888 <div class="grid centergrid"> 889 <div class="grid-10"><br> 890 <h2 temp-data-scroll="heading" class="heading"> 891 {% if item.work.client %}{{item.work.client}}{% if item.work.title %}<br>{% endif %}{% endif 892 %} 893 {% if item.work.title %}{{item.work.title}}{% endif %} 894 </h2> 895 <div class="text text--standard temp-text--center"> 896 {% if item.work.lead %}<p><strong>{{item.work.lead}}</strong><br><br></p>{% endif %} 897 {% if item.work.text %}{{item.work.text|raw}}{% endif %} 898 </div><br><br> 899 </div> 900 </div> 901 </section> 902 {% endif %} 903 {% elseif type=='culture' %} 904 <div class="news__item" data-scrolled-text> 905 <div class="news__text bg-dark color-white"> 906 <h3 class="news__title">{{label}}</h3> 907 {{text|raw}} 908 </div> 909 <div class="news__image color-dark"> 910 <div class="js-pin"> 911 <picture> 912 <source media="(max-width: 1023px)" srcset="{{image.mobile}}, {{image.mobile_x2}} 2x"> 913 <source media="(min-width: 1024px)" srcset="{{image.desktop}}, {{image.desktop_x2}} 2x"> 914 <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" alt="" 915 class="is-loading"> 916 </picture> 917 {% if image_logo.desktop %} 918 <div class="news__logo"> 919 <picture> 920 <source media="(max-width: 1023px)" srcset="{{image_logo.mobile}}"> 921 <source media="(min-width: 1024px)" srcset="{{image_logo.desktop}}, {{image_logo.desktop_x2}} 2x"> 922 <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" alt="" 923 class="is-loading"> 924 </picture> 925 </div> 926 {% endif %} 927 </div> 928 </div> 929 </div> 930 {% elseif type=='person' %} 931 <div class="news__item" data-scrolled-text> 932 <div class="news__text bg-dark color-white"> 933 <h3 class="news__title">{{label}}</h3> 934 {% if sublabel %}<p><b>{{sublabel}}</b></p>{% endif %} 935 {{text|raw}} 936 </div> 937 <div class="news__image color-dark"> 938 <div class="js-pin"> 939 <picture> 940 <source media="(max-width: 1023px)" srcset="{{image.mobile}}, {{image.mobile_x2}} 2x"> 941 <source media="(min-width: 1024px)" srcset="{{image.desktop}}, {{image.desktop_x2}} 2x"> 942 <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" alt="" 943 class="is-loading"> 944 </picture> 945 </div> 946 </div> 947 </div> 948 {% elseif type == 'slider' %} 949 <div class="hero__slider slider" data-component="SwiperSlider" data-options='{"pagination":true,"loop":false,"autoplay":true, "autoPlayVideo": true}'> 950 <div class="slider__container swiper-container js-slider"> 951 <div class="swiper-wrapper"> 952 {% for item in items %} 953 <div class="swiper-slide"> 954 <div class="slider__content js-content"> 955 {% if item.type == 'video' %} 956 <div class="video"> 957 <figure class="video__media"> 958 <div class="player player--video player--lightbox" data-component="Video" 959 data-options='{"volume": 0.7, "size": "cover"}'> 960 <video src="{{item.video.desktop.src}}" poster="{{item.image.desktop}}" controls playsinline></video> 961 </div>
962 <figcaption> 963 {% if item.work.client %}<u>{{item.work.client}}</u>{% endif %} 964 <span>{{item.work.title}}</span> 965 </figcaption> 966 </figure> 967 </div> 968 {% elseif item.type == 'image' %} 969 <figure class="image"> 970 <picture> 971 <img src="/workspace/images/teams.jpg" alt=""> 972 </picture> 973 <figcaption> 974 {% if item.work.client %}<u>{{item.work.client}}</u>{% endif %} 975 <span>{{item.work.title}}</span> 976 </figcaption> 977 </figure> 978 {% elseif item.type == 'heading' %} 979 <h2 class="heading">A snack so <span class="color-orange">iconic</span> <br> we made you see it all around you</h2> 980 {% endif %} 981 </div> 982 </div> 983 {% endfor %} 984 </div> 985 <div class="swiper-button-prev"></div> 986 <div class="swiper-button-next"></div> 987 </div> 988 </div> 989 {% endif %} 990 {% elseif type == 'image' or type == 'team' %} 991 <!--<h2 class="lightbox__title heading">{{title}}</h2> 992 <p class="lightbox__subtitle" style="text-align:left">{{subtitle}}</p>--> 993 {% if image %} 994 <div class="lightbox__images"> 995 <figure style="margin-bottom:50px"> 996 <picture> 997 <source media="(max-width: 1023px)" srcset="{{image.mobile}}{% if image.mobile_x2 %}, {{image.mobile_x2}} 2x{% endif %}"> 998 <source media="(min-width: 1024px)" srcset="{{image.desktop}}, {{image.desktop_x2}} 2x"> 999 <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" alt=""> 1000 </picture> 1001 </figure> 1002 </div> 1003 {% elseif not (type=='team' and slider) %} 1004 <div class="lightbox__images"> 1005 {% for image in images %} 1006 {% if image.src %} 1007 <figure class="lightbox__image"> 1008 <img data-src="{{ image.src }}" alt=""> 1009 </figure> 1010 {% endif %} 1011 {% endfor %} 1012 </div> 1013 {% endif %} 1014 <div class="lightbox__copy" style="text-align:left">{{text}}</div> 1015 {% if link_freethework %} 1016 <div class="lightbox__link-wrapper"> 1017 <a class="lightbox__link" target="_blank" href="{{link_freethework}}">FREE THE WORK</a> 1018 </div> 1019 {% endif %} 1020 {% if link %} 1021 <div class="lightbox__link-wrapper"> 1022 <a class="lightbox__link" style="text-align:left" target="_blank" href="{{link}}">WEBSITE</a> 1023 </div> 1024 {% endif %} 1025 <br><br> 1026 {% elseif type == 'video' %} 1027 <div class="lightbox__video"> 1028 <div class="video"> 1029 {% if video.type == 'vimeo' %} 1030 <figure> 1031 <div class="player player--vimeo" data-component="VimeoCustom" 1032 data-options='{"id": "{{video.id}}"{% if video.poster %}, "poster": "{{video.poster}}"{% endif %}, "playsinline": false}'> 1033 </div> 1034 </figure> 1035 {% else %} 1036 <figure class="video__media"><video controls playsinline poster="{{video.poster}}" 1037 src="{{video.url}}"> 1038 </figure> 1039 {% endif %} 1040 </div> 1041 <div class="case__copy"> 1042 <div class="case__head"> 1043 <h3 class="case__title" style="padding-top:15px">{{caption.title}}</h3> 1044 {% if caption.copy %} 1045 <div class="case__content"> 1046 <p>{{caption.copy}}</p> 1047 <strong>{{caption.bold}} <i class="icon-arrow"></i></strong> 1048 </div> 1049 {% endif %} 1050 </div> 1051 </div> 1052 <div style="text-align:left;margin:16px 0 32px"> 1053 {{text|replace({'<p>':' 1054 <p style="margin:0">'})}} 1055 </div> 1056 </div> 1057 {% endif %} 1058 {% if html %}{{html|raw}}{% endif %} 1059 {% if slider %} 1060 <div class="slider temp-slider--awards" data-component="SwiperSlider" 1061 data-options='{"pagination":true,"loop":false,"autoplay":false, "autoPlayVideo": true}'> 1062 <div class="slider__container swiper-container js-slider"> 1063 <div class="swiper-wrapper"> 1064 {% for slide in slider %} 1065 <div class="swiper-slide"> 1066 <div class="slider__content js-content"> 1067 {% if slide.type=='video' %} 1068 <div class="player__wrapper"> 1069 <div class="player player--vimeo" data-component="VimeoCustom" 1070 data-options='{"id": "{{slide.video.id}}"{% if slide.video.poster %}, "poster": "{{slide.video.poster}}"{% endif %}, "playsinline": false}'> 1071 </div> 1072 </div> 1073 {% else %} 1074 <picture style="width:100%;height:100%"> 1075 <source media="(max-width: 1023px)" srcset="{{slide.image.mobile}}{% if slide.image.mobile_x2 %}, {{slide.image.mobile_x2}} 2x{% endif %}"> 1076 <source media="(min-width: 1024px)" srcset="{{slide.image.desktop}}{% if slide.image.desktop_x2 %}, {{slide.image.desktop_x2}} 2x{% endif %}"> 1077 <img style="width:100%;height:100%" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" alt=""> 1078 </picture> 1079 {% endif %} 1080 </div> 1081 </div> 1082 {% endfor %} 1083 </div> 1084 {% if slider|length>1 %} 1085 <div class="swiper-pagination"></div> 1086 <div class="swiper-button-next"></div> 1087 <div class="swiper-button-prev"></div> 1088 {% endif %} 1089 </div> 1090 </div> 1091 {% endif %} 1092 </li> 1093 1094 {% endspaceless %} 1095 </ul> 1096</div> 1097 1098<a href="{{url_back}}" class="lightbox__close js-close" data-history="back"> 1099 <span class="button button--close"> 1100 <i class="icon-close"></i> 1101 </span> 1102</a></script>
1102 1103
1103<script type="text/twig" id="tmpl-player-captions">{% if tracks %} 1104<li class="cc__item is-active"><span>Off</span></li> 1105{% for track in tracks %} 1106<li class="cc__item" data-index="{{loop.index0}}"><span>{{track.label}}</span></li> 1107{% endfor %} 1108{% endif %} 1109</script>
1109 1110
1110<script type="text/twig" id="tmpl-player"><div class="player__poster"></div> 1111<div class="player__loader"><span></span></div> 1112<button class="player__toggle"><img src="/public/theme/images/play-new.png" alt="Play Button"></button> 1113 1114<div class="player__bar">{% spaceless %} 1115 1116 <button class="playlist__toggle js-playlist-toggle"></button> 1117 1118 <div class="player__controls"> 1119 1120 <div class="player__playpause"><button aria-label="Play/Pause"><i class="icon-playpause"></i></button></div> 1121 1122 <div class="player__time"> 1123 <em class="player__played">00:00</em> 1124 </div> 1125 1126 <div class="player__scrubber-wrap"> 1127 <div class="player__scrubber"> 1128 <div class="player__loaded"></div> 1129 <div class="player__progress"></div> 1130 </div> 1131 </div> 1132 1133 <div class="player__time"> 1134 <strong class="player__duration">00:00</strong> 1135 </div> 1136 1137 <div class="player__cc cc"> 1138 <button class="cc__button js-cc" aria-label="CC"></button> 1139 <ul class="cc__list"></ul> 1140 </div> 1141 1142 <div class="player__volume volume"> 1143 <button class="volume__button" aria-label="Volume"><svg class="svg-volume" width="21px" height="17px" viewBox="0 0 21 17"> 1144<path fill="none" stroke="#FFFFFF" stroke-width="0.8" stroke-linecap="round" d="M16,14c0.7-1.6,1-3.5,1-5.5 1145 S16.7,4.6,16,3"/> 1146<path fill="none" stroke="#FFFFFF" stroke-width="0.8" stroke-linecap="round" d="M18,16c1.3-2.2,2-4.8,2-7.5 1147 S19.3,3.2,18.1,1"/> 1148<path fill="none" stroke="#FFFFFF" stroke-width="0.8" d="M9.5,15c-0.1,0-0.2,0-0.3-0.1L4,11.5 1149 c-0.2-0.1-0.4-0.2-0.6-0.2H1.5c-0.3,0-0.5-0.2-0.5-0.5V6.2c0-0.3,0.2-0.5,0.5-0.5h1.9c0.2,0,0.4-0.1,0.6-0.2l5.2-3.4 1150 C9.3,2,9.4,2,9.5,2C9.8,2,10,2.2,10,2.5v6l0,0v6C10,14.8,9.8,15,9.5,15"/> 1151<path fill="#FFFFFF" d="M9.5,15c-0.1,0-0.2,0-0.3-0.1L4,11.5c-0.2-0.1-0.4-0.2-0.6-0.2H1.5c-0.3,0-0.5-0.2-0.5-0.5 1152 V6.2c0-0.3,0.2-0.5,0.5-0.5h1.9c0.2,0,0.4-0.1,0.6-0.2l5.2-3.4C9.3,2,9.4,2,9.5,2C9.8,2,10,2.2,10,2.5v6l0,0v6 1153 C10,14.8,9.8,15,9.5,15"/> 1154</svg> 1155</button> 1156 <div class="volume__bar"> 1157 <span class="volume__value"></span> 1158 </div> 1159 </div> 1160 1161 <div class="player__full"> 1162 <button aria-label="Fullscreen" class="js-player-fullscreen"> 1163 <i class="icon-full"><span></span><span></span><span></span><span></span></i> 1164 </button> 1165 </div> 1166 1167 <div class="player__prev"></div> 1168 <div class="player__next"></div> 1169 1170 </div> 1171 <div class="player__captions"></div> 1172{% endspaceless %}</div> 1173 1174<div class="player__playlist playlist"> 1175 <button class="playlist__toggle"></button> 1176 <div class="playlist__wrap"> 1177 <ol class="playlist__content"></ol> 1178 </div> 1179</div> 1180 1181 1182</script>
1182 1183
1183<script type="text/twig" id="tmpl-playlist">{% for spot in playlist %} 1184 <li class="playlist__item"><a href="#"><span>{{spot.name}}</span></a></li> 1185{% endfor %} 1186</script>
1186 1187
1187<script type="text/twig" id="tmpl-search-live"><div class="livesearch__wrap"> 1188 {% for item in items %} 1189 <a href="{{ item.url }}" class="livesearch__item"> 1190 <div class="livesearch__title">{{ item.title }}</div> 1191 <p class="livesearch__text">{{ item.text }}</p> 1192 </a> 1193 {% endfor %} 1194 <div class="livesearch__more"> 1195 <a href="{{url}}" class="button button--small js-search-more">See all items</a> 1196 </div> 1197</div> 1198</script>
1198 1199 1200
1200<script src="/public/theme/libs.min.js?v=2.0.135"></script>
1200 1201
1201<script src="/public/theme/scripts.min.js?v=2.0.135"></script>
1201 1202 1203 1204</body> 1205 1206</html><!-- rendered in 0.077538967132568 -->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.