:root {
    --colours--dark: #131313;
    --colours--light: white;
    --colours--dark-grey: #666;
    --colours--grey: #818181;
    --colours--accent: green;
    --border-line: 1px;
    --border-radius: 3px;
  }

  
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  main,
  menu,
  nav,
  section,
  summary {
    display: block;
  }
  
  @font-face {
    font-family: "Neue haas grotesk text pro 55 roman";
    src: url("/68ff472c7d3934b337080f56/68ff472c7d3934b337080f75_Neue_Haas_Grotesk_Text_Pro_55_Roman.woff")
      format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  body {
    margin: 0;
    background-color: var(--colours--dark);
    color: var(--colours--light);
    font-family: "Neue haas grotesk text pro 55 roman", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1;
  }
  img {
    vertical-align: middle;
    max-width: 100%;
    display: inline-block;
    border: 0;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: 400;
    line-height: 1.1;
  }
  h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 4rem;
  }
  h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2.72222rem;
  }
  p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.4;
  }
  a {
    color: var(--colours--light);
    text-decoration: none;
  }

  
  
  .w-embed:before,
  .w-embed:after {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
  }
  .w-embed:after {
    clear: both;
  }
  
  .nav-logo_link {
    max-width: 100%;
    display: inline-block;
  }
  .text-size-small {
    font-size: 0.875rem;
  }
  .footer-text {
    align-self: flex-start;
    font-family: neue-haas-grotesk-text, sans-serif;
    font-weight: 500;
  }
  .text-color-grey {
    color: gray;
  }
  .heading-style-h5.is-grey {
    color: var(--colours--grey);
  }
  .dropdown_menu-btn {
    border-right: 1px #000;
    border-bottom: 1px solid var(--colours--dark-grey);
    background-color: var(--colours--dark);
    width: 100%;
    color: var(--colours--light);
    text-align: left;
    cursor: pointer;
    border-left: 1px #000;
    justify-content: space-between;
    align-items: center;
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
    transition: opacity 0.2s;
    display: flex;
  }
  .dropdown_menu-btn.is-secondary {
    color: #000;
    background-color: #0000;
    border: 0.125rem solid #000;
  }
  .dropdown_menu-btn.is-text {
    color: #000;
    background-color: #0000;
    border: 0.125rem solid #0000;
  }
  .dropdown_menu-btn.is-icon {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex;
  }
  .dropdown_menu-btn.is-large {
    padding: 1rem 2rem;
  }
  .dropdown_menu-btn.is-small {
    padding: 0.5rem 1.25rem;
  }
  .dropdown_menu-btn.text {
    transition: opacity 0.2s;
  }
  .dropdown_menu-btn.text:hover {
    opacity: 0.7;
  }
  .hide {
    display: none;
  }
  .hide.is-content {
    transition: all 0.4s;
  }
  .nav {
    z-index: 999;
    width: 100%;
    color: var(--colours--light);
    flex-direction: column;
    align-items: center;
    display: flex;
    position: fixed;
  }
  .nav__row {
    z-index: 100;
    width: 100%;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    position: static;
  }
  .navbar-link {
    z-index: 1;
    cursor: pointer;
    color: inherit;
    flex: none;
    justify-content: flex-start;
    align-items: center;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    position: relative;
  }
  .navbar-link.is-right {
    margin-right: 0;
  }
  .navbar-link.is-1 {
    margin-left: -0.9375rem;
  }
  .wf-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
  }
  .wf-container.flex-horizontal {
    grid-column-gap: 1.875rem;
    grid-row-gap: 1.875rem;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .wf-container._12-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: start stretch;
    display: grid;
  }
  .footer-section {
    z-index: 1;
    background-color: var(--colours--dark);
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    position: relative;
    overflow: hidden;
  }
  .footer-section::before {
    content: "";
    z-index: 2;
    background-color: var(--colours--dark-grey);
    height: 1px;
    position: absolute;
    top: 0;
    left: 1.875rem;
    right: 1.875rem;
  }
  .footer-parallax__dark {
    opacity: 0;
    pointer-events: none;
    background-color: #050505;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .cs-grid.is-menu {
    place-items: center stretch;
  }
  .divider-full {
    background-color: var(--colours--light);
    width: 100%;
    height: 1px;
    position: absolute;
    inset: auto 0% 0%;
  }
  .divider-full.absolute {
    position: absolute;
    inset: 0% 0% auto;
  }
  .link-block {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }
  .cursor.hide {
    display: none;
  }
  .dropdown-background {
    z-index: -1;
    background-color: #000000b3;
    width: 100%;
    height: 100%;
    margin-top: 0;
    display: block;
    position: absolute;
    inset: 0%;
  }
  .footer-header {
    letter-spacing: -0.01em;
    font-size: 3rem;
    line-height: 1.1;
  }
  .footer-header.tablet-spacer-large {
    flex-flow: wrap;
  }
  .underline-link {
    color: #131313;
    font-size: 1em;
    line-height: 1.25;
    text-decoration: none;
    position: relative;
  }
  .underline-link.is-large {
    font-size: 1.25rem;
  }
  .underline-link.is-large.align-left {
    align-self: flex-start;
  }
  .underline-link {
    color: inherit;
  }
  .inline-link {
    color: var(--colours--grey);
    overflow-wrap: anywhere;
    transition: color 0.4s;
  }
  .inline-link:hover {
    color: var(--colours--light);
  }
  .nav-logo_link[aria-current="page"] {
    color: inherit;
    display: inline-flex;
  }
  .main {
    background-color: var(--colours--dark);
    opacity: 1;
    flex-flow: row;
    width: 100%;
    padding: 5rem 1.87rem 1.87rem;
    display: flex;
  }
  .main-img__list {
    position: absolute;
    inset: 0%;
  }
  .main-img__item {
    z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
  }
  .cms-projects_img {
    object-fit: cover;
    min-width: 21.5rem;
    height: 100%;
  }
  .main-title__list {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: var(--colours--dark-grey);
    border-bottom: 1px #000;
    border-left: 1px #000;
    border-right: 1px #000;
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    padding: 0 0 0 0;
    list-style: none;
    display: flex;
    position: relative;
  }
  .main-title__item {
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    min-height: 3.125rem;
    font-size: 4.5em;
    transition: opacity 0.2s;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  .main-title {
    letter-spacing: -0.03em;
    white-space: nowrap;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.25rem;
    line-height: 1;
    display: inline-block;
  }
  .case-studies_overlay {
    z-index: 1;
    width: 100%;
    color: var(--colours--dark);
    position: relative;
    inset: 0% 0% auto;
  }
  .cms_projects {
    width: 100%;
    padding-left: 0.9375rem;
  }
  .cms_projects.is-img-only {
    aspect-ratio: 1;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    width: 21.5rem;
    height: auto;
    margin-right: 1rem;
    display: flex;
    position: relative;
  }
  .desktop-links {
    grid-column-gap: 1.875rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }
  .menu-links {
    grid-column-gap: 7.5rem;
    grid-row-gap: 7.5rem;
    justify-content: space-between;
    align-items: stretch;
    display: none;
  }
  .menu-trigger {
    z-index: 1;
    color: inherit;
    flex: none;
    justify-content: flex-start;
    align-items: center;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    position: relative;
  }
  .menu-trigger.is-right {
    margin-right: 0;
  }
  .menu {
    z-index: 998;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    height: 100vh;
    display: none;
    position: fixed;
    inset: 0% 0% auto;
  }
  .mobile-menu-title,
  .menu_bottom {
    display: none;
  }
  .desktop_menu-trigger {
    z-index: 0;
    width: 100%;
    height: 100%;
    position: relative;
    inset: auto 0% 0%;
  }
  .view-link {
    opacity: 0.3;
    letter-spacing: -0.03em;
    white-space: nowrap;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.25rem;
    line-height: 1;
    transition: opacity 0.2s;
    display: inline-block;
  }
  .view-link.is-small {
    font-size: 1rem;
  }
  .link-block {
    height: 100%;
    display: block;
  }
  .view-link-mobile {
    opacity: 0;
    letter-spacing: -0.03em;
    white-space: nowrap;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.25rem;
    line-height: 1;
    transition: opacity 0.2s;
    display: inline-block;
  }
  .button_arrow {
    display: none;
  }
  .nav-dropdown-btn {
    z-index: 1;
    cursor: pointer;
    color: inherit;
    flex: none;
    justify-content: flex-start;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    display: inline-block;
    position: relative;
  }
  .nav-dropdown-btn.is-right {
    margin-right: 0;
  }
  .nav-dropdown-btn.is-1 {
    margin-left: -0.9375rem;
  }
  .footer-image {
    width: 12.5rem;
    margin-bottom: 0.5rem;
  }
  .wf-flex {
    grid-column-gap: 1.875rem;
    grid-row-gap: 1rem;
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: start;
    width: 100%;
    display: grid;
  }
  .wf-flex.nav-dropdown {
    padding-top: 0;
    padding-bottom: 2rem;
  }
  .wf-flex.more-projects {
    grid-column-gap: 1.75rem;
    grid-row-gap: 3rem;
    grid-template-rows: auto auto;
    padding-top: 8rem;
    padding-bottom: 4rem;
  }
  .wf-flex.is-menu {
    grid-column-gap: 0rem;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    place-items: center stretch;
  }
  .wf-flex.is-content {
    grid-column-gap: 0rem;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    place-items: start stretch;
  }
  .wf-flex.is-content.is-footer {
    grid-row-gap: 10rem;
    padding-top: 10rem;
  }
  .wf-flex.is-content.is-footer-bottom {
    grid-row-gap: 2rem;
    padding-bottom: 2rem;
  }
  .is-grey {
    color: var(--colours--grey);
  }
  .is-grey.u-mb-1 {
    margin-bottom: 0.5rem;
  }
  .footer_top {
    grid-column-gap: 1.875rem;
    grid-row-gap: 1.875rem;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding-top: 2.5rem;
    padding-bottom: 4rem;
    display: flex;
  }
  .col-50 {
    flex: 50%;
    max-width: 50%;
  }
  .footer_center {
    grid-column-gap: 1.875rem;
    grid-row-gap: 1.875rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    padding-bottom: 4rem;
    display: grid;
  }
  .footer_item-block {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    border-top: 1px solid var(--colours--dark-grey);
    flex-flow: column;
    width: 100%;
    padding-top: 1.25rem;
    display: flex;
  }
  .center-item_content {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    flex-flow: column;
    display: flex;
  }
  .div-block-10 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    display: flex;
  }
  .footer_bottom {
    grid-column-gap: 1.875rem;
    grid-row-gap: 1.875rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    padding-bottom: 1.5rem;
    display: grid;
  }
  .footer_item-grid {
    justify-content: space-between;
    display: flex;
  }
  .footer_item-2x {
    grid-column-gap: 1.875rem;
    grid-row-gap: 1.875rem;
    display: flex;
  }
  .cursor-marquee {
    z-index: 1000;
    pointer-events: none;
    mix-blend-mode: difference;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    transform: translate(-50%, -50%);
  }
  .button__line {
    display: none;
  }
  .navlink-wrapper {
    z-index: 1;
    cursor: auto;
    color: inherit;
    flex: none;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0.9375rem;
    display: inline-block;
    position: relative;
  }
  .navlink-wrapper.is-right {
    margin-right: 0;
  }
  .navlink-wrapper.is-1 {
    margin-left: -0.9375rem;
  }
  @media screen and (min-width: 1440px) {
    .nav__row {
      max-width: none;
    }
    .footer-section {
      z-index: auto;
    }
    .footer-header.tablet-spacer-large {
      font-size: 3rem;
    }
  }
  @media screen and (min-width: 1920px) {
    .nav__row {
      z-index: 100;
      position: relative;
    }
    .image1.hide {
      display: none;
    }
    .image2.hide {
      display: none;
    }
    .image3.hide {
      display: none;
    }
    .image4.hide {
      display: none;
    }
  }
  @media screen and (max-width: 991px) {
    .dropdown_menu-btn {
      background-color: #1f1e1e;
      border-bottom-style: none;
      font-size: 1rem;
      position: relative;
    }
    .dropdown_menu-btn.border-none {
      background-color: #1f1e1e;
      border-bottom-style: none;
    }
    .nav {
      background-color: #13131300;
    }
    .nav__row {
      padding-left: 1.3rem;
      padding-right: 1.3rem;
    }
    .navbar-link {
      margin-right: 0;
    }
    .footer-section {
      padding-left: 1.3rem;
      padding-right: 1.3rem;
    }
    .footer-section::before {
      left: 1.3rem;
      right: 1.3rem;
    }
    .cs-grid.is-menu {
      justify-content: space-between;
      display: flex;
    }
    .dropdown-background {
      background-color: #1f1e1e;
    }
    .footer-header {
      line-height: 0.95;
    }
    .footer-header.text-color-white.view-width {
      font-size: 7.1vw;
    }
    .footer-header.tablet-spacer-large {
      padding-top: 6.5rem;
    }
    .underline-link {
      line-height: 1;
    }
    .main {
      background-color: #1f1e1e;
      padding: 0;
    }
    .main-title__list {
      border-top-style: none;
    }
    .main-title__item {
      align-items: center;
    }
    .main-title__item.is-content-heading {
      margin-top: 2rem;
    }
    .case-studies_overlay {
      background-color: #1f1e1e;
    }
    .cms_projects {
      padding-left: 0;
    }
    .cms_projects.is-img-only,
    .desktop-links {
      display: none;
    }
    .menu-links {
      grid-column-gap: 1.5rem;
      grid-row-gap: 1.5rem;
      justify-content: flex-end;
      align-items: center;
      display: flex;
    }
    .menu-trigger {
      cursor: pointer;
      margin-right: 0;
    }
    .menu {
      z-index: 99;
      background-color: #1f1e1e;
      flex-flow: column;
      justify-content: space-between;
      height: 100vh;
      height: 100dvh;
      padding: 3.75rem 1.3rem calc(1.875rem + env(safe-area-inset-bottom));
      display: none;
      position: fixed;
      inset: 0 0% 0%;
      overflow: auto;
      overscroll-behavior: contain;
      -webkit-overflow-scrolling: touch;
    }
    .mobile-menu-title {
      grid-column-gap: 0rem;
      grid-row-gap: 0rem;
      flex-flow: column;
      display: flex;
    }
    .desktop_menu-trigger {
      display: none;
    }
    .view-link {
      display: none;
    }
    .view-link-mobile {
      opacity: 100;
      font-size: 1.5em;
      display: block;
    }
    .button_arrow {
      grid-column-gap: 0.1em;
      grid-row-gap: 0.1em;
      justify-content: center;
      align-items: center;
      display: flex;
    }
    .arrow {
      width: 1em;
      height: 1em;
    }
    .menu-text_wrapper {
      height: 0.9rem;
      line-height: 1;
      overflow: hidden;
    }
    .menu-text {
      line-height: 1;
      transition: opacity 0.2s;
    }
    .menu-text._2 {
      margin-top: 0;
    }
    .nav-dropdown-btn {
      margin-right: 0;
      display: none;
    }
    .footer-image {
      width: 15rem;
      margin-bottom: 0;
    }
    .wf-flex.is-menu {
      justify-content: space-between;
      display: flex;
    }
    .wf-flex.is-content {
      flex-flow: wrap;
      justify-content: space-between;
      display: flex;
    }
    .wf-flex.is-content.is-tablet {
      width: 80%;
    }
    .menu__mobile-wrapper {
      width: 100%;
    }
    .footer_top {
      grid-column-gap: 3rem;
      grid-row-gap: 3rem;
      flex-flow: row-reverse wrap;
      padding-bottom: 3rem;
    }
    .col-50 {
      flex-basis: 100%;
      max-width: 100%;
    }
    .footer_center {
      grid-column-gap: 3rem;
      grid-row-gap: 3rem;
      flex-flow: column;
      padding-bottom: 3rem;
      display: flex;
    }
    .button__line {
      background-color: var(--colours--dark-grey);
      width: 100%;
      height: 1px;
      display: block;
      position: absolute;
      inset: auto 0% 0%;
    }
    .navlink-wrapper {
      margin-right: 0;
      display: none;
    }
  }
  @media screen and (max-width: 767px) {
    .footer-header {
      font-size: 2.5rem;
    }
    .footer-image {
      width: 40%;
    }
    .wf-flex.is-content.is-footer {
      grid-row-gap: 2rem;
      padding-top: 4rem;
    }
    .footer_item-2x {
      grid-column-gap: 3rem;
      grid-row-gap: 3rem;
      flex-flow: column;
    }
  }
  @media screen and (max-width: 479px) {
    .nav {
      padding-left: 16px;
      padding-right: 16px;
    }
    .nav__row {
      padding-left: 0;
      padding-right: 0;
    }
    .wf-container.flex-horizontal {
      flex-flow: column;
    }
    .footer-section {
      padding-left: 16px;
      padding-right: 16px;
    }
    .footer-section::before {
      left: 16px;
      right: 16px;
    }
    .footer-header.text-color-white.view-width {
      font-size: 8vw;
    }
    .footer-header.tablet-spacer-large {
      padding-top: 0;
    }
    .main-title__item {
      min-height: 2.75rem;
    }
    .case-studies_overlay {
      margin-top: 1.5rem;
    }
    .menu {
      padding-left: 1rem;
      padding-right: 1rem;
    }
    .footer-image {
      width: 50%;
    }
    .wf-flex {
      grid-row-gap: 0.5rem;
      grid-template-rows: auto auto auto auto auto;
      grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .wf-flex.is-content.is-tablet {
      grid-row-gap: 1rem;
      width: 100%;
    }
    .u-m-mw-full.is-time {
      justify-content: flex-end;
      align-items: center;
      min-width: auto;
      display: block;
    }
    .is-grey {
      font-size: 0.875rem;
    }
    .footer_top {
      padding-top: 4rem;
    }
    .footer_item-block.mobile-horizontal {
      flex-flow: row;
    }
    .footer_bottom {
      flex-flow: column;
      padding-bottom: 2rem;
      display: flex;
    }
    .footer_item-grid {
      flex-flow: column;
      display: flex;
    }
    .footer_item-grid.mobile-horizontal {
      flex-flow: row;
    }
    .footer_item-2x {
      flex-flow: column;
    }
  }
  #footer-contact-block {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
  #menu-image-list {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
  #menu-mobile-wrapper {
    grid-area: 1 / 4 / 2 / 7;
  }
  #nav-logo-cell {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
  #projects {
    grid-area: 1 / 4 / 2 / 5;
    justify-self: start;
  }
  #nav-desktop-links {
    grid-area: 1 / 5 / 2 / 7;
  }
  #nav-contact-link {
    justify-self: end;
  }


  :root {
    --cubic-default: cubic-bezier(0.65, 0.05, 0, 1);
    --duration-default: 0.735s;
    --animation-default: var(--duration-default) var(--cubic-default);
  }

  html {
    font-size: 1.125rem;
  }
  @media screen and (max-width: 1920px) {
    html {
      font-size: 1.125rem;
    }
  }
  @media screen and (max-width: 1440px) {
    html {
      font-size: 1rem;
    }
  }
  @media screen and (max-width: 479px) {
    html {
      font-size: 1rem;
    }
  }

  .underline-link::before,
  .underline-link.is--alt::before,
  .underline-link.is--alt::after {
    content: "";
    position: absolute;
    bottom: 0em;
    left: 0;
    width: 100%;
    height: 0.0625em;
    background-color: #fff;
    transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
    transform-origin: right;
    transform: scaleX(0) rotate(0.001deg);
  }

  .underline-link:hover::before {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
  }

  
  .underline-link.is--alt::before {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
    transition-delay: 0.3s;
  }

  .underline-link.is--alt:hover::before {
    transform-origin: right;
    transform: scaleX(0) rotate(0.001deg);
    transition-delay: 0s;
  }

  .underline-link.is--alt::after {
    transform-origin: right;
    transform: scaleX(0) rotate(0.001deg);
    transition-delay: 0s;
  }

  .underline-link.is--alt:hover::after {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
    transition-delay: 0.3s;
  }

  .nav {
    transition:
      transform 1s ease,
      padding 1s ease;
    transform: translateY(0%) rotate(0.001deg);
  }

  
  [data-scrolling-started="true"] .nav {
    
  }

  
  [data-scrolling-started="true"][data-scrolling-direction="down"] .nav {
    transform: translateY(-100%) rotate(0.001deg);
  }

  
  .nav__inner {
    transition: background-color 1s ease;
    background-color: transparent;
  }

  [data-scrolling-started="true"] .nav__inner {
    background-color: #fff;
  }

  .navbar {
    background-blend-mode: difference;
  }

  [data-image-cycle-item] {
    opacity: 0;
    transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    
    
    pointer-events: none;
  }

  [data-image-cycle-item].active {
    opacity: 1;
    pointer-events: auto;
    
  }

  .main-title__item:last-of-type .dropdown_menu-btn {
    border: none;
  }

  .main-title__item:hover .view-link {
    opacity: 1;
  }

  .main-title__list .dropdown_menu-btn {
    transition:
      opacity 0.2s,
      color 420ms cubic-bezier(0.16, 1, 0.3, 1);
  }

  @media (hover: hover) and (pointer: fine) {
    .main-title__list:hover .dropdown_menu-btn {
      color: rgba(255, 255, 255, 0.32);
    }

    .main-title__list .main-title__item:hover .dropdown_menu-btn {
      color: rgba(255, 255, 255, 1);
    }
  }

  @media (max-width: 640px) {
    .cms-grid_case-studies {
      grid-template-columns: 1fr;
    }
    .cms-item_case-studies:nth-child(3n + 1) {
      grid-column: auto;
    }
  }

  .cursor {
    z-index: 100;
    border-radius: 100em;
    width: 0em;
    height: 0em;
    transition:
      background-color 0.375s cubic-bezier(0.625, 0.05, 0, 1),
      height 0.375s cubic-bezier(0.625, 0.05, 0, 1),
      width 0.375s cubic-bezier(0.625, 0.05, 0, 1);
    position: fixed;
    inset: 0% auto auto 0%;
    pointer-events: none;
  }

  .card__link:hover .cursor {
    width: 3em;
    height: 3em;
    transition:
      width 0.2s ease,
      height 0.2s ease;
  }

  .card__link:hover .cursor-text {
    display: block;
    opacity: 1;
  }

  .cursor.hovered-link {
    width: 3em;
    height: 3em;
    background: rgba(0, 0, 0, 0.8);
  }
  .cursor.hovered-link .cursor-text {
    display: block;
    opacity: 1;
  }

  @media (hover: none) and (pointer: coarse) {
    .cursor {
      display: none;
    }
  }

  .u-split-fix div[style*="overflow: clip;"] {
    padding-block: 0.1em;
    margin-block: -0.1em;
  }
  .u-split-fix
    div[style*="overflow: clip;"][style*="display: block"]:not(:first-child) {
    margin-top: -1em;
  }
  .u-split-fix
    div[style*="overflow: clip;"][style*="display: block"]:not(:last-child) {
    margin-bottom: -1em;
  }
  .u-split-fix div[style*="overflow: clip;"] {
    padding-inline: 0.1em;
    margin-inline: -0.1em;
  }

  .is-button p,
  .link p {
    text-shadow: 0px 1.25em currentColor;
  }
  .is-button .single-letter,
  .link .single-letter {
    transition: transform var(--animation-default);
  }
  .is-button-bg {
    transform: scale(1);
    transition:
      transform var(--animation-default),
      background-color 0.2s ease-in-out;
  }

  
  [data-validate].is--error input,
  [data-validate].is--error textarea {
    border-color: var(--color-error);
  }

  [data-validate].is--error .form-field-icon.is--error {
    opacity: 1;
  }

  
  [data-validate].is--success .form-field-icon.is--success {
    opacity: 1;
  }

  
  @media (hover: hover) and (pointer: fine) {
    
    .is-button:hover .single-letter,
    .link:not(.w--current):hover .single-letter {
      transform: translate(0px, -1.25em);
    }
    .is-button:hover .button-bg {
      transform: scale(0.95);
    }
    .form-submit-btn:hover .button-bg {
      transform: scale(0.99, 0.95);
    }
  }

  
  .gsap-line {
    overflow: hidden;
  }

  
  
  .wf-design-mode [data-split="heading"],
  .w-editor [data-split="heading"] {
    visibility: visible !important;
  }

