@media screen and (max-width: 960px) {
  .sans-sub {
    /* Heading/sans */
    font-size: 30px; }
  .serif-sub {
    font-family: 'GT Ultra Fine';
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 106.667%; }
  .serif-52, .sans-52 {
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: 106.667%; }
  .sans-30, .serif-30 {
    /* Heading/sans */
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 107.692%; }
  .sans-18, .serif-18 {
    /* Heading/sans */
    font-size: 14px; }
  .fnav {
    font-size: 52px;
    font-style: normal;
    font-weight: 300;
    line-height: 107.692%; }
  .fs, header .header-btn a {
    font-size: 12px; }
  .fm {
    font-size: var(--size);
    font-style: normal;
    font-weight: 300;
    line-height: 133.333%; }
  .fms {
    font-size: 14px; }
  .p-gutter {
    padding-left: var(--Pg);
    padding-right: var(--Pg); }
  .pt-gutter {
    padding-top: var(--Pg); }
  .pb-gutter {
    padding-bottom: var(--Pg); }
  .p-gutter-y {
    padding-top: var(--Pg);
    padding-bottom: var(--Pg); }
  .pb-xxxl, .contact-heading-details, .article-hero {
    padding-bottom: 40px; }
  .pt-xxxl {
    padding-top: 40px; }
  .py-xxxl {
    padding-bottom: 40px;
    padding-top: 40px; }
  .px-xxxl {
    padding-left: 40px;
    padding-right: 40px; }
  .pb-xxxxl {
    padding-bottom: 80px; }
  .pt-xxxxl, .article-hero .article-hero-title {
    padding-top: 80px; }
  .grid-24 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: minmax(min-content, max-content);
    column-gap: var(--Pm);
    row-gap: var(--Pm);
    width: 100%; }
  .menu-button {
    position: fixed;
    left: var(--Pg);
    top: 16px;
    width: 24px;
    height: 14px;
    z-index: 102; }
  header {
    background-color: var(--white); }
    header svg path, header svg polygon, header svg polyline, header svg rect {
      fill: var(--black); }
  header, .menu-button {
    --fg: black!important; }
  header .header_logo-container {
    max-width: 110px; }
    header .header_logo-container svg {
      width: 100%; }
  header .header-btn a {
    padding: var(--Psmall) var(--Ph); }
  header .header-btn {
    display: none; }
  footer {
    background-color: var(--footerbg);
    color: var(--dark-green);
    row-gap: 40px !important;
    grid-column: 1/7; }
    footer nav {
      grid-column: 1/7;
      display: flex;
      flex-direction: column; }
      footer nav a {
        transition: opacity 0.2s ease; }
        footer nav a:hover {
          opacity: 0.5; }
    footer .menu-contact {
      grid-column: 1/7;
      display: flex;
      flex-direction: column;
      row-gap: var(--Pm); }
      footer .menu-contact a {
        transition: opacity 0.2s ease;
        opacity: 0.5; }
        footer .menu-contact a:hover {
          opacity: 1; }
    footer .footer-message {
      grid-column: 1/7; }
    footer svg path {
      fill: var(--dark-green); }
  .sans-heading, .heading-text-block-heading strong, .hero-carousel-block-overlay strong {
    font-size: 44px; }
  .serif-heading, .heading-text-block-heading, .hero-carousel-block-overlay {
    font-size: 40px; }
  .sans-heading, .hero-carousel-block-overlay, .hero-carousel-block-overlay strong {
    font-size: 30px; }
  .text-block-body {
    grid-column: 1/7; }
  .what-we-do-block-body-list .wwd-media-trigger.active {
    font-size: 30px; }
  .clients-block-body {
    grid-column: 1/7; }
  .clients-block-list-item {
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--Psmall); }
  .media-showcase-block-medias-item {
    grid-column: span 3;
    width: 100%;
    aspect-ratio: 1; }
  .media-showcase-block-medias-links {
    grid-column: span 3;
    padding: 30%;
    row-gap: var(--Psmall);
    column-gap: 15px; }
    .media-showcase-block-medias-links svg {
      width: 100%;
      height: 100%; }
  .awards-list {
    grid-column: 1/-1;
    display: flex;
    flex-direction: column; }
  .awards-list .awards-list-item {
    column-gap: var(--Psmall); }
  .work-heading h2 {
    grid-column: 1/-1; }
  .work-heading .work-filters {
    grid-column: 1/-1; }
    .work-heading .work-filters ul {
      grid-column: span 2; }
    .work-heading .work-filters .work-filters-btn {
      display: block;
      margin-bottom: var(--Psmall);
      white-space: nowrap; }
    .work-heading .work-filters .work-layout {
      grid-column: 5/7;
      text-align: right;
      display: flex;
      justify-content: flex-end;
      align-items: flex-start;
      column-gap: var(--Psmall); }
    .work-heading .work-filters .work-filter-drop {
      grid-column: 1/-1; }
  .work-works.list .work-card-holder {
    grid-column: 1/-1; }
  .work-works.list .work-card-holder .work-card .content-holder {
    grid-column: 1/5;
    display: flex;
    flex-direction: row;
    column-gap: var(--Pmed); }
    .work-works.list .work-card-holder .work-card .content-holder.list-item {
      display: none; }
      .work-works.list .work-card-holder .work-card .content-holder.list-item.length {
        display: block;
        grid-column: 5/7; }
  .work-works.grid .work-card-holder {
    grid-column: span 6;
    grid-row: span 1; }
    .work-works.grid .work-card-holder .work-card {
      padding: var(--Pmed); }
    .work-works.grid .work-card-holder:nth-of-type(11n + 4) {
      grid-column: span 6;
      grid-row: span 1; }
      .work-works.grid .work-card-holder:nth-of-type(11n + 4) .work-card .aspectholder {
        aspect-ratio: 1.33333; }
    .work-works.grid .work-card-holder:nth-of-type(11n + 5), .work-works.grid .work-card-holder:nth-of-type(11n + 9) {
      grid-column: span 6;
      grid-row: span 1; }
      .work-works.grid .work-card-holder:nth-of-type(11n + 5) .work-card .aspectholder, .work-works.grid .work-card-holder:nth-of-type(11n + 9) .work-card .aspectholder {
        aspect-ratio: 1.33333; }
  .project-initial-list, .project-initial-text {
    grid-column: span 6; }
  .project-main-media .aspectholder {
    grid-column: span 6;
    width: 100%; }
  .project-text.right p,
  .project-text.left p,
  .project-text.center p {
    grid-column: span 6; }
  .project-media-holder {
    grid-column: span 6 !important; }
  .project-more-work-heading, .project-more-work .work-card-holder {
    grid-column: 1/-1; }
  .article-card-holder {
    width: calc(100% - 42px);
    border: 1px solid var(--mid-grey);
    height: fit-content;
    margin-bottom: var(--Pm); }
  .article-card-holder:nth-of-type(2) {
    margin-top: 0; }
  .article-card-holder .article-card .content-holder {
    padding: 80px 60px; }
  .news-heading .work-filters {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: var(--Psmall) !important;
    column-gap: var(--Psmall) !important; }
  .article-text .container-copy,
  .article-media
