.agency-name.u-text-style-h4 {
    white-space: nowrap;
}
.show-preloader .preloader {
  display: flex;
}

.preloader-logo_wrap,
.preloader-progress_el {
  opacity: 0;
}

:root {
  --transition-smooth: all 400ms cubic-bezier(0.32, 0.72, 0, 1);
}

.client-name {
  transition: var(--transition-smooth);
}

[type="submit"],
[contact-el],
.arrow-icon_wrap,
.arrow-link_wrap,
.careers-list_item,
[h-fade-05],
[h-fade-01],
.work-mobile_title-wrap,
.commitments-item,
.toggle-icon_svg {
  transition: var(--transition-smooth);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px var(--swatch--light-100) inset !important;
  background-color: inherit !important;
  -webkit-text-fill-color: var(
    --swatch--brand-text
  ) !important; /* Dark gray text */
  font-family: var(--_typography---font--secondary-family) !important;
}

.w-input:focus,
.w-select:focus {
  border-color: #f5f5f5;
  outline: 0;
}

.form-valid [type="submit"] {
  color: var(--swatch--brand-text);
}

/* .link-svg_wrap {
  opacity: 0;
}

.menu-list-item:hover .link-svg_wrap {
  opacity: 1;
} */

/* Text Flip */
[h-flip],
[h-flip_wrap],
[h-flip-lc] {
  position: relative;
  overflow: hidden;
}

.client-item_layout {
  transition: var(--transition-smooth);
}

.flip-el_svg path,
.featured-caption_wrap path {
  vector-effect: non-scaling-stroke;
}

.w-webflow-badge {
  display: none !important;
}

.is-home .menu-home {
  transition: all 300ms ease-out;
  max-width: 26.25rem;
  min-width: 26.25rem;
}

.nav-scrolled [global-menu] .menu-text_initial {
  opacity: 0;
  pointer-events: none;
}

.nav-scrolled .project-menu_alt,
.nav-scrolled .thought-menu_component .filter-btn_wrap {
  transform: translateY(100%);
  opacity: 0;
}

.menu-global {
  position: relative;
}

.lenis-scrolling .work-initial [filter-popup_trig] {
  pointer-events: none;
}

.nav-scrolled .work-initial [filter-popup_trig],
.nav-scrolled .thought-close_wrap {
  transform: translateY(100%);
  pointer-events: none;
  opacity: 0;
}

.project-menu_alt {
  /* transform: translateY(100%); */
  transition: var(--transition-smooth);
}

[global-menu] .logo-icon_wrap {
  opacity: 0;
  pointer-events: none;
}

.nav-scrolled [global-menu] .logo-icon_wrap {
  opacity: 1;
  pointer-events: auto;
}

.menu-home_links {
  transform: scaleX(1);
}

[cta-cursor_el] {
  opacity: 0;
  transition: opacity 400ms ease-out;
}

.img-switch_component .media-container.on {
  visibility: visible;
}
.img-switch_component .media-container div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; /* Hides anything overflowing during the animation */
  transform: translate(0, 100%); /* Starts above the mask */
}
.img-switch_component .media-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, -90%); /* Starts almost completely below the parent */
}

[flip-title] {
  transition: all 300ms cubic-bezier(0.32, 0.72, 0, 1);
}

.agencies-static_item {
  opacity: 0;
  transition: opacity 300ms cubic-bezier(0.32, 0.72, 0, 1);
}

.agencies-static_item.in-view {
  opacity: 1;
}

.expanded .toggle-icon_svg {
  transform: rotate(45deg);
}

.commitments-height_wrap {
  display: grid;
  grid-template-rows: 0fr;
  transition: var(--transition-smooth);
}

.commitments-item.expanded .commitments-height_wrap {
  grid-template-rows: 1fr;
}

.commitments-height_inner {
  overflow: hidden;
}

* {
  -webkit-tap-highlight-color: transparent;
}

.agency-flip_el {
  z-index: 2;
}

.video-playing .floating-nav,
.video-playing .global-menu {
  display: none;
}

.agencies-list-wrap {
  background: #343434;
}

.agencies-item.is-moving {
  will-change: transform;
  transform: translate(0%, 0%);
}

