@font-face {
  font-family: BBC Reith Sans;
  src: url('https://static.bbc-storyworks.com/storyworks/portfolio/fonts/BBCReithSans_Rg.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: BBC Reith Sans Condensed;
  src: url('https://static.bbc-storyworks.com/storyworks/portfolio/fonts/BBCReithSansCd_Rg.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: BBC Reith Sans;
  src: url('https://static.bbc-storyworks.com/storyworks/portfolio/fonts/BBCReithSans_Bd.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: BBC Reith Sans;
  src: url('https://static.bbc-storyworks.com/storyworks/portfolio/fonts/BBCReithSans_LtIt.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: BBC Reith Sans;
  src: url('https://static.bbc-storyworks.com/storyworks/portfolio/fonts/BBCReithSans_Lt.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: BBC Reith Sans;
  src: url('https://static.bbc-storyworks.com/storyworks/portfolio/fonts/BBCReithSans_BdIt.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: BBC Reith Sans;
  src: url('https://static.bbc-storyworks.com/storyworks/portfolio/fonts/BBCReithSans_It.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: BBC Reith Serif;
  src: url('https://static.bbc-storyworks.com/storyworks/portfolio/fonts/BBCReithSerif_Md.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: BBC Reith Serif;
  src: url('https://static.bbc-storyworks.com/storyworks/portfolio/fonts/BBCReithSerif_MdIt.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: BBC Reith Serif;
  src: url('https://static.bbc-storyworks.com/storyworks/portfolio/fonts/BBCReithSerif_Rg.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --_colour---background--secondary: black;
  --_typography---font--secondary: "BBC Reith Sans", Arial, sans-serif;
  --_colour---text--primary: black;
  --_typography---size--body: 1rem;
  --_colour---text--secondary: white;
  --_typography---size--h1: 4rem;
  --_typography---font--primary: "BBC Reith Serif", "Times New Roman", sans-serif;
  --_typography---size--h2: 2rem;
  --_typography---size--h3: 2rem;
  --_typography---size--h4: 1.5rem;
  --_layout---spacing--2xl: 4rem;
  --_colour---background--primary: white;
  --_layout---spacing--l: 2rem;
  --_layout---spacing--non: 0rem;
  --_colour---border--primary: black;
  --_layout---sizing--default: 1127px;
  --_layout---sizing--narrow: 846px;
  --_layout---spacing--xl: 3rem;
  --_layout---spacing--r: 1rem;
  --_layout---spacing--xs: .5rem;
  --_layout---spacing--m: 1.5rem;
  --_typography---font--tertiary: "BBC Reith Sans", Arial, sans-serif;
  --_layout---spacing--s: .75rem;
  --_colour---border--secondary: white;
  --_colour---border--tertiary: #5b5b5b;
  --_colour---text--tertiary: #5b5b5b;
  --_layout---sizing--full: 100%;
  --_colour---background--tertiary: #5b5b5b;
  --_layout---spacing--3xl: 5rem;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--_colour---background--secondary);
  font-family: var(--_typography---font--secondary);
  color: var(--_colour---text--primary);
  font-size: var(--_typography---size--body);
  --_layout---spacing--2xl: 4rem;
  --_layout---spacing--l: 2rem;
  --_layout---spacing--non: 0rem;
  --_layout---sizing--default: 1127px;
  --_layout---sizing--narrow: 846px;
  --_layout---spacing--xl: 3rem;
  --_layout---spacing--r: 1rem;
  --_layout---spacing--xs: .5rem;
  --_layout---spacing--m: 1.5rem;
  --_layout---spacing--s: .75rem;
  --_layout---sizing--full: 100%;
  --_layout---spacing--3xl: 5rem;
  scroll-behavior: smooth;
  font-weight: 400;
  line-height: 175%;
}

h1 {
  font-family: var(--_typography---font--secondary);
  color: var(--_colour---text--secondary);
  font-size: var(--_typography---size--h1);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 300;
  line-height: 120%;
}

h2 {
  font-family: var(--_typography---font--primary);
  color: var(--_colour---text--primary);
  font-size: var(--_typography---size--h2);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 125%;
}

h3 {
  font-family: var(--_typography---font--secondary);
  color: var(--_colour---text--primary);
  font-size: var(--_typography---size--h3);
  text-align: left;
  margin: 0;
  font-weight: 300;
  line-height: 100%;
}

h4 {
  font-family: var(--_typography---font--secondary);
  color: var(--_colour---text--primary);
  font-size: var(--_typography---size--h4);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 300;
  line-height: 100%;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
}

p {
  font-family: var(--_typography---font--secondary);
  color: var(--_colour---text--primary);
  margin-bottom: 10px;
}

a {
  font-family: var(--_typography---font--primary);
  color: var(--_colour---text--primary);
  font-size: var(--_typography---size--body);
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

.section {
  padding-top: var(--_layout---spacing--2xl);
  padding-bottom: var(--_layout---spacing--2xl);
  background-color: var(--_colour---background--primary);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section.is--contained.is--cta {
  padding-top: var(--_layout---spacing--2xl);
  padding-bottom: var(--_layout---spacing--2xl);
  background-color: #f8f3f0;
}

.section.is--contained.is--howwework {
  background-color: var(--_colour---background--primary);
  color: var(--_colour---text--secondary);
  --_colour---background--secondary: white;
  --_colour---text--primary: white;
  --_colour---text--secondary: black;
  --_colour---background--primary: black;
  --_colour---border--primary: white;
  --_colour---border--secondary: black;
  --_colour---border--tertiary: grey;
  --_colour---text--tertiary: grey;
  --_colour---background--tertiary: grey;
}

.section.is--contained.is--peoplehero {
  background-color: var(--_colour---background--secondary);
  height: 100vh;
}

.section.is--contained.is--casestudy-results {
  background-color: var(--_colour---background--primary);
  --_colour---background--secondary: white;
  --_colour---text--primary: white;
  --_colour---text--secondary: black;
  --_colour---background--primary: black;
  --_colour---border--primary: white;
  --_colour---border--secondary: black;
  --_colour---border--tertiary: grey;
  --_colour---text--tertiary: grey;
  --_colour---background--tertiary: grey;
}

.section.is--contained.is--casestudy-results:where(.w-variant-b205b6d5-6446-5f31-5793-aa7d84a6d3eb), .section.is--contained.is--casestudy-results:where(.w-variant-48ed2253-4d7a-f599-3a40-004caeaaf521) {
  padding-top: var(--_layout---spacing--non);
}

.section.is--contained.is--casestudy-results:where(.w-variant-df36166e-5e24-72b6-9980-14c4a32b7d2f) {
  padding-top: var(--_layout---spacing--non);
  padding-bottom: var(--_layout---spacing--non);
}

.section.is--contained.is--casestudy-results:where(.w-variant-b9f89d3a-0165-9c0f-0490-8a1c6939efb6) {
  padding-bottom: var(--_layout---spacing--non);
}

.section.is--full.is--work-hero {
  height: 80dvh;
  padding-top: var(--_layout---spacing--2xl);
  padding-bottom: var(--_layout---spacing--2xl);
  background-color: var(--_colour---background--secondary);
}

.section.is--full.is--whoweare {
  height: auto;
}

.section.is--full.is--casestudy-stats {
  background-color: var(--_colour---background--secondary);
}

.section.is--full.is--people-hero {
  background-color: var(--_colour---border--primary);
  height: 80dvh;
}

.section.is--full.is--whoweare {
  overflow: visible;
}

.section.is--full.is--casestudy-intro {
  padding-top: 0;
  overflow: visible;
}

.section.is--full.is--casestudy-hero {
  background-color: #0000;
  height: 80vh;
}

.section.is--full.is--casestudy-results {
  background-color: var(--_colour---background--secondary);
}

.section.is--flush {
  height: 100vh;
  padding-top: var(--_layout---spacing--non);
  padding-bottom: var(--_layout---spacing--non);
  justify-content: flex-start;
  align-items: center;
}

.section.is--flush.is--sizzle {
  aspect-ratio: 16 / 9;
  height: 100%;
}

.section.is--flush.is--homehero {
  background-color: #000;
}

.section.is--flush.is--casestudy-hero {
  background-color: #0000;
  height: 80vh;
}

.section.is--flush.is--peoplehero {
  background-color: var(--_colour---background--secondary);
}

.container {
  height: 100%;
}

.container.is--default {
  height: auto;
  max-width: var(--_layout---sizing--default);
  margin-right: var(--_layout---spacing--2xl);
  margin-left: var(--_layout---spacing--2xl);
  width: calc(100vw - 128px);
}

.container.is--default.is--work-hero {
  padding-right: var(--_layout---spacing--2xl);
  padding-left: var(--_layout---spacing--2xl);
}

.container.is--default.hero_container {
  z-index: 1;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.container.is--default.is--casestudy-hero, .container.is--default.is--our-people {
  flex: 1;
}

.container.is--default.is-casestudy-intro {
  margin-top: var(--_layout---spacing--2xl);
}

.container.is--default.is--casestudy-related {
  flex-flow: column;
  align-self: center;
  display: flex;
}

.container.is--narrow {
  max-width: var(--_layout---sizing--narrow);
}

.container.is--full {
  width: 100%;
  max-width: none;
}

.container.is--full.is--work-hero {
  z-index: 1;
  padding-right: var(--_layout---spacing--2xl);
  padding-left: var(--_layout---spacing--2xl);
  position: relative;
}

.container.is--full.is--casestudy-results {
  padding-left: 5rem;
  padding-right: 5rem;
}

.layout {
  width: 100%;
  min-height: 0;
  margin: var(--_layout---spacing--non) var(--_layout---spacing--non) var(--_layout---spacing--non) 0rem;
  padding: var(--_layout---spacing--non);
  background-color: #0000;
  display: block;
}

.layout.is--1col {
  grid-row-gap: var(--_layout---spacing--xl);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.layout.is--1col.is--work-hero {
  grid-row-gap: var(--_layout---spacing--r);
  justify-content: flex-end;
  align-items: stretch;
  height: 100%;
}

.layout.is--1col.is--marquee {
  grid-column-gap: var(--_layout---spacing--xl);
  grid-row-gap: var(--_layout---spacing--xl);
}

.layout.is--1col.is--whatwedo {
  grid-row-gap: var(--_layout---spacing--m);
}

.layout.is--1col.is--sizzle {
  grid-row-gap: var(--_layout---spacing--non);
}

.layout.is--1col.is--casestudy-hero {
  grid-row-gap: var(--_layout---spacing--r);
  justify-content: flex-end;
  align-items: stretch;
  height: 100%;
}

.layout.is--1col.is--peoplehero {
  justify-content: flex-end;
  align-items: stretch;
  height: 100%;
}

.layout.is--1col.work-slider__visual {
  flex: none;
  align-self: auto;
}

.layout.is--1col.digitalsummary__content {
  grid-row-gap: var(--_layout---spacing--r);
  width: auto;
}

.layout.is--1col.is--casestudy-related {
  margin-bottom: var(--_layout---spacing--l);
  justify-content: flex-start;
  align-self: center;
  align-items: center;
}

.layout.is--2col {
  grid-column-gap: var(--_layout---spacing--m);
  grid-row-gap: var(--_layout---spacing--m);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  justify-content: flex-start;
  align-items: start;
  display: grid;
}

.layout.is--2col.is--cta {
  grid-column-gap: var(--_layout---spacing--2xl);
  grid-row-gap: var(--_layout---spacing--2xl);
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  justify-content: stretch;
  align-items: center;
  display: grid;
}

.layout.is--2col.is--whatwedo {
  grid-template-rows: auto;
  place-items: center stretch;
}

.layout.is--2col.is--casestudy-intro {
  z-index: 1;
  grid-column-gap: var(--_layout---spacing--xl);
  grid-row-gap: var(--_layout---spacing--xl);
  flex-flow: row;
  grid-template-rows: auto auto;
  place-items: flex-start center;
  display: flex;
}

.layout.is--2col.is--people__work-cta {
  grid-column-gap: var(--_layout---spacing--2xl);
  grid-row-gap: var(--_layout---spacing--2xl);
}

.layout.is--2col.is--whoweare {
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.layout.is--2col.is--casestudy-results {
  grid-column-gap: var(--_layout---spacing--xl);
  grid-row-gap: var(--_layout---spacing--xl);
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.layout.is--3col {
  grid-column-gap: var(--_layout---spacing--m);
  grid-row-gap: var(--_layout---spacing--m);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: flex-start;
  align-items: start;
  display: grid;
}

.layout.is--3col.is--casestudy--related {
  flex-flow: row;
  grid-template-rows: auto;
  justify-content: center;
  align-self: center;
  place-items: flex-start center;
  display: flex;
}

.layout.is--media-left {
  grid-column-gap: var(--_layout---spacing--l);
  grid-row-gap: var(--_layout---spacing--l);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: row;
  place-items: start stretch;
  display: grid;
}

.layout.is--media-right {
  grid-column-gap: var(--_layout---spacing--m);
  grid-row-gap: var(--_layout---spacing--m);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  justify-content: stretch;
  align-items: start;
  display: grid;
}

.layout.is--media-right.work-slider__slide {
  grid-column-gap: var(--_layout---spacing--m);
  grid-row-gap: var(--_layout---spacing--m);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.5rem;
  display: flex;
}

.layout.is--media-right.work-slider__slide.is-active {
  opacity: 100;
}

.layout.is--grid {
  grid-column-gap: var(--_layout---spacing--m);
  grid-row-gap: var(--_layout---spacing--xl);
  flex-flow: column;
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-columns: minmax(auto, 1fr) 1fr 1fr;
  justify-content: stretch;
  align-items: start;
  display: grid;
}

.layout.is--grid.is--workgrid {
  place-content: start;
}

.layout.is--grid.casestudy-stats-grid {
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: minmax(auto, 1fr) 1fr 1fr 1fr;
  justify-content: center;
  place-items: flex-start stretch;
  display: flex;
}

.body {
  background-color: var(--_colour---background--primary);
  font-family: var(--_typography---font--secondary);
  color: var(--_colour---text--primary);
  font-size: var(--_layout---spacing--r);
  font-weight: 400;
  line-height: 175%;
}

.nav {
  left: 50%;
  top: var(--_layout---spacing--r);
  z-index: 99;
  padding: var(--_layout---spacing--xs);
  grid-column-gap: var(--_layout---spacing--xs);
  grid-row-gap: var(--_layout---spacing--xs);
  -webkit-backdrop-filter: blur(.5rem);
  backdrop-filter: blur(.5rem);
  background-color: #171a1fcc;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: auto;
  right: auto;
  transform: translate(-50%);
}

.compliance-sml--text {
  font-family: BBC Reith Sans, Arial, sans-serif;
  font-size: 10px;
  line-height: 100%;
}

.compliance-sml--wrapper {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: var(--_colour---background--primary);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.compliance-sml--wrapper:hover {
  text-decoration: underline;
}

.compliance-reg--text {
  border-bottom: 1px solid var(--_colour---background--primary);
  color: var(--_colour---background--primary);
  text-align: right;
  margin-bottom: 5px;
  padding-bottom: 5px;
  font-family: BBC Reith Sans Condensed, Arial, sans-serif;
  font-size: 12px;
  line-height: 110%;
}

.compliance-text--wrapper {
  justify-content: flex-start;
  align-items: flex-end;
}

.compliance {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
}

.compliance-logo--svg {
  max-height: 100%;
  display: none;
}

.compliance-logo--wrapper {
  width: 88px;
  height: 41px;
}

.compliance-logo--image {
  max-height: 100%;
}

.bbc-branding {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  pointer-events: none;
  color: var(--_colour---background--primary);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bbc--text {
  font-family: BBC Reith Sans Condensed, Arial, sans-serif;
  font-size: 10px;
  line-height: 100%;
}

.footer {
  padding-top: var(--_layout---spacing--m);
  padding-bottom: var(--_layout---spacing--m);
  background-color: var(--_colour---background--primary);
  --_colour---background--secondary: white;
  --_colour---text--primary: white;
  --_colour---text--secondary: black;
  --_colour---background--primary: black;
  --_colour---border--primary: white;
  --_colour---border--secondary: black;
  --_colour---border--tertiary: grey;
  --_colour---text--tertiary: grey;
  --_colour---background--tertiary: grey;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.footer--container {
  width: 100%;
  max-width: var(--_layout---sizing--default);
  padding-right: var(--_layout---spacing--l);
  padding-left: var(--_layout---spacing--l);
  grid-column-gap: var(--_layout---spacing--m);
  grid-row-gap: var(--_layout---spacing--m);
  flex-flow: column;
  justify-content: flex-start;
  align-self: center;
  align-items: stretch;
  margin-left: -2rem;
  margin-right: -2rem;
  display: flex;
}

.footer--logo-socials {
  justify-content: space-between;
  align-items: center;
}

.footer--socials {
  grid-column-gap: var(--_layout---spacing--m);
  grid-row-gap: var(--_layout---spacing--m);
  justify-content: flex-end;
  align-items: center;
}

.socials--link {
  color: var(--_colour---text--primary);
  cursor: pointer;
  transition: all .333s;
}

.socials--link:hover {
  margin: -10px;
  padding: 10px;
}

.footer--text {
  font-family: var(--_typography---font--secondary);
  text-align: center;
}

.footer--text.is--bold {
  font-weight: 700;
}

.footer--text.is--mobile {
  display: none;
}

.footer--text.is--desktop {
  display: block;
}

.footer--text-container {
  grid-column-gap: var(--_layout---spacing--xs);
  grid-row-gap: var(--_layout---spacing--xs);
  color: var(--_colour---background--secondary);
  justify-content: flex-start;
  align-items: center;
}

.footer--bbc-wrapper {
  color: var(--_colour---background--secondary);
}

.footer--divider {
  background-color: var(--_colour---border--primary);
  height: 1px;
}

.sw-logo-linear {
  display: block;
}

.sw-logo-stacked {
  display: none;
}

.footer--link {
  color: var(--_colour---text--primary);
}

.nav-item {
  padding: var(--_layout---spacing--xs) var(--_layout---spacing--r);
  font-family: var(--_typography---font--tertiary);
  color: var(--_colour---text--secondary);
  font-size: var(--_layout---spacing--r);
  text-align: center;
  background-color: #fff0;
  border-radius: 99px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
  transition: all .2s;
}

.nav-item:hover {
  background-color: #ffffff1a;
}

.nav-item.w--current {
  font-weight: 700;
}

.nav-item.is--contact {
  display: none;
}

.page-scroll-wrapper {
  scroll-snap-type: Y proximity;
  scroll-behavior: smooth;
  width: 100vw;
  height: 100vh;
  overflow: auto;
}

.contact-widget {
  right: var(--_layout---spacing--r);
  bottom: var(--_layout---spacing--r);
  z-index: 99;
  padding: var(--_layout---spacing--xs);
  -webkit-backdrop-filter: blur(.5rem);
  backdrop-filter: blur(.5rem);
  background-color: #171a1fcc;
  border-radius: 99px;
  transition: all .2s;
  display: block;
  position: fixed;
}

.contact-widget:hover {
  transform: scale(1.1);
}

.contact-widget.is-hidden-by-cta {
  opacity: 0;
  pointer-events: none;
  transform: scale(.92);
}

.sw-logo {
  left: var(--_layout---spacing--r);
  z-index: 99;
  pointer-events: none;
  color: #fff;
  height: 31px;
  position: fixed;
  top: 1.7rem;
  bottom: 1.7rem;
  right: auto;
}

.sw-logo.is-light {
  color: #fff;
}

.sw-logo.is-dark {
  color: #000;
}

.work-card {
  grid-column-gap: var(--_layout---spacing--r);
  grid-row-gap: var(--_layout---spacing--r);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  text-decoration: none;
  display: flex;
}

.work-card.is-hidden {
  display: none;
}

.work-thumb__wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.work-image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
}

.work-sector-tag {
  left: var(--_layout---spacing--xs);
  bottom: var(--_layout---spacing--xs);
  padding: var(--_layout---spacing--xs) var(--_layout---spacing--s);
  border: 1px solid var(--_colour---border--secondary);
  color: var(--_colour---text--secondary);
  font-size: var(--_layout---spacing--s);
  background-color: #ffffff1a;
  border-radius: 99px;
  line-height: 120%;
  position: absolute;
}

.work-open-icon {
  top: auto;
  left: auto;
  right: var(--_layout---spacing--xs);
  bottom: var(--_layout---spacing--xs);
  width: 32px;
  height: 32px;
  padding: var(--_layout---spacing--xs);
  background-color: #ffffff1a;
  border: 1px solid #fff;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.code-embed {
  margin-left: 2px;
}

.work-card-overlay {
  filter: saturate(50%);
  background-image: linear-gradient(#00000054, #0000 36% 66%, #00000054 90%);
  position: absolute;
  inset: 0%;
}

.work-card-titles {
  grid-column-gap: var(--_layout---spacing--xs);
  grid-row-gap: var(--_layout---spacing--xs);
  justify-content: flex-start;
  align-items: stretch;
}

.card-title {
  font-family: var(--_typography---font--secondary);
  font-size: var(--_layout---spacing--m);
  font-weight: 300;
  line-height: 120%;
  text-decoration: none;
}

.card-subtitle {
  font-family: var(--_typography---font--primary);
  font-size: var(--_layout---spacing--m);
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
}

.cta-column__left {
  grid-column-gap: var(--_layout---spacing--m);
  grid-row-gap: var(--_layout---spacing--m);
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
}

.cta-column__right {
  grid-column-gap: var(--_layout---spacing--xs);
  grid-row-gap: var(--_layout---spacing--xs);
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: auto auto auto auto auto auto auto auto;
  grid-auto-columns: auto;
  justify-content: center;
  place-items: center stretch;
  display: flex;
}

.cta-titles {
  grid-column-gap: var(--_layout---spacing--xs);
  grid-row-gap: var(--_layout---spacing--xs);
}

.cta-form {
  margin-bottom: 0;
}

.button {
  padding: var(--_layout---spacing--s) var(--_layout---spacing--l);
  grid-column-gap: var(--_layout---spacing--s);
  grid-row-gap: var(--_layout---spacing--s);
  background-color: var(--_colour---background--secondary);
  font-family: var(--_typography---font--secondary);
  color: var(--_colour---text--secondary);
  border: .5px solid #000;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  line-height: 150%;
  transition: all .2s;
  display: flex;
}

.button:hover {
  border: .5px solid #0003;
  font-weight: 400;
  transform: scale(1.03);
}

.button.is--rightaligned {
  align-self: flex-start;
}

.button.digitalsummary__cta {
  height: 47px;
  padding: var(--_layout---spacing--s) var(--_layout---spacing--m);
  font-family: var(--_typography---font--secondary);
  align-self: flex-start;
}

.form-field {
  width: 100%;
  padding-top: var(--_layout---spacing--xs);
  padding-right: var(--_layout---spacing--non);
  padding-bottom: var(--_layout---spacing--non);
  padding-left: var(--_layout---spacing--non);
  border-top: 1px #000;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-right: 1px #000;
  border-bottom-color: var(--_colour---border--tertiary);
  color: var(--_colour---text--tertiary);
  resize: vertical;
  background-color: #0000;
  border-left: 1px #000;
  margin-bottom: 0;
}

.form-field__group {
  grid-column-gap: var(--_layout---spacing--r);
  grid-row-gap: var(--_layout---spacing--r);
}

.form-wrapper {
  grid-column-gap: var(--_layout---spacing--r);
  grid-row-gap: var(--_layout---spacing--r);
  flex-flow: column;
  display: flex;
}

.form-checkbox {
  grid-column-gap: var(--_layout---spacing--xs);
  grid-row-gap: var(--_layout---spacing--xs);
  color: var(--_colour---text--tertiary);
  font-size: var(--_layout---spacing--s);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 12px;
  font-weight: 400;
  line-height: 120%;
  display: flex;
}

.form-checkbox__toggle {
  margin-top: 0;
}

.cta-image__small01 {
  aspect-ratio: 1;
  background-image: url('https://static.bbc-storyworks.com/storyworks/portfolio/images/cta-image02-2x.webp');
  background-position: 50%;
  background-size: cover;
  align-self: flex-start;
  width: 50%;
  max-width: 140px;
  overflow: hidden;
}

.cta-image__small01.is--topright:hover {
  transform-origin: 0 100%;
  transform: scale(1.1);
}

.cta-image__small01.is--bottomleft:hover {
  transform-origin: 100% 0;
  transform: scale(1.1);
}

.cta-image__large02 {
  aspect-ratio: 1;
  object-fit: cover;
  background-image: url('https://static.bbc-storyworks.com/storyworks/portfolio/images/cta-image03-2x.webp');
  background-position: 50%;
  background-size: cover;
  align-self: flex-start;
  width: 100%;
  max-width: 280px;
}

.cta-image__large02.is--topleft:hover {
  transform-origin: 100% 100%;
  transform: scale(1.1);
}

.cta-image__large02.is--bottomright:hover {
  transform-origin: 0 0;
  transform: scale(1.1);
}

.cta-image__large01 {
  aspect-ratio: 1;
  object-fit: cover;
  background-image: url('https://static.bbc-storyworks.com/storyworks/portfolio/images/cta-image04-2x.webp');
  background-position: 50%;
  background-size: cover;
  align-self: flex-end;
  width: 100%;
  max-width: 280px;
}

.cta-image__large01.is--topleft:hover {
  transform-origin: 100% 100%;
  transform: scale(1.1);
}

.cta-image__large01.is--bottomright:hover {
  transform-origin: 0 0;
  transform: scale(1.1);
}

.cta-image__large02-copy {
  aspect-ratio: 1;
  object-fit: cover;
  background-image: url('https://static.bbc-storyworks.com/storyworks/portfolio/images/cta-image03-2x.webp');
  background-position: 50%;
  background-size: cover;
  transition: all .8s cubic-bezier(.215, .61, .355, 1);
}

.cta-image__large02-copy.is--topleft:hover {
  transform-origin: 100% 100%;
  transform: scale(1.1);
}

.cta-image__large02-copy.is--bottomright:hover {
  transform-origin: 0 0;
  transform: scale(1.1);
}

.cta-image__small02 {
  aspect-ratio: 1;
  background-image: url('https://static.bbc-storyworks.com/storyworks/portfolio/images/cta-image01-2x.webp');
  background-position: 50%;
  background-size: cover;
  align-self: flex-end;
  width: 50%;
  max-width: 140px;
  overflow: hidden;
}

.cta-image__small02.is--topright:hover {
  transform-origin: 0 100%;
  transform: scale(1.1);
}

.cta-image__small02.is--bottomleft:hover {
  transform-origin: 100% 0;
  transform: scale(1.1);
}

.cta-imagegrid__column {
  grid-column-gap: var(--_layout---spacing--xs);
  grid-row-gap: var(--_layout---spacing--xs);
  flex: 1;
}

.cta-imagegrid__column.is--left {
  padding-top: var(--_layout---spacing--2xl);
  justify-content: flex-end;
  align-items: flex-end;
}

.cta-imagegrid__column.is--right {
  padding-bottom: var(--_layout---spacing--2xl);
  justify-content: flex-start;
  align-items: flex-start;
}

.form--success {
  background-color: #0000;
  padding: 0;
}

.success-wrapper {
  grid-column-gap: var(--_layout---spacing--xs);
  grid-row-gap: var(--_layout---spacing--xs);
  justify-content: flex-start;
  align-items: stretch;
}

.form-error {
  margin-top: var(--_layout---spacing--r);
  padding: var(--_layout---spacing--xs) var(--_layout---spacing--m);
  font-family: var(--_typography---font--primary);
  background-color: #0000;
  border: 1px solid #000;
  border-radius: 99px;
}

.form-field__wrapper {
  flex: 1;
  position: relative;
}

.form-fild__required {
  position: absolute;
  inset: 1.25rem 0% auto auto;
}

.is--centred {
  text-align: center;
}

.is--centred.is--light {
  color: var(--_colour---text--secondary);
}

.whatwedo-tabs-wrapper {
  grid-column-gap: var(--_layout---spacing--l);
  grid-row-gap: var(--_layout---spacing--l);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: -32px;
  display: flex;
}

.whatwedo-tabsmenu {
  grid-column-gap: var(--_layout---spacing--r);
  grid-row-gap: var(--_layout---spacing--r);
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: auto;
}

.whatwedo-tabscontent {
  max-width: var(--_layout---sizing--default);
  margin-right: var(--_layout---spacing--2xl);
  margin-left: var(--_layout---spacing--2xl);
}

.whatwedo-image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.whatwedo-tablink {
  width: auto;
  padding: var(--_layout---spacing--s) var(--_layout---spacing--m);
  background-color: #fff;
  border-radius: 99px;
  flex: none;
  margin: 0;
  transition: all .2s;
}

.whatwedo-tablink:hover {
  background-color: #f8f8f8;
}

.whatwedo-tablink.w--current {
  background-color: var(--_colour---border--primary);
  color: var(--_colour---text--secondary);
}

.logo-marquee-wrap {
  justify-content: flex-start;
  align-self: center;
  align-items: stretch;
  width: auto;
  max-width: 100vw;
  display: flex;
  overflow: auto;
}

.logo-marquee-container {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  min-width: auto;
  padding-left: 4rem;
  display: flex;
}

.logo-image {
  max-width: 10rem;
  max-height: 3rem;
}

.hero_media {
  z-index: 0;
  flex: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.hero_fallback-img {
  object-fit: cover;
  min-height: 100svh;
}

.sizzlevideo-wrapper {
  justify-content: space-around;
  align-items: flex-end;
}

.hero-link {
  color: var(--_colour---text--secondary);
  text-align: center;
  align-self: center;
}

.video-embed {
  margin-bottom: 0;
}

.video-embed.is--case-study__intro {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
}

.whoweare-eyebrow {
  font-family: var(--_typography---font--secondary);
  color: var(--_colour---text--primary);
  font-size: var(--_typography---size--h4);
  font-weight: 300;
}

.video-playicon {
  position: absolute;
  top: 50%;
  left: 50%;
}

.button-wrapper {
  flex-flow: column;
  justify-content: space-around;
  height: 100%;
  display: flex;
}

.button-wrapper.video--fullscreen-cta {
  z-index: 1;
  background-color: var(--_colour---background--secondary);
  --_colour---background--secondary: black;
  --_colour---text--primary: black;
  --_colour---text--secondary: white;
  --_colour---background--primary: white;
  --_colour---border--primary: black;
  --_colour---border--secondary: white;
  --_colour---border--tertiary: #5b5b5b;
  --_colour---text--tertiary: #5b5b5b;
  --_colour---background--tertiary: #5b5b5b;
  border-radius: 99px;
  justify-content: center;
  align-items: stretch;
  width: 136px;
  height: 37px;
  padding: 10px 14px;
  transition: all .2s;
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}

.button-wrapper.video--fullscreen-cta:hover {
  --_colour---background--secondary: white;
  --_colour---text--primary: white;
  --_colour---text--secondary: black;
  --_colour---background--primary: black;
  --_colour---border--primary: white;
  --_colour---border--secondary: black;
  --_colour---border--tertiary: grey;
  --_colour---text--tertiary: grey;
  --_colour---background--tertiary: grey;
}

.text-primary {
  font-family: var(--_typography---font--primary);
  font-size: var(--_typography---size--h2);
  font-weight: 500;
  line-height: 125%;
}

.whoweare-intro-titles {
  grid-column-gap: var(--_layout---spacing--s);
  grid-row-gap: var(--_layout---spacing--s);
  flex-flow: column;
  display: flex;
}

.share-widget {
  left: auto;
  top: var(--_layout---spacing--r);
  right: var(--_layout---spacing--r);
  z-index: 99;
  width: var(--_layout---spacing--xl);
  height: var(--_layout---spacing--xl);
  padding: var(--_layout---spacing--xs);
  grid-column-gap: var(--_layout---spacing--xs);
  grid-row-gap: var(--_layout---spacing--xs);
  -webkit-backdrop-filter: blur(.5rem);
  backdrop-filter: blur(.5rem);
  cursor: pointer;
  background-color: #171a1fcc;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  transition: all .2s;
  display: flex;
  position: fixed;
  bottom: auto;
}

.share-widget:hover {
  transform: scale(1.1);
}

.video-fullscreen-cta {
  z-index: 1;
  background-color: #000;
  border-radius: 99px;
  width: 136px;
  height: 37px;
  position: absolute;
  inset: auto 1rem 1rem auto;
}

.fullscreen-cta-copy {
  font-family: var(--_typography---font--primary);
  color: var(--_colour---text--secondary);
  font-size: var(--_layout---spacing--s);
  text-align: center;
  justify-content: center;
  align-items: stretch;
  font-weight: 500;
  display: flex;
}

.media-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.media-image.is--01 {
  z-index: 3;
  background-image: url('https://static.bbc-storyworks.com/storyworks/portfolio/images/work-placeholder-image12-2x.webp');
  background-position: 50%;
  background-size: auto;
}

.media-image.is-02 {
  z-index: 2;
  opacity: 0;
}

.media-image.is-03 {
  z-index: 1;
  opacity: 0;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
}

.whoweare-slider-wrapper {
  aspect-ratio: 1;
  object-fit: cover;
  justify-content: space-around;
  width: 50%;
  height: 100%;
  position: relative;
}

.whoweare-intro-body {
  flex-flow: column;
  display: flex;
}

.award-title {
  font-size: var(--_typography---size--h4);
  align-self: flex-start;
  font-weight: 300;
}

.whoweare-paragraph {
  margin-bottom: 0;
}

.whoweare-paragraph.scrollytest {
  height: 100%;
}

.intro-awards-wrapper {
  margin-top: var(--_layout---spacing--r);
  grid-column-gap: var(--_layout---spacing--r);
  grid-row-gap: var(--_layout---spacing--r);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.award-logo {
  object-fit: contain;
  width: auto;
  max-width: 150px;
  height: 60px;
}

.heading-2 {
  font-family: var(--_typography---font--secondary);
  font-size: var(--_typography---size--h4);
}

.sw-labelling-text {
  pointer-events: none;
  color: var(--_colour---text--primary);
  font-family: BBC Reith Sans Condensed, Arial, sans-serif;
  font-size: .75rem;
  line-height: 110%;
}

.casestudy-hero-subheading {
  color: var(--_colour---text--secondary);
  font-size: 3rem;
  line-height: 120%;
}

.whoweare-heading.scrollytest {
  height: 100%;
}

.casestudy-hero-heading {
  color: var(--_colour---text--secondary);
  font-size: 3rem;
  font-weight: 300;
  line-height: 110%;
}

.sw-credit-wrapper {
  grid-column-gap: var(--_layout---spacing--xs);
  grid-row-gap: var(--_layout---spacing--xs);
  justify-content: flex-start;
  align-items: stretch;
}

.work-award-tag {
  left: var(--_layout---spacing--xs);
  top: var(--_layout---spacing--xs);
  padding: 4px var(--_layout---spacing--s) var(--_layout---spacing--xs) 4px;
  grid-column-gap: var(--_layout---spacing--xs);
  grid-row-gap: var(--_layout---spacing--xs);
  border: 1px none var(--_colour---border--secondary);
  color: var(--_colour---text--secondary);
  font-size: var(--_layout---spacing--s);
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  line-height: 100%;
  position: absolute;
}

.work-hero-subheading {
  --_colour---background--secondary: white;
  --_colour---text--primary: white;
  --_colour---text--secondary: black;
  --_colour---background--primary: black;
  --_colour---border--primary: white;
  --_colour---border--secondary: black;
  --_colour---border--tertiary: grey;
  --_colour---text--tertiary: grey;
  --_colour---background--tertiary: grey;
  font-family: BBC Reith Serif, Times New Roman, sans-serif;
  font-size: 3rem;
  font-weight: 400;
}

.work-grid_filter-bar {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.work-grid_filter-pill {
  color: var(--_colour---text--primary);
  background-color: #f6f6f6;
  border: .5px solid #0003;
  border-radius: 99px;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  padding: 12px 12px 12px 24px;
  display: flex;
}

.work-grid_filter-pill:hover {
  color: var(--_colour---text--secondary);
  background-color: #000;
}

.filter-field {
  height: auto;
  font-size: var(--_typography---size--body);
  color: inherit;
  background-color: #f3f3f300;
  border-style: none;
  border-width: 0;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin-bottom: 0;
  padding: 0;
}

.is--hidden {
  display: none !important;
}

.form-block {
  margin-bottom: 48px;
}

.button-toggle {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #f8f8f8;
  border: 0 solid #000;
  border-radius: 99px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  display: flex;
}

.button-toggle:hover {
  color: var(--_colour---background--primary);
  background-color: #000;
}

.button-toggle:focus {
  color: var(--_colour---text--secondary);
  background-color: #000;
}

.image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.people-hero-subtitle {
  color: var(--_colour---text--secondary);
  font-size: var(--_layout---spacing--2xl);
  font-weight: 400;
  line-height: 120%;
}

.people-card-imageframe {
  aspect-ratio: 1;
}

.people-carousel {
  grid-column-gap: var(--_layout---spacing--m);
  grid-row-gap: var(--_layout---spacing--m);
  justify-content: center;
  align-self: stretch;
  align-items: center;
}

.people-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: stretch;
  width: 220px;
}

.people-card-name {
  color: var(--_colour---text--secondary);
  font-size: var(--_layout---spacing--m);
  line-height: 150%;
}

.people-card-job {
  opacity: .8;
  font-family: var(--_typography---font--primary);
  color: var(--_colour---text--secondary);
  font-weight: 400;
  line-height: 120%;
}

.people-card-text {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: stretch;
}

.poeple-card-image {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
}

.people-carousel-wrapper {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0% 14.5rem;
}

.howwework-slider__content {
  grid-column-gap: var(--_layout---spacing--r);
  grid-row-gap: var(--_layout---spacing--r);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 40%;
  min-height: 30rem;
  padding-top: 3rem;
  padding-bottom: 1.5rem;
  display: flex;
}

.work-slider__nav {
  inset: 0% auto auto 0%;
}

.work-slider__controls {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.howwework-slider__text {
  grid-column-gap: var(--_layout---spacing--xs);
  grid-row-gap: var(--_layout---spacing--xs);
  flex-flow: column;
  display: flex;
}

.work-slider__dot {
  cursor: pointer;
  background-color: #262626;
  width: 10px;
  height: 10px;
}

.work-slider__dot.is-active {
  background-color: #fff;
}

.whoweare-slider {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.whoweare-slide {
  aspect-ratio: 1;
  object-fit: cover;
}

.whoweare-slide.is--image01 {
  background-image: url('https://static.bbc-storyworks.com/storyworks/portfolio/images/home-intro-image05-2x.webp');
  background-position: 50%;
  background-size: cover;
}

.whoweare-slide.is--image02 {
  background-image: url('https://static.bbc-storyworks.com/storyworks/portfolio/images/home-intro-image01-2x.webp');
  background-position: 50%;
  background-size: cover;
}

.whoweare-slide.is--image03 {
  background-image: url('https://static.bbc-storyworks.com/storyworks/portfolio/images/home-intro-image04-2x.webp');
  background-position: 50%;
  background-size: cover;
}

.slide-2 {
  background-image: url('https://static.bbc-storyworks.com/storyworks/portfolio/images/work-placeholder-image12-2x.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-3 {
  background-image: url('https://static.bbc-storyworks.com/storyworks/portfolio/images/work-placeholder-image03-2x.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.whoweare-text-wrapper {
  grid-column-gap: var(--_layout---spacing--2xl);
  grid-row-gap: var(--_layout---spacing--2xl);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.howwework-slider {
  background-color: #fff0;
  flex: 1;
}

.work-slider__button {
  background-color: #fff;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  inset: auto auto 0% 0%;
}

.work-slider__button.is--previous {
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding-right: 2px;
  display: flex;
}

.work-slider__button.is--next {
  padding-left: 2px;
  left: 3rem;
}

.howwework-slide01-image {
  perspective: 1000px;
}

.howwework-slide01-image.is-fallback {
  z-index: 0;
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.work-slider__media {
  perspective: 1500px;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
  position: relative;
  overflow: visible;
  transform: none;
}

.slider {
  background-color: #000;
}

.left-arrow {
  background-color: #fff;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  inset: auto auto 0% 0%;
}

.intro-text-wrapper {
  grid-column-gap: var(--_layout---spacing--2xl);
  grid-row-gap: var(--_layout---spacing--2xl);
  flex-flow: column;
  display: flex;
}

.intro-background {
  z-index: 0;
  background-color: #f8f3f0;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: stretch;
  width: 50%;
  height: auto;
  min-height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.intro-heading-wrapper {
  z-index: 1;
  position: relative;
}

.intro-heading {
  font-size: 1.5rem;
}

.howwework-eyebrow {
  font-family: var(--_typography---font--secondary);
  color: var(--_colour---text--primary);
  font-size: var(--_typography---size--h4);
  font-weight: 300;
}

.intro-video-wrapper {
  top: var(--_layout---spacing--2xl);
  z-index: 1;
  cursor: pointer;
  object-fit: cover;
  flex-flow: column;
  justify-content: flex-start;
  align-self: auto;
  align-items: stretch;
  max-width: 728px;
  max-height: 409.5px;
  display: flex;
  position: sticky;
  overflow: hidden;
  place-self: auto !important;
}

.intro-video-wrapper:where(.w-variant-90c8ba71-6d0e-2b3e-c435-61c0c2f6f352) {
  flex: 1;
  max-width: none;
  max-height: none;
}

.intro-bodycopy-wrapper {
  z-index: 1;
  flex-flow: column;
  display: flex;
  position: relative;
}

.intro-bodycopy {
  margin-bottom: var(--_layout---spacing--non);
  color: var(--_colour---text--tertiary);
  position: relative;
}

.workcta-text-wrapper {
  grid-column-gap: var(--_layout---spacing--r);
  grid-row-gap: var(--_layout---spacing--r);
}

.workcta-image-wrapper {
  aspect-ratio: 1;
  position: relative;
}

.workcta-image {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.casestudy-stats-stat {
  grid-column-gap: var(--_layout---spacing--r);
  grid-row-gap: var(--_layout---spacing--r);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 22%;
  display: flex;
}

.casestudy-stats-number {
  color: var(--_colour---text--primary);
  text-align: center;
  white-space: nowrap;
  align-self: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.5rem;
}

.casestudy-stats-label {
  color: var(--_colour---text--tertiary);
  line-height: 120%;
}

.hero-titles__wrapper {
  grid-column-gap: var(--_layout---spacing--xs);
  grid-row-gap: var(--_layout---spacing--xs);
  justify-content: flex-start;
  align-items: stretch;
}

.digitalsummary__media {
  overflow: hidden;
}

.heading-3 {
  font-size: var(--_typography---size--h4);
}

.digitalsummary__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.work-slider__floater {
  background-image: linear-gradient(red, red);
  border-radius: 10px;
  width: 200px;
  height: 200px;
  position: absolute;
  box-shadow: 2px 2px 20px #0003;
}

.work-slider__floater.is--item02 {
  z-index: 6;
  aspect-ratio: 1;
  width: 11rem;
  min-width: 3.5rem;
  max-width: 9.5rem;
  height: auto;
  transform-style: preserve-3d;
  inset: 0% auto auto 0%;
  transform: translate3d(0, 0, 10px);
}

.work-slider__floater.is--stat-card {
  z-index: 6;
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  width: auto;
  height: auto;
  transform-style: preserve-3d;
  background-color: #5b5b5b66;
  background-image: none;
  flex-flow: column;
  padding: 14px 12px;
  line-height: 100%;
  display: flex;
  transform: translate3d(0, 0, 10px);
}

.work-slider__floater.is--stat-card.is--stat-02 {
  flex: 0 auto;
  align-self: center;
  inset: 4% 11% auto auto;
}

.work-slider__floater.is--stat-card.is--stat-01 {
  inset: auto auto 6% 8%;
}

.work-slider__floater.is--stat-card.is--stat-03 {
  inset: auto 9% 3% auto;
}

.work-slider__floater.is--swatches {
  z-index: 2;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  width: 7rem;
  height: auto;
  box-shadow: none;
  transform-style: preserve-3d;
  background-image: none;
  display: flex;
  inset: auto auto 37% 20%;
  transform: translate3d(0, 0, 10px);
}

.work-slider__floater.is--item03-copy {
  z-index: 2;
  background-image: linear-gradient(#00f, #00f);
  width: 31%;
  height: 12%;
  top: 65%;
  left: 68%;
}

.work-slider__floater.is--media-main {
  z-index: -5;
  aspect-ratio: 9 / 16;
  width: 34%;
  height: auto;
  transform-style: preserve-3d;
  background-image: none;
  flex: none;
  top: auto;
  bottom: auto;
  right: auto;
  overflow: hidden;
  transform: translate3d(0, 0, -30px);
}

.work-slider__floater.is--item04 {
  z-index: 2;
  aspect-ratio: 16 / 9;
  background-image: linear-gradient(#0ff, #0ff);
  width: 12vw;
  min-width: 5rem;
  max-width: 14rem;
  height: auto;
  inset: auto auto 0% 0%;
}

.work-slider__floater.is--slideimage {
  aspect-ratio: 3 / 2;
  width: 28%;
  height: auto;
  transform-style: preserve-3d;
  background-image: url('https://static.bbc-storyworks.com/storyworks/portfolio/images/howWeWork-Slide04-Image02_2x.webp');
  background-position: 0 0;
  background-size: cover;
  top: auto;
  right: 0;
  transform: translate3d(0, 0, 50px);
}

.work-slider__floater.is--slideimage.is--slide01-image02 {
  background-image: url('https://static.bbc-storyworks.com/storyworks/portfolio/images/hww-slide01-image2.webp');
  inset: auto 11% auto auto;
}

.work-slider__floater.is--slideimage.is--slide01-image01 {
  background-image: url('https://static.bbc-storyworks.com/storyworks/portfolio/images/hww-slide01-image1.webp');
  inset: 8% auto auto 10%;
}

.work-slider__floater.is--slideimage.is--slide02-image01 {
  background-image: url('https://static.bbc-storyworks.com/storyworks/portfolio/images/hww-slide01-image1_1.webp');
  inset: 8% auto auto 10%;
}

.work-slider__floater.is--slideimage.is--slide02-image02 {
  background-image: url('https://static.bbc-storyworks.com/storyworks/portfolio/images/hww-slide01-image2_1.webp');
  inset: auto 8% auto auto;
}

.work-slider__floater.is--slideimage.is--slide04-image01 {
  background-image: url('https://static.bbc-storyworks.com/storyworks/portfolio/images/hww-slide04-image1.webp');
  inset: 8% auto auto 10%;
}

.work-slider__floater.is--slideimage.is--slide03-image01 {
  background-image: url('https://static.bbc-storyworks.com/storyworks/portfolio/images/hww-slide03-image1.webp');
  inset: 8% auto auto 10%;
}

.work-slider__floater.is--slideimage.is--slide03-image02 {
  background-image: url('https://static.bbc-storyworks.com/storyworks/portfolio/images/hww-slide03-image2.webp');
  inset: auto 11% auto auto;
}

.work-slider__floater.is--slideimage.is--slide04-image02 {
  background-image: url('https://static.bbc-storyworks.com/storyworks/portfolio/images/hww-slide04-image2.webp');
  inset: auto 11% auto auto;
}

.work-slider__floater.is--slideimage.is--slide05-image02 {
  background-image: url('https://static.bbc-storyworks.com/storyworks/portfolio/images/hww-slide05-image2.webp');
  top: auto;
  right: 11%;
}

.work-slider__floater.is--slideimage.is--slide05-image01 {
  background-image: url('https://static.bbc-storyworks.com/storyworks/portfolio/images/hww-slide05-image1.webp');
  inset: 8% auto auto 10%;
}

.work-slider__floater.is--slide02image {
  background-image: none;
}

.work-slider__floater.is--slide02image.is--image-01 {
  background-image: url('https://static.bbc-storyworks.com/storyworks/portfolio/images/howWeWork-Slide04-Image01_2x.webp');
}

.work-slider__floater.is--slide02image {
  aspect-ratio: 3 / 2;
  background-image: url('https://static.bbc-storyworks.com/storyworks/portfolio/images/howWeWork-Slide04-Image02_2x.webp');
  background-position: 0 0;
  background-size: cover;
  width: 28%;
  height: auto;
  top: auto;
  right: 0;
}

.work-slider__floater.is--slide02image.is--image-02 {
  background-image: url('https://static.bbc-storyworks.com/storyworks/portfolio/images/howWeWork-Slide04-Image02_2x.webp');
  inset: auto 11% auto auto;
}

.work-slider__floater.is--slide02image.is--image-01 {
  background-image: url('https://static.bbc-storyworks.com/storyworks/portfolio/images/hww-slide01-image1.webp');
  inset: 8% auto auto 10%;
}

.div-block {
  display: flex;
}

.whoweare-copy-wrapper {
  width: 50%;
  padding-right: var(--_layout---spacing--l);
  grid-column-gap: var(--_layout---spacing--xl);
  grid-row-gap: var(--_layout---spacing--xl);
  object-fit: cover;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
  overflow: hidden;
}

.whoweare-slider-container {
  left: auto;
  top: var(--_layout---spacing--2xl);
  right: var(--_layout---spacing--2xl);
  bottom: var(--_layout---spacing--2xl);
  align-self: flex-start;
  width: 50%;
  position: sticky;
}

.award-logo-wrapper {
  grid-column-gap: var(--_layout---spacing--r);
  grid-row-gap: var(--_layout---spacing--r);
  pointer-events: none;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.casestudy-hero__image {
  z-index: -1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.intro-playicon-background {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.intro-playicon {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-left: 14px;
}

.case-study__intro-video {
  flex: 0 auto;
  align-self: center;
  display: block;
}

.case-study__intro-video:where(.w-variant-90c8ba71-6d0e-2b3e-c435-61c0c2f6f352) {
  display: none;
}

.is--red {
  background-color: red;
}

.cta-image__slider {
  aspect-ratio: 1;
  max-width: 100%;
  max-height: 100%;
}

.cta-image__slide-image {
  width: 100%;
}

.mask {
  overflow: visible;
}

.code-embed-4 {
  width: 173px;
}

.whoweare__slide__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.whoweare__slide__image.is--image01 {
  background-image: url('https://static.bbc-storyworks.com/storyworks/portfolio/images/home-intro-image05-2x.webp');
  background-position: 50%;
  background-size: cover;
}

.whoweare__slide__image.is--image02 {
  background-image: url('https://static.bbc-storyworks.com/storyworks/portfolio/images/home-intro-image01-2x.webp');
  background-position: 50%;
  background-size: cover;
}

.whoweare__slide__image.is--image03 {
  background-image: url('https://static.bbc-storyworks.com/storyworks/portfolio/images/home-intro-image04-2x.webp');
  background-position: 50%;
  background-size: cover;
}

.casestudy__results__rich-text {
  --_colour---background--secondary: white;
  --_colour---text--primary: white;
  --_colour---text--secondary: black;
  --_colour---background--primary: black;
  --_colour---border--primary: white;
  --_colour---border--secondary: black;
  --_colour---border--tertiary: grey;
  --_colour---text--tertiary: grey;
  --_colour---background--tertiary: grey;
  flex: 1;
}

.casestudy__results__rich-text h1 {
  margin-bottom: var(--_layout---spacing--r);
  color: var(--_colour---text--primary);
}

.casestudy__results__rich-text h5 {
  margin-top: 0;
  margin-bottom: var(--_layout---spacing--s);
  color: var(--_colour---text--primary);
  line-height: 150%;
}

.casestudy__results__rich-text h6 {
  color: var(--_colour---text--primary);
  line-height: 150%;
}

.casestudy__results__rich-text blockquote {
  margin-bottom: var(--_layout---spacing--r);
  font-family: var(--_typography---font--primary);
  color: var(--_colour---text--primary);
  font-size: var(--_layout---spacing--l);
  border-left-style: none;
  padding: 0;
  font-weight: 500;
  line-height: 125%;
}

.casestudy__results__rich-text ol, .casestudy__results__rich-text ul {
  color: var(--_colour---text--primary);
  padding-left: 18px;
}

.casestudy__results__rich-text a {
  text-decoration: underline;
  -webkit-text-decoration-color: var(--_colour---text--tertiary);
  text-decoration-color: var(--_colour---text--tertiary);
}

.casestudy__results__rich-text a:hover {
  -webkit-text-decoration-color: var(--_colour---text--primary);
  text-decoration-color: var(--_colour---text--primary);
}

.casestudy__results__rich-text h3, .casestudy__results__rich-text h4 {
  margin-bottom: var(--_layout---spacing--xs);
  line-height: 120%;
}

.casestudy__results__rich-text p {
  margin-bottom: var(--_layout---spacing--r);
}

.casestudy__related__heading {
  font-family: var(--_typography---font--primary);
  font-size: var(--_typography---size--h4);
  font-weight: 500;
}

.related-card {
  grid-column-gap: var(--_layout---spacing--r);
  grid-row-gap: var(--_layout---spacing--r);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  text-decoration: none;
  display: flex;
}

.related-card.is-hidden {
  display: none;
}

.casestudy__related__card-wrapper {
  flex: 1;
}

.casestudy__hero__sector-tag {
  padding: var(--_layout---spacing--xs) var(--_layout---spacing--s);
  border: 1px solid var(--_colour---border--secondary);
  color: var(--_colour---text--secondary);
  font-size: var(--_layout---spacing--s);
  border-radius: 99px;
  align-self: flex-start;
  line-height: 120%;
}

.text-block {
  color: var(--_colour---text--primary);
}

.stat-card__value {
  font-family: var(--_typography---font--secondary);
  color: var(--_colour---text--primary);
  font-size: var(--_typography---size--h3);
  white-space: nowrap;
  flex: none;
  font-weight: 300;
  line-height: 100%;
}

.stat-card__value.is--value-text {
  font-size: 1.2rem;
}

.stat-card__label {
  font-family: var(--_typography---font--secondary);
  color: var(--_colour---text--primary);
  white-space: nowrap;
  font-weight: 400;
  line-height: 100%;
}

.div-block-2 {
  width: 2rem;
  height: 2rem;
}

.work-slider__swatch {
  border-radius: 99px;
  width: 1.5rem;
  height: 1.5rem;
  box-shadow: 2px 2px 20px #0003;
}

.work-slider__swatch.is--swatch01 {
  background-color: #ecfaff;
}

.work-slider__swatch.is--swatch02 {
  background-color: #ff7100;
}

.work-slider__swatch.is--swatch03 {
  background-color: #b0d404;
}

.work-slider__swatch.is--swatch04 {
  background-color: #c5a7eb;
}

.work-slider__cluster {
  aspect-ratio: 9 / 16;
  flex: none;
  width: 14rem;
  height: auto;
  position: relative;
}

.image-2 {
  width: 100%;
  max-width: none;
}

.work-slider__image-main {
  background-image: url('https://static.bbc-storyworks.com/storyworks/portfolio/images/hww-slide01-main.webp');
  background-position: 0 0;
  background-size: cover;
}

.intro-copy-wrap {
  grid-column-gap: var(--_layout---spacing--l);
  grid-row-gap: var(--_layout---spacing--l);
  flex-flow: column;
  align-self: auto;
  max-width: 424px;
  height: 100%;
  display: flex;
  position: relative;
}

.footer--text__link {
  font-family: var(--_typography---font--secondary);
  text-align: center;
}

.footer--text__link:hover {
  text-decoration: underline;
}

.footer--text__link.is--bold {
  font-weight: 700;
}

.footer--text__link.is--mobile {
  display: none;
}

.footer--text__link.is--desktop {
  display: block;
}

.work-slider__mobile-prompt {
  grid-column-gap: var(--_layout---spacing--r);
  grid-row-gap: var(--_layout---spacing--r);
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.work-slider__mobile-prompt-text {
  color: var(--_colour---text--primary);
  font-weight: 300;
  line-height: 100%;
}

.code-embed-5 {
  color: var(--_colour---text--tertiary);
}

.casestudy-stats-footnote {
  color: var(--_colour---text--tertiary);
  font-size: var(--_layout---spacing--s);
  text-align: center;
  line-height: 120%;
  position: absolute;
  inset: auto 0% 1rem;
}

.casestudy-stats-footnote:where(.w-variant-b205b6d5-6446-5f31-5793-aa7d84a6d3eb) {
  left: var(--_layout---spacing--l);
  right: var(--_layout---spacing--l);
}

.case-study__intro-image {
  display: none;
}

.case-study__intro-image:where(.w-variant-90c8ba71-6d0e-2b3e-c435-61c0c2f6f352) {
  object-fit: contain;
  align-self: center;
  width: 100%;
  max-height: 80vh;
  display: block;
}

.people__work-cta__heading {
  font-size: var(--_typography---size--h4);
}

.socials--embed {
  transition: transform .333s;
}

.socials--embed:hover {
  transform: scale(1.1);
}

@media screen and (max-width: 991px) {
  body {
    --_layout---spacing--2xl: 4rem;
    --_layout---spacing--l: 2rem;
    --_layout---spacing--non: 0rem;
    --_layout---sizing--default: 720px;
    --_layout---sizing--narrow: 500px;
    --_layout---spacing--xl: 3rem;
    --_layout---spacing--r: 1rem;
    --_layout---spacing--xs: .5rem;
    --_layout---spacing--m: 1.5rem;
    --_layout---spacing--s: .75rem;
    --_layout---sizing--full: 100%;
    --_layout---spacing--3xl: 5rem;
  }

  .container.is--default {
    padding-right: var(--_layout---spacing--non);
    padding-left: var(--_layout---spacing--non);
  }

  .container.is--default.is-casestudy-intro {
    justify-content: center;
    align-items: stretch;
    display: flex;
  }

  .container.is--default.is--howwework {
    padding-left: 0;
    padding-right: 0;
  }

  .layout.is--2col.is--whatwedo {
    place-items: start stretch;
  }

  .layout.is--2col.is--casestudy-intro {
    grid-column-gap: var(--_layout---spacing--l);
    grid-row-gap: var(--_layout---spacing--l);
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    max-width: 480px;
    display: grid;
  }

  .layout.is--2col.is--people__work-cta {
    grid-column-gap: var(--_layout---spacing--l);
    grid-row-gap: var(--_layout---spacing--l);
  }

  .layout.is--3col {
    grid-template-columns: 1fr 1fr;
  }

  .layout.is--3col.is--casestudy--related {
    grid-column-gap: var(--_layout---spacing--m);
    grid-row-gap: var(--_layout---spacing--m);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .layout.is--media-left, .layout.is--media-right {
    grid-template-columns: 1fr 1fr;
  }

  .layout.is--grid, .layout.is--grid.casestudy-stats-grid {
    grid-template-columns: minmax(auto, 1fr) 1fr;
  }

  .footer--socials {
    grid-column-gap: var(--_layout---spacing--xl);
    grid-row-gap: var(--_layout---spacing--xl);
  }

  .sw-logo {
    transform-origin: 0%;
    transform: scale(.8);
  }

  .cta-image__small01 {
    max-width: 100px;
  }

  .cta-image__large02, .cta-image__large01 {
    max-width: 200px;
  }

  .cta-image__small02 {
    max-width: 100px;
  }

  .cta-imagegrid__column.is--left {
    padding-top: var(--_layout---spacing--xl);
  }

  .cta-imagegrid__column.is--right {
    padding-bottom: var(--_layout---spacing--xl);
  }

  .whatwedo-tabsmenu {
    width: 100vw;
    padding-right: var(--_layout---spacing--xl);
    padding-left: var(--_layout---spacing--xl);
    justify-content: flex-start;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .whatwedo-tablink {
    white-space: nowrap;
  }

  .whatwedo-tablink:hover {
    background-color: #f8f8f8;
    border-style: none;
  }

  .whoweare-slider-wrapper {
    height: auto;
  }

  .award-title {
    text-align: center;
  }

  .award-logo {
    max-width: 130px;
  }

  .people-carousel-wrapper {
    pointer-events: none;
  }

  .howwework-slider__content {
    justify-content: center;
    align-items: stretch;
    margin-top: 16px;
    padding-top: 1.5rem;
  }

  .howwework-slider__text {
    justify-content: center;
    align-items: stretch;
  }

  .work-slider__button.is--previous {
    padding-right: 2px;
  }

  .work-slider__button.is--next {
    padding-left: 2px;
  }

  .work-slider__media {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .intro-background {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    aspect-ratio: 3;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    min-height: auto;
    inset: 0% 0% auto;
  }

  .intro-video-wrapper {
    order: 1;
    margin-top: 0;
    position: static;
    top: auto;
    bottom: auto;
    right: auto;
    transform: none;
  }

  .casestudy-stats-number {
    font-size: 3rem;
  }

  .work-slider__floater.is--item02 {
    inset: 0% auto auto 0%;
  }

  .work-slider__floater.is--stat-card.is--stat-02 {
    top: 17%;
  }

  .work-slider__floater.is--stat-card.is--stat-01 {
    bottom: 22%;
  }

  .work-slider__floater.is--stat-card.is--stat-03 {
    bottom: 22%;
    right: 0%;
  }

  .work-slider__floater.is--swatches {
    bottom: 48%;
    left: 8%;
  }

  .work-slider__floater.is--item04 {
    bottom: 20%;
    left: 50%;
  }

  .work-slider__floater.is--slideimage {
    width: 8rem;
  }

  .work-slider__floater.is--slideimage.is--slide01-image02 {
    right: 4%;
  }

  .work-slider__floater.is--slideimage.is--slide01-image01, .work-slider__floater.is--slideimage.is--slide02-image01 {
    top: 18%;
  }

  .work-slider__floater.is--slideimage.is--slide02-image02 {
    right: 4%;
  }

  .work-slider__floater.is--slideimage.is--slide04-image01, .work-slider__floater.is--slideimage.is--slide03-image01 {
    top: 18%;
  }

  .work-slider__floater.is--slideimage.is--slide03-image02, .work-slider__floater.is--slideimage.is--slide04-image02, .work-slider__floater.is--slideimage.is--slide05-image02 {
    right: 3%;
  }

  .work-slider__floater.is--slideimage.is--slide05-image01 {
    top: 15%;
  }

  .work-slider__floater.is--slide02image {
    width: 8rem;
  }

  .work-slider__floater.is--slide02image.is--image-02 {
    right: 5%;
  }

  .work-slider__floater.is--slide02image.is--image-01 {
    top: 18%;
  }

  .whoweare-copy-wrapper {
    padding-right: 0;
  }

  .whoweare-slider-container {
    position: sticky;
  }

  .case-study__intro-video {
    flex: 1;
  }

  .stat-card__value {
    font-size: var(--_typography---size--h4);
  }

  .work-slider__cluster {
    width: 10rem;
  }

  .intro-copy-wrap {
    order: 2;
    width: 100%;
    position: static;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_typography---font--secondary: "BBC Reith Sans", Arial, sans-serif;
    --_typography---size--body: .875rem;
    --_typography---size--h1: 1.5rem;
    --_typography---font--primary: "BBC Reith Serif", "Times New Roman", sans-serif;
    --_typography---size--h2: 1.25rem;
    --_typography---size--h3: 1.5rem;
    --_typography---size--h4: 1.25rem;
    --_typography---font--tertiary: "BBC Reith Sans", Arial, sans-serif;
  }

  .section {
    padding-top: var(--_layout---spacing--l);
    padding-bottom: var(--_layout---spacing--l);
  }

  .section.is--contained.is--casestudy-results {
    padding-top: var(--_layout---spacing--l);
    padding-bottom: calc(1.75rem + var(--_layout---spacing--l));
  }

  .section.is--contained.is--work-cta {
    padding-top: var(--_layout---spacing--2xl);
  }

  .section.is--full.is--work-hero {
    padding-top: var(--_layout---spacing--l);
    padding-bottom: var(--_layout---spacing--l);
  }

  .container.is--default {
    margin-right: var(--_layout---spacing--l);
    margin-left: var(--_layout---spacing--l);
    width: calc(100vw - 64px);
  }

  .container.is--full.is--work-hero {
    padding-right: var(--_layout---spacing--l);
    padding-left: var(--_layout---spacing--l);
  }

  .container.is--full.is--casestudy-results {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .layout.is--1col {
    grid-row-gap: var(--_layout---spacing--l);
  }

  .layout.is--1col.is--work-hero {
    grid-row-gap: var(--_layout---spacing--xs);
  }

  .layout.is--1col.is--whatwedo {
    grid-column-gap: var(--_layout---spacing--r);
    grid-row-gap: var(--_layout---spacing--r);
  }

  .layout.is--1col.is-homehero {
    grid-row-gap: var(--_layout---spacing--r);
  }

  .layout.is--2col.is--cta {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .layout.is--2col.is--whatwedo {
    grid-template-columns: 1fr;
  }

  .layout.is--2col.is--whoweare {
    flex-flow: column;
  }

  .layout.is--2col.is--casestudy-results {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .layout.is--media-left {
    grid-template-columns: 1fr;
  }

  .layout.is--media-right.work-slider__slide {
    margin-bottom: 0;
  }

  .nav {
    top: auto;
    bottom: var(--_layout---spacing--non);
    grid-column-gap: var(--_layout---spacing--non);
    grid-row-gap: var(--_layout---spacing--non);
  }

  .footer {
    padding-bottom: 3.5rem;
  }

  .footer--container {
    padding-right: var(--_layout---spacing--r);
    padding-left: var(--_layout---spacing--r);
  }

  .footer--logo-socials {
    grid-column-gap: var(--_layout---spacing--xl);
    grid-row-gap: var(--_layout---spacing--xl);
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .footer--socials {
    grid-column-gap: var(--_layout---spacing--m);
    grid-row-gap: var(--_layout---spacing--m);
    justify-content: space-between;
    align-items: center;
  }

  .footer--bbc-wrapper {
    margin-left: auto;
    margin-right: auto;
  }

  .sw-logo-linear {
    display: none;
  }

  .sw-logo-stacked {
    display: block;
  }

  .nav-item {
    padding-right: var(--_layout---spacing--s);
    padding-left: var(--_layout---spacing--s);
    white-space: nowrap;
  }

  .nav-item.w--current {
    padding-right: var(--_layout---spacing--r);
    padding-left: var(--_layout---spacing--r);
  }

  .nav-item.is--contact {
    padding-right: var(--_layout---spacing--xs);
    padding-left: var(--_layout---spacing--xs);
    display: block;
  }

  .contact-widget {
    display: none;
  }

  .sw-logo {
    top: var(--_layout---spacing--s);
  }

  .whatwedo-tabsmenu {
    padding-right: var(--_layout---spacing--r);
    padding-left: var(--_layout---spacing--r);
    scroll-snap-type: x proximity;
  }

  .whatwedo-tabscontent {
    margin-right: var(--_layout---spacing--l);
    margin-left: var(--_layout---spacing--l);
  }

  .whatwedo-tablink {
    scroll-snap-align: center;
  }

  .share-widget {
    grid-column-gap: var(--_layout---spacing--non);
    grid-row-gap: var(--_layout---spacing--non);
  }

  .whoweare-paragraph {
    color: var(--_colour---text--tertiary);
  }

  .award-logo {
    max-width: 130px;
    height: 53.45px;
  }

  .sw-credit-wrapper {
    align-self: center;
  }

  .work-hero-subheading {
    font-size: 1.5rem;
  }

  .people-hero-title {
    line-height: 110%;
  }

  .people-hero-subtitle {
    font-size: var(--_layout---spacing--m);
  }

  .people-card-name {
    font-size: var(--_layout---spacing--r);
  }

  .people-card-job {
    font-size: var(--_layout---spacing--s);
  }

  .people-carousel-wrapper {
    bottom: 11.5rem;
  }

  .howwework-slider__content {
    min-height: 14rem;
    padding-bottom: 0;
  }

  .work-slider__button.is--previous, .work-slider__button.is--next {
    display: none;
    bottom: -1rem;
  }

  .intro-background {
    aspect-ratio: 2;
  }

  .casestudy-stats-stat {
    width: 45%;
  }

  .casestudy-stats-number {
    font-size: 3rem;
  }

  .work-slider__floater {
    border-radius: 5px;
  }

  .work-slider__floater.is--stat-card {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    padding: 10px 12px;
  }

  .work-slider__floater.is--stat-card.is--stat-01 {
    left: 4%;
  }

  .work-slider__floater.is--stat-card.is--stat-03 {
    bottom: 16%;
  }

  .work-slider__floater.is--swatches {
    width: 6rem;
  }

  .work-slider__floater.is--media-main {
    width: 40%;
  }

  .work-slider__floater.is--slideimage {
    width: 6rem;
  }

  .work-slider__floater.is--slideimage.is--slide01-image01 {
    top: 19%;
  }

  .work-slider__floater.is--slide02image {
    width: 6rem;
  }

  .work-slider__floater.is--slide02image.is--image-01 {
    top: 19%;
  }

  .whoweare-copy-wrapper {
    grid-column-gap: var(--_layout---spacing--r);
    grid-row-gap: var(--_layout---spacing--r);
    order: 9999;
    width: 100%;
  }

  .whoweare-slider-container {
    width: 100%;
    position: static;
  }

  .award-logo-wrapper {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .stat-card__label {
    font-size: .9rem;
  }

  .work-slider__cluster {
    width: 8rem;
  }

  .work-slider__mobile-prompt {
    display: flex;
  }
}

@media screen and (max-width: 479px) {
  body {
    --_layout---spacing--2xl: 4rem;
    --_layout---spacing--l: 2rem;
    --_layout---spacing--non: 0rem;
    --_layout---sizing--default: 100%;
    --_layout---sizing--narrow: 200px;
    --_layout---spacing--xl: 3rem;
    --_layout---spacing--r: 1rem;
    --_layout---spacing--xs: .5rem;
    --_layout---spacing--m: 1.5rem;
    --_layout---spacing--s: .75rem;
    --_layout---sizing--full: 100%;
    --_layout---spacing--3xl: 5rem;
  }

  .section.is--contained.is--digitalsummary {
    padding-top: var(--_layout---spacing--non);
  }

  .section.is--full.is--people-hero, .section.is--full.is--casestudy-hero {
    padding-top: var(--_layout---spacing--l);
    padding-bottom: var(--_layout---spacing--l);
  }

  .section.is--flush.is--casestudy-hero {
    height: 66vh;
  }

  .container.is--default {
    width: auto;
    max-width: 100%;
  }

  .container.is--default.is--casestudy-hero {
    width: calc(100% - 64px);
    max-width: none;
  }

  .container.is--default.is--digitalsummary {
    width: 100%;
    max-width: none;
  }

  .container.is--default.is--our-people {
    width: calc(100vw - 64px);
    max-width: none;
  }

  .container.is--default.is-casestudy-intro {
    margin-top: var(--_layout---spacing--l);
  }

  .container.is--default.is--casestudy-related {
    margin-left: 0;
    margin-right: 0;
  }

  .container.is--default.is--howwework {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .container.is--full.is--casestudy-results {
    padding-right: var(--_layout---spacing--l);
    padding-left: var(--_layout---spacing--l);
  }

  .layout {
    width: auto;
  }

  .layout.is--1col {
    grid-row-gap: var(--_layout---spacing--r);
  }

  .layout.is--1col.is--work-hero {
    grid-row-gap: var(--_layout---spacing--xs);
  }

  .layout.is--1col.is--casestudy-hero {
    grid-column-gap: 0rem;
    grid-row-gap: var(--_layout---spacing--non);
  }

  .layout.is--1col.digitalsummary__content {
    padding-right: var(--_layout---spacing--l);
    padding-left: var(--_layout---spacing--l);
  }

  .layout.is--2col {
    grid-template-columns: 1fr;
  }

  .layout.is--2col.is--cta {
    flex-flow: column-reverse;
    justify-content: flex-start;
    align-items: stretch;
  }

  .layout.is--2col.is--casestudy-intro {
    grid-column-gap: var(--_layout---spacing--l);
    grid-row-gap: var(--_layout---spacing--l);
  }

  .layout.is--2col.is--whoweare {
    grid-column-gap: var(--_layout---spacing--l);
    grid-row-gap: var(--_layout---spacing--l);
    flex-flow: column;
  }

  .layout.is--3col {
    grid-template-columns: 1fr;
  }

  .layout.is--3col.is--casestudy--related {
    width: 100%;
    padding-right: var(--_layout---spacing--l);
    padding-left: var(--_layout---spacing--l);
    scroll-snap-type: X mandatory;
    flex-flow: row;
    flex: 1;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
    overflow: auto hidden;
  }

  .layout.is--media-left, .layout.is--media-right {
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr;
  }

  .layout.is--media-right.work-slider__slide {
    grid-column-gap: var(--_layout---spacing--r);
    grid-row-gap: var(--_layout---spacing--r);
    flex-flow: column;
  }

  .layout.is--grid {
    grid-template-columns: 1fr;
  }

  .footer--socials {
    grid-column-gap: var(--_layout---spacing--non);
    grid-row-gap: var(--_layout---spacing--non);
  }

  .footer--text.is--mobile {
    display: block;
  }

  .footer--text.is--desktop {
    display: none;
  }

  .form-field__group {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .cta-image__small01 {
    max-width: 75px;
  }

  .cta-image__large02, .cta-image__large01 {
    max-width: 150px;
  }

  .cta-image__small02 {
    max-width: 75px;
  }

  .whatwedo-tabs-wrapper {
    grid-column-gap: var(--_layout---spacing--m);
    grid-row-gap: var(--_layout---spacing--m);
    margin-bottom: -24px;
  }

  .logo-marquee-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .logo-marquee-container {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    justify-content: space-around;
    padding-left: 24px;
  }

  .sizzlevideo-wrapper {
    object-fit: cover;
    overflow: hidden;
  }

  .video-embed {
    width: 100%;
    height: 100%;
  }

  .button-wrapper.video--fullscreen-cta {
    left: 50%;
    transform: translate(-50%);
  }

  .video-fullscreen-cta {
    pointer-events: none;
    display: flex;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
  }

  .casestudy-hero-subheading {
    font-size: 1.5rem;
    font-weight: 400;
  }

  .casestudy-hero-heading {
    margin-bottom: 0;
    font-size: 1.5rem;
  }

  .people-carousel-wrapper {
    bottom: 10.5rem;
  }

  .howwework-slider__content {
    order: 9999;
    max-width: none;
  }

  .work-slider__media {
    order: -9999;
    min-height: 20rem;
  }

  .intro-bodycopy-wrapper {
    grid-column-gap: var(--_layout---spacing--l);
    grid-row-gap: var(--_layout---spacing--l);
  }

  .casestudy-stats-stat {
    flex: 0 auto;
  }

  .work-slider__floater.is--stat-card.is--stat-02 {
    top: 2%;
    right: 4%;
  }

  .work-slider__floater.is--stat-card.is--stat-01 {
    bottom: 3%;
    left: -2%;
  }

  .work-slider__floater.is--stat-card.is--stat-03 {
    bottom: 5%;
  }

  .work-slider__floater.is--swatches {
    left: 5%;
  }

  .work-slider__floater.is--slideimage.is--slide01-image01, .work-slider__floater.is--slide02image.is--image-01 {
    top: 2%;
    left: 7%;
  }

  .whoweare-copy-wrapper {
    width: 100%;
    padding-right: 0;
  }

  .whoweare-slider-container {
    width: 100%;
    position: relative;
    top: auto;
    bottom: auto;
    right: auto;
  }

  .related-card {
    scroll-snap-align: center;
    flex: none;
    width: calc(100vw - 72px);
    scroll-padding-left: 32px;
    scroll-padding-right: 32px;
  }

  .casestudy__related__card-wrapper {
    align-self: flex-start;
  }

  .stat-card__value, .stat-card__value.is--value-text {
    font-size: 1rem;
  }

  .stat-card__label {
    font-size: .8rem;
  }

  .footer--text__link.is--mobile {
    display: block;
  }

  .footer--text__link.is--desktop {
    display: none;
  }

  .casestudy-stats-footnote {
    padding-right: var(--_layout---spacing--l);
    padding-left: var(--_layout---spacing--l);
  }
}

#w-node-a4943750-258c-cda4-5843-5eedcf7d0ecf-cf7d0ea8 {
  grid-area: 2 / 1 / 5 / 5;
}

#w-node-a4943750-258c-cda4-5843-5eedcf7d0ed2-cf7d0ea8 {
  grid-area: 1 / 5 / 3 / 7;
}

#w-node-a307294b-0edc-cf42-0285-0f6b30de56f9-6caabea1, #w-node-_9b3df368-640f-9eac-4327-6cf8a8113eb7-6caabea1, #w-node-_640721a8-2286-913c-ed1c-196f71e884e9-6caabea1 {
  justify-self: center;
}

#w-node-_0ac9b2da-dc1e-5298-5257-3e978e35165b-e9431923 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: start;
}

#w-node-_09abbb75-3d63-1ad0-c0de-adcee9431935-e9431923 {
  grid-area: 1 / 2 / 3 / 3;
  place-self: center stretch;
}

#w-node-_09abbb75-3d63-1ad0-c0de-adcee9431927-e9431923 {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-dc5af126-eadf-2157-cfe4-9c2dc05e6889-f28fef62 {
  align-self: center;
}

@media screen and (max-width: 991px) {
  #w-node-_0ac9b2da-dc1e-5298-5257-3e978e35165b-e9431923 {
    order: 2;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_09abbb75-3d63-1ad0-c0de-adcee9431935-e9431923 {
    order: -9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-_09abbb75-3d63-1ad0-c0de-adcee9431927-e9431923 {
    grid-area: 2 / 1 / 4 / 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-a4943750-258c-cda4-5843-5eedcf7d0ece-cf7d0ea8 {
    order: -9999;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_09abbb75-3d63-1ad0-c0de-adcee9431927-e9431923 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'BBC Reith Sans';
  src: url('https://static.bbc-storyworks.com/storyworks/portfolio/fonts/BBCReithSans_Rg.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'BBC Reith Sans Condensed';
  src: url('https://static.bbc-storyworks.com/storyworks/portfolio/fonts/BBCReithSansCd_Rg.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'BBC Reith Sans';
  src: url('https://static.bbc-storyworks.com/storyworks/portfolio/fonts/BBCReithSans_Bd.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'BBC Reith Sans';
  src: url('https://static.bbc-storyworks.com/storyworks/portfolio/fonts/BBCReithSans_LtIt.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'BBC Reith Sans';
  src: url('https://static.bbc-storyworks.com/storyworks/portfolio/fonts/BBCReithSans_Lt.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'BBC Reith Sans';
  src: url('https://static.bbc-storyworks.com/storyworks/portfolio/fonts/BBCReithSans_BdIt.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'BBC Reith Sans';
  src: url('https://static.bbc-storyworks.com/storyworks/portfolio/fonts/BBCReithSans_It.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'BBC Reith Serif';
  src: url('https://static.bbc-storyworks.com/storyworks/portfolio/fonts/BBCReithSerif_Md.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'BBC Reith Serif';
  src: url('https://static.bbc-storyworks.com/storyworks/portfolio/fonts/BBCReithSerif_MdIt.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'BBC Reith Serif';
  src: url('https://static.bbc-storyworks.com/storyworks/portfolio/fonts/BBCReithSerif_Rg.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}