.article-media-holder,
  .related-articles-heading,
  .related-articles-card,
  .article-hero-media.landscape,
  .article-hero-media.portrait,
  .article-hero.landscape .article-hero-title,
  .article-hero.portrait .article-hero-title {
    grid-column: 1 / -1 !important; }
  .article-hero .article-hero-title {
    grid-row: 1 !important; }
  .article-hero-media {
    grid-row: 2 !important; }
  .article-hero-media.portrait .aspectholder {
    height: auto;
    aspect-ratio: 0.7;
    padding-bottom: 0; }
  .feature-pages-block .article-card-holder {
    margin-bottom: var(--Pm); }
  .feature-pages-block .article-card-holder, .feature-pages-block .work-card-holder {
    width: calc(100% - 38px); }
  .feature-pages-block .article-card-holder:nth-of-type(2) {
    margin-top: 0; }
  .feature-pages-block .work-card-holder {
    height: fit-content;
    margin-bottom: var(--Pm) !important; }
    .feature-pages-block .work-card-holder .work-card {
      margin: auto;
      padding: var(--Pmed);
      display: block;
      transition: background-color 0.3s ease; }
      .feature-pages-block .work-card-holder .work-card .list-item {
        display: none; }
      .feature-pages-block .work-card-holder .work-card .aspectholder {
        aspect-ratio: 1.33333;
        width: 100%; }
        .feature-pages-block .work-card-holder .work-card .aspectholder * {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .feature-pages-block .work-card-holder .work-card-title {
        padding-top: var(--Pmed);
        display: flex;
        flex-direction: column; }
  .contact-heading-details, .contact-heading-people, .contact-heading .contact-form {
    grid-column: 1/-1; }
  .multi-media-block .aspectholder {
    width: 100%; }
    .multi-media-block .aspectholder * {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .multi-media-block.__1 .aspectholder {
    grid-column: 1/-1; }
  .multi-media-block.__2 .aspectholder {
    grid-column: span 3; }
  .multi-media-block.__3 .aspectholder {
    grid-column: span 2; }
  .multi-media-block.__4 .aspectholder {
    grid-column: span 3; }
  .multi-media-block.__4.landscape .aspectholder {
    grid-column: span 3; }
  .media-text-block .aspectholder {
    width: 100%; }
    .media-text-block .aspectholder * {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .media-text-block.portrait .aspectholder {
    aspect-ratio: 16/9; }
  .media-text-block.square .aspectholder {
    aspect-ratio: 1; }
  .media-text-block.right .aspectholder {
    grid-column: 1/-1;
    grid-row: 1; }
  .media-text-block.right .media-text-copy {
    grid-column: 1/-1;
    grid-row: 2; }
  .media-text-block.left .media-text-copy {
    grid-column: 1/-1;
    grid-row: 1; }
  .media-text-block.left .aspectholder {
    grid-column: 1/-1;
    grid-row: 2; }
  .jobs-jobs {
    padding-bottom: 160px; }
    .jobs-jobs .subheading {
      grid-column: 1/-1; }
    .jobs-jobs .jobs-jobs-list {
      grid-column: 1/-1;
      display: flex;
      flex-direction: column; }
      .jobs-jobs .jobs-jobs-list .jobs-title, .jobs-jobs .jobs-jobs-list .jobs-jobs-list-job {
        padding: 16px 0;
        border-bottom: 1px solid var(--mid-grey); }
        .jobs-jobs .jobs-jobs-list .jobs-title span, .jobs-jobs .jobs-jobs-list .jobs-jobs-list-job span {
          grid-column: span 2; }
        .jobs-jobs .jobs-jobs-list .jobs-title .deadline, .jobs-jobs .jobs-jobs-list .jobs-jobs-list-job .deadline {
          text-align: right;
          display: none; }
      .jobs-jobs .jobs-jobs-list .jobs-title {
        color: var(--mid-grey); }
      .jobs-jobs .jobs-jobs-list .jobs-jobs-list-job * {
        transition: color 0.15s ease; }
      .jobs-jobs .jobs-jobs-list .jobs-jobs-list-job:hover * {
        color: var(--mid-grey); } }