CINXE.COM
Case studies | Hearst
<!DOCTYPE html> <html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#"> <head> <meta charset="utf-8" /> <noscript><style>form.antibot * :not(.antibot-message) { display: none !important; }</style> </noscript><link rel="canonical" href="https://www.hearst.co.uk/case-studies" /> <link rel="icon" href="/favicon.ico" /> <link rel="icon" sizes="16x16" href="/favicon-16x16.png" /> <link rel="icon" sizes="32x32" href="/favicon-32x32.png" /> <link rel="apple-touch-icon-precomposed" sizes="180x180" href="/apple-touch-icon.png" /> <meta property="og:site_name" content="Hearst" /> <meta property="og:type" content="website" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@HearstUK" /> <meta name="twitter:site:id" content="153430039" /> <meta name="twitter:creator" content="@HearstUK" /> <meta name="twitter:creator:id" content="153430039" /> <meta name="theme-color" content="#c10965" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no" /> <link rel="manifest" href="/site.webmanifest" crossorigin="use-credentials" /> <meta name="apple-mobile-web-app-title" content="Hearst" /> <meta name="format-detection" content="telephone=no" /> <meta http-equiv="x-ua-compatible" content="ie=edge" /> <meta name="application-name" content="Hearst" /> <meta name="msapplication-config" content="/browserconfig.xml" /> <meta name="MobileOptimized" content="width" /> <script src="/sites/default/files/google_tag/hearst_corpsite/google_tag.script.js?ss6tyw" defer></script> <script>window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={};</script> <title> Case studies | Hearst </title> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/ajax-progress.module.css?ss6tyw" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/align.module.css?ss6tyw" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/autocomplete-loading.module.css?ss6tyw" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/fieldgroup.module.css?ss6tyw" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/container-inline.module.css?ss6tyw" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/clearfix.module.css?ss6tyw" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/details.module.css?ss6tyw" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/hidden.module.css?ss6tyw" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/item-list.module.css?ss6tyw" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/js.module.css?ss6tyw" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/nowrap.module.css?ss6tyw" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/position-container.module.css?ss6tyw" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/progress.module.css?ss6tyw" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/reset-appearance.module.css?ss6tyw" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/resize.module.css?ss6tyw" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/sticky-header.module.css?ss6tyw" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/system-status-counter.css?ss6tyw" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/system-status-report-counters.css?ss6tyw" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/system-status-report-general-info.css?ss6tyw" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/tabledrag.module.css?ss6tyw" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/tablesort.module.css?ss6tyw" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/tree-child.module.css?ss6tyw" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/views/views.module.css?ss6tyw" /> <link rel="stylesheet" media="all" href="/modules/contrib/antibot/css/antibot.css?ss6tyw" /> <link rel="stylesheet" media="all" href="/modules/contrib/better_exposed_filters/css/better_exposed_filters.css?ss6tyw" /> <link rel="stylesheet" media="all" href="/themes/custom/hearst/css/site.css?ss6tyw" /> <script src="https://www.google.com/recaptcha/api.js" defer async></script> </head> <body class="s-viewcase-studiespage-1 s-logged-out s-case-studies"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TR3F2HL" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <div class="flex flex-col min-h-screen w-full"> <div data-pattern="header" role="banner" class="header will-change-auto fixed top-0 inset-x-0 z-30 w-full transition-all duration-250"> <div class="row"> <div class="relative flex h-header-xs items-center lg:h-header-lg"> <button type="button" data-drawer-target="region-menu" data-drawer-show="region-menu" aria-controls="region-menu" class="action"> <svg data-pattern="icon" aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="none" class="block w-5 h-5"> <path fill="currentColor" d="M2 3h16v2H2V3zm0 4h16v2H2V7zm0 4h16v2H2v-2zm0 4h16v2H2v-2z"/> </svg> <span>Menu</span> </button> <a id="block-hearst-branding" class="settings-tray-editable block h-header-xs w-header-xs lg:h-header-lg lg:w-header-lg" data-drupal-settingstray="editable" data-pattern="brand" rel="home" title="Home" href="/"> <img src="/themes/custom/hearst/logo.png" alt="Home" class="w-full h-full"/> </a> <div class="ml-auto flex items-center"> <div class="views-element-container"> <a rel="bookmark" class="node node-small node-contact-us-small button" href="https://www.hearst.co.uk/contact-us"><span>Contact us</span> </a> </div> <button type="button" data-drawer-target="region-search" data-drawer-show="region-search" aria-controls="region-search" class="action"> <svg data-pattern="icon" aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="none" class="block w-5 h-5"> <path fill="currentColor" d="M13 8.508A4.496 4.496 0 018.508 13C6.031 13 4 10.985 4 8.508A4.503 4.503 0 018.508 4C10.985 4 13 6.031 13 8.508zm.936 3.732a6.477 6.477 0 001.152-3.696A6.542 6.542 0 008.544 2 6.542 6.542 0 002 8.544a6.542 6.542 0 006.544 6.544 6.69 6.69 0 003.712-1.152L16.32 18 18 16.32l-4.064-4.08z"/> </svg> </button> </div> </div> </div> </div> <div class="region region-tools"> <div class="mx-auto max-w-[80rem] w-full px-5"> <div data-drupal-messages-fallback class="hidden"></div> </div> </div> <div class="container flex-auto" role="main"> <div id="block-mainpagecontent" class="block block-system block-system-main-block"> <div class="views-element-container"> <section class="view-case-studies js-view-dom-id-907838b075d6a6f83458d603823104f597ae6532951706e431aa1b5693a0acca pt-10" data-pattern="view-2"> <div class="row-2 py-5"> <div data-pattern="prose" class="prose"><h2 class="c-h1">No challenge is too big</h2><p class="c-intro">We believe in breaking new ground, and never settling and these values are reflected in our work. Whether you're trying to drive purchase intent, change perception, reach a new audience or engage with your consumers, we commit to solving your business challenge and creating new opportunities.</p></div> </div> <div class="row-2 mb-5"> <div id="filters-2030945324" data-active-classes="relative" data-inactive-classes="bg-muted" data-accordion="collapse" data-pattern="filters-collapse"> <h3 class="lg:hidden" id="filters-2030945324-heading"> <button type="button" data-accordion-target="#filters-2030945324-body" aria-expanded="false" aria-controls="filters-2030945324-body" class="action"> <svg data-pattern="icon" aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="none" class="block w-5 h-5"> <path fill="currentColor" d="M1 0h18l-7.364 12.578V20l-3.272-2.5v-4.922z"/> </svg> <span>Filter</span> </button> </h3> <div class="hidden lg:block" id="filters-2030945324-body" aria-labelledby="filters-2030945324-heading"> <form class="views-exposed-form bef-exposed-form" data-bef-auto-submit-full-form="" data-bef-auto-submit="" data-bef-auto-submit-delay="500" data-drupal-selector="views-exposed-form-case-studies-page-1" action="https://www.hearst.co.uk/case-studies" method="get" id="views-exposed-form-case-studies-page-1" accept-charset="UTF-8"> <div class="js-form-item form-item js-form-type-select form-item-sectors js-form-item-sectors"> <label for="edit-sectors--4">Filter by</label> <select data-drupal-selector="edit-sectors" id="edit-sectors--4" name="sectors" class="form-select"><option value="All" selected="selected"> All sectors </option><option value="55" > Automotive </option><option value="56" > Beauty & Grooming </option><option value="73" > Entertainment </option><option value="72" > Fashion </option><option value="57" > Finance </option><option value="75" > Food & Drink </option><option value="54" > Health & Fitness </option><option value="58" > Homes </option><option value="59" > Lifestyle </option><option value="60" > Luxury </option><option value="76" > Public Sector & Charities </option><option value="77" > Retail </option><option value="96" > Technology </option><option value="61" > Travel </option><option value="78" > Utilities </option></select> </div> <div class="js-form-item form-item js-form-type-select form-item-audiences js-form-item-audiences"> <label for="edit-audiences--4">or</label> <select data-drupal-selector="edit-audiences" id="edit-audiences--4" name="audiences" class="form-select"><option value="All" selected="selected"> All audiences </option><option value="102" > Gen X </option><option value="71" > Gen Z </option><option value="27" > Men </option><option value="25" > Millennials </option><option value="26" > Women </option></select> </div> <div class="js-form-item form-item js-form-type-select form-item-services js-form-item-services"> <label for="edit-services--4">or</label> <select data-drupal-selector="edit-services" id="edit-services--4" name="services" class="form-select"><option value="All" selected="selected"> All services </option><option value="51" > Accreditation </option><option value="44" > Advertising </option><option value="45" > Branded content </option><option value="53" > Commerce </option><option value="43" > Content marketing </option><option value="47" > Data & Insight </option><option value="62" > Experiential </option><option value="52" > Licensing </option><option value="70" > Purpose </option><option value="79" > Sampling </option><option value="80" > Programmatic </option></select> </div> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions--4"> <input data-bef-auto-submit-click="" class="js-hide button js-form-submit form-submit" data-drupal-selector="edit-submit-case-studies" type="submit" id="edit-submit-case-studies" value="Apply" /> </div> </form> </div> </div> </div> <div class="w-full mx-auto max-w-280 grid sm:grid-cols-2 md:grid-cols-3"> <article class="node node-medium node-case-study-medium group/item relative overflow-hidden" data-pattern="card-3"> <a href="/case-studies/razor-sharp-strategy" rel="bookmark"> <div class="absolute inset-0 z-20 flex flex-col justify-items-end p-7 text-background"> <div class="mt-auto translate-y-[70px] duration-500 will-change-transform group-hover/item:translate-y-0"> <h6 data-pattern="label" class="text-sm font-medium uppercase">Philips</h6> <h3 data-pattern="h3" class="text-[22px] leading-tight font-medium lg:text-[30px]">Razor-Sharp Strategy</h3> <div class="relative top-2.5 line-clamp-2 min-h-[52px] prose" data-pattern="prose">The power of editorial accreditation</div> </div> </div> <div class="absolute inset-0 z-10 bg-foreground opacity-30 transition-opacity group-hover/item:opacity-70"></div> <div class="duration-500 will-change-transform group-hover/item:scale-125 bg-muted aspect-w-4 aspect-h-3" data-pattern="aspect"> <img loading="lazy" src="/sites/default/files/styles/420x315/public/2023-09/philips%20lumea.png?itok=LsW6Yals" width="420" height="315" alt="" /> </div> </a> </article> <article class="node node-medium node-case-study-medium group/item relative overflow-hidden" data-pattern="card-3"> <a href="https://www.hearst.co.uk/case-studies/views-cruise" rel="bookmark"> <div class="absolute inset-0 z-20 flex flex-col justify-items-end p-7 text-background"> <div class="mt-auto translate-y-[70px] duration-500 will-change-transform group-hover/item:translate-y-0"> <h6 data-pattern="label" class="text-sm font-medium uppercase">TUI River Cruises</h6> <h3 data-pattern="h3" class="text-[22px] leading-tight font-medium lg:text-[30px]">Views from the Cruise</h3> <div class="relative top-2.5 line-clamp-2 min-h-[52px] prose" data-pattern="prose">Raising the bar and consideration for Tui River Cruises</div> </div> </div> <div class="absolute inset-0 z-10 bg-foreground opacity-30 transition-opacity group-hover/item:opacity-70"></div> <div class="duration-500 will-change-transform group-hover/item:scale-125 bg-muted aspect-w-4 aspect-h-3" data-pattern="aspect"> <img loading="lazy" src="/sites/default/files/styles/420x315/public/2023-09/river%20cruise.png?itok=BUFHItMF" width="420" height="315" alt="An image of Budapest and the Danube" /> </div> </a> </article> <article class="node node-medium node-case-study-medium group/item relative overflow-hidden" data-pattern="card-3"> <a href="https://www.hearst.co.uk/case-studies/art-conversation" rel="bookmark"> <div class="absolute inset-0 z-20 flex flex-col justify-items-end p-7 text-background"> <div class="mt-auto translate-y-[70px] duration-500 will-change-transform group-hover/item:translate-y-0"> <h6 data-pattern="label" class="text-sm font-medium uppercase">WhatsApp</h6> <h3 data-pattern="h3" class="text-[22px] leading-tight font-medium lg:text-[30px]">The Art of Conversation</h3> <div class="relative top-2.5 line-clamp-2 min-h-[52px] prose" data-pattern="prose">Storytelling that entertains AND informs</div> </div> </div> <div class="absolute inset-0 z-10 bg-foreground opacity-30 transition-opacity group-hover/item:opacity-70"></div> <div class="duration-500 will-change-transform group-hover/item:scale-125 bg-muted aspect-w-4 aspect-h-3" data-pattern="aspect"> <img loading="lazy" src="/sites/default/files/styles/420x315/public/2023-09/whatsapp%20PCA.png?itok=eaFW7IH_" width="420" height="315" alt="" /> </div> </a> </article> <article class="node node-medium node-case-study-medium group/item relative overflow-hidden" data-pattern="card-3"> <a href="https://www.hearst.co.uk/case-studies/rewriting-rulebook-creativity" rel="bookmark"> <div class="absolute inset-0 z-20 flex flex-col justify-items-end p-7 text-background"> <div class="mt-auto translate-y-[70px] duration-500 will-change-transform group-hover/item:translate-y-0"> <h6 data-pattern="label" class="text-sm font-medium uppercase">The Balvenie</h6> <h3 data-pattern="h3" class="text-[22px] leading-tight font-medium lg:text-[30px]">Rewriting the Rulebook on Creativity</h3> <div class="relative top-2.5 line-clamp-2 min-h-[52px] prose" data-pattern="prose">Capturing the spirit of craftsmanship</div> </div> </div> <div class="absolute inset-0 z-10 bg-foreground opacity-30 transition-opacity group-hover/item:opacity-70"></div> <div class="duration-500 will-change-transform group-hover/item:scale-125 bg-muted aspect-w-4 aspect-h-3" data-pattern="aspect"> <img loading="lazy" src="/sites/default/files/styles/420x315/public/2023-07/balvenie%203.png?itok=LCKATwml" width="420" height="315" alt="" /> </div> </a> </article> <article class="node node-medium node-case-study-medium group/item relative overflow-hidden" data-pattern="card-3"> <a href="/case-studies/style-spectrum" rel="bookmark"> <div class="absolute inset-0 z-20 flex flex-col justify-items-end p-7 text-background"> <div class="mt-auto translate-y-[70px] duration-500 will-change-transform group-hover/item:translate-y-0"> <h6 data-pattern="label" class="text-sm font-medium uppercase">H&M</h6> <h3 data-pattern="h3" class="text-[22px] leading-tight font-medium lg:text-[30px]">The Style Spectrum</h3> <div class="relative top-2.5 line-clamp-2 min-h-[52px] prose" data-pattern="prose">Embracing Style as Self-Expression for H&M</div> </div> </div> <div class="absolute inset-0 z-10 bg-foreground opacity-30 transition-opacity group-hover/item:opacity-70"></div> <div class="duration-500 will-change-transform group-hover/item:scale-125 bg-muted aspect-w-4 aspect-h-3" data-pattern="aspect"> <img loading="lazy" src="/sites/default/files/styles/420x315/public/2023-07/case%20study%20h%26m%20cosmopolitan_0.png?itok=sc2gQIuT" width="420" height="315" alt="" /> </div> </a> </article> <article class="node node-medium node-case-study-medium group/item relative overflow-hidden" data-pattern="card-3"> <a href="https://www.hearst.co.uk/case-studies/helping-product-launch-hit-ground-running" rel="bookmark"> <div class="absolute inset-0 z-20 flex flex-col justify-items-end p-7 text-background"> <div class="mt-auto translate-y-[70px] duration-500 will-change-transform group-hover/item:translate-y-0"> <h6 data-pattern="label" class="text-sm font-medium uppercase">Huawei</h6> <h3 data-pattern="h3" class="text-[22px] leading-tight font-medium lg:text-[30px]">Helping a Product Launch Hit the Ground Running</h3> <div class="relative top-2.5 line-clamp-2 min-h-[52px] prose" data-pattern="prose">We matchmade Huawei with star talent to launch the new GT Runner.</div> </div> </div> <div class="absolute inset-0 z-10 bg-foreground opacity-30 transition-opacity group-hover/item:opacity-70"></div> <div class="duration-500 will-change-transform group-hover/item:scale-125 bg-muted aspect-w-4 aspect-h-3" data-pattern="aspect"> <img loading="lazy" src="/sites/default/files/styles/420x315/public/2023-06/sir%20mo%205.png?itok=ZRVYSE93" width="420" height="315" alt="An image of Sir Mo Farah wearing the GT Runner" /> </div> </a> </article> <article class="node node-medium node-case-study-medium group/item relative overflow-hidden" data-pattern="card-3"> <a href="/case-studies/red-edit" rel="bookmark"> <div class="absolute inset-0 z-20 flex flex-col justify-items-end p-7 text-background"> <div class="mt-auto translate-y-[70px] duration-500 will-change-transform group-hover/item:translate-y-0"> <h6 data-pattern="label" class="text-sm font-medium uppercase">White Stuff</h6> <h3 data-pattern="h3" class="text-[22px] leading-tight font-medium lg:text-[30px]">The Red Edit</h3> <div class="relative top-2.5 line-clamp-2 min-h-[52px] prose" data-pattern="prose">Red-hot Accreditation that rocket-launched a rebrand</div> </div> </div> <div class="absolute inset-0 z-10 bg-foreground opacity-30 transition-opacity group-hover/item:opacity-70"></div> <div class="duration-500 will-change-transform group-hover/item:scale-125 bg-muted aspect-w-4 aspect-h-3" data-pattern="aspect"> <img loading="lazy" src="/sites/default/files/styles/420x315/public/2023-07/red%20edit%20cover%205.png?itok=aA6aMMgF" width="420" height="315" alt="Image of three female models styling clothes from the Red Edit's curation of White Stuff pieces" /> </div> </a> </article> <article class="node node-medium node-case-study-medium group/item relative overflow-hidden" data-pattern="card-3"> <a href="/case-studies/taste-amalfi-coast" rel="bookmark"> <div class="absolute inset-0 z-20 flex flex-col justify-items-end p-7 text-background"> <div class="mt-auto translate-y-[70px] duration-500 will-change-transform group-hover/item:translate-y-0"> <h6 data-pattern="label" class="text-sm font-medium uppercase">Malfy Gin</h6> <h3 data-pattern="h3" class="text-[22px] leading-tight font-medium lg:text-[30px]">A Taste of the Amalfi Coast</h3> <div class="relative top-2.5 line-clamp-2 min-h-[52px] prose" data-pattern="prose">Bringing Malfy Gin to a style-savvy audience.</div> </div> </div> <div class="absolute inset-0 z-10 bg-foreground opacity-30 transition-opacity group-hover/item:opacity-70"></div> <div class="duration-500 will-change-transform group-hover/item:scale-125 bg-muted aspect-w-4 aspect-h-3" data-pattern="aspect"> <img loading="lazy" src="/sites/default/files/styles/420x315/public/2023-01/malfy%20gin.jpeg?itok=9cIeiGLL" width="420" height="315" alt="Malfy Gin" /> </div> </a> </article> <article class="node node-medium node-case-study-medium group/item relative overflow-hidden" data-pattern="card-3"> <a href="/case-studies/everyones-game" rel="bookmark"> <div class="absolute inset-0 z-20 flex flex-col justify-items-end p-7 text-background"> <div class="mt-auto translate-y-[70px] duration-500 will-change-transform group-hover/item:translate-y-0"> <h6 data-pattern="label" class="text-sm font-medium uppercase">Nike</h6> <h3 data-pattern="h3" class="text-[22px] leading-tight font-medium lg:text-[30px]">Everyone's Game</h3> <div class="relative top-2.5 line-clamp-2 min-h-[52px] prose" data-pattern="prose">Celebrating women on and off the pitch with ELLE & Nike</div> </div> </div> <div class="absolute inset-0 z-10 bg-foreground opacity-30 transition-opacity group-hover/item:opacity-70"></div> <div class="duration-500 will-change-transform group-hover/item:scale-125 bg-muted aspect-w-4 aspect-h-3" data-pattern="aspect"> <img loading="lazy" src="/sites/default/files/styles/420x315/public/2022-11/feature-nikesm-1654520064.jpeg?itok=Qhmfu1gN" width="420" height="315" alt="Lionesses smiling" /> </div> </a> </article> <article class="node node-medium node-case-study-medium group/item relative overflow-hidden" data-pattern="card-3"> <a href="/case-studies/she-moves-purpose" rel="bookmark"> <div class="absolute inset-0 z-20 flex flex-col justify-items-end p-7 text-background"> <div class="mt-auto translate-y-[70px] duration-500 will-change-transform group-hover/item:translate-y-0"> <h6 data-pattern="label" class="text-sm font-medium uppercase">Under Armour</h6> <h3 data-pattern="h3" class="text-[22px] leading-tight font-medium lg:text-[30px]">She Moves with Purpose</h3> <div class="relative top-2.5 line-clamp-2 min-h-[52px] prose" data-pattern="prose">Making exercise accessible for all women</div> </div> </div> <div class="absolute inset-0 z-10 bg-foreground opacity-30 transition-opacity group-hover/item:opacity-70"></div> <div class="duration-500 will-change-transform group-hover/item:scale-125 bg-muted aspect-w-4 aspect-h-3" data-pattern="aspect"> <img loading="lazy" src="/sites/default/files/styles/420x315/public/2022-07/imgonline-com-ua-resize-CO5vZgrswRF2MMp4_0.jpeg?itok=VTrJaOtN" width="420" height="315" alt="" /> </div> </a> </article> <article class="node node-medium node-case-study-medium group/item relative overflow-hidden" data-pattern="card-3"> <a href="/case-studies/you-had-be-there" rel="bookmark"> <div class="absolute inset-0 z-20 flex flex-col justify-items-end p-7 text-background"> <div class="mt-auto translate-y-[70px] duration-500 will-change-transform group-hover/item:translate-y-0"> <h6 data-pattern="label" class="text-sm font-medium uppercase">Armani Beauty</h6> <h3 data-pattern="h3" class="text-[22px] leading-tight font-medium lg:text-[30px]">You Had to Be There</h3> <div class="relative top-2.5 line-clamp-2 min-h-[52px] prose" data-pattern="prose">Celebrating the art of luxury experiences with Armani Beauty</div> </div> </div> <div class="absolute inset-0 z-10 bg-foreground opacity-30 transition-opacity group-hover/item:opacity-70"></div> <div class="duration-500 will-change-transform group-hover/item:scale-125 bg-muted aspect-w-4 aspect-h-3" data-pattern="aspect"> <img loading="lazy" src="/sites/default/files/styles/420x315/public/2022-07/header2.png?itok=aasbGQpc" width="420" height="315" alt="Phoebe Dynevor at the Harper's Bazaar Women of the Year Awards 2021" /> </div> </a> </article> <article class="node node-medium node-case-study-medium group/item relative overflow-hidden" data-pattern="card-3"> <a href="/case-studies/reinventing-iconic" rel="bookmark"> <div class="absolute inset-0 z-20 flex flex-col justify-items-end p-7 text-background"> <div class="mt-auto translate-y-[70px] duration-500 will-change-transform group-hover/item:translate-y-0"> <h6 data-pattern="label" class="text-sm font-medium uppercase">BMW 4 Series</h6> <h3 data-pattern="h3" class="text-[22px] leading-tight font-medium lg:text-[30px]">Reinventing the Iconic</h3> <div class="relative top-2.5 line-clamp-2 min-h-[52px] prose" data-pattern="prose">Celebrating Outspoken Creativity with BMW</div> </div> </div> <div class="absolute inset-0 z-10 bg-foreground opacity-30 transition-opacity group-hover/item:opacity-70"></div> <div class="duration-500 will-change-transform group-hover/item:scale-125 bg-muted aspect-w-4 aspect-h-3" data-pattern="aspect"> <img loading="lazy" src="/sites/default/files/styles/420x315/public/2022-02/HEARST_BMW_1_0.jpeg?itok=LIj3w2lq" width="420" height="315" alt="" /> </div> </a> </article> <article class="node node-medium node-case-study-medium group/item relative overflow-hidden" data-pattern="card-3"> <a href="https://www.hearst.co.uk/case-studies/comfort-food-snackable-video-series" rel="bookmark"> <div class="absolute inset-0 z-20 flex flex-col justify-items-end p-7 text-background"> <div class="mt-auto translate-y-[70px] duration-500 will-change-transform group-hover/item:translate-y-0"> <h6 data-pattern="label" class="text-sm font-medium uppercase">Asda</h6> <h3 data-pattern="h3" class="text-[22px] leading-tight font-medium lg:text-[30px]">Comfort food snackable video series</h3> <div class="relative top-2.5 line-clamp-2 min-h-[52px] prose" data-pattern="prose">Inspiring trial & reinforcing brand positioning</div> </div> </div> <div class="absolute inset-0 z-10 bg-foreground opacity-30 transition-opacity group-hover/item:opacity-70"></div> <div class="duration-500 will-change-transform group-hover/item:scale-125 bg-muted aspect-w-4 aspect-h-3" data-pattern="aspect"> <img loading="lazy" src="/sites/default/files/styles/420x315/public/2022-07/asda-digi-hero_0.jpeg?itok=IdBFG0xo" width="420" height="315" alt="An image of white chocolate rocky road" /> </div> </a> </article> <article class="node node-medium node-case-study-medium group/item relative overflow-hidden" data-pattern="card-3"> <a href="/case-studies/back-school" rel="bookmark"> <div class="absolute inset-0 z-20 flex flex-col justify-items-end p-7 text-background"> <div class="mt-auto translate-y-[70px] duration-500 will-change-transform group-hover/item:translate-y-0"> <h6 data-pattern="label" class="text-sm font-medium uppercase">Department for Education (DfE)</h6> <h3 data-pattern="h3" class="text-[22px] leading-tight font-medium lg:text-[30px]">Back to school</h3> <div class="relative top-2.5 line-clamp-2 min-h-[52px] prose" data-pattern="prose">Improving positive sentiment towards teaching as a career</div> </div> </div> <div class="absolute inset-0 z-10 bg-foreground opacity-30 transition-opacity group-hover/item:opacity-70"></div> <div class="duration-500 will-change-transform group-hover/item:scale-125 bg-muted aspect-w-4 aspect-h-3" data-pattern="aspect"> <img loading="lazy" src="/sites/default/files/styles/420x315/public/2021-02/teachers.jpg?itok=wkSumFip" width="420" height="315" alt="" /> </div> </a> </article> <article class="node node-medium node-case-study-medium group/item relative overflow-hidden" data-pattern="card-3"> <a href="/case-studies/rediscover-you" rel="bookmark"> <div class="absolute inset-0 z-20 flex flex-col justify-items-end p-7 text-background"> <div class="mt-auto translate-y-[70px] duration-500 will-change-transform group-hover/item:translate-y-0"> <h6 data-pattern="label" class="text-sm font-medium uppercase">Ann Summers</h6> <h3 data-pattern="h3" class="text-[22px] leading-tight font-medium lg:text-[30px]">Rediscover You</h3> <div class="relative top-2.5 line-clamp-2 min-h-[52px] prose" data-pattern="prose">Changing the narrative on sexual confidence</div> </div> </div> <div class="absolute inset-0 z-10 bg-foreground opacity-30 transition-opacity group-hover/item:opacity-70"></div> <div class="duration-500 will-change-transform group-hover/item:scale-125 bg-muted aspect-w-4 aspect-h-3" data-pattern="aspect"> <img loading="lazy" src="/sites/default/files/styles/420x315/public/2021-02/myvivfinal.jpg?itok=5GXWa1la" width="420" height="315" alt="" /> </div> </a> </article> </div> <div class="row-2 py-5 text-center"> <div class="pager" role="navigation" aria-labelledby="pagination-heading"> <h4 id="pagination-heading" class="visually-hidden"> Pagination </h4> <ul class="pager__items js-pager__items"> <li class="pager__item is-active"> <a href="?page=0" title="Current page" > <span class="visually-hidden">Current page</span>1</a> </li> <li class="pager__item"> <a href="?page=1" title="Go to page 2" > <span class="visually-hidden">Page</span>2</a> </li> <li class="pager__item"> <a href="?page=2" title="Go to page 3" > <span class="visually-hidden">Page</span>3</a> </li> <li class="pager__item pager__item--next"> <a href="?page=1" title="Go to next page" rel="next" > <span class="visually-hidden">Next page</span> <span aria-hidden="true">Next ›</span> </a> </li> <li class="pager__item pager__item--last"> <a href="?page=2" title="Go to last page" > <span class="visually-hidden">Last page</span> <span aria-hidden="true">Last »</span> </a> </li> </ul> </div> </div> </section> </div> </div> </div> <div class="region region-footer" role="contentinfo"> <div class="mx-auto w-full max-w-[1160px] px-5"> <div class="region-footer__main"> <div id="block-primary2" class="settings-tray-editable block block-system block-system-menu-blockprimary-2" data-drupal-settingstray="editable"> <ul class="menu-primary-2"> <li class="menu-primary-2__item menu-primary-2__item--solutions"> <a href="https://www.hearst.co.uk/solutions" class="menu-primary-2__link" data-drupal-link-system-path="node/130">Solutions</a> </li> <li class="menu-primary-2__item menu-primary-2__item--sectors"> <a href="https://www.hearst.co.uk/sectors" class="menu-primary-2__link" data-drupal-link-system-path="node/539">Sectors</a> </li> <li class="menu-primary-2__item menu-primary-2__item--brands"> <a href="https://www.hearst.co.uk/brands" class="menu-primary-2__link" data-drupal-link-system-path="node/91">Brands</a> </li> <li class="menu-primary-2__item menu-primary-2__item--the-beacon"> <a href="https://www.hearst.co.uk/insights-initiatives" class="menu-primary-2__link" data-drupal-link-system-path="node/90">The Beacon</a> </li> <li class="menu-primary-2__item menu-primary-2__item--case-studies menu-primary-2__item--active-trail"> <a href="https://www.hearst.co.uk/case-studies" class="menu-primary-2__link is-active" data-drupal-link-system-path="case-studies">Case Studies</a> </li> </ul> </div> <div id="block-secondary2" class="settings-tray-editable block block-system block-system-menu-blocksecondary-2" data-drupal-settingstray="editable"> <ul class="menu-secondary-2"> <li class="menu-secondary-2__item menu-secondary-2__item--about-us"> <a href="/about-us" class="menu-secondary-2__link" data-drupal-link-system-path="node/4">About us</a> </li> <li class="menu-secondary-2__item menu-secondary-2__item--media-centre"> <a href="/media-centre" class="menu-secondary-2__link" data-drupal-link-system-path="node/154">Media Centre</a> </li> <li class="menu-secondary-2__item menu-secondary-2__item--careers"> <a href="/careers" class="menu-secondary-2__link" data-drupal-link-system-path="node/30">Careers</a> </li> <li class="menu-secondary-2__item menu-secondary-2__item--sustainability"> <a href="/sustainability" class="menu-secondary-2__link" data-drupal-link-system-path="node/898">Sustainability</a> </li> <li class="menu-secondary-2__item menu-secondary-2__item--contact-us"> <a href="/contact-us" class="menu-secondary-2__link" data-drupal-link-system-path="node/126">Contact us</a> </li> <li class="menu-secondary-2__item menu-secondary-2__item--newsletters"> <a href="/newsletter" class="menu-secondary-2__link">Newsletters</a> </li> </ul> </div> <div id="block-hearstnetwork" class="settings-tray-editable block block-block-content block-block-contentcee80502-ea94-471b-9a62-332846289902" data-drupal-settingstray="editable"> <div data-pattern="prose" class="prose"><p>Hearst UK is part of the Hearst network.</p><ul><li><a href="https://www.hearst.co.uk/" target="_blank">Hearst UK</a></li><li><a href="https://www.hearst.com/" target="_blank">Hearst USA</a></li><li><a href="http://www.hearst.com.cn/en/aboutus/" target="_blank">Hearst China</a></li><li><a href="https://www.hearst.it/" target="_blank">Hearst Italy</a></li><li><a href="https://www.hearst.co.jp/" target="_blank">Hearst Japan</a></li><li><a href="https://hearst.nl/" target="_blank">Hearst Netherlands</a></li><li><a href="http://www.hearst.es/" target="_blank">Hearst Spain</a></li><li><a href="https://www.hearst.com.tw/" target="_blank">Hearst Taiwan</a></li><li><a href="https://www.hearstglobalsolutions.com/">Hearst Global Solutions</a></li></ul></div> </div> <div id="block-stayintouch" class="settings-tray-editable block block-block-content block-block-contentd6494309-e9e2-4cd2-b291-feb020d4d10f" data-drupal-settingstray="editable"> <h6 data-pattern="label" class="text-sm font-medium uppercase">Stay in touch</h6> <div data-pattern="prose" class="prose"><p>Get our newsletters in your inbox</p><p><a class="button" href="/newsletters">Sign up</a></p></div> </div> <div id="block-social" class="settings-tray-editable block block-block-content block-block-content7c261950-68a3-4a40-92e6-67365401d721" data-drupal-settingstray="editable"> <h6 data-pattern="label" class="text-sm font-medium uppercase">Follow us</h6> <div class="flex flex-wrap"> <a class="action" target="_blank" href="https://twitter.com/HearstUK"> <svg data-pattern="icon" aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="none" class="block w-5 h-5"> <path fill="currentColor" d="M17.828 7.623c0 1.558-.38 3.116-1.015 4.55-1.879 4.154-5.788 6.602-10.434 6.602-2.183 0-4.34-.618-6.168-1.755.304.024.634.05.939.05 1.828 0 3.58-.594 5-1.682-1.7-.025-3.223-1.138-3.756-2.72a3.96 3.96 0 001.828-.074C2.343 12.221.947 10.614.998 8.76v-.049c.558.297 1.167.47 1.827.495-1.142-.742-1.802-1.954-1.802-3.265 0-.692.178-1.384.533-1.978 2.056 2.448 5.077 3.932 8.301 4.105a3.55 3.55 0 01-.101-.89c0-2.176 1.802-3.932 4.036-3.932 1.092 0 2.158.445 2.92 1.236a8.367 8.367 0 002.563-.94 3.951 3.951 0 01-1.777 2.152 7.42 7.42 0 002.31-.618 7.717 7.717 0 01-2.005 2.028c.025.173.025.346.025.519z"/> </svg> </a> <a class="action" target="_blank" href="https://www.linkedin.com/company/10989"> <svg data-pattern="icon" aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="none" class="block w-5 h-5"> <path fill="currentColor" d="M4.15 2.174c0 1.2-.925 2.174-2.067 2.174-1.141 0-2.066-.973-2.066-2.174C.017.974.942 0 2.083 0 3.225 0 4.15.974 4.15 2.174zm.017 3.913H0V20h4.167V6.087zm6.651 0h-4.14V20h4.141v-7.303c0-4.061 5.024-4.394 5.024 0V20H20v-8.81c0-6.852-7.435-6.602-9.182-3.23V6.088z"/> </svg> </a> <a class="action" target="_blank" href="https://www.instagram.com/positivelyhearst"> <svg data-pattern="icon" aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="none" class="block w-5 h-5"> <path fill="currentColor" d="M10 1.802c2.67 0 2.987.01 4.042.059 2.71.123 3.975 1.409 4.099 4.099.048 1.054.057 1.37.057 4.04 0 2.672-.01 2.988-.057 4.042-.124 2.687-1.387 3.975-4.1 4.099-1.054.048-1.37.058-4.041.058-2.67 0-2.987-.01-4.04-.058-2.717-.124-3.977-1.416-4.1-4.1-.048-1.054-.058-1.37-.058-4.041 0-2.67.01-2.986.058-4.04.124-2.69 1.387-3.977 4.1-4.1 1.054-.048 1.37-.058 4.04-.058zM10 0C7.284 0 6.944.012 5.878.06 2.246.227.228 2.242.06 5.877.01 6.944 0 7.284 0 10s.012 3.057.06 4.123c.167 3.632 2.182 5.65 5.817 5.817 1.067.048 1.407.06 4.123.06s3.057-.012 4.123-.06c3.629-.167 5.652-2.182 5.816-5.817.05-1.066.061-1.407.061-4.123s-.012-3.056-.06-4.122C19.777 2.249 17.76.228 14.124.06 13.057.01 12.716 0 10 0zm0 4.865a5.135 5.135 0 100 10.27 5.135 5.135 0 000-10.27zm0 8.468a3.333 3.333 0 110-6.666 3.333 3.333 0 010 6.666zm5.338-9.87a1.2 1.2 0 100 2.4 1.2 1.2 0 000-2.4z"/> </svg> </a> <a class="action" target="_blank" href="https://open.spotify.com/user/31rwzu6g6vqoikm33lvseev77gbi?si=Tgd-uBgESPSYgExxoZLeMg"> <svg data-pattern="icon" aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="none" class="block w-5 h-5"> <path fill="currentColor" d="M10 0C4.5 0 0 4.5 0 10s4.5 10 10 10 10-4.5 10-10S15.5 0 10 0zm3.943 15c-.184 0-.275-.092-.459-.183-1.375-.826-3.117-1.284-4.95-1.284-1.008 0-2.108.184-3.025.367-.183 0-.367.092-.458.092a.627.627 0 01-.642-.642c0-.367.184-.642.55-.642 1.192-.275 2.384-.458 3.668-.458 2.108 0 4.033.55 5.683 1.467.183.183.367.275.367.641-.185.459-.46.642-.734.642zm1.007-2.566c-.183 0-.367-.091-.55-.183-1.558-1.008-3.76-1.558-6.142-1.558-1.191 0-2.292.183-3.116.366-.184.092-.275.092-.459.092a.724.724 0 01-.734-.734c0-.459.184-.642.642-.826 1.1-.275 2.2-.55 3.759-.55 2.567 0 4.95.641 6.968 1.833.274.183.458.458.458.734-.093.459-.367.826-.826.826zM16.142 9.5c-.184 0-.275-.092-.55-.183-1.834-1.009-4.492-1.65-7.059-1.65-1.283 0-2.658.183-3.85.458-.184 0-.276.092-.55.092-.55.092-.917-.367-.917-.916 0-.55.275-.826.641-.917 1.468-.367 3.026-.55 4.676-.55 2.842 0 5.775.641 8.068 1.833.275.183.55.458.55.916-.092.55-.46.917-1.01.917z"/> </svg> </a> </div> </div> <div id="block-legal" class="settings-tray-editable block block-system block-system-menu-blocklegal" data-drupal-settingstray="editable"> <ul class="menu-legal"> <li class="menu-legal__item menu-legal__item--terms--conditions"> <a href="/terms-conditions" class="menu-legal__link" data-drupal-link-system-path="node/35">Terms & Conditions</a> </li> <li class="menu-legal__item menu-legal__item--privacy-policy"> <a href="/privacy-notice" class="menu-legal__link" data-drupal-link-system-path="node/127">Privacy policy</a> </li> <li class="menu-legal__item menu-legal__item--cookies-policy"> <a href="/cookies-policy" class="menu-legal__link" data-drupal-link-system-path="node/34">Cookies policy</a> </li> <li class="menu-legal__item menu-legal__item--advertiser-terms"> <a href="/advertiser-terms" class="menu-legal__link" data-drupal-link-system-path="node/204">Advertiser Terms</a> </li> <li class="menu-legal__item menu-legal__item--complaints-policy"> <a href="/hearst-magazines-uk-complaints-procedure" class="menu-legal__link" data-drupal-link-system-path="node/203">Complaints Policy</a> </li> <li class="menu-legal__item menu-legal__item--environmental-policy"> <a href="/environmental-policy" class="menu-legal__link" data-drupal-link-system-path="node/520">Environmental Policy</a> </li> <li class="menu-legal__item menu-legal__item--statement-of-investment-principles"> <a href="/statement-investment-principles" title="The Trustees of the National Magazine Company Limited Pension Scheme (the “Scheme”) have drawn up this Statement of Investment Principles (“the Statement”) to comply with the requirements of the Pensions Act 1995 (“the Act”) and subsequent legislation." class="menu-legal__link" data-drupal-link-system-path="node/629">Statement of Investment Principles</a> </li> <li class="menu-legal__item menu-legal__item--modern-slavery-statement"> <a href="/modern-slavery-statement" class="menu-legal__link">Modern Slavery Statement</a> </li> <li class="menu-legal__item menu-legal__item--reports"> <a href="/reports" class="menu-legal__link" data-drupal-link-system-path="node/260">Reports</a> </li> <li class="menu-legal__item menu-legal__item--annual-engagement-policy-implementation-statement"> <a href="/annual-engagement-policy-implementation-statement" class="menu-legal__link" data-drupal-link-system-path="node/996">Annual Engagement Policy Implementation Statement</a> </li> </ul> </div> <div id="block-onetrust" class="settings-tray-editable block block-block-content block-block-content3ef878bb-f68d-45f5-bc4d-0e4652397e08" data-drupal-settingstray="editable"> <!-- HOST: www.hearst.co.uk --> <a href="#" class="ot-sdk-show-settings">Cookie Settings</a> <script> /* * OneTrust stores consent status across two cookies * 'OptanonConsent' stores a string of multiple parameters. The 'groups' parameter contains * the categories a user has consented to * 'OptanonAlertBoxClosed' stores the datestamp when interaction with modal last occurred * * Parse the combination of these two cookies to determine consent status. */ // Get the OneTrust Cookie - OptanonConsent - that was set after their script runs var onetrustCookieVal = document.cookie.match("[;]*\s*OptanonConsent\s*=\s*([^;]+)"); /* Pass the OneTrust cookie value to a global variable that stores consent groups */ window.GDPR_CONSENT_GROUPS = ""; if (onetrustCookieVal) { var consentGroups = ""; try { var groups = onetrustCookieVal[1].match(/groups=(.*?)&/); if (groups) { groups = decodeURIComponent(groups[1]).split(","); for (var i = 0; i < groups.length; i++) { if (groups[i].split(":")[1] === "1") { consentGroups += ((consentGroups ? "," : "") + groups[i].split(":")[0]); } } } window.GDPR_CONSENT_GROUPS = consentGroups; } catch (e) {} } /* If consent for categories 2 through 5 - check for YES consent */ var haveConsent = (/C0002|C0003|C0004|C0005/.test(window.GDPR_CONSENT_GROUPS)) ? true : false; /* * The OptanonAlertBoxClosed cookie stores a datestamp from when last interaction with OneTrust modal occurred. * Use this in conjunction with NO consent state, and we can remove the 'OptanonAlertBoxClosed' cookie which * is what OneTrust uses to prevent the modal from appearing. * * In the example below, we wipe the cookie if there is NO consent and 12 hours have passed since last interaction. */ // Get the OptanonAlertBoxClosed Cookie var onetrustAlertBoxCookieVal = document.cookie.match("[;]*\s*OptanonAlertBoxClosed\s*=\s*([^;]+)"); // Get datestamp from the OptanonAlertBoxClosed cookie if it exists var cookieTimestamp = 0; if (onetrustAlertBoxCookieVal) { var ds = new Date(onetrustAlertBoxCookieVal[1]); cookieTimestamp = ds.getTime(); } // IF there is NO consent and cookie timestamp is more than 12 hours ago if (! haveConsent && (cookieTimestamp - (Date.now() - (1000 * 60 * 60 * 12))) < 0) { // Expire the OptanonAlertBox cookie which allows the OneTrust modal to appear document.cookie = "OptanonAlertBoxClosed=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/"; } /* OneTrust Wrapper Function */ // This function gets invoked with every OneTrust Modal event (load, interaction, etc.) function OptanonWrapper() { var haveCurrentConsent = /C0002|C0003|C0004|C0005/.test(OptanonActiveGroups); var onetrustAlertBoxCookieVal = document.cookie.match("[;]*\s*OptanonAlertBoxClosed\s*=\s*([^;]+)"); var modalShowing = document.getElementById("onetrust-banner-sdk"); if (haveCurrentConsent && ! haveConsent) { setTimeout(function () { location.reload(); }, 300); } else if (haveConsent && ! haveCurrentConsent) { setTimeout(function () { location.reload(); }, 300); } else if (onetrustAlertBoxCookieVal && ! haveConsent && modalShowing) { setTimeout(function () { location.reload(); }, 300); } } var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.charset = 'UTF-8'; s.src = 'https://cdn.cookielaw.org/scripttemplates/otSDKStub.js'; s.setAttribute('data-domain-script', 'c4be4e9b-7fa7-44be-9d60-be825fac212a'); var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); </script> </div> <div id="block-hubspottrackingcode" class="settings-tray-editable block block-block-content block-block-content96b4083e-d45b-408b-b7ea-99369770da90" data-drupal-settingstray="editable"> <div data-pattern="prose" class="prose"><script> function getConsentByCategory(category) { var hasConsent = false; try { if (window.GDPR_CONSENT_GROUPS.indexOf(category) > -1) hasConsent = true; } catch (e) {} return hasConsent; } if (getConsentByCategory('C0004')) { const script = document.createElement('script'); script.src = '//js.hs-scripts.com/8032112.js'; script.id = 'hs-script-loader'; script.async = true; script.defer = true; document.body.appendChild(script); } </script></div> </div> <div id="block-copyright-2" class="settings-tray-editable block block-block-content block-block-content54f03642-83b2-41b2-98da-f4a90ec33139" data-drupal-settingstray="editable"> <div data-pattern="prose" class="prose"><p>© Hearst UK, The National Magazine Company Ltd. Registered in England Number 112955</p></div> </div> </div> </div> </div> <div id="region-menu" tabindex="-1" aria-labelledBy="region-menu" class="region-menu fixed top-0 left-0 z-50 h-screen overflow-y-auto transition-transform duration-[250ms] -translate-x-full w-full lg:w-[540px] bg-foreground text-background p-5 lg:px-20 lg:pt-10 space-y-10"> <button type="button" data-drawer-hide="region-menu" aria-controls="region-menu" class="text-background -ml-2.5 action"> <svg data-pattern="icon" aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="none" class="block w-5 h-5"> <path fill="currentColor" d="M11.592 10l7.158-7.16-1.592-1.59L10 8.41 2.843 1.25 1.25 2.84 8.41 10l-7.159 7.16 1.59 1.59 7.155-7.16 7.157 7.16 1.591-1.59-7.15-7.16z"/> </svg> <span>Close</span> </button> <div id="block-primary" class="settings-tray-editable block block-system block-system-menu-blockprimary" data-drupal-settingstray="editable"> <ul class="menu-primary"> <li class="menu-primary__item menu-primary__item--brands"> <a href="https://www.hearst.co.uk/brands" class="menu-primary__link" data-drupal-link-system-path="node/91">Brands</a> </li> <li class="menu-primary__item menu-primary__item--solutions"> <a href="https://www.hearst.co.uk/solutions" class="menu-primary__link" data-drupal-link-system-path="node/130">Solutions</a> </li> <li class="menu-primary__item menu-primary__item--sectors"> <a href="https://www.hearst.co.uk/sectors" class="menu-primary__link" data-drupal-link-system-path="node/539">Sectors</a> </li> <li class="menu-primary__item menu-primary__item--insights--initiatives"> <a href="https://www.hearst.co.uk/insights-initiatives" class="menu-primary__link" data-drupal-link-system-path="node/90">Insights & Initiatives</a> </li> <li class="menu-primary__item menu-primary__item--case-studies menu-primary__item--active-trail"> <a href="https://www.hearst.co.uk/case-studies" class="menu-primary__link is-active" data-drupal-link-system-path="case-studies">Case Studies</a> </li> </ul> </div> <div id="block-secondary" class="settings-tray-editable block block-system block-system-menu-blocksecondary" data-drupal-settingstray="editable"> <ul class="menu-secondary"> <li class="menu-secondary__item menu-secondary__item--about-us menu-secondary__item--collapsed"> <a href="/about-us" class="menu-secondary__link" data-drupal-link-system-path="node/4">About us</a> </li> <li class="menu-secondary__item menu-secondary__item--media-centre menu-secondary__item--collapsed"> <a href="/media-centre" class="menu-secondary__link" data-drupal-link-system-path="node/154">Media Centre</a> </li> <li class="menu-secondary__item menu-secondary__item--careers"> <a href="/careers" class="menu-secondary__link" data-drupal-link-system-path="node/30">Careers</a> </li> <li class="menu-secondary__item menu-secondary__item--diversity--belonging"> <a href="/diversity-belonging" class="menu-secondary__link" data-drupal-link-system-path="node/1244">Diversity & Belonging</a> </li> <li class="menu-secondary__item menu-secondary__item--office-accessibility"> <a href="/office-accessibility" class="menu-secondary__link" title="Office Accessibility" data-drupal-link-system-path="node/1393">Office Accessibility</a> </li> <li class="menu-secondary__item menu-secondary__item--sustainability"> <a href="/sustainability" class="menu-secondary__link" data-drupal-link-system-path="node/898">Sustainability</a> </li> <li class="menu-secondary__item menu-secondary__item--contact-us"> <a href="/contact-us" class="menu-secondary__link" data-drupal-link-system-path="node/126">Contact us</a> </li> <li class="menu-secondary__item menu-secondary__item--newsletters"> <a href="/newsletter" class="menu-secondary__link">Newsletters</a> </li> <li class="menu-secondary__item menu-secondary__item--subscriptions"> <a href="https://www.hearstmagazines.co.uk/magazine-subscriptions?utm_source=hearst.co.uk&utm_medium=referral&utm_term=corp&utm_content=navigation&utm_campaign=hearst.co.uk" target="_blank" class="menu-secondary__link">Subscriptions</a> </li> </ul> </div> </div> <div id="region-search" tabindex="-1" class="region-search fixed left-0 right-0 z-50 w-full transition-transform -translate-y-full bg-foreground text-background"> <div class="row flex items-center h-header-xs lg:h-header-lg"> <div class="flex-auto"> <div class="search-api-page-block-form-search search-api-page-block-form search-form search-block-form container-inline settings-tray-editable block block-search-api-page block-search-api-page-form-block" data-drupal-selector="search-api-page-block-form-search" id="block-searchapipagesearchblockform" data-drupal-settingstray="editable"> <form data-action="/case-studies" class="antibot" action="/antibot" method="post" id="search-api-page-block-form-search" accept-charset="UTF-8"> <noscript> <div class="antibot-no-js antibot-message antibot-message-warning">You must have JavaScript enabled to use this form.</div> </noscript> <div class="js-form-item form-item js-form-type-search form-item-keys js-form-item-keys form-no-label"> <label for="edit-keys" class="visually-hidden">Search</label> <input title="Enter the terms you wish to search for." data-drupal-selector="edit-keys" data-msg-maxlength="Search field has a maximum length of 128." type="search" id="edit-keys" name="keys" value="" size="15" maxlength="128" class="form-search" /> </div> <input autocomplete="off" data-drupal-selector="form-ni9sn4ukmesnyck2choy6xbbtrobtvv0zes32huzk4" type="hidden" name="form_build_id" value="form--Ni9SN4uKmeSnYcK2CHOY6XBBtrobtvV0Zes32huzK4" /> <input data-drupal-selector="edit-search-api-page-block-form-search" type="hidden" name="form_id" value="search_api_page_block_form_search" /> <input data-drupal-selector="edit-antibot-key" type="hidden" name="antibot_key" value="" /> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions--5"> <input class="search-form__submit button js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit" name="op" value="Search" /> </div> </form> </div> </div> <div class="flex-none ml-2.5"> <button type="button" data-drawer-hide="region-search" aria-controls="region-search" class="text-background action"> <svg data-pattern="icon" aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="none" class="block w-5 h-5"> <path fill="currentColor" d="M11.592 10l7.158-7.16-1.592-1.59L10 8.41 2.843 1.25 1.25 2.84 8.41 10l-7.159 7.16 1.59 1.59 7.155-7.16 7.157 7.16 1.591-1.59-7.15-7.16z"/> </svg> </button> </div> </div> </div> </div> </div> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","scriptPath":null,"pathPrefix":"","currentPath":"case-studies","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"clientside_validation_jquery":{"validate_all_ajax_forms":2,"force_validate_on_blur":false,"messages":{"required":"This field is required.","remote":"Please fix this field.","email":"Please enter a valid email address.","url":"Please enter a valid URL.","date":"Please enter a valid date.","dateISO":"Please enter a valid date (ISO).","number":"Please enter a valid number.","digits":"Please enter only digits.","equalTo":"Please enter the same value again.","maxlength":"Please enter no more than {0} characters.","minlength":"Please enter at least {0} characters.","rangelength":"Please enter a value between {0} and {1} characters long.","range":"Please enter a value between {0} and {1}.","max":"Please enter a value less than or equal to {0}.","min":"Please enter a value greater than or equal to {0}.","step":"Please enter a multiple of {0}."}},"ajaxTrustedUrl":{"https:\/\/www.hearst.co.uk\/case-studies":true,"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true},"csp":{"nonce":"MOUN356oV0NgZ53FgCwAzw"},"antibot":{"forms":{"search-api-page-block-form-search":{"id":"search-api-page-block-form-search","key":"wH9fBged1yGCpe03AtoLmZzrhgK7bOrwqGsZuKjp6Tm"}}},"user":{"uid":0,"permissionsHash":"17b71f18e55fa0fc2fe59891288f5026fd6581744b8c240e6d00a46111482e50"}}</script> <script src="/core/assets/vendor/jquery/jquery.min.js?v=3.6.3"></script> <script src="/core/misc/polyfills/element.matches.js?v=9.5.11"></script> <script src="/core/misc/polyfills/object.assign.js?v=9.5.11"></script> <script src="/core/assets/vendor/once/once.min.js?v=1.0.1"></script> <script src="/core/assets/vendor/jquery-once/jquery.once.min.js?v=2.2.3"></script> <script src="/core/misc/drupalSettingsLoader.js?v=9.5.11"></script> <script src="/core/misc/drupal.js?v=9.5.11"></script> <script src="/core/misc/drupal.init.js?v=9.5.11"></script> <script src="https://static.addtoany.com/menu/page.js" async></script> <script src="/modules/contrib/addtoany/js/addtoany.js?v=9.5.11"></script> <script src="/themes/custom/hearst/vendor/bower-asset/aos/dist/aos.js?ss6tyw"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/1.7.0/flowbite.min.js" defer async></script> <script src="/themes/custom/hearst/js/main.js?ss6tyw"></script> <script src="/modules/contrib/better_exposed_filters/js/better_exposed_filters.js?v=4.x"></script> <script src="/core/misc/jquery.once.bc.js?v=9.5.11"></script> <script src="/core/misc/debounce.js?v=9.5.11"></script> <script src="/modules/contrib/better_exposed_filters/js/auto_submit.js?v=4.x"></script> <script src="/themes/custom/hearst/patterns/03-organisms/header/js/headroom.js?ss6tyw"></script> <script src="/themes/custom/hearst/patterns/03-organisms/header/js/jQuery.headroom.js?ss6tyw"></script> <script src="/themes/custom/hearst/patterns/03-organisms/header/js/header.js?ss6tyw"></script> <script src="/modules/contrib/antibot/js/antibot.js?ss6tyw"></script> <script src="/libraries/jquery-validation/dist/jquery.validate.min.js?ss6tyw"></script> <script src="/modules/contrib/clientside_validation/clientside_validation_jquery/js/cv.jquery.validate.js?ss6tyw"></script> <script src="/modules/contrib/clientside_validation/clientside_validation_jquery/js/cv.jquery.ckeditor.js?ss6tyw"></script> </body> </html>