.card{width:100%;margin-bottom:2rem;position:relative;overflow:hidden}.card:last-child{margin-bottom:0}@media screen and (width<=767px){.card{margin-bottom:5rem}}@media screen and (width<=479px){.card{margin-bottom:4rem}}.card__link{cursor:pointer;width:100%;display:inline-block}.card__media{aspect-ratio:3/2;width:100%;position:relative;overflow:hidden}.card__cycle{position:absolute;inset:0}.card__cycle-item{width:100%;height:100%;display:block;position:absolute;inset:0}.card__img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.card__overlay{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card__overlay-solid{background-color:var(--colours--dark);opacity:0;position:absolute;inset:0}.card__overlay-textwrap{position:relative;overflow:hidden}.card__overlay-text{color:var(--colours--dark);justify-content:center;align-items:center;font-size:1.15rem;display:none}.card__content{flex-direction:column;align-items:flex-start;gap:.625rem;width:100%;padding-top:.625rem;display:flex}@media screen and (width>=1440px){.card__content{padding-top:.5rem}}@media screen and (width<=479px){.card__content{gap:.1rem}}.card__head{flex-direction:column;align-items:flex-start;display:flex}.card__title{margin:0;font-size:1.125rem;line-height:1.4}.card__title-link{color:inherit;line-height:inherit;text-decoration:none}.card__title-link:before{height:.0625rem}.card__title-link:focus-visible:before{transform-origin:0;transform:scaleX(1)rotate(.001deg)}.card__subtitle{color:var(--colours--grey);margin:0 0 .1rem;font-size:16px;line-height:1.22222rem}.card__services{z-index:100;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}@media screen and (width<=991px){.card__services{gap:.2rem}}@media screen and (width<=479px){.card__services{margin-top:.5rem}}.card__service{color:var(--colours--grey);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#292929;border-radius:100px;justify-content:center;align-items:center;padding:.4rem .8rem .3rem;font-size:.875rem;display:flex}.marquee{width:100vw;margin-top:10rem;padding-bottom:3rem;position:relative;overflow:hidden}@media screen and (width>=1920px){.marquee{padding-bottom:0}}.marquee__scroll{will-change:transform;justify-content:flex-start;align-items:flex-start;width:100%;display:flex;position:relative}.marquee__collection{will-change:transform;justify-content:flex-start;align-items:center;display:flex;position:relative}.marquee__item{justify-content:flex-start;align-items:center;margin-right:.3em;font-size:max(4em,8vw);display:flex;overflow:hidden}.marquee__heading{pointer-events:none;font-size:16.6vw;line-height:1}@media screen and (width<=991px){.marquee__heading{font-size:16vw}}@media screen and (width>=1440px){.marquee__heading{font-size:16.5vw}}.hero__content{width:100%;padding-bottom:2rem;display:flex}@media screen and (width>=1920px){.hero__content{padding-top:8rem}}.intro{grid-template-columns:repeat(6,1fr);place-items:start stretch;width:100%;display:grid}@media screen and (width<=991px){.intro{flex-wrap:wrap;justify-content:space-between;row-gap:1rem;width:80%;display:flex}}@media screen and (width<=479px){.intro{width:100%}}.intro__heading{grid-column:span 2;width:100%;margin:0;font-size:1.5rem;line-height:1.2}@media screen and (width>=1920px){.intro__heading{font-size:2.3rem}}@media screen and (width<=767px){.intro__heading{font-size:1.25rem;line-height:1.3}}.intro__body{grid-column:5/7;width:100%}.section{z-index:10;background-color:var(--colours--dark);padding-left:1.875rem;padding-right:1.875rem;position:relative;overflow:hidden}@media screen and (width<=991px){.section{padding-left:1.3rem;padding-right:1.3rem}}@media screen and (width<=479px){.section{padding-left:16px;padding-right:16px}}.section__header{width:100%;padding-top:3rem;padding-bottom:2rem;display:flex}@media screen and (width>=1920px){.section__header{padding-top:8rem}}.wrap{flex-direction:column;align-items:center;width:100%;display:flex}.eyebrow{color:var(--colours--grey)}@media screen and (width<=479px){.eyebrow{font-size:.875rem}}.cms{width:100%;padding-bottom:4rem}.work-grid{grid-template-columns:1fr 1fr;gap:0 1.875rem;display:grid}@media screen and (width<=991px){.work-grid{grid-template-columns:1fr}}.industry{padding-top:6rem;padding-bottom:6rem}@media screen and (width<=767px){.industry{padding-top:4rem;padding-bottom:4rem}}.industry__keyline{border-top:1px solid var(--colours--dark-grey);padding-top:1.5rem}.industry__row{flex-flow:row;justify-content:flex-start;align-items:flex-start;gap:1.875rem;width:100%;display:flex}@media screen and (width<=479px){.industry__row{flex-flow:column}}.industry__col{width:100%}.industry__list{flex-direction:column;gap:.333333rem;width:100%;display:flex}.industry__item{flex-flow:row;justify-content:flex-start;align-items:flex-start;width:100%;display:flex}.industry__num{width:3rem;color:var(--colours--dark-grey);margin-right:1rem;font-size:2.16667rem;line-height:1.1}.industry__label{font-size:2.16667rem;line-height:1.1}@media screen and (width<=767px){.industry__num{width:2rem;font-size:1.5rem}.industry__label{font-size:1.5rem}}

.grey-card{background-color:#1d1d1d;flex-direction:column;gap:4rem;padding:1.25rem;display:flex}@media screen and (width<=991px){.grey-card{flex-direction:row}}@media screen and (width<=479px){.grey-card{flex-direction:column;gap:3rem}}.grey-card__num{color:var(--colours--light)}.grey-card__title{color:var(--colours--light);margin:0 0 1rem;font-size:1.5rem;line-height:1.2}@media screen and (width>=1920px){.grey-card__title{font-size:2.3rem}}@media screen and (width<=767px){.grey-card__title{font-size:1.25rem;line-height:1.1}}.grey-card__text{color:var(--colours--light);margin:0;font-size:1.125rem;line-height:1.4}@media screen and (width>=1440px){.grey-card__text{font-size:1rem}}@media screen and (width<=991px){.grey-card__text{font-size:1rem}}.about-hero{z-index:2;background-color:var(--colours--dark);flex-direction:column;align-items:center;width:100%;padding-left:1.875rem;padding-right:1.875rem;display:flex;position:relative}@media screen and (width>=1440px){.about-hero{z-index:10}}@media screen and (width<=991px){.about-hero{padding-left:1.3rem;padding-right:1.3rem}}@media screen and (width<=479px){.about-hero{padding-left:16px;padding-right:16px}}.about-hero__grid{grid-template-columns:repeat(12,1fr);gap:6rem 1.875rem;width:100%;margin-top:10rem;padding-bottom:4rem;display:grid}@media screen and (width>=1920px){.about-hero__grid{padding-top:8rem}}@media screen and (width<=479px){.about-hero__grid{flex-direction:column;row-gap:.5rem;display:flex}}.about-hero__intro{grid-column:span 8}@media screen and (width>=1920px){.about-hero__intro{grid-column:span 5}}@media screen and (width<=991px){.about-hero__intro{grid-column:span 10}}.about-hero__eyebrow{margin-bottom:1.5rem;font-size:1.125rem}@media screen and (width<=479px){.about-hero__eyebrow{margin-bottom:1rem}}.about-hero__title{margin:0;font-size:4rem;line-height:1.1}.about-hero__title--wide{display:none}@media screen and (width>=1920px){.about-hero__title--default{display:none}.about-hero__title--wide,.about-hero__title--wide .gsap-line-mask,.about-hero__title--wide .gsap-line{display:block}.about-hero__title--wide .gsap-line-mask{position:relative;overflow:clip}.about-hero__title--wide .gsap-line{position:relative}}@media screen and (width<=479px){.about-hero__title{font-size:2.5rem}}.about-hero__body{grid-column:1/-1;grid-template-columns:repeat(12,1fr);gap:6rem 1.875rem;width:100%;display:grid}@media screen and (width<=991px){.about-hero__body{row-gap:0}}@media screen and (width<=479px){.about-hero__body{grid-template-columns:repeat(4,1fr);row-gap:0}}.about-overview{flex-direction:column;grid-column:1/4;gap:2.5rem;display:flex}@media screen and (width<=479px){.about-overview{grid-column:1/5;gap:1.5rem;padding-top:3rem;padding-bottom:5rem}}.about-overview__t{margin:0;font-size:1.125rem;line-height:1.4}@media screen and (width>=1440px){.about-overview__t{font-size:1rem}}@media screen and (width<=991px){.about-overview__t{font-size:1rem}}.about-text{flex-direction:column;grid-column:7/13;gap:1.5rem;display:flex}@media screen and (width<=991px){.about-text{grid-column:6/13}}@media screen and (width<=479px){.about-text{grid-column:1/5}}.about-text__lead{flex-direction:column;gap:1.4em;margin:0;font-size:1.25rem;line-height:1.4;display:flex}.about-text__lead p{font-size:inherit;line-height:inherit;margin:0}@media screen and (width<=991px){.about-text__lead{font-size:1.125rem}}.section{z-index:10;background-color:var(--colours--dark);padding-left:1.875rem;padding-right:1.875rem;position:relative;overflow:hidden}@media screen and (width<=991px){.section{padding-left:1.3rem;padding-right:1.3rem}}@media screen and (width<=479px){.section{padding-left:16px;padding-right:16px}}.section__pad{padding-top:6rem;padding-bottom:6rem}@media screen and (width<=767px){.section__pad{padding-top:4rem;padding-bottom:4rem}}.section__inner{flex-direction:column;align-items:center;width:100%;display:flex}.section__row{flex-flow:row;justify-content:flex-start;align-items:flex-start;gap:1.875rem;width:100%;display:flex}@media screen and (width<=479px){.section__row{flex-flow:column}}.section__row-head,.section__row-body{width:100%}.section-head{grid-template-columns:repeat(12,1fr);column-gap:1.75rem;width:100%;padding-bottom:2rem;display:grid}@media screen and (width>=1920px){.section-head{padding-top:8rem}}@media screen and (width<=991px){.section-head{grid-template-columns:repeat(6,1fr)}}@media screen and (width<=479px){.section-head{grid-template-columns:repeat(4,1fr);column-gap:.75rem}}.section-head__title{margin:0;font-size:4rem;line-height:1.1}@media screen and (width<=479px){.section-head__title{font-size:2.5rem}}.span-5{grid-column:span 5}.span-6{grid-column:span 6}@media screen and (width<=991px){.span-6{grid-column:span 10}}.span-10{grid-column:span 10}.grey-grid{grid-auto-flow:dense;gap:1rem;width:100%;display:grid}.grey-grid--3{grid-template-columns:1fr 1fr 1fr}@media screen and (width<=991px){.grey-grid--3{grid-template-columns:1fr}}.grey-grid--1{grid-template-columns:1fr}.industry{padding-top:6rem;padding-bottom:6rem}@media screen and (width<=767px){.industry{padding-top:4rem;padding-bottom:4rem}}.industry__keyline{border-top:1px solid var(--colours--dark-grey);padding-top:1.5rem}.industry__row{flex-flow:row;justify-content:flex-start;align-items:flex-start;gap:1.875rem;width:100%;display:flex}@media screen and (width<=479px){.industry__row{flex-flow:column}}.industry__col{width:100%}.industry__list{flex-direction:column;gap:.333333rem;width:100%;display:flex}.industry__item{flex-flow:row;justify-content:flex-start;align-items:flex-start;width:100%;display:flex}.industry__num{width:3rem;color:var(--colours--dark-grey);margin-right:1rem;font-size:2.16667rem;line-height:1.1}.industry__label{font-size:2.16667rem;line-height:1.1}@media screen and (width<=767px){.industry__num{width:2rem;font-size:1.5rem}.industry__label{font-size:1.5rem}}

.hero-section{z-index:2;background-color:var(--colours--dark);flex-direction:column;justify-content:center;align-items:center;width:100%;padding-left:1.875rem;padding-right:1.875rem;display:flex;position:relative}.wf-container{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;display:flex}.top-content{grid-column-gap:1.75rem;grid-row-gap:3rem;flex-direction:column;grid-template-rows:1fr;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-auto-columns:1fr;width:100%;padding-bottom:2rem;display:grid}.top-content.case-study-page{grid-column-gap:1.75rem;grid-row-gap:1.5rem;grid-template-rows:auto}.cs-hero-header{grid-column-gap:1.75rem;grid-row-gap:3rem;grid-column:1/-1;grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-auto-columns:1fr;padding-top:10rem;padding-bottom:3rem;display:grid}.hero-readme{grid-area:3/7/4/12;place-self:center start}.hero-title{grid-area:span 1/span 9/span 1/span 9}.hero-meta--client{grid-area:2/1/3/13}.hero-meta--services{grid-area:3/1/4/4}.heading-style-h1{font-size:5rem;line-height:1.1}.heading-style-h4{font-size:min(1.5rem,24px);line-height:1.2}.content-w{flex-flow:column;display:flex}.content-w.gap-small{grid-column-gap:.3rem;grid-row-gap:.3rem}.is-grey{color:var(--colours--grey)}.service-list{grid-column-gap:2px;grid-row-gap:2px;flex-flow:column;display:flex}.service-list-item{flex-flow:row;justify-content:flex-start;align-items:flex-start;width:100%;display:flex}.spacer-small{width:100%;padding-top:1rem}.dropdown-content>.text-rich-text.u-mt-1{margin-top:1.4rem}.case-study-section-heading{margin-bottom:.5rem;font-size:clamp(18px,2vw,20px);line-height:1.15}.dropdown-content{height:0;overflow:hidden}.button-text{grid-column-gap:.3125rem;flex-direction:row;flex:0 auto;place-content:stretch flex-start;align-items:center;text-decoration:none;display:flex}.text{font-size:1rem;font-weight:400;line-height:1.25rem}.underline-link{color:inherit;font-size:1em;line-height:1.25;text-decoration:none;position:relative}.inline-block{display:inline-block}.icon{flex-direction:column;justify-content:flex-start;align-items:center;transition:transform .4s;display:flex}.readme-icon-text{object-fit:contain;justify-content:center;align-items:center;width:1rem;height:1rem;font-size:1.3em;line-height:1;display:flex}@media screen and (width>=1440px){.hero-section{z-index:10}.spacer-small{padding-top:1.5rem}.hero-meta--services{grid-area:3/1/4/7}}@media screen and (width>=1920px){.top-content{padding-top:9rem}.heading-style-h1{font-size:8rem}}@media screen and (width<=991px){.hero-section{padding-left:1.3rem;padding-right:1.3rem}.top-content{grid-row-gap:4rem;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.top-content.case-study-page{padding-bottom:0;display:flex}.cs-hero-header{grid-column-gap:1.75rem;grid-row-gap:3rem;flex-flow:column;grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-auto-columns:1fr;width:100%;display:grid}.readme-content.max-width{order:1;max-width:none;margin-bottom:3rem}.hero-readme{grid-area:3/1/4/11}.hero-title{grid-area:1/1/2/13}.hero-meta--client{grid-area:2/1/3/5}.hero-meta--services{grid-area:2/5/3/13}}@media screen and (width<=767px){.heading-style-h1{font-size:2.5rem}.heading-style-h4{font-size:1rem;line-height:1.1}}@media screen and (width<=479px){.hero-section{padding-left:16px;padding-right:16px}.top-content{grid-column-gap:.75rem;grid-template-columns:1fr 1fr 1fr 1fr;grid-auto-columns:auto}.cs-hero-header{grid-row-gap:2rem;grid-template-rows:auto auto auto auto;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.readme-content.max-width.u-mt-1{margin-top:1rem}.hero-readme{grid-row:4/5;grid-column-end:7}.hero-title{grid-area:1/1/2/7}.hero-meta--client{grid-column-end:7}.hero-meta--services{grid-area:3/1/4/7}}.video{position:relative;overflow:hidden}.video.aspect{aspect-ratio:16/9;width:100%;min-height:60vh}.widescreen{aspect-ratio:16/9}.portrait{aspect-ratio:3/4}.square{aspect-ratio:1}.deep-render-icon-video{aspect-ratio:948/1080;width:100%}.deep-render-story-video{aspect-ratio:1248/1960;width:100%}@media screen and (width<=479px){.video.aspect{min-height:auto}}.bunny-bg{pointer-events:none;color:#fff;isolation:isolate;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden;transform:translate(0)}.bunny-bg__video{object-fit:cover;width:100%;height:100%;padding-bottom:0;padding-right:0;display:block;position:absolute;top:0;left:0}.bunny-bg__loading{opacity:0;visibility:hidden;background-color:#00000054;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.bunny-bg__loading-svg{width:6em}.before-after{--before-after-position:50%;aspect-ratio:1528/860;color:#161616;isolation:isolate;background:#000;width:100%;position:relative;overflow:hidden}.before-after__slide{position:absolute;inset:0}.before-after__slide[hidden]{display:none}.before-after__image{object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;max-width:none;height:100%;position:absolute;inset:0}.before-after__before{z-index:1;clip-path:inset(0 calc(100% - var(--before-after-position)) 0 0);position:absolute;inset:0;overflow:hidden}.before-after__image--before{image-rendering:pixelated}.before-after__toolbar{z-index:10;pointer-events:none;width:97.2%;max-width:none;height:auto;position:absolute;top:2.62%;left:1.4%;right:auto}.before-after__label{z-index:3;width:auto;max-width:none;height:clamp(22px,2.14vw,33px);image-rendering:crisp-edges;image-rendering:pixelated;position:absolute;top:10.3%}.before-after__label--before{left:1.4%}.before-after__label--after{right:1.4%}.before-after__handle{z-index:4;top:0;bottom:0;left:var(--before-after-position);pointer-events:none;width:46px;position:absolute;transform:translate(-50%)}.before-after__line{background:#fff;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 18px #0003}.before-after__grip{width:46px;height:46px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.before-after__grip-bg{width:100%;height:100%;position:absolute;inset:0}.before-after__arrows{justify-content:center;align-items:center;gap:7px;display:flex;position:absolute;inset:0}.before-after__arrows img{width:9px;height:16px}.before-after__input{z-index:5;appearance:none;cursor:ew-resize;opacity:0;touch-action:pan-y;background:0 0;width:100%;height:46px;margin:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.before-after__input::-webkit-slider-runnable-track{background:0 0;width:100%;height:2px}.before-after__input::-webkit-slider-thumb{appearance:none;width:46px;height:46px;margin-top:-22px}.before-after__input::-moz-range-track{background:0 0;width:100%;height:2px}.before-after__input::-moz-range-thumb{background:0 0;border:0;width:46px;height:46px}.before-after:has(.before-after__input:focus-visible) .before-after__grip{outline-offset:4px;outline:3px solid #88e109}.before-after__gallery{z-index:7;background:#161616;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:min(348px,100% - 20px);height:57px;padding:6px;display:grid;position:absolute;bottom:clamp(10px,1.6vw,24.5px);left:50%;transform:translate(-50%)}.before-after__gallery-button{cursor:pointer;opacity:.2;background:#000;border:0;min-width:0;height:45px;padding:0;overflow:hidden}.before-after__gallery-button[aria-pressed=true]{opacity:1}.before-after__gallery-button:focus-visible{outline-offset:-2px;outline:2px solid #88e109}.before-after__gallery-button img{object-fit:cover;pointer-events:none;width:100%;height:100%}@media screen and (width<=479px){.before-after{aspect-ratio:4/3}.before-after__toolbar{width:calc(100% - 20px);top:10px;left:10px}.before-after__label{top:48px}.before-after__label--before{left:10px}.before-after__label--after{right:10px}.before-after__gallery{bottom:10px}}@media (prefers-reduced-motion:reduce){.before-after__before,.before-after__handle{transition:none}}@media screen and (width>=992px){.deep-render-icon-list{object-fit:cover;width:100%;height:100%}}.c-wrapper{grid-column-gap:4rem;grid-row-gap:4rem;flex-flow:column;grid-template-rows:auto;grid-template-columns:1fr;grid-auto-columns:1fr;place-content:start;align-items:center;display:flex}.container-cs{grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;width:100%;padding-bottom:1.87rem;display:block}.container-cs.full-width{width:100vw}.image-cs-1{object-fit:cover;width:100%}.image-cs-1[src=""]{display:none}.cs-grid{grid-column-gap:1.875rem;grid-row-gap:1rem;flex-direction:row;grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-auto-columns:1fr;width:100%;display:grid}.cs-grid.is_3{grid-template-columns:1fr 1fr 1fr}.cs-grid.is_2{grid-template-columns:1fr 1fr}.cs-grid.is_3{grid-template-columns:1fr 1fr 1fr;grid-auto-columns:auto}.c-col-2{grid-column-gap:1.875rem;grid-row-gap:1.875rem;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;width:100%;display:grid}.video{position:relative;overflow:hidden}@media screen and (width>=1440px){.cs-grid{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}.c-wrapper{max-width:none}}@media screen and (width<=991px){.container-cs{padding-top:0;padding-bottom:1.3rem}.cs-grid{flex-flow:column;display:flex}.cs-grid.is_3{grid-column-gap:1rem;grid-row-gap:1rem;grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr;grid-auto-columns:1fr;display:grid}.cs-grid.is_2,.cs-grid.is_3{grid-column-gap:1rem;grid-row-gap:1rem;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;display:grid}}@media screen and (width<=479px){.container-cs{padding-bottom:16px}.cs-grid{grid-row-gap:.5rem;grid-template-rows:auto auto auto auto auto;grid-template-columns:1fr 1fr 1fr 1fr}.cs-grid.is_3,.cs-grid.is_2{grid-template-columns:1fr}.c-col-2{grid-column-gap:1rem;grid-row-gap:1rem;grid-template-columns:1fr}}.section{z-index:10;background-color:var(--colours--dark);padding-left:1.875rem;padding-right:1.875rem;position:relative;overflow:hidden}@media screen and (width<=991px){.section{padding-left:1.3rem;padding-right:1.3rem}}@media screen and (width<=479px){.section{padding-left:16px;padding-right:16px}}.wf-container{flex-direction:column;align-items:center;width:100%;display:flex}.cs-media-list{width:100%;padding-bottom:6rem}.section__pad{padding-top:6rem;padding-bottom:6rem}@media screen and (width<=767px){.section__pad{padding-top:4rem;padding-bottom:4rem}}.section__inner{flex-direction:column;align-items:center;width:100%;display:flex}