.clients-header_img-wrap {
  pointer-events: none;
}

/* .agencies-items_contain:hover .agency-flip_el {
  opacity: 1;
} */

.filter-visible .clear-filters {
  display: flex;
}

/* Desktop */

/* .work-img_bg {
  background-size: cover;
  background-position: 50% 0%;
}

.work-img_bg {
  width: 100%;
  max-width: 100%;
  height: 110%;
  position: absolute;
  inset: 0%;
  transform: translate(0%, -5%);
  transform-origin: 50% 0;
  height: 110%;
} */
/* .about-hero {
  position: sticky;
  top: 0;
} */

.solutions-bg {
  display: none;
}

[pl-fade_up],
[pl-shift_up] {
  opacity: 0;
  /* transform: translate(0rem, 5rem); */
}

.img-fill.work-large_bg {
  transform-origin: 50% 0;
  height: 110%;
  transform: translateY(-5%);
}

.work-large_item {
  clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
}

.work-large_item:first-child {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.work-img_bg {
  /* opacity: 0; */
}

.show-popup [filter-popup] {
  transform: translateY(0%);
  border-top: 0px solid transparent;
}

[filter-popup] {
}

[filters-fade] {
  /* transition: all 400ms ease-in; */
  opacity: 0;
  /* transform: translateY(50%); */
}

.show-popup [filter-popup] [filters-fade] {
  opacity: 1;
  /* transform: translateY(0%); */
}

.work-small_wrap {
  transition: var(--transition-smooth);
}

.show-popup .work-small_wrap {
  opacity: 0;
}
.work-title_wrap {
  transition: var(--transition-smooth);
}
.work-page.show-popup .work-title_wrap {
  opacity: 0;
}

html.lenis.w-editor,
html.lenis.w-editor body {
  height: auto !important;
}

.lenis.w-editor {
  overscroll-behavior: contain !important;
}

@media only screen and (min-width: 992px) and (pointer: fine) {
  .about-hero_img {
    clip-path: polygon(25% 0%, 75% 0%, 75% 100%, 25% 100%);
  }

  [contact-el]:hover {
    color: var(--off-white);
    background-color: var(--swatch--dark-900);
  }

  [contact-el]:hover .contact-head {
    background-image: linear-gradient(90deg, #00ab58, #3b989b);
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  [thought-fade_half] {
    opacity: 0.5;
  }

  [thought-fade_full] {
    opacity: 0;
  }

  .comp-item_btn .color-block {
    clip-path: inset(0 0 0 100% round 0.375rem);
  }

  .comp-item_btn .comp-btn_text {
    opacity: 0;
    transition: all 0ms ease-out;
  }

  .comp_item:hover .comp-btn_text {
    opacity: 1;
    transition: all 200ms ease-in;
  }

  .comp-item_btn {
    width: var(--size--5rem);
  }

  .comp_item:hover {
    border-radius: 0.5625rem;
  }

  .comp_item:hover .comp-item_btn {
    width: var(--size--7-5rem);
  }

  .comp_item:hover .color-block {
    clip-path: inset(0 0 0 0 round 0.375rem);
  }

  .hide-static .comp-logo_static {
    opacity: 0;
  }

  .comp-item_description {
    opacity: 0.2;
  }

  .comp_item:hover .comp-item_description {
    opacity: 0.5;
  }
  .thought-item:hover [thought-fade_half],
  .thought-item:hover [thought-fade_full] {
    opacity: 1;
  }

  .service-subheading,
  .commitments-item .body-standard {
    opacity: 0;
    transform: translateY(1rem);
    transition: opacity 300ms ease-in, transform 300ms ease-out;
  }

  .services-item.expanded .service-subheading,
  .commitments-item.expanded .body-standard {
    opacity: 1;
    transform: translateY(0rem);
  }

  [line-expand_el].expanded .line-el {
    max-width: 100%;
    opacity: 1;
  }

  [line-expand_el]:hover + [line-expand_el] .is-top {
    opacity: 0;
  }

  [line-expand_el]:has(+ [line-expand_el]:hover) .is-bot {
    opacity: 0;
  }

  [line-expand_el] .is-bot {
    opacity: 0;
  }

  [line-expand_el]:last-child .is-bot {
    opacity: 0.5;
  }

  .services-item.expanded .services-number_text {
    font-size: var(--size--4rem);
  }

  .expanded .toggle-icon_svg {
    transform: rotate(45deg);
  }

  .services-height_wrap,
  .commitments-height_wrap {
    display: grid;
    grid-template-rows: 0fr;
    transition: var(--transition-smooth);
  }

  .services-item.expanded .services-height_wrap,
  .commitments-item.expanded .commitments-height_wrap {
    grid-template-rows: 1fr;
  }

  .services-item.expanded .services-number_text,
  .services-item.expanded .services {
    opacity: 1;
  }

  .services-height_inner,
  .commitments-height_inner {
    overflow: hidden;
  }

  .nav-scrolled.is-home .menu-home {
    max-width: 22.5rem;
    min-width: 22.5rem;
  }

  .nav-scrolled.is-home .menu-home_links {
    transform: scaleX(0);
  }

  .menu-home .logo-icon_wrap {
    position: absolute;
    transition: all 0ms ease-out;
    pointer-events: none;
    opacity: 0;
    left: 0rem;
  }

  .menu-home .nav-text {
    opacity: 1;
    transition: opacity 300ms ease-in;
  }

  .nav-scrolled .menu-home .nav-text {
    opacity: 0;
    transition: opacity 300ms ease-in;
  }

  .nav-scrolled .menu-home .logo-icon_wrap {
    opacity: 1;
    transition: all 300ms ease-out;
    left: var(--size--2rem);
    pointer-events: auto;
  }

  [cta-cursor_wrap]:hover [cta-cursor_el] {
    opacity: 1;
  }

  [cta-cursor_wrap]:hover .img-overlay {
    opacity: 1;
  }

  .client-item_layout:hover .client-name {
    font-size: 2.25rem;
  }

  [h-flip] .body-upper,
  [h-flip] [hflip-text] {
    text-shadow: 0px 1em 0px currentColor;
    transform: translateY(0);
    transition: transform 0ms cubic-bezier(0.32, 0.72, 0, 1);
  }

  [hflip-text] {
    line-height: 1;
  }

  [h-flip-lc] {
    text-shadow: 0px 1.2em 0px currentColor;
    transform: translateY(0);
    transition: transform 0ms cubic-bezier(0.32, 0.72, 0, 1);
  }

  [h-flip-lc-text] {
    line-height: 1.2;
  }

  /* Trigger flip on either: direct hover on [h-flip], or hover on parent .footer-btn_contain */
  [h-flip]:hover .body-upper,
  [h-flip]:hover [hflip-text],
  .footer-btn_contain:hover [h-flip] .body-upper,
  [h-flip="trig"]:hover .body-upper,
  [hflip-trig]:hover [hflip-text] {
    transform: translateY(-1em);
    transition: transform 400ms cubic-bezier(0.32, 0.72, 0, 1);
  }

  [h-flip-lc]:hover [h-flip-lc-text] {
    transform: translateY(-1.2em);
    transition: transform 400ms cubic-bezier(0.32, 0.72, 0, 1);
  }

  [filter-popup_trig] [hflip-text],
  .project-menu-toggle [hflip-text] {
    text-shadow: 0px 1.2em 0px currentColor;
    line-height: 1.2;
  }

  [filter-popup_trig]:hover [hflip-text],
  .project-menu-toggle:hover [hflip-text] {
    transform: translateY(-1.2em);
  }

  .menu-close_svg {
    transition: var(--transition-smooth);
  }

  .menu-close_large:hover .menu-close_svg,
  [popup-close]:hover .menu-close_svg,
  .filters-close_btn:hover .menu-close_svg,
  .filter-btn_text-wrap:hover .menu-close_svg,
  .project-info_close-btn:hover .menu-close_svg,
  .close-project_btn:hover .menu-close_svg,
  .thought-close_btn:hover .menu-close_svg {
    transform: rotate(90deg);
  }

  .careers-list_item .arrow-link_wrap {
    padding-right: 0rem;
  }

  .careers-list_item .arrow-icon_wrap {
    transform: scale(0);
    opacity: 0;
  }

  .careers-list_item:hover .arrow-link_wrap {
    padding-right: var(--size--1-375rem);
  }
  .careers-list_item:hover .arrow-icon_wrap {
    transform: scale(1);
    opacity: 1;
  }

  [h-fade-05] {
    opacity: 0.5;
  }

  [h-fade-01] {
    opacity: 0.1;
  }

  .careers-list_item:hover [h-fade-05],
  .careers-list_item:hover [h-fade-01] {
    opacity: 1;
  }

  .careers-list_item:hover .is-title {
    font-size: var(--size--1-75rem);
  }

  .commitments-item:hover,
  .commitments-item.expanded {
    background-color: #fff;
  }

  .commitments-item .toggle-icon_svg {
    opacity: 0;
  }

  .commitments-item:hover [h-fade-05] {
    opacity: 1;
  }

  .commitments-item:hover .toggle-icon_svg {
    opacity: 1;
  }

  .commitments-item.expanded .toggle-icon_svg,
  .commitments-item.expanded [h-fade-05] {
    opacity: 1;
  }

  .work-small_img-wrap:hover .work-small_overlay {
    opacity: 0.3;
  }

  .work-small_img-wrap:hover .work-link_wrap {
    opacity: 1;
  }
}

/* Mobile */

body,
html {
  overscroll-behavior: none;
}

html {
  --plyr-range-thumb-height: 0px;
  --plyr-control-radius: 0px;
  --plyr-range-track-height: 1px;
}

.plyr--video .plyr__controls {
  --plyr-color-main: transparent;
  background: transparent;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  /* text-transform: uppercase; */
  font-family: Ppneuemontreal, sans-serif;
  font-size: 0.875rem;
  line-height: 1.1;
  color: #fff;
}

.plyr_stretch {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.plyr_col {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 5em;
  justify-content: start;
}
.plyr--full-ui input[type="range"] {
  -webkit-appearance: none;

  border-radius: 0 !important;
  color: #fff;
}

.plyr--full-ui input[type="range"]::-webkit-slider-thumb,
.plyr--full-ui input[type="range"]::-moz-range-thumb,
.plyr--full-ui input[type="range"]::-ms-thumb {
  opacity: 0 !important;
}

.plyr__progress {
  margin-bottom: 1em;
}

.plyr__control {
  padding: 0;
  font-family: var(--text-small--font-family);
  font-size: var(--text-small--font-size);
  line-height: var(--text-small--line-height);
  letter-spacing: var(--text-small--letter-spacing);
  font-weight: var(--text-small--font-weight);
  text-transform: var(--text-small--text-transform);
}

.plyr video {
  object-fit: cover;
}

.menu-home {
}

.menu-global {
}

@media (hover: hover) {
  .menu-list:has(> :hover) > :not(:hover) .menu-popup_link-text {
    opacity: 0.4;
  }
}

.menu-popup_link-text {
  transition: opacity 400ms ease;
}

.floating-nav,
.filter-btn_wrap,
.thought-close_wrap {
  transition: var(--transition-smooth);
}

.nav-hidden .floating-nav,
.nav-hidden .filter-btn_wrap,
.nav-hidden .menu-home {
  opacity: 0;
  pointer-events: none;
  transition: var(--transition-smooth);
}

.menu-img {
  transition: var(--transition-smooth);
}

.show-popup [popup-el] {
  display: block;
}

.show-popup .menu-socials_popup[popup-el] {
  display: flex;
}

.show-popup [popup-close] {
  display: flex;
}

.show-popup .project-info_wrap {
  display: flex;
}

.about-hero_above {
  clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
}

.link-fill {
  pointer-events: auto;
}

.comp_item,
.comp-item_btn,
.comp-item_btn .color-block,
.comp-item_description {
  transition: var(--transition-smooth);
}

[comp-bg] {
  opacity: 0;
}

.services-item,
.services-number_text,
.services,
.line-el,
[thought-fade_half],
[thought-fade_full] {
  transition: var(--transition-smooth);
}

.thought-item .thought-item_rich p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* .philosophy-panels {
  position: sticky;
  top: 0;
} */

/* .philosophy-panel_left:nth-child(1) {
  height: 1.75rem;
  z-index: 3;
}

.philosophy-panel_left:nth-child(2) {
  height: 1.75rem;
  z-index: 2;
}

.philosophy-panel_left:nth-child(3) {
  height: 1.75rem;
  z-index: 1;
} */

/* [work-title] {
  transform: translateY(100%);
} */

.work-small_overlay,
.work-link_wrap,
.work-filters_item {
  transition: var(--transition-smooth);
}

.work-small_item,
.lenis-scrolling .work-small_item.in-view {
  pointer-events: none;
}

.in-view.work-small_item {
  pointer-events: auto;
}

::-webkit-scrollbar {
  display: none;
}

/* Or set width/height to 0 */
::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

* {
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
}

*::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}

[hide-scrollbar] {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;
}

[hide-scrollbar]::-webkit-scrollbar {
  display: none;
}

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

.is-home .looping-words__p {
  line-height: 0.65;
  padding-bottom: 0.18em;
}

@media screen and (max-width: 991px) {
  [cta-cursor_el] {
    opacity: 1;
    /* position: sticky;
    top: 50svh; */
    margin: auto;
  }

  .is-home .looping-words {
    margin-top: -0.015em;
  }

  .is-home .menu-home {
    max-width: none;
    min-width: 0;
    width: 100%;
  }

  .nav-scrolled .menu-home .menu-text_initial {
    opacity: 0;
    pointer-events: none;
  }

  .menu-home .logo-icon_wrap {
    opacity: 0;
    pointer-events: none;
  }

  .nav-scrolled .menu-home .logo-icon_wrap {
    opacity: 1;
    pointer-events: auto;
  }

  .in-view .client-name {
    font-size: 2.125rem;
  }

  .on .clients-header_left {
    z-index: 1;
  }

  .footer-newsletter_popup {
    width: calc(100vw - 3.75rem);
    right: -0.56rem;
    bottom: calc(100% + 0.5rem);
  }

  .show-popup [popup-el] {
    z-index: 1;
  }

  .menu-newsletter_popup {
    width: calc(100vw - 2rem - 2px);
  }

  .newsletter-input {
    border-bottom: 1px solid #f5f5f5 !important;
    outline: none !important;
  }

  .beliefs-end_content {
    will-change: transform;
  }

  .services-item_list .line-el.is-top,
  .thought-list .line-el.is-top,
  .careers-list_list .careers-list_item .line-el.is-top {
    display: none;
  }

  .services-item_list .services-item:first-child .line-el.is-top,
  .thought-list .thought-item:first-child .line-el.is-top,
  .careers-list_list .careers-list_item:first-child .line-el.is-top {
    display: block;
  }

  .comp-item_description.u-text-style-large {
    color: var(--swatch--grey-81);
  }

  .is-home .looping-words__p {
    line-height: 0.7;
    padding-bottom: 0.12em;
  }

  .work-small_item {
    will-change: transform;
  }

  .work-small_list .work-mobile_title-wrap {
    opacity: 0;
  }
  .work-small_list .in-view .work-mobile_title-wrap {
    opacity: 1;
  }

  .work-small_list .in-view .work-small_overlay {
    opacity: 0.3;
  }

  .show-popup [popup-el].project-info_wrap {
    z-index: 1000;
  }

  .static-loop_p {
    font-size: var(--2-875rem);
    line-height: 0.7;
    padding-bottom: 0.12em;
  }

  .plyr--video.plyr--hide-controls .plyr__controls {
    transform: translateY(0%) !important;
  }

  .thought-item .line-el {
    max-width: none;
  }

  .thought-filters {
    z-index: 1000;
    position: fixed;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
  }

  .careers-list_item .line-el {
    max-width: calc(100% - var(--size--0-75rem) - var(--size--0-75rem));
  }

  .commitments-item.expanded {
    background-color: #fff;
  }

  [cta-cursor_el] {
    pointer-events: none;
  }
}


.caption-svg {
  flex: none;
  overflow: visible !important;
}