@charset "UTF-8";
@media screen and (max-width: 1000px) {
  .work-card h4 {
    padding-top: var(--Ph);
    padding-bottom: var(--Ph); }
    .work-card h4 span {
      padding-right: 5px; }
  .work-card:hover h4 {
    opacity: 1; }
  .landing_carousel .swiper-container .swiper-slide .desktop-hero {
    display: none;
    height: calc(100% - (var(--Hh) * 2)); }
    .landing_carousel .swiper-container .swiper-slide .desktop-hero .aspectholder {
      height: 100%; }
  .landing_carousel .swiper-container .swiper-slide .mobile-hero {
    display: block;
    height: calc(100% - (var(--Hh) * 2)); }
    .landing_carousel .swiper-container .swiper-slide .mobile-hero .aspectholder {
      height: 100%; }
  .landing_carousel .swiper-container .swiper-slide h4 {
    padding-top: 10px; }
    .landing_carousel .swiper-container .swiper-slide h4 span {
      margin-right: px; }
  .landing_carousel .swiper-container .next, .landing_carousel .swiper-container .prev {
    top: 45%; }
  .accordians {
    padding-bottom: 200px; }
    .accordians .heading {
      padding-top: var(--Pg);
      grid-column: 1/13;
      padding-bottom: 80px; }
    .accordians .toggle {
      padding: var(--Ph) 0; }
      .accordians .toggle:hover .summary .svg_holder .down:first-of-type svg {
        position: absolute;
        top: -25px;
        right: 5px;
        opacity: 0; }
      .accordians .toggle:hover .summary .svg_holder .down:last-of-type svg {
        position: absolute;
        top: 0px;
        right: 5px;
        opacity: 1; }
      .accordians .toggle .summary {
        cursor: pointer;
        color: var(--font);
        transition: color 0.3s ease;
        justify-content: space-between;
        align-items: center; }
        .accordians .toggle .summary .svg_holder .down:last-of-type svg {
          width: 9px; }
      .accordians .toggle .dropdown p {
        width: 100%; }
      .accordians .toggle .dropdown ul {
        padding-top: var(--Pd);
        padding-bottom: var(--Pd); }
        .accordians .toggle .dropdown ul li {
          grid-column: span 6; }
    .accordians ::marker {
      font-size: 0px; }
  .work_hero .hero_container {
    padding-top: var(--Hh);
    height: calc(100vh - (var(--Hh) * 2));
    grid-column: 1/13; }
    .work_hero .hero_container .mobile-hero {
      display: block; }
    .work_hero .hero_container .desktop-hero {
      display: none; }
    .work_hero .hero_container .desktop-hero.mobile-hero {
      display: block; }
    .work_hero .hero_container .aspectholder {
      height: 100%;
      width: 100%; }
      .work_hero .hero_container .aspectholder * {
        width: 100%;
        height: 100%;
        object-fit: cover; }
  .work_filters {
    padding-top: 100px;
    position: relative;
    border-bottom: none;
    padding-bottom: var(--Ph);
    margin-bottom: var(--Pm); }
    .work_filters .filter_btns {
      column-gap: var(--Pg);
      grid-column: 1/13; }
      .work_filters .filter_btns .filter_btn.active {
        font-family: "FT Regola Neue SemiBold" !important; }
  .filters_holder {
    height: auto;
    overflow: hidden; }
    .filters_holder .filters {
      row-gap: 5px;
      column-count: 1; }
      .filters_holder .filters.sectors li {
        grid-column: 1/13; }
      .filters_holder .filters li {
        grid-column: span 13; }
    .filters_holder .filters_spacer {
      height: var(--Pm);
      width: 100%; }
  .work_works {
    padding-bottom: 140px; }
    .work_works .card-holder {
      grid-column: span 12 !important; }
  .work_info {
    padding-top: var(--Pg);
    padding-bottom: 120px; }
    .work_info .toggle {
      grid-column: 1/13;
      transition: padding-bottom 0.8s ease;
      position: relative;
      scroll-margin-top: 200px; }
      .work_info .toggle .summary {
        cursor: pointer;
        color: var(--font);
        transition: color 0.3s ease;
        justify-content: space-between;
        align-items: flex-start;
        padding-left: 0 !important;
        padding-right: 0 !important; }
        .work_info .toggle .summary .read-more {
          transition: opacity 0.3s ease; }
          .work_info .toggle .summary .read-more.hide {
            opacity: 0; }
        .work_info .toggle .summary .toggle_top {
          grid-column: 1/13; }
          .work_info .toggle .summary .toggle_top h4 {
            padding-bottom: 10px; }
        .work_info .toggle .summary .services {
          display: none; }
      .work_info .toggle .dropdown {
        padding-top: 5px;
        height: 0px;
        overflow: hidden;
        margin-bottom: 5px;
        opacity: 0;
        padding-left: 0 !important;
        padding-right: 0 !important; }
        .work_info .toggle .dropdown .work_text {
          grid-column: 1/13; }
          .work_info .toggle .dropdown .work_text strong {
            font-family: 'FT Regola Neue SemiBold'; }
        .work_info .toggle .dropdown .collab {
          grid-column: 1/13;
          width: 90%;
          padding-top: var(--Pd);
          padding-bottom: var(--Pm); }
          .work_info .toggle .dropdown .collab .services {
            display: block;
            padding-bottom: var(--Pm); }
  .work_media {
    padding-bottom: 90px;
    row-gap: var(--Pm); }
  .related_work .card-holder {
    grid-column: span 12; }
  .about_tab_holder .listed_block .list_row .list_list {
    grid-column: 7/13;
    row-gap: 0; }
  .about_tab_holder .listed_block .list_row .list_list ul {
    column-count: 1;
    width: 100%; }
  .spacer {
    height: 205px; }
  .insights {
    position: relative;
    padding-bottom: 0; }
    .insights .grid {
      row-gap: 0; }
    .insights .left-line {
      display: none; }
    .insights a {
      border-bottom: 1px solid white; }
    .insights ul .hr {
      display: none; }
  .insight-card {
    position: relative;
    grid-column: span 13;
    padding: var(--Pm) 0;
    width: 100%; }
    .insight-card .insights_content .date, .insight-card .insights_content h2 {
      padding-bottom: var(--Pm); }
    .insight-card .insights_content h2 {
      transition: opacity 0.3s ease; }
    .insight-card .insights_content.text h2 {
      padding-bottom: 80px; }
    .insight-card:hover .insights_content h2 {
      opacity: 1 !important; }
  .insight_hero h2 {
    grid-column: 1/13; }
  .insight_hero h4 {
    grid-column: 1/13; }
  .double_insights {
    display: none; }
  .double_insights.mobile {
    display: block; }
    .double_insights.mobile strong {
      font-style: normal !important;
      font-size: 20px !important;
      line-height: 19px !important;
      font-family: "FT Regola Neue SemiBold" !important; }
  .insight_hero {
    height: 100vh;
    background-color: var(--black);
    color: var(--white);
    padding-top: 120px; }
    .insight_hero h2 {
      grid-column: 1/13; }
    .insight_hero h4 {
      grid-column: 1/13; }
  .double_insights {
    border-bottom: 1px solid black;
    margin: 0;
    width: calc(100% - 30px);
    margin: auto;
    padding: 30px 0; }
    .double_insights .date {
      margin-bottom: 30px; }
    .double_insights.double_insights_left {
      padding-left: 0; }
    .double_insights.double_insights_right {
      padding-right: 0; }
    .double_insights p {
      padding-bottom: 70px; }
    .double_insights .insights_col_media {
      width: 100%;
      padding-bottom: 70px; }
      .double_insights .insights_col_media p {
        padding-bottom: 0; }
      .double_insights .insights_col_media .aspectholder {
        width: 100%;
        height: auto; }
        .double_insights .insights_col_media .aspectholder * {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .double_insights .insights_col_media .caption {
        margin-top: var(--Ph); }
  .single_insights {
    padding: 50px 15px;
    text-align: center;
    row-gap: var(--Pg);
    border-bottom: 1px solid var(--black);
    width: calc(100% - 30px);
    margin: auto; }
    .single_insights h4 {
      width: 100%;
      margin: auto; }
  .insight_buttons {
    background-color: var(--black);
    position: relative;
    flex-direction: column; }
    .insight_buttons a {
      width: calc(100% - 30px);
      min-height: 200px;
      padding: var(--Pm) 0;
      transition: color 0.3s ease, background-color 0.3s ease;
      border-top: 1px solid var(--black);
      margin: auto; }
      .insight_buttons a:hover {
        background-color: var(--black);
        border-top: 1px solid var(--black); }
      .insight_buttons a:first-child {
        border-right: none;
        border-bottom: 1px solid white; }
      .insight_buttons a h4 {
        padding-top: var(--Pm);
        padding-bottom: 100px; }
    .insight_buttons .hr {
      position: absolute;
      width: calc(100% - var(--Pd));
      left: var(--Pm);
      height: 1px;
      background-color: var(--white);
      bottom: 0; }
  .mobile-spacer {
    height: 90px;
    background-color: var(--black); }
  .double-media .aspectholder {
    grid-column: span 13; }
  .contact_snip {
    padding-bottom: 80px; }
    .contact_snip .contact_snip_holder {
      grid-column: 1/13; }
      .contact_snip .contact_snip_holder a {
        color: var(--grey);
        width: fit-content;
        transition: opacity 0.3s ease; }
        .contact_snip .contact_snip_holder a:hover {
          opacity: 0.5; }
  .about_tabs {
    padding-top: 170px;
    position: relative;
    border-bottom: none; }
    .about_tabs ul {
      column-gap: var(--Pm);
      padding-bottom: var(--Ph);
      grid-column: 1/13; }
      .about_tabs ul button {
        transition: opacity 0.15s ease; }
        .about_tabs ul button:not(.active):hover {
          opacity: 0.5; }
  .about_tab_holder {
    min-height: 80vh;
    position: relative;
    background-color: white; }
    .about_tab_holder .about_tab .about-block {
      position: relative;
      padding-top: var(--Pm);
      padding-bottom: 30px; }
      .about_tab_holder .about_tab .about-block:last-of-type .bottom-line {
        display: none; }
    .about_tab_holder .text_media_block {
      padding-top: var(--Pm); }
    .about_tab_holder .text_media_text {
      grid-column: 1/13; }
      .about_tab_holder .text_media_text strong {
        font-style: normal;
        font-weight: 400;
        font-size: 35px;
        line-height: 39px; }
    .about_tab_holder .text_media_media {
      grid-column: 1/13; }
      .about_tab_holder .text_media_media .aspectholder {
        background-color: transparent;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start; }
        .about_tab_holder .text_media_media .aspectholder * {
          width: 100%;
          object-fit: cover; }
    .about_tab_holder .text_list_block {
      row-gap: var(--Pd); }
    .about_tab_holder .text_list_list {
      grid-column: 1/13;
      column-gap: var(--Pd); }
    .about_tab_holder .text_list_item {
      row-gap: var(--Pm);
      grid-column: span 2; }
    .about_tab_holder .listed_block .list_row .heading {
      grid-column: 1/7; }
    .about_tab_holder .listed_block .list_row .grid-6 {
      grid-column: 7/13;
      row-gap: 0; }
      .about_tab_holder .listed_block .list_row .grid-6 p {
        display: block;
        grid-column: span 6; }
  .contact_tab, .careers_tab, .career_tab {
    position: relative;
    min-height: 80vh;
    visibility: hidden;
    opacity: 0;
    display: none;
    transition: visibility 0.3s ease 0.3s, opacity 0.3s ease 0.3s;
    background-color: white; }
    .contact_tab.active, .careers_tab.active, .career_tab.active {
      visibility: visible;
      opacity: 1;
      display: block; }
    .contact_tab .line-holder, .careers_tab .line-holder, .career_tab .line-holder {
      grid-column: 1/13;
      padding-bottom: 100px; }
  .marker {
    content: '';
    background-color: var(--black);
    width: 25px;
    height: 25px;
    border-radius: 50%; }
  .contact_form,
  .contact_map {
    padding-bottom: 120px;
    padding-top: var(--Pm); }
    .contact_form .contact_text,
    .contact_map .contact_text {
      grid-column: 1/13;
      position: relative; }
      .contact_form .contact_text .border-b,
      .contact_map .contact_text .border-b {
        border-bottom: 1px solid var(---black); }
      .contact_form .contact_text h4,
      .contact_map .contact_text h4 {
        padding-bottom: var(--Pm); }
      .contact_form .contact_text a:hover,
      .contact_map .contact_text a:hover {
        opacity: 1; }
      .contact_form .contact_text .bottom-line, .contact_form .contact_text .hr,
      .contact_map .contact_text .bottom-line,
      .contact_map .contact_text .hr {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        margin-left: 0;
        height: 1px;
        background-color: var(--black); }
    .contact_form .contact_right,
    .contact_map .contact_right {
      grid-column: 1/13;
      border-top: 1px solid var(--black);
      padding-top: var(--Pd);
      margin-top: var(--Pt); }
      .contact_form .contact_right p,
      .contact_map .contact_right p {
        width: 90%; }
      .contact_form .contact_right .map_holder,
      .contact_map .contact_right .map_holder {
        margin-top: var(--Pd);
        pointer-events: none; }
        .contact_form .contact_right .map_holder .mapboxgl-ctrl-top-left,
        .contact_form .contact_right .map_holder .mapboxgl-ctrl-top-right,
        .contact_form .contact_right .map_holder .mapboxgl-ctrl-bottom-left,
        .contact_form .contact_right .map_holder .mapboxgl-ctrl,
        .contact_map .contact_right .map_holder .mapboxgl-ctrl-top-left,
        .contact_map .contact_right .map_holder .mapboxgl-ctrl-top-right,
        .contact_map .contact_right .map_holder .mapboxgl-ctrl-bottom-left,
        .contact_map .contact_right .map_holder .mapboxgl-ctrl {
          display: none; }
    .contact_form .careers_right,
    .contact_map .careers_right {
      grid-column: 1/13; }
      .contact_form .careers_right li,
      .contact_map .careers_right li {
        font-size: 20px;
        line-height: 24px;
        padding: var(--Pg) 0; }
  form ::placeholder {
    color: var(--grey); }
  form input {
    width: 100%;
    border-top: 1px solid var(--black);
    padding: 10px 0;
    margin-bottom: 20px; }
  form button {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    display: block;
    color: var(--white);
    background-color: var(--black);
    padding: 20px;
    text-align: center;
    transition: border-radius 300ms ease, background-color 300ms ease; }
    form button:hover {
      background-color: var(--grey); }
  .careers_right ul {
    border-top: 1px solid var(--black); }
    .careers_right ul li {
      padding: 10px 0;
      border-bottom: 1px solid var(--black); }
      .careers_right ul li .careers_btn {
        justify-content: space-between;
        align-items: center;
        width: 100%; }
        .careers_right ul li .careers_btn span {
          transition: opacity 0.3s ease; }
        .careers_right ul li .careers_btn svg {
          transition: margin-right 0.3s ease; }
          .careers_right ul li .careers_btn svg path {
            stroke: var(--black); }
        .careers_right ul li .careers_btn:hover span {
          opacity: 0.5; }
        .careers_right ul li .careers_btn:hover svg {
          margin-right: 10px; }
  .career_content {
    padding-top: var(--Pm); }
    .career_content .career_left {
      grid-column: 1/13; }
      .career_content .career_left ul {
        padding-top: var(--Pd);
        row-gap: var(--Pm);
        width: 80%;
        padding-bottom: 60px; }
    .career_content .career_right {
      grid-column: 1/13;
      padding-bottom: 100px; }
      .career_content .career_right ul {
        padding-top: var(--Pm); }
        .career_content .career_right ul .semi {
          padding-bottom: var(--Pm); }
        .career_content .career_right ul li {
          position: relative; }
          .career_content .career_right ul li:not(.semi) {
            margin-left: 30px;
            margin-bottom: 5px; }
          .career_content .career_right ul li:not(.semi):before {
            content: '•';
            position: absolute;
            left: -30px;
            top: 0; } }