@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 {
    grid-column: 1/10;
    padding-top: var(--Pm);
  }
  .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;
    row-gap: var(--Pd);
  }
  .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;
  }
  .contact_snip .klaviyo-holder {
    grid-column: 1/-1;
  }
  .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;
  }
  .work-text .work-text-content {
    grid-column: 1/13 !important;
  }
  .work-text .work-text-info {
    grid-column: 1/13;
  }
  .work-text .work-text-info {
    padding-top: var(--Pd);
  }
  .pull-quote .pull-quote_quote {
    grid-column: 1/-1;
  }
  .media-text .media-text-media {
    grid-column: 1/-1;
  }
  .media-text .media-text-text {
    grid-column: 1/-1;
    grid-row: 2;
  }
  .media-text.right .media-text-media {
    grid-column: 1/-1;
    grid-row: 2;
  }
  .media-text.right .media-text-text {
    grid-column: 1/-1;
    grid-row: 1;
  }
}