/* --------------- ANIMATIONS INITIAL STATE --------------- */
  @media (min-width: 992px) {
    [fade] {
      opacity: 0;
      transform: translateY(5em);
      transition:
        opacity 1.2s cubic-bezier(0.19, 1, 0.22, 1),
        transform 1.2s cubic-bezier(0.19, 1, 0.22, 1);
      transition-delay: 0s;
    }
    [fade].revealed {
      opacity: 1;
      transform: translateY(0);
    }
  }


/* Contact form choice chips: checked + focus states (native :checked isn't stylable in the Designer) */
.c-contact-form-choice-box {
  -webkit-appearance: none;
  appearance: none;
  float: none;
  position: relative;
}
.c-contact-form-choice-box:checked {
  background-color: currentColor;
}
.c-contact-form-choice:has(input:checked) {
  background-color: var(--neutral--black, #000);
  color: var(--neutral--white, #fff);
}
.c-contact-form-choice:has(input:focus-visible) {
  outline: 2px solid var(--accent--tart, #ff3c31);
  outline-offset: 2px;
}
.c-contact-form-choice input:focus {
  outline: none;
}
@media (hover: hover) {
  .c-contact-form-choice:hover {
    background-color: rgba(0, 0, 0, 0.06);
  }
  .c-contact-form-choice:has(input:checked):hover {
    background-color: var(--neutral--black, #000);
  }
}


/* ------------------------- SCALING SYSTEM -------------------------  */
:root {
  --size-unit: 16;
  --size-container-ideal: 1440;
  --size-container-min: 992px;
  --size-container-max: 1920px;
  --size-container: clamp(var(--size-container-min), 100vw, var(--size-container-max));
  --size-font: calc(var(--size-container) / (var(--size-container-ideal) / var(--size-unit)));
}

@media screen and (max-width: 991px) {
  :root {
    --size-container-ideal: 834;
    --size-container-min: 768px;
    --size-container-max: 991px;
  }
}

@media screen and (max-width: 767px) {
  :root {
  	--size-unit: 10;
    --size-container-ideal: 390;
    --size-container-min: 480px;
    --size-container-max: 767px;
  }
}

@media screen and (max-width: 479px) {
  :root {
   	--size-unit: 16;
    --size-container-ideal: 390;
    --size-container-min: 240px;
    --size-container-max: 479px;
  }
}

/* ------------------------- LAYOUT GRID -------------------------  */
:root {
  --grid-col-count: 24;
  --grid-gutter: 0em;

  --_layout---grid--col-1: calc((100% / var(--grid-col-count) * 1) - (var(--grid-gutter) * (var(--grid-col-count) - 1) / var(--grid-col-count)));
  --_layout---grid--col-2: calc((100% / var(--grid-col-count) * 2) - (var(--grid-gutter) * (var(--grid-col-count) - 2) / var(--grid-col-count)));
  --_layout---grid--col-3: calc((100% / var(--grid-col-count) * 3) - (var(--grid-gutter) * (var(--grid-col-count) - 3) / var(--grid-col-count)));
  --_layout---grid--col-4: calc((100% / var(--grid-col-count) * 4) - (var(--grid-gutter) * (var(--grid-col-count) - 4) / var(--grid-col-count)));
  --_layout---grid--col-5: calc((100% / var(--grid-col-count) * 5) - (var(--grid-gutter) * (var(--grid-col-count) - 5) / var(--grid-col-count)));
  --_layout---grid--col-6: calc((100% / var(--grid-col-count) * 6) - (var(--grid-gutter) * (var(--grid-col-count) - 6) / var(--grid-col-count)));
  --_layout---grid--col-7: calc((100% / var(--grid-col-count) * 7) - (var(--grid-gutter) * (var(--grid-col-count) - 7) / var(--grid-col-count)));
  --_layout---grid--col-8: calc((100% / var(--grid-col-count) * 8) - (var(--grid-gutter) * (var(--grid-col-count) - 8) / var(--grid-col-count)));
  --_layout---grid--col-9: calc((100% / var(--grid-col-count) * 9) - (var(--grid-gutter) * (var(--grid-col-count) - 9) / var(--grid-col-count)));
  --_layout---grid--col-10: calc((100% / var(--grid-col-count) * 10) - (var(--grid-gutter) * (var(--grid-col-count) - 10) / var(--grid-col-count)));
  --_layout---grid--col-11: calc((100% / var(--grid-col-count) * 11) - (var(--grid-gutter) * (var(--grid-col-count) - 11) / var(--grid-col-count)));
  --_layout---grid--col-12: calc((100% / var(--grid-col-count) * 12) - (var(--grid-gutter) * (var(--grid-col-count) - 12) / var(--grid-col-count)));
  --_layout---grid--col-13: calc((100% / var(--grid-col-count) * 13) - (var(--grid-gutter) * (var(--grid-col-count) - 13) / var(--grid-col-count)));
  --_layout---grid--col-14: calc((100% / var(--grid-col-count) * 14) - (var(--grid-gutter) * (var(--grid-col-count) - 14) / var(--grid-col-count)));
  --_layout---grid--col-15: calc((100% / var(--grid-col-count) * 15) - (var(--grid-gutter) * (var(--grid-col-count) - 15) / var(--grid-col-count)));
  --_layout---grid--col-16: calc((100% / var(--grid-col-count) * 16) - (var(--grid-gutter) * (var(--grid-col-count) - 16) / var(--grid-col-count)));
  --_layout---grid--col-17: calc((100% / var(--grid-col-count) * 17) - (var(--grid-gutter) * (var(--grid-col-count) - 17) / var(--grid-col-count)));
  --_layout---grid--col-18: calc((100% / var(--grid-col-count) * 18) - (var(--grid-gutter) * (var(--grid-col-count) - 18) / var(--grid-col-count)));
  --_layout---grid--col-19: calc((100% / var(--grid-col-count) * 19) - (var(--grid-gutter) * (var(--grid-col-count) - 19) / var(--grid-col-count)));
  --_layout---grid--col-20: calc((100% / var(--grid-col-count) * 20) - (var(--grid-gutter) * (var(--grid-col-count) - 20) / var(--grid-col-count)));
  --_layout---grid--col-21: calc((100% / var(--grid-col-count) * 21) - (var(--grid-gutter) * (var(--grid-col-count) - 21) / var(--grid-col-count)));
  --_layout---grid--col-22: calc((100% / var(--grid-col-count) * 22) - (var(--grid-gutter) * (var(--grid-col-count) - 22) / var(--grid-col-count)));
  --_layout---grid--col-23: calc((100% / var(--grid-col-count) * 23) - (var(--grid-gutter) * (var(--grid-col-count) - 23) / var(--grid-col-count)));
  --_layout---grid--col-24: 100%;
  
  --_layout---grid--col-4-clamp: clamp(203px, 12.6875em, 12.6875em);
  --_layout---grid--col-5-clamp: clamp(261px, 16.3125em, 16.3125em);
  --_layout---grid--col-6-clamp: clamp(320px, 20em, 20em);
  --_layout---grid--col-7-clamp: clamp(379px, 23.6875em, 23.6875em);
  --_layout---grid--col-8-clamp: clamp(437px, 27.3125em, 27.3125em);
  --_layout---grid--col-9-clamp: clamp(496px, 31em, 31em);
  --_layout---grid--col-10-clamp: clamp(555px, 34.6875em, 34.6875em);
  --_layout---grid--col-11-clamp: clamp(613px, 38.3125em, 38.3125em);
  --_layout---grid--col-12-clamp: clamp(672px, 42em, 42em);
}

/* ------------------------- TRANSITIONS -------------------------  */
:root {
  --ui-transition: cubic-bezier(0.76, 0, 0.24, 1);
  --ui-transition-fast: cubic-bezier(0.87, 0, 0.13, 1);
}

/* ------------------------- LENIS -------------------------  */
html.lenis {height: auto;}
.lenis.lenis-smooth {scroll-behavior: auto; height: 100vh;}
.lenis.lenis-smooth [data-lenis-prevent] {overscroll-behavior: contain;}
.lenis.lenis-stopped {overflow: hidden;}
.lenis.lenis-scrolling iframe {pointer-events: none;}

/* ------------------------- HIDE SCROLLBAR -------------------------  */
body ::-webkit-scrollbar, body::-webkit-scrollbar{display: none;} /* Chrome, Safari, Opera */
body {-ms-overflow-style: none;} /* IE & Edge */
html {scrollbar-width: none;} /* Firefox */

/* ------------------------- MISC/UTILITY -------------------------  */
a {
  color: inherit;
}

body {
	font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.u-hide {	display: none; }
.u-no-scroll { overflow: hidden; }
.u-pointer-none { pointer-events: none }

.u-font-primary { font-family: var(--_typography---fonts--primary); }
.u-font-secondary { font-family: var(--_typography---fonts--secondary); }
.u-font-mono { font-family: var(--_typography---fonts--mono); }
.u-font-decoration { font-family: var(--_typography---fonts--decoration); }

.u-clr-pink { color: var(--accent--pink); }
.u-clr-maureen { color: var(--accent--maureen); }
.u-clr-lavender { color: var(--accent--lavender); }
.u-clr-lagoon { color: var(--accent--lagoon); }
.u-clr-lemon { color: var(--accent--lemon); }
.u-clr-tart { color: var(--accent--tart); }

.u-opacity-10 { opacity: 0.1; }
.u-opacity-20 { opacity: 0.2; }
.u-opacity-30 { opacity: 0.3; }
.u-opacity-40 { opacity: 0.4; }
.u-opacity-50 { opacity: 0.5; }
.u-opacity-60 { opacity: 0.6; }
.u-opacity-70 { opacity: 0.7; }
.u-opacity-80 { opacity: 0.8; }
.u-opacity-90 { opacity: 0.9; }
.u-opacity-100 { opacity: 1; }

[box-shadow-drop-1] {
	box-shadow: 4px 4px 12px 12px rgba(0, 0, 0, 0.08);
}

[data-text-box='trim-both'],
.t-micro {
  text-box: trim-both cap alphabetic;
  margin: 0;
}

/* ------------------------- SELECTION -------------------------  */
::selection {
  background: rgba(0, 0, 0, 0.1);
}

::-moz-selection {
  background: rgba(0, 0, 0, 0.1);
}

/* ------------------------- GENERAL -------------------------  */
canvas, img, video, picture, figure {
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
  display: block;
}

img {
  width: 100%;
}

svg {
	width: 100%;
  max-width: none;
  height: auto;
  box-sizing: border-box;
}

audio, canvas, iframe, img, svg, video, picture, figure {
  vertical-align: middle;
}

button {
	background: transparent;
  padding: 0;
}

.u-clamp-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding-top: 2px;
  padding-bottom: 2px;
}

/* ------------------------- CLEAR DEFAULTS -------------------------  */
a:not([class]) {
	text-decoration: underline;
}

h1,h2,h3,h4,h5,h6,p,blockquote,label {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	text-transform: inherit;
	text-wrap: inherit;
	margin-top: 0;
	margin-bottom: 0;
}

.w-dyn-empty {
	display: none;
}

/* ------------------------- PROGRESSIVE ENHANCEMENTS -------------------------  
@view-transition {
  navigation: auto;
}
*/

/* ------------------------- SPECIFIC ELEMENTS TRIM -------------------------  */
/*
:is([data-trim-mono], .c-btn-text) {
	display: flow-root;
}
:is([data-trim-mono], .c-btn-text)::before {
	content: "";
	display: table;
	margin-bottom: calc(-0.5lh + 0.34em);
}
:is([data-trim-mono], .c-btn-text)::after {
	content: "";
	display: table;
	margin-bottom: calc(-0.5lh + 0.38em);
}
*/
[data-trim-mono] {
  display: flow-root;
}

[data-trim-mono]::before {
  content: "";
  display: table;
  margin-bottom: calc(-0.5lh + 0.34em);
}

[data-trim-mono]::after {
  content: "";
  display: table;
  margin-bottom: calc(-0.5lh + 0.38em);
}

.c-btn-text {
  text-box: trim-both cap alphabetic;
}

/* LARGE HEADINGS TRIM */
:is(.t-huge-0, .t-huge-1, .t-display-1, .t-display-2, .t-display-3, .c-marquee-text) {
	display: flow-root;
}
:is(.t-huge-0, .t-huge-1, .t-display-1, .t-display-2, .t-display-3, .c-marquee-text)::before {
	content: "";
	display: table;
	margin-bottom: calc(-0.5lh + 0.27em);
}
:is(.t-huge-0, .t-huge-1, .t-display-1, .t-display-2, .t-display-3, .c-marquee-text)::after {
	content: "";
	display: table;
	margin-bottom: calc(-0.5lh + 0.43em);
}


/* ------------------------- GLOBAL ------------------------- */

/* TRANSFORM RENDER */
[data-transform-render] {
  backface-visibility: hidden; 
  -webkit-backface-visibility: hidden; 
}

/* SPLIT TEXT MASK */
.char-mask {
  padding-bottom: 0.2em;
  margin-bottom: -0.2em;
}

/* LINES */
.c-line_bt,
.c-line_top {
	transition: color 0.4s var(--ui-transition);
}

.wf-design-mode .c-line_bt,
.wf-design-mode .c-line_top {
	transform: scaleX(1);
}

.c-line_bt[data-line-height='1px'],
.c-line_top[data-line-height='1px'] {
  height: 1px;
}

.c-line_bt[data-line-opacity='30'],
.c-line_top[data-line-opacity='30'] {
  opacity: 0.3;
}

/* NOISE */
.c-noise {
	filter: url(#noise);
}

/* PARALLAX */
[data-parallax] {
  will-change: transform;
}

/* HEADER */
.c-header {
  border-bottom: 1px solid transparent;
  transition: opacity 0.4s var(--ui-transition), color 0.4s var(--ui-transition), height 0.4s var(--ui-transition), border-color 0.4s var(--ui-transition);
}

.c-header[data-wf--global-header--settings-header-theme="black"] .c-btn-bg {
  background: white !important;
}

.c-header[data-wf--global-header--settings-header-theme="black"] .c-btn:hover .c-btn-text {
  color: black;
}

.c-header .c-btn-bg {
  background: black !important;
}

.c-header .c-btn:hover .c-btn-text {
  color: white;
}

.c-header.not-visible {
  opacity: 0;
  pointer-events: none !important;
}

.panel-forced-hidden {
  opacity: 0 !important;
  pointer-events: none !important;
}

.c-header.not-visible > * {
  pointer-events: none !important;
}

.c-header-bg {
  transition: opacity 0.3s var(--ui-transition), background-color 0.3s var(--ui-transition);
}

.c-header.scrolled {
  color: black;
  height: 56px;
  border-bottom: 1px solid var(--neutral--border-10);
}

@media(min-width: 992px) {
  .c-header.is-over-panels {
    height: 3.5em !important;
  }
}

@media (max-height: 991px) {
  .c-header.scrolled {
    height: 56px;
  }
}

.c-header.scrolled .c-header-bg {
  opacity: 1;
}

.c-header.scrolled .c-btn {
  border-color: black;
}

.c-header.scrolled .c-btn-bg {
  background: black !important;
}

.c-header.scrolled .c-btn-text {
  color: black;
}

.c-header.scrolled .c-btn:hover {
  color: white;
}

.c-header.scrolled .c-btn:hover .c-btn-text {
  color: white;
}

.c-header.modal-is-open {
  color: white;
  opacity: 1;
}

.c-header.modal-is-open .c-header-bg {
  background: black;
  opacity: 1;
}

.c-header.modal-is-open .c-btn {
  border-color: white;
  opacity: 0;
  pointer-events: none;
}

.c-header.modal-is-open .c-btn-text {
  color: white;
}

.c-header.modal-is-open .c-btn-bg {
  background: white !important;
}

.c-header.modal-is-open .c-btn:hover .c-btn-text {
  color: black;
}

.c-header-close-modal-btn,
.c-header-mobile-trigger {
  transition: transform 1s cubic-bezier(.19,1,.22,1), opacity .75s cubic-bezier(.19,1,.22,1), background-color .75s cubic-bezier(.19,1,.22,1), color .75s cubic-bezier(.19,1,.22,1);
  will-change: transform; 
}

.c-header.modal-is-open .c-header-close-modal-btn {
  transform: translateX(0);
  opacity: 1;
  pointer-events: auto;
}

@media (max-width: 991px) {
  .c-header.modal-is-open .c-header-mobile-trigger {
    opacity: 0;
    pointer-events: none;
  }
}

/* LINKS HOVER ANIMATION */
.c-nav-link.w--current::before {
  width: 100%;
  left: 0;
}

@media only screen and (min-width: 992px) {
  :is(.c-nav-link, .c-footer-link)::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -3px;
    width: 0%;
    height: 1px;
    background: currentColor;
    transition: width 0.4s cubic-bezier(0.65, 0, 0.35, 1);
  }

  :is(.c-nav-link, .c-footer-link):hover::before {
    width: 100%;
    left: 0;
    right: auto;
  }
}

/* FOOTER */
@media (max-width: 991px) {
  .c-footer_top,
  .c-footer_bt {
    display: contents;
  }
}

/* STRUCTURAL LINES */
@media (max-width: 991px) {
	.c-global-guide-line:nth-child(1),
  .c-global-guide-line:nth-child(2){
  	display: none;
  }
}

/* ------------------------- HOME PAGE ------------------------- */

/* HOME HERO INITIAL STATE */
.c-hm-hero-note {
	opacity: 0;
}

.wf-design-mode .c-hm-hero-note {
	opacity: 1;
}

.c-hm-hero-frame {
	opacity: 0;
}

.wf-design-mode .c-hm-hero-frame {
	opacity: 1;
}


/* HOME HERO */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.c-hm-hero-frame-holder {
  perspective: 1200px;
}

.c-hm-hero-frame {
  transform-style: preserve-3d;
}

.c-video.hm-hero {
  backface-visibility: hidden;
  transform-style: preserve-3d;
}

/* @media (min-height: 887px) and (min-width: 992px) {
  .c-hm-hero-frame-holder {
    font-size: calc(var(--size-font) + .1em);
    padding-top: 6em;
    border: 1px solid red;
  }
} */

@media 
  only screen and (-webkit-min-device-pixel-ratio: 2) and 
  (min-width: 992px) and (max-width: 1512px) and 
  (min-height: 800px) and (max-height: 1000px) {
  .c-hm-hero-frame-holder {
    font-size: calc(var(--size-font) - 0.08em);
    padding-top: 5em;
  }
}

@media (min-height: 1100px) and (min-width: 992px) {
  .c-hm-hero-inner,
  .c-hm-hero-note-inner {
    padding-top: 6.25em;
    /* padding-bottom: 6.25em; */
  }

  .c-hm-hero-frame-holder {
    font-size: calc(var(--size-font) - 0.05em);
    padding-top: 5em;
  }
}

@media (min-height: 1300px) and (min-width: 992px) {
  .c-hm-hero-frame-holder {
    font-size: calc(var(--size-font) + 0.05em);
    padding-top: 5em;
  }
}

@media (min-width: 992px) {
	.wf-design-mode .c-section.hm-hero {
  	height: auto;
  }
}

@media (max-width: 479px) {
  .c-hm-hero-note.is_lt .t-small {
    font-size: 0.625em;
  }
}

@media (max-width: 479px) and (min-height: 800px) {
  .c-hm-hero-main {
    padding-top: 1.5em;
  }
}

@media (max-width: 479px) and (max-height: 700px) {
  .c-hm-hero-frame-holder {
    padding-bottom: 4em;
  }
}

@media (max-width: 479px) and (min-height: 890px) {
  .c-hm-hero-frame-holder {
    padding-bottom: -2em;
    font-size: calc(var(--size-font) - 0.5em);
  }
}

/* HOME PAGE PANELS */
.c-panel-visual {
  will-change: transform;
}

.c-panel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10;
  opacity: var(--overlay-opacity, 0);
  pointer-events: none;
}

/* MARQUEE COMPONENT */
[data-marquee-list] {
  --direction: -100%;
  animation-play-state: paused;
  will-change: transform;
  transform: translateZ(0);
}

[data-marquee-list][data-marquee-direction="right"] {
  --direction: 100%;
}

[data-marquee-list][data-marquee-speed="very-slow"] {
  animation: marquee 140s linear infinite;
}

[data-marquee-list][data-marquee-speed="slow"] {
  animation: marquee 70s linear infinite;
}

[data-marquee-list][data-marquee-speed="fast"] {
  animation: marquee 10s linear infinite;
}

[data-marquee-list][data-marquee-state="playing"] {
  animation-play-state: running;
}

[data-marquee-list][data-marquee-state="paused"] {
  animation-play-state: paused;
}

@keyframes marquee {
  to {
    transform: translateX(var(--direction));
  }
}

/* VERTICAL MARQUEE */
@keyframes slideY {
  to {
    transform: translateY(var(--direction));
  }
}

[data-marquee-list][data-marquee-direction="down"] {
  --direction: 100%;
  animation: slideY 40s linear infinite;
}

[data-marquee-list][data-marquee-direction="up"] {
  --direction: -100%;
  animation: slideY 40s linear infinite;
}

.wf-design-mode [data-marquee-list][data-marquee-direction="down"],
.wf-design-mode [data-marquee-list][data-marquee-direction="up"] {
  animation-play-state: paused;  
}

/* NEWS SECTION COMPONENT */
@media (max-width: 991px) {
  .c-news-title {
    display: contents;
  }

  .c-btn-group.news {
    order: 2;
  }
}

/* NEWS SLOT COMPOENNT */
.c-news-item:last-child {
	padding-bottom: 0;
}

/* SPLIT TEXT */
[data-split='loader-text'] {
  visibility: hidden;
  -webkit-text-rendering: optimizeSpeed; 
  text-rendering: optimizeSpeed;
  -webkit-transform: translateZ(0); 
  font-kerning: none;
}

.wf-design-mode [data-split='loader-text'] {
  visibility: visible;
}

/* SELECTED WORK COMPONENT */
@media (min-width: 992px) {
  .c-sl-circle {
    width: 250vw;
    height: 250vw;
    border-radius: 100%;
    position: absolute;
    top :50%;
    left: 50%;
    transform: translate(-50%,0);
		will-change: transform;
  }

  .c-sl-card {
    position: absolute;
    top: 0;
    left: 50%;
    transform:translate(-50%,55vh);
    will-change: transform;
  }
  
  /* Webflow designer */
  .wf-design-mode .c-sl-card {
    transform: translate(0, 0);
    position: static;
  }

  .wf-design-mode .c-sl-circle {
    all: unset;
  }

  .wf-design-mode .c-sl-circles {
    all: unset;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .wf-design-mode .c-sl-pin,
  .wf-design-mode .c-sl-wrap {
    height: auto;
  }
}

/* SELECTED WORK HOVER */
.c-img-contain.sl-work-bg::before {
	content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 10;
  opacity: 1;
  transition: opacity 0.4s ease;
}

.c-sl-card:hover .c-img-contain.sl-work-bg::before {
	opacity: 0;
}

@media (min-height: 1100px) and (min-width: 992px) {
	.c-section.sl .c-sl-desc {
  	transform: translate(-50%, -4em);
    width: clamp(416px, 26em, 26em);
  }

  .c-section.sl .c-sl-desc-item .t-small.u-static {
		font-size: clamp(18px, 1.125em, 1.125em);
  }
}

/* CLIENT LOGOS SECTION COMPONENT */
.c-client-group > * {
	grid-area: 1 / 1;
}

.wf-design-mode .c-client-group {
	display: flex;
  flex-direction: column;
}

.c-section.ft-client .c-img-contain.client {
  opacity: 0;
  transform: translate(1.25em, 1.25em) rotate(5deg);
  transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1), opacity 0.3s cubic-bezier(0.76, 0, 0.24, 1);
}

.c-section.ft-client .c-img-contain.client.is-active,
.wf-design-mode .c-section.ft-client .c-img-contain.client {
	opacity: 1;
  transform: translateY(0) rotate(0);
}

/* ------------------------- CLIENTS PAGE ------------------------- */

/* FILTER WORK SECTION COMPONENT */
.c-filter-form-block {
  background-color: transparent;
}

.c-filter-form-block.is-stuck {
  background-color: var(--neutral--white);
}
  
.is-list-filtering {
	opacity: 0;
}

.c-pagination-btn.is-list-pagination-disabled {
	display: none;
}

.c-work-grid-wrap.is-list-filtering .c-pagination {
	display: none;
}

/* Filter nav */
.c-filter-dd .t-base-mono {
	font-weight: 500;
}

.c-filter-dd-list .c-filter-dd-item:last-child .c-filter-dd-radio-field {
	padding-bottom: 0;
  margin-bottom: 0;
  border: 0;
}

.c-filter-dd-radio-field .t-micro {
  transform: translateY(1px);
}

.c-filter-dd-item input {
  appearance: none;
  -webkit-appearance: none;
  width: 1em;
  height: 1em;
  border: 0;
}

.c-filter-dd .c-filter-dd-list {
  transition: transform 0.6s var(--ui-transition), opacity 0.6s var(--ui-transition);
}

.c-filter-dd.is-active .c-filter-dd-list {
  opacity: 1;
  transform: translateY(1em);
  pointer-events: auto;
}

.c-icon.filter-dd-arrow {
  transition: transform 0.6s var(--ui-transition);
}

.c-filter-dd.is-active .c-icon.filter-dd-arrow {
  transform: rotate(45deg);
}

.c-filter-clear.is-active {
	opacity: 1;
  pointer-events: auto;
}

.c-filter-dd-radio-field.is-list-active .c-filter-dd-radio-btn {
  background: var(--accent--lagoon);
}

/* Main view */
.c-work-card-excerpt .t-base-mono {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (min-width: 992px) {
  .o-grid.work.main-view {
    grid-template-columns: repeat(4, 1fr);
  }

  /*
    .o-grid.work.main-view *:nth-child(9n + 1) {
    grid-column: 1;
  }

  .o-grid.work.main-view *:nth-child(9n + 2) {
    grid-column: 2;
  }

  .o-grid.work.main-view *:nth-child(9n + 3) {
    grid-column: 4;
  }

  .o-grid.work.main-view *:nth-child(9n + 4) {
    grid-column: 1;
  }

  .o-grid.work.main-view *:nth-child(9n + 5) {
    grid-column: 3;
  }

  .o-grid.work.main-view *:nth-child(9n + 6) {
    grid-column: 4;
  }

  .o-grid.work.main-view *:nth-child(9n + 7) {
    grid-column: 1;
  }

  .o-grid.work.main-view *:nth-child(9n + 8) {
    grid-column: 2;
  }

  .o-grid.work.main-view *:nth-child(9n + 9) {
    grid-column: 3;
  }
  */
}

/* Small view */
.o-grid.work.small-view {
  grid-template-columns: repeat(5, 1fr);
  column-gap: 4em;
  row-gap: 4em;
}

.o-grid.work.small-view .c-img-contain.work {
  height: 21.25em;
}

.o-grid.work.small-view .c-work-card-excerpt {
	display: none;
}

/* Large-view */
.o-grid.work.large-view {
	gap: 1em;
  max-width: var(--_layout---grid--col-12);
  margin-right: auto;
  margin-left: auto;
}

.o-grid.work.large-view .c-work-card-main {
	display: none;
}

.o-grid.work.large-view .c-img-contain.work {
  height: 52em;
}

/* Table View */
.o-grid.work.table-view {
	display: flex;
  flex-direction: column;
  gap: 0;
}

.o-grid.work.table-view .c-img-contain.work {
  position: fixed;
  inset: 50% auto auto 50%;
  width: 14em;
  height: 21.6em;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(1.2);
  z-index: 15;
}

.o-grid.work.table-view .c-work-card:hover .c-img-contain.work {
	opacity: 1;
}

.o-grid.work.table-view .c-work-card-year,
.o-grid.work.table-view .c-work-card-industry,
.o-grid.work.table-view .c-work-card-project {
	display: flex;
}

.o-grid.work.table-view .c-work-card-excerpt {
	display: none;
}

.o-grid.work.table-view .c-work-card-main {
  display: grid;
  width: 100%;
  height: 3em;
  place-items: center stretch;
  grid-auto-columns: 1fr;
  gap: 2px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
}

.o-grid.work.table-view .c-work-card-main * {
  font-family: var(--_typography---text-micro--font-family);
  font-size: var(--_responsive---text-micro);
  line-height: var(--_typography---text-micro--line-height);
  font-weight: var(--_typography---text-micro--font-weight);
  letter-spacing: var(--_typography---text-micro--letter-spacing);
  text-transform: uppercase;
}

.o-grid.work.table-view .c-work-tag {
	display: none;
}

.o-grid.work.table-view .c-work-card:nth-child(odd) .c-work-card-main::before,
.o-grid.work.table-view .c-work-card:nth-child(even) .c-work-card-main::before {
	content: "";
  position: absolute;
  left: 50%;
  width: 100vw;
  height: 100%;
	background: var(--neutral--border-10);
  z-index: -1;
  transform: translateX(-50%);
  transition: background 0.4s ease;
}

.o-grid.work.table-view .c-work-card:nth-child(even) .c-work-card-main::before {
	background: white;
}

.o-grid.work.table-view .c-work-card:hover .c-work-card-main::before {
	background: rgba(0, 0, 0, 0.2);
}

.o-grid.work.table-view .c-icon.work-arrow {
  display: none;
}

.c-work-card-project-list .t-micro,
.c-work-card-project-list .t-base-mono {
	position: relative;
}

.c-work-card-project-item .t-micro::after,
.c-work-card-project-item .t-base-mono::after {
	content: ","
}

.c-work-card-project-item:last-child .t-micro::after,
.c-work-card-project-item:last-child .t-base-mono::after {
	content: "";
}

/* FILTER IS-TRANSITIONING */
.is-transitioning {
	pointer-events: none;
}

.c-img-contain.work::before {
  content: "";
  position: absolute;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background: #E6E6E6;
  border: 2px solid #000;
  opacity: 0;
	transition: opacity 0.4s ease;
}

.is-transitioning .c-img-contain.work::before {
  opacity: 1;
}

.is-transitioning .c-img-contain.work img,
.is-transitioning .c-work-card-main,
.c-pagination.is-transitioning {
	opacity: 0;
}

/* WORK CARD */
.wf-design-mode .c-work-card-link {
	pointer-events: none;
}

.c-work-card:hover .c-work-tag {
	opacity: 1;
}

.c-work-card:not(:has(.c-work-soon)):hover .c-icon.work-arrow {
  opacity: 1;
}

/* ------------------------- PROJECT/WORK SINGLE PAGE ------------------------- */

/* PROJECT SINGLE HERO INITIAL STATE */
.c-cs-main-text,
.c-cs-main-visual-list,
.c-section.related-projects > *,
.c-cs-slides,
.c-cs-rich-content,
.c-cs-hero-quote {
  opacity: 0;
}

.c-cs-hero-visual {
  clip-path: inset(50% 50% 50% 50%)
}

.wf-design-mode .c-cs-main-text,
.wf-design-mode .c-cs-main-visual-list,
.wf-design-mode .c-cs-slides,
.wf-design-mode .c-cs-rich-content,
.wf-design-mode .c-cs-hero-quote {
  opacity: 1;
}

.wf-design-mode .c-cs-hero-visual {
  clip-path: inset(0% 0% 0% 0%)
}

.wf-design-mode .c-section.related-projects > * {
  opacity: 1;
}

/* Page settings */
.c-img-contain.cs-hero-bg::before {
	content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
}

[data-project-single-excerpt] {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (min-width: 992px) {
	.c-cs-title .t-base {
  	font-size: clamp(22px, 1.375em, 1.375em);
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
	.c-cs-main-text {
  	padding-right: 0;
  }
}

@media (min-height: 1100px) and (min-width: 992px) {
	.c-cs-main-text {
  	gap: 2.5em;
  }
  
  .c-cs-back {
  	margin-bottom: -0.5em;
  }
}

/* PROJECT MODAL */
.c-cs-info-modal {
	clip-path: inset(0 100% 0 0);
  transition: clip-path 1s var(--ui-transition-fast);
  will-change: clip-path;
}

.c-cs-info-modal.is-open,
.wf-design-mode .c-cs-info-modal[data-cs-modal-status='open'] {
  pointer-events: auto;
  clip-path: inset(0 0% 0 0);
}

body:has(.c-cs-info-modal.is-open) {
  .c-header {
    border-color: black;
  }
}

.t-rich-text.modal-body *,
.t-rich-text.blog * {
	margin-bottom: 24px;
}

.t-rich-text.modal-body *:last-child,
.t-rich-text.blog *:last-child {
	margin-bottom: 0;
}

.t-rich-text.modal-body :is(h1, h2, h3, h4, h5, h6),
.t-rich-text.blog :is(h1, h2, h3, h4, h5, h6) {
	margin-bottom: 32px;
}

.t-rich-text.modal-body :is(h1, h2, h3, h4, h5, h6) {
  font-family: Rightgrotesk, Arial, sans-serif;
  font-size: 3em;
  text-transform: uppercase;
  font-weight: 400;
}

.t-rich-text.modal-body h3 {
  font-size: 2.25em;
}

.t-rich-text.modal-body h4 {
  font-size: 1.75em;
}

.t-rich-text.modal-body h5 {
  font-size: 1.5em;
}

.t-rich-text.modal-body h6 {
  font-size: 1.25em;
}

.t-rich-text.modal-body strong {
  font-family: inherit;
  font-weight: 700;
}

/* WORK SINGLE RICH TEXT CONTENT */
.c-cs-rich-content {
	display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25em;
}

.c-cs-rich-content .w-richtext-figure-type-image {
	margin: 0 !important;
}

.c-cs-rich-content .w-richtext-figure-type-image > * {
  display: block !important;
}

.c-cs-rich-content .w-richtext-align-floatleft,
.c-cs-rich-content .w-richtext-align-floatright {
	width: 100%;
	max-width: 100%;
}

.c-cs-rich-content .w-richtext-align-center,
.c-cs-rich-content .w-richtext-align-fullwidth,
.c-cs-rich-content .w-embed {
	grid-column: span 2;
  width: 100%;
  max-width: 100%;
}

.c-cs-rich-content:before,
.c-cs-rich-content:after {
	all: unset;
}

.c-cs-rich-content h2,
.c-cs-rich-content p,
.c-cs-rich-content blockquote {
	grid-column: span 2;
}

.c-cs-rich-content blockquote {
  margin-top: 0.6em;
}

.c-cs-rich-content blockquote + p {
  font-size: var(--_responsive---text-micro);
  font-family: var(--_typography---text-micro--font-family);
  font-weight: var(--_typography---text-micro--font-weight);
  line-height: var(--_typography---text-micro--line-height);
  letter-spacing: var(--_typography---text-micro--letter-spacing);
  text-transform: uppercase;
  margin-top: -0.75em;
  margin-bottom: 1.5em;
}

@media (max-width: 479px) {
  .c-cs-rich-content blockquote {
    margin-top: 0.75em;
  }

  .c-cs-rich-content blockquote + p {
    margin-bottom: 1em;
  } 
}

/* Next project element */
.c-img-contain.cs-np img{
  object-position: center top;
}

.c-img-contain.cs-np {
  transition: 0.4s transform var(--ui-transition);
}

.c-cs-np:hover .c-img-contain.cs-np {
  transform: rotate(-5deg) translateY(0.8em);
}
  
/* ------------------------- EXPERTISE PAGE ------------------------- */

/* WEBFLOW DESIGNER PREVIEW */
.wf-design-mode .c-section.exp-hero,
.wf-design-mode .c-exp-scroll  {
  height: auto;
}

/* EXPERTISE HERO INITIAL STATE */
.c-exp-hero-main,
.c-exp-hero-note,
.c-exp-hero-scroll,
.c-exp-hero-frame,
.c-exp-hero-frame.is-main,
.c-section.exp .o-container {
  opacity: 0;
}

.wf-design-mode :is(.c-exp-hero-main, .c-exp-hero-note, .c-exp-hero-scroll, .c-exp-hero-frame, .c-exp-hero-frame.is-main, .c-section.exp .o-container) {
	opacity: 1;
}

/* EXPERTISE HERO */
.c-exp-hero-main .t-huge-0:first-child {
  transform: translateX(-0.015em);
}

@media (min-width: 992px) {
	.c-section.exp-hero .t-huge-0 {
  	font-size: 20em;
  }
}

@media (max-width: 479px) and (max-height: 700px) {
  .c-exp-hero-inner {
    padding-top: 5.75em;
  }
}

@media (max-width: 479px) and (min-height: 701px) {
  /* .c-exp-hero-frame-holder {
    padding-top: 10em;
  }

  .c-exp-hero-note-inner {
    padding-bottom: 2em;
  }   */

  .c-exp-hero-main .t-huge-0.is-exp-hero-mobile {
    transform: translateX(-0.01em);
  }
}

@media (max-width: 479px) {
  .c-exp-hero-main .t-huge-0.is-exp-hero-mobile {
    display: flex;
    flex-shrink: 0;
  }  
}

@media (min-width: 992px) and (min-height: 1100px) {
  .c-exp-hero-frame-holder {
    font-size: calc(var(--size-font) - 0.1em);
    padding-top: 1em;
  }

  .c-section.exp-hero,
  .c-exp-hero-note-inner {
    max-height: 1200px;
  }
}

/* EXPERTISE EXPERIENCE SECTION */
.t-rich-text.exp {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: var(--_typography---text-base-mono--font-family);
  font-size: var(--_responsive---text-base-mono);
  line-height: var(--_typography---text-base-mono--line-height);
  font-weight: var(--_typography---text-base-mono--font-weight);
  letter-spacing: var(--_typography---text-base-mono--letter-spacing);
}

.c-exp {
  -webkit-mask-image: linear-gradient(
    to bottom,
    black 0%,
    black 80%,
    transparent 100%
  );
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-image: linear-gradient(
    to bottom,
    black 0%,
    black 80%,
    transparent 100%
  );
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}

/* EXPERIENCE PILLARS */
.o-row.exp-panel-nav::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -1px;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background: white;
  border-top: 1px solid #E5E5E5;
}

@media (min-width: 992px) {
  .c-exp-pillar .t-display-1 {
    font-size: 10.75em;
  }

  .c-exp-panel-nav-link .t-display-1 {
    font-size: var(--_responsive---heading-3);
    letter-spacing: var(--_typography---h3--letter-spacing);
  }
}

/* EXPERIENCE PANELS */
.c-exp-panel-nav-link.is-1.is-active {
	color: var(--accent--tart);
}

.c-exp-panel-nav-link.is-2.is-active {
	color: var(--accent--lavender);
}

.c-exp-panel-nav-link.is-3.is-active {
	color: var(--accent--lagoon);
}

.c-exp-panel-nav-link.is-active .c-exp-pillar-num {
  opacity: 1;
}

@media (min-width: 992px) {
  .c-exp-panel .t-huge-0 {
    font-size: 15.58em;
  }

  .c-exp-panel .c-exp-panel-decoration .t-base-mono,
  .c-exp-panel-title .t-base-mono {
    font-size: 1.5em;
  }
}

.c-img-contain.exp-panel-visual {
  will-change: transform;
  image-rendering: crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  backface-visibility: hidden;
  transform-style: preserve-3d;
}

/* ACCORDIONS */
.c-ac-item:first-child {
  border-top-color: currentColor;
}
  
.c-ac-item .c-ac-list {
  transition:
    grid-template-rows 0.6s var(--ui-transition),
    padding-bottom 0.6s var(--ui-transition),
    opacity 0.6s var(--ui-transition);  
}

.c-ac-item.is-open .c-ac-list,
.wf-design-mode .c-ac-list {
	grid-template-rows: 1fr;
  opacity: 1;
  padding-bottom: 2em;
}

.c-ac-item {
  transition: opacity 0.3s ease;
}

*:has(> .c-ac-item:hover) > .c-ac-item {
  opacity: 0.4;
}

*:has(> .c-ac-item:hover) > .c-ac-item:hover {
  opacity: 1;
}

@media (max-width: 991px) {
  .c-ac-item.is-open .c-ac-list {
    padding-bottom: 1.25em;
  }
}

.c-ac-item .c-icon.ac-arrow {
	transition: transform 0.6s var(--ui-transition);
}

.c-ac-item.is-open .c-icon.ac-arrow {
	transform: rotate(135deg);
}

@media (min-width: 992px) {
  .c-ac-toggle .t-base {
    font-size: 1.625em;
  }
}

/* EXPERIENCE PANELS - INITIAL STATE */
@media(max-width: 991px) {
  .c-exp-title .t-display-2 {
    font-size: 5em;
  }
}

@media(max-width: 479px) {
  .c-exp-title .t-display-2 {
    font-size: 3.5em;
  }
}

/* EXPERIENCE DESIGN PANEL - WORK/TEAM */
.c-img-contain.exp-panel-team-1 > * {
	grid-area: 1 / 1;
}

/* EXPERIENCE ENG PANEL */
@media (min-width: 992px) {
  .c-exp-panel-step:last-child .c-exp-panel-step-title::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -1px;
    width: 100vh;
    height: 1px;
    background: var(--neutral--border-30);
    transform: translateX(100%);
  }
}

@media (max-width: 991px) {
  .c-exp-panel-step:first-child  .c-exp-panel-step-title{
    margin-top: 0;
  }
}

/* EXPERTISE ROTATING IMAGES */
.c-img-contain.exp-panel-work {
	opacity: 0;
  transition: opacity 0.6s ease;
}

.c-img-contain.exp-panel-work.is-active,
.wf-design-mode .c-img-contain.exp-panel-work {
	opacity: 1;
}

/* EXPERTISE STRATEGY SECTION */
.c-img-contain.client {
  opacity: 0;
  transform: translateY(5em);
  transition: opacity 1.2s cubic-bezier(0.19, 1, 0.22, 1),
    transform 1.2s cubic-bezier(0.19, 1, 0.22, 1);
  transition-delay: 0s;
}

.wf-design-mode .c-img-contain.client,
.c-img-contain.client.revealed {
  opacity: 1;
  transform: translateY(0);
}

/* CONTACT FORM */
/* .c-contact-form-block {
  display: none;
} */

.c-contact-form-block.is-active,
.wf-design-mode .c-contact-form-block {
	display: flex;
}

.c-contact-nav-radio-item input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.c-contact-nav-radio-item input[type="radio"]:checked {
	background: var(--accent--maureen);
}

.c-contact-nav-radio-item.is-active {
  opacity: 1;
}

.c-section.exp-contact .c-contact-nav-radio-item {
  opacity: 1 !important;
}

/* ------------------------- CONTACT PAGE ------------------------- */

/* HERO SECTION INITIAL STATE */
.c-section.contact-hero .c-exp-contact-sub, 
.c-section.contact-hero .c-contact-form-title, 
.c-section.contact-hero .c-contact-form-block {
  opacity: 0;
}

.wf-design-mode .c-section.contact-hero .c-exp-contact-sub, 
.wf-design-mode .c-section.contact-hero .c-contact-form-title, 
.wf-design-mode .c-section.contact-hero .c-contact-form-block {
  opacity: 1;
}

@media (min-width: 992px) and (max-width: 1440px) {
  .c-section.contact-footer .t-base {
		font-size: clamp(14px, 1em, 1em);
  }
  
  .c-contact-footer_bt {
  	gap: 3em;
  }
}

/* ------------------------- STUDIO PAGE ------------------------- */

/* STUDIO HERO INITIAL STATE */
.c-studio-hero-frame .t-huge-0,
.c-studio-tagline .t-display-2.is-alt {
  opacity: 0;
}

.wf-design-mode .c-studio-hero-frame .t-huge-0,
.wf-design-mode .c-studio-tagline .t-display-2.is-alt {
  opacity: 1;
}

/* STUDIO HERO */
.wf-design-mode .c-section.studio-hero {
  height: auto;
}

.wf-design-mode .c-studio-hero-inner {
  display: flex;
  flex-direction: column;
  height: auto;
}

.wf-design-mode .c-studio-hero-frame {
  min-height: 100vh;
}

.c-studio-hero-inner > * {
	grid-area: 1 / 1;
}

.c-studio-zone-circle {
  --angle: 0deg;

  -webkit-mask-image: conic-gradient(
    from 180deg at 50% 50%,
    black 0deg,
    black var(--angle),
    transparent var(--angle)
  );
  -webkit-mask-repeat: no-repeat;

  mask-image: conic-gradient(
    from 180deg at 50% 50%,
    black 0deg,
    black var(--angle),
    transparent var(--angle)
  );
  mask-repeat: no-repeat;
  will-change: transform;
}

.c-studio-zone-line {
  backface-visibility: hidden; 
  transform-style: preserve-3d;
  will-change: transform; 
}

.wf-design-mode .c-section.studio-zone {
  height: auto;
}

/* ABOUT TITLE */
.wf-design-mode .c-section.about-title {
  margin-top: 0;
  padding-top: 2.5em;
  padding-bottom: 0;
  background: black;
}

@media (max-width: 479px) {
  .c-about-title .t-display-1 br {
    display: none;
  }
}

/* TEAM SECTION */
@media (min-width: 992px) {
  .c-team-item .t-display-4 {
	  font-size: 1.625em;
  }
}

@media (max-width: 479px) {
  .c-team-item .t-display-4 {
	  font-size: 0.875em;
  }
}

.c-team-visual-list > * {
	grid-area: 1 / 1;
}

.c-img-contain.team {
  opacity: 1;
}

.c-icon.team-arrow {
	transition: transform 0.4s var(--ui-transition), opacity 0.4s var(--ui-transition);
}

.c-team-item.is-active {
	color: var(--accent--lavender);
  border-color: var(--accent--lavender);
}

.c-team-item.is-active .c-icon.team-arrow {
	opacity: 1;
  transform: translate(0, 0) rotate(0);
}

/* TEAM MODAL */
.c-team-modal {
  pointer-events: none;
	clip-path: inset(0 100% 0 0);
  transition: clip-path 1s var(--ui-transition-fast);
}

.c-team-modal.is-open {
	opacity: 1;
  pointer-events: auto;
  clip-path: inset(0 0% 0 0);
}

.t-rich-text.team-modal-exp * {
	margin: 0;
}

.t-rich-text.team-modal-exp ul {
	display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
}

.c-team-modal-list > * {
	grid-area: 1 / 1;
}

.wf-design-mode .c-team-modal:not(:first-child) {
	display: none;
}

.t-rich-text.team-modal-bio * {
	margin-bottom: 1.4em;
}

.t-rich-text.team-modal-bio *:last-child {
	margin: 0;
}

@media (min-width: 992px) {
  .c-team-modal-title .t-base,
  .c-team-modal-quote .t-base {
    font-size: 1.375em;
  }
}

/* SPECIALIZE SECTION */
.c-specialize-inner > * {
	grid-area: 1 / 1;
}

.wf-design-mode .c-specialize-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.wf-design-mode .c-section.specialize {
  height: auto;
}

.wf-design-mode .c-section.specialize span:nth-of-type(1),
.c-section.specialize .line:nth-of-type(1) span {
  color: var(--accent--lavender);
}

.wf-design-mode .c-section.specialize span:nth-of-type(2),
.c-section.specialize .line:nth-of-type(2) span {
  color: var(--accent--lagoon);
}

.wf-design-mode .c-section.specialize span:nth-of-type(3),
.c-section.specialize .line:nth-of-type(3) span {
  color: var(--accent--tart);
}

@media (max-width: 479px) {
  .c-section.specialize .t-huge-1 {
    font-size: 2.4em;
    line-height: 0.85;
  }
}

/* REVIEW SECTION */
.c-review-quote .t-base {
  font-size: 3em;
  letter-spacing: -0.02em;
  line-height: 1;
}

@media (max-width: 991px) {
  .c-review-quote .t-base {
    font-size: 2em;
  }
}

@media (min-width: 768px) {
  .c-review-quote::before {
    content: "";
    position: absolute;
    top: 0.4em;
    width: 1.5em;
    height: 0.875em;
    background: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3125 12.75L9.98438 12.2344C10.2031 11.3906 10.4609 10.4922 10.7578 9.53906C11.0703 8.58594 11.4062 7.625 11.7656 6.65625C12.125 5.6875 12.5078 4.72656 12.9141 3.77344C13.3203 2.80469 13.7188 1.88281 14.1094 1.00781H17.3203C17.0859 1.96094 16.8516 2.95312 16.6172 3.98438C16.3984 5.01562 16.1875 6.04688 15.9844 7.07812C15.7812 8.09375 15.5938 9.08594 15.4219 10.0547C15.25 11.0234 15.1016 11.9219 14.9766 12.75H10.3125ZM1.28906 12.75L0.960938 12.2344C1.17969 11.3906 1.4375 10.4922 1.73438 9.53906C2.04688 8.58594 2.38281 7.625 2.74219 6.65625C3.10156 5.6875 3.48438 4.72656 3.89062 3.77344C4.29688 2.80469 4.69531 1.88281 5.08594 1.00781H8.29688C8.0625 1.96094 7.82812 2.95312 7.59375 3.98438C7.375 5.01562 7.16406 6.04688 6.96094 7.07812C6.75781 8.09375 6.57031 9.08594 6.39844 10.0547C6.22656 11.0234 6.07812 11.9219 5.95312 12.75H1.28906Z' fill='black'/%3E%3C/svg%3E%0A") no-repeat;  
    transform: translateX(-120%);
  }
}

@media (max-width: 479px) {
  .c-review-quote .t-base {
    font-size: 1.5em;
  }  
}

.c-review-main >  * {
	grid-area: 1 / 1;
}

.wf-design-mode .c-review-main {
	display: flex;
  flex-direction: column;
  padding-bottom: 2em;
}

.c-review-main-inner {
  transition: opacity 0.6s var(--ui-transition);
}

.c-review-main-inner.is-active,
.wf-design-mode .c-review-main-inner {
	opacity: 1;
}

.c-img-contain.review-logo.is-active {
	opacity: 1;
}

/* ABOUT PEOPLE/TEAM SECTION */
.c-section.about-team .o-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100vh;
  width: 100%;
}

.c-about-team-card {
  will-change: transform;  
}

.c-about-team-cards {
  display: flex;
  width: max-content;
  white-space: nowrap;
  gap: 1vw;
  will-change: transform;
  padding: 0 40vw;
}

@media (max-width: 991px) {
  .c-about-team-cards {
    padding: 0 10vw;
  }

  .c-section.about-team .o-container {
    height: 40em;
  }
}

@media (max-width: 479px) {
  .c-section.about-team .o-container {
    height: 30em;
  }
}

@media (min-height: 1100px) and (min-width: 992px) {
  .c-about-team-cards {
    font-size: var(--size-font);
  }
}

/* ------------------------- BUTTONS HOVER EFFECT ------------------------- */

[data-wf--global-button--settings-style] {
  transition: transform .75s cubic-bezier(.19,1,.22,1), color .75s cubic-bezier(.19,1,.22,1);
}

.c-icon.btn-arrow-shallow,
.c-icon.btn-arrow,
.c-btn-text,
.c-btn-bg {
  transition: transform .75s cubic-bezier(.19,1,.22,1), color .75s cubic-bezier(.19,1,.22,1);
  will-change: transform;
}

.c-pagination-btn,
.c-header .c-btn,
.c-empty .c-btn,
.c-pagination-btn .t-base,
.c-empty .c-btn .c-btn-text {
  transition: color .75s cubic-bezier(.19,1,.22,1);
}

/* Light / white button backgrounds */
[data-wf--global-button--settings-style="large-light"] .c-btn-bg,
[data-wf--global-button--settings-style="small-light"] .c-btn-bg,
[data-wf--global-button--settings-style="filled-white"] .c-btn-bg {
  background: white;
}

.c-header .c-btn .c-btn-bg {
  background: white;
}

.c-panel {
  backface-visibility: hidden;
  transform-style: preserve-3d;
  will-change: transform;
}

.c-panel-link::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  transform: scale(0);
  background: black;
  z-index: 10;
  transition: transform 1.2s cubic-bezier(.19,1,.22,1);
  transform-origin: left center;
}

@media (hover: hover) and (pointer: fine) {

  /* Shallow arrow */
  [data-wf--global-button--settings-style="large-dark"]:hover .c-icon.btn-arrow-shallow,
  [data-wf--global-button--settings-style="large-light"]:hover .c-icon.btn-arrow-shallow,
  [data-wf--global-button--settings-style="small-dark"]:hover .c-icon.btn-arrow-shallow,
  [data-wf--global-button--settings-style="small-light"]:hover .c-icon.btn-arrow-shallow,
  [data-wf--global-button--settings-style="filled-black"]:hover .c-icon.btn-arrow-shallow,
  [data-wf--global-button--settings-style="filled-white"]:hover .c-icon.btn-arrow-shallow {
    transform: translateX(18px);
  }

  /* Button text */
  [data-wf--global-button--settings-style="large-dark"]:hover .c-btn-inner:has(.c-icon.btn-arrow) .c-btn-text,
  [data-wf--global-button--settings-style="large-light"]:hover .c-btn-inner:has(.c-icon.btn-arrow) .c-btn-text,
  [data-wf--global-button--settings-style="small-dark"]:hover .c-btn-inner:has(.c-icon.btn-arrow) .c-btn-text,
  [data-wf--global-button--settings-style="small-light"]:hover .c-btn-inner:has(.c-icon.btn-arrow) .c-btn-text,
  [data-wf--global-button--settings-style="filled-black"]:hover .c-btn-inner:has(.c-icon.btn-arrow) .c-btn-text,
  [data-wf--global-button--settings-style="filled-white"]:hover .c-btn-inner:has(.c-icon.btn-arrow) .c-btn-text {
    transform: translateX(18px);
  }

  /* Arrow */
  [data-wf--global-button--settings-style="large-dark"]:hover .c-icon.btn-arrow,
  [data-wf--global-button--settings-style="large-light"]:hover .c-icon.btn-arrow,
  [data-wf--global-button--settings-style="small-dark"]:hover .c-icon.btn-arrow,
  [data-wf--global-button--settings-style="small-light"]:hover .c-icon.btn-arrow,
  [data-wf--global-button--settings-style="filled-black"]:hover .c-icon.btn-arrow,
  [data-wf--global-button--settings-style="filled-white"]:hover .c-icon.btn-arrow {
    transform: translateX(48px);
  }

  /* Background reveal */
  [data-wf--global-button--settings-style="large-dark"]:hover .c-btn-bg,
  [data-wf--global-button--settings-style="large-light"]:hover .c-btn-bg,
  [data-wf--global-button--settings-style="small-dark"]:hover .c-btn-bg,
  [data-wf--global-button--settings-style="small-light"]:hover .c-btn-bg,
  [data-wf--global-button--settings-style="filled-black"]:hover .c-btn-bg,
  [data-wf--global-button--settings-style="filled-white"]:hover .c-btn-bg {
    transform: translateY(0) scale(1);
  }

  /* Dark button hover */
  [data-wf--global-button--settings-style="large-dark"]:hover,
  [data-wf--global-button--settings-style="small-dark"]:hover,
  [data-wf--global-button--settings-style="filled-black"]:hover {
    color: white;
  }

  /* Light / white button hover */
  [data-wf--global-button--settings-style="large-light"]:hover,
  [data-wf--global-button--settings-style="small-light"]:hover,
  [data-wf--global-button--settings-style="filled-white"]:hover {
    color: black;
  }

  /* Pagination / empty states */
  .c-pagination-btn:hover > *,
  .c-empty .c-btn:hover > * {
    color: white;
  }

  .c-pagination-btn:hover .c-btn-bg,
  .c-header .c-btn:hover .c-btn-bg,
  .c-empty .c-btn:hover .c-btn-bg {
    transform: translateY(0) scale(1);
  }

  /* Header button */
  .c-header .c-btn:hover {
    color: black;
  }

  /* Panel link */
  .c-panel-link:hover::before {
    transform: scale(1);
  }
}

/* ------------------------- NEWS PAGE ------------------------- */

.c-news-radio-field-item:has(.is-list-emptyfacet) {
  display: none;
}

/* NEWS HERO INITIAL STATE */
[data-page='news'] .c-section.news-hero .t-huge-0,
[data-page='news'] .c-news-sub,
[data-page='news'] .c-news-card,
[data-page='news'] .c-news-hero {
  opacity: 0;
}

.wf-design-mode [data-page='news'] .c-section.news-hero .t-huge-0,
.wf-design-mode [data-page='news'] .c-news-sub,
.wf-design-mode [data-page='news'] .c-news-card,
.wf-design-mode [data-page='news'] .c-news-hero {
  opacity: 1;
}

/* NEWS CONTENT */
.c-news-hero-title .t-base {
  font-size: 3em;
  letter-spacing: -0.02em;
  line-height: 1;
}

.c-news-card-tag .t-micro {
  transform: translateY(1px);
}

.c-news-filter input {
  appearance: none;
  -webkit-appearance: none;
}

@media(min-width: 480px) {
  .o-grid.news .c-news-card-item::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: #B3B3B3;
    width: 100vw;
    height: 1px;
    transform: translateY(2.5em);
  }

  .o-grid.news .c-news-card-item:nth-child(6n + 1),
  .o-grid.news .c-news-card-item:nth-child(6n + 6) {
    grid-column: span 2;
  }

  .o-grid.news .c-news-card-item:nth-child(6n + 1) .c-news-card.no-thumb,
  .o-grid.news .c-news-card-item:nth-child(6n + 6) .c-news-card.no-thumb {
    aspect-ratio: 16 / 9;
  }
}

/* .o-grid.news .c-news-card-item:nth-child(6n + 1) .t-base,
.o-grid.news .c-news-card-item:nth-child(6n + 6) .t-base {
  font-family: var(--_typography---h4--font-family);
  font-weight: var(--_typography---h4--font-weight);
  line-height: var(--_typography---h4--line-height);
  letter-spacing: var(--_typography---h4--letter-spacing);
  font-size: var(--_responsive---heading-4); 
} */

.o-grid.news .c-news-card-item:nth-child(6n + 1) .c-news-card:not(.no-thumb) .t-base,
.o-grid.news .c-news-card-item:nth-child(6n + 6) .c-news-card:not(.no-thumb) .t-base {
  font-family: var(--_typography---h4--font-family);
  font-weight: var(--_typography---h4--font-weight);
  line-height: var(--_typography---h4--line-height);
  letter-spacing: var(--_typography---h4--letter-spacing);
  font-size: var(--_responsive---heading-4);
}

.c-news-card.no-thumb .c-news-card-tag {
  background: black !important;
}

.c-news-card.no-thumb .t-micro.news-date {
  opacity: 1;
}

.c-news-card.no-thumb .t-base {
  font-family: var(--_typography---fonts--primary);
  font-size: 2.25em;
  letter-spacing: 0.01em;
  line-height: 0.86;
  text-transform: uppercase;
}

@media (max-width: 991px) {
  .c-news-card.no-thumb .t-base {
    font-size: 1.25em;
  }
}

@media (max-width: 767px) {
  .c-news-card.no-thumb .t-base {
    font-size: 2em;
  }
}

/* NEWS HOVER*/
.c-news-card.no-thumb {
	transition: background 0.3s ease;
}

.c-news-card.no-thumb:hover {
	background: var(--accent--pink) !important;
}

.c-news-card img {
	will-change: transform;
	transition: transform 0.6s var(--ui-transition);
}

.c-news-card:hover img {
	transform: scale(1.04) translateZ(0);
}

/* ------------------------- LEGAL PAGE ------------------------- */

/* LEGAL INITIAL STATE */
.c-legal-body,
.c-author {
	opacity: 0;
}

.wf-design-mode .c-legal-body,
.wf-design-mode .c-author {
	opacity: 1;
}

/* BLOG SINGLE INITIAL STATE */
.c-img-contain.blog-thumb, 
.o-row.blog-hero .t-micro, 
.o-row.blog-hero .t-base {
	opacity: 0;
}

.wf-design-mode .c-img-contain.blog-thumb, 
.wf-design-mode .o-row.blog-hero .t-micro, 
.wf-design-mode .o-row.blog-hero .t-base {
	opacity: 1;
}

/* ------------------------- PAGE TRANSITION ------------------------- */
:focus:not(:focus-visible) {
  outline: none;
}

#swup {
  position: fixed;
  inset: 0;
  overflow: clip;
  overflow-y: scroll;
}

.wf-design-mode #swup {
  position: unset;
  inset: unset;
  overflow: unset;
  overflow-y: unset;
}

html.is-changing {
	--ease-in-out-quart: cubic-bezier(0.4, 0.3, 0, 1);
}

html.is-changing .transition-slide {
	clip-path: inset(0%);
  transition: transform 1.4s var(--ease-in-out-quart), clip-path 1.4s var(--ease-in-out-quart), opacity 1.4s var(--ease-in-out-quart);
	overflow-y: hidden !important;
}

.transition-slide.is-previous-container {
  transform: translateY(-160px) scale(0.95);
  transition: transform 1.4s var(--ease-in-out-quart), opacity 0.3s ease-in;
  opacity: 0.5;
  z-index: -1;
}

.transition-slide.is-next-container {
  transform: translateY(50dvh);
  clip-path: inset(70% 0% 0% 0%) !important;
}

/* ------------------------- HEADER TRANSITION ------------------------- */
html.is-changing .transition-header {
  transition: transform 1.4s cubic-bezier(0.7, 0.3, 0, 1), opacity 0.6s ease 0.5s;
}

html.is-changing .transition-header.is-previous-container {
  transition: transform 1.4s var(--ease-in-out-quart), opacity 0.4s ease-in;
  transform: translateY(-160px) scale(0.95);
}

html.is-changing .transition-header.is-next-container {
  opacity: 0;
  transform: translateY(400px);
}

/* CLIENT CARDS SECTION COMPONENT */
.c-client-card {
  will-change: transform;
}

@media (min-width: 992px) {
  .c-client-card:nth-child(1) { 
    transform: rotate(-12deg) translate(-36em, 30em); 
    z-index: 1; 
  }

  .c-client-card:nth-child(2) { 
    transform: rotate(-8deg) translate(-23em, 30em); 
    z-index: 2; 
  }

  .c-client-card:nth-child(3) { 
    transform: rotate(-4deg) translate(-10em, 30em); 
    z-index: 3; 
  }

  .c-client-card:nth-child(4) { 
    transform: rotate(4deg) translate(4em, 30em); 
    z-index: 4; 
  }

  .c-client-card:nth-child(5) { 
    transform: rotate(8deg) translate(16em, 30em); 
    z-index: 5; 
  }

  .c-client-card:nth-child(6) { 
    transform: rotate(12deg) translate(29em, 30em); 
    z-index: 6; 
  }

  [data-page='clients'] .c-section.client-card .c-client-card-desc {
    transform: translate(-50%, -4em); 
  }
}

@media (min-height: 1100px) and (min-width: 992px) {
  [data-page='clients'] .c-section.client-card .c-client-card-desc {
    transform: translate(-50%, -3em); 
  }  
}

.c-img-contain.client-card::before {
	content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
	opacity: 1;
  transition: opacity 0.4s ease;
}

.c-client-card-sub.is-active {
	opacity: 1;
}

@media (hover: hover) and (pointer: fine) and (min-width: 992px) {
  .c-client-card:hover .c-img-contain.client-card::before {
    opacity: 0;
  }

  .c-client-card:nth-child(1):hover {
    transform: rotate(-5deg) translate(-34em, 3em) !important;
    z-index: 20;
  }

  .c-client-card:nth-child(2):hover {
    transform: rotate(-2deg) translate(-21em, 3.5em) !important;
    z-index: 20;
  }

  .c-client-card:nth-child(3):hover {
    transform: rotate(-1deg) translate(-11em, 2em) !important;
    z-index: 20;
  }

  .c-client-card:nth-child(4):hover {
    transform: rotate(-1deg) translate(-1em, 2em) !important;
    z-index: 20;
  }

  .c-client-card:nth-child(5):hover {
    transform: rotate(3deg) translate(16em, 2em) !important;
    z-index: 20;
  }

  .c-client-card:nth-child(6):hover {
    transform: rotate(3deg) translate(26em, 4em) !important;
    z-index: 20;
  }
}

@media(max-width: 991px) {
  .o-row.client-card-title .c-btn {
    border: 0;
    padding: 0;
    overflow: visible;
    height: auto;
  }

  .o-row.client-card-title .c-btn-text {
    text-transform: none;
    text-decoration: underline;
  }

  .o-row.client-card-title .c-btn-text em {
    font-family: var(--_typography---fonts--secondary);
    font-weight: 400;
    font-style: normal;
  }

  .o-row.client-card-title .c-icon.btn-arrow,
  .o-row.client-card-title .btn-arrow-shallow {
    display: none;
  }

  .o-row.client-card {
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scroll-padding: 0 19.6em;
  }

  .o-row.client-card .c-client-card {
    will-change: transform;
    scroll-snap-align: start;
    transition: transform 0.6s var(--ui-transition);
  }

  .o-row.client-card .c-client-card:nth-child(1) {
    transform: rotate(-16deg);
  }

  .o-row.client-card .c-client-card:nth-child(2) {
    transform: rotate(-14deg);
  }

  .o-row.client-card .c-client-card:nth-child(3) {
    transform: rotate(-12deg);
  }

  .o-row.client-card .c-client-card:nth-child(4) {
    transform: rotate(-10deg);
  }

  .o-row.client-card .c-client-card:nth-child(5) {
    transform: rotate(-8deg);
  }
    
  .o-row.client-card .c-client-card:nth-child(6) {
    transform: rotate(-6deg);
    margin-right: 0;
  }

  .o-row.client-card .c-client-card.is-active {
    transform: rotate(-4deg) !important;
    z-index: 20;
  }

  .o-row.client-card .c-client-card.is-active .c-img-contain.client-card::before {
    opacity: 0;
  }
}

@media (max-width: 767px) {
  .o-row.client-card {
    scroll-padding: 0 13.6em;
  }
}

@media (max-width: 479px) {
  .o-row.client-card {
    scroll-padding: 0 7.75em;
  }
}

/* CLIENT CARDS INITIAL STATE */
.c-section.filter-work .c-filter-desc {
  opacity: 0;
  transform: translateY(20px);
}

.c-section.filter-work .c-filter-form-block {
  opacity: 0;
}

.wf-design-mode .c-section.filter-work .c-filter-form-block {
  opacity: 1;
}

.wf-design-mode .c-section.filter-work .c-filter-desc {
  opacity: 1;
  transform: translateY(0);
}
  
.c-client-card {
  opacity: 0;
}

.wf-design-mode .c-client-card {
  opacity: 1;
}

.c-section.filter-work .o-grid.work {
  opacity: 0;
}

.wf-design-mode .c-section.filter-work .o-grid.work {
  opacity: 1;
}

@media (min-width: 992px) {
  .wf-design-mode .c-client-card:nth-child(1) { 
    transform: rotate(-12deg) translate(-36em, 0); 
  }

  .wf-design-mode .c-client-card:nth-child(2) { 
    transform: rotate(-8deg) translate(-23em, 0); 
  }

  .wf-design-mode .c-client-card:nth-child(3) { 
    transform: rotate(-4deg) translate(-10em, 0); 
  }

  .wf-design-mode .c-client-card:nth-child(4) { 
    transform: rotate(4deg) translate(4em, 0); 
  }

  .wf-design-mode .c-client-card:nth-child(5) { 
    transform: rotate(8deg) translate(16em, 0); 
  }

  .wf-design-mode .c-client-card:nth-child(6) { 
    transform: rotate(12deg) translate(29em, 0); 
  }
}

/* HEADER MOBILE */
@media (max-width: 991px) {
	.c-hdm {
    transition: clip-path 0.8s var(--ui-transition);
  }

	.c-hdm.is-open {
  	clip-path: inset(0% 0% 0% 0%);
    pointer-events: auto;
  }
}

@media (min-width: 991px) and (max-height: 670px) {
	.c-hdm {
  	gap: 2em;
  }
}

/* MOBILE CUSTOM SPACER ADJUSTMENTS */
@media (max-width: 991px) {
  .c-section.filter-work .c-spacer:last-child,
  .c-section.cs-main .c-spacer:last-child,
  [data-page='clients'] .c-section.client-card .c-spacer:last-child {
    height: 0;
  }

  [data-page='clients'] .c-section.client-card .c-client-card-desc {
    padding-bottom: 2.5em;
  }
}

/* BLOG RICH TEXT */
.t-rich-text.blog :is(h2, h3, h4, h5, h6) {
	font-size: var(--_responsive---heading-3);
  font-family: var(--_typography---h3--font-family);
  font-weight: var(--_typography---h3--font-weight);
  line-height: var(--_typography---h3--line-height);
  letter-spacing: var(--_typography---h3--letter-spacing);
  font-style: normal !important;
}

.t-rich-text.blog h3 {
	font-size: 2.25em;
}

.t-rich-text.blog h4 {
	font-size: 2em;
}

.t-rich-text.blog h5 {
	font-size: 1.75em;
}

.t-rich-text.blog h6 {
	font-size: 1.5em;
}

.t-rich-text.blog .w-richtext-figure-type-image {
  width: 100%;
  max-width: 100%;
}

@media (max-width: 991px) {
  .t-rich-text.blog :is(h2, h3, h4, h5, h6) {
    font-size: 2.5em;
  }
}

@media (max-width: 479px) {
  .t-rich-text.blog :is(h2, h3, h4, h5, h6) {
    font-size: 2.25em;
  }
}

/* ------------------------- CONSULTANCY PAGE -------------------------  */

/* Hero initial state */
.c-con-hero-badge {
	opacity: 0;
}

.wf-design-mode .c-con-hero-badge {
	opacity: 1;
}

/* Hero */
@media (min-width: 992px) {
  .c-section.exp-hero.is-con .t-huge-0 {
  	font-size: 15em;
  }
}

@media (max-width: 479px) {
  .c-section.exp-hero.is-con .t-huge-0.is-exp-hero-mobile {
  	font-size: 5em;
  }
}

/* Work */
@media (min-width: 992px) {
  .c-section.con-work .t-huge-0 {
  	font-size: 12.5em;
  }
}

/* Principles panels */
.c-exp-panel.con-help::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10;
  opacity: var(--overlay-opacity, 0);
  pointer-events: none;
}

/* Review */
@media (max-width:  479px) {
  .c-con-work-title br {
    display: none;
  }  
}


/* ------------------------- AGENCY PAGE -------------------------  */

/* Initial state */
.st-hero-track > .c-agency-title,
.st-hero-track .c-agency-arrow .c-icon 

.wf-design-mode .st-hero-track > .c-agency-title,
.wf-design-mode .st-hero-track .c-agency-arrow .c-icon {
  opacity: 1;
}

/* Hero */
@media (min-width: 992px) {
  [data-page='agency'] .c-section.st-hero .t-display-2 {
    font-size: 4.25em;
  }
}

/* How section */
.wf-design-mode .mwg062 {
  pointer-events: none;
}
  
.mwg062 > img {
  width: 10vw;
  height: auto;
  aspect-ratio: 2 / 3;
  position: absolute;
  object-fit: cover;
  z-index: 5;
}
@media (max-width: 768px) {
  .mwg062 > img {
    width: 25vw;
  }
}

/* ------------------------- GLOBAL FADE ------------------------- */
.wf-design-mode [fade] {
	opacity: 1;
  transform: unset;
}

@media (min-width: 992px) {
  [fade] {
    opacity: 0;
    transform: translateY(3em);
    transition: opacity 1.2s cubic-bezier(0.19, 1, 0.22, 1), transform 1.2s cubic-bezier(0.19, 1, 0.22, 1);
    transition-delay: 0s;
  }
  
  [fade].revealed {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ------------------------- EXPERIENCE V2 PAGE -------------------------  */
.c-exp-mi-item:last-child {
  border-bottom: 1px solid black;
}

/* ------------------------- SELECTED WORK COMPONENT -------------------------  */
@media (min-width: 992px) {
  .c-section.client-card:not(:has(.c-btn-group.client-card)) .c-client-card-desc {
    transform: translate(-50%, -7.5em);
  }
}

/* ------------------------- PROJECTS SINGLE HEADER ------------------------- 
@media (min-width: 992px) {
  [data-body='projects-single'] .c-header {
    position: sticky;
    top: 0;
  }
}
*/


/* ------------------------- HOME V2 -------------------------  */

/* Work Custom Slider */
@media (min-width: 992px) {
  .mwg_effect114 {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* Perspective is set on this element by the JS — keep it flat (no preserve-3d)
     so the cards' z-index controls how they stack */
  .mwg_effect114 .container {
    display: flex;
    z-index: 1;
    width: 100%;
    justify-content: center;
  }

  .mwg_effect114 .card {
    width: 20vw;
    aspect-ratio: 0.8;
    transform-style: preserve-3d;
    flex-shrink: 0;
  }

  .mwg_effect114 .card:not(:first-child) {
    margin: 0 0 0 -16vw;
  }

  .mwg_effect114 .card .content {
    width: 100%;
    height: auto;
    aspect-ratio: 3/4;
    position: relative;
    transform-style: preserve-3d;
  }

  .mwg_effect114 .card .content::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #adadad;
    transform: translateZ(-1px);
    border-radius: 0.2vw;
  }

  .mwg_effect114 .card.active .content::after {
    content: none;
  }

  .mwg_effect114 .card .content .media {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.2vw;
  }
}

.mwg_effect114 .card.is-active .c-slide-main {
  opacity: 1;
}

/* Posters Grid */
.c-poster-item,
.c-post-hover-line,
.c-icon.poster,
.c-img-contain.poster {
  transition: opacity 0.4s var(--ui-transition), transform 0.4s var(--ui-transition);
}
  
.c-poster-item:hover {
  opacity: 1;
}
  
.c-poster-item:hover .c-post-hover-line {
  transform: scaleX(1);
}

.c-poster-item:hover .c-icon.poster {
  transform: translate(0, 0);
  opacity: 1;
}

.c-poster-item:hover .c-img-contain.poster {
  transform: rotate(-2deg);
}

/* ------------------------- THEMES -------------------------  */
[data-theme='white'] {
  background: white !important;
  color: black !important;
}

[data-theme='lavender'] {
  background: var(--accent--lavender) !important;
  color: black !important;
}

[data-theme='lavender'] .c-news-card {
  background: transparent;
}

[data-theme='lavender'] .c-news-card-tag {
  background: black !important;
  color: white !important;
}

/* ------------------------- MOBILE SPACERS -------------------------  */
@media (max-width: 991px) {
  .c-section[data-spacer-tablet-top='0'] .c-spacer:first-child {
    height: 0;
  }
  
  .c-section[data-spacer-tablet-bt='0'] .c-spacer:last-child {
    height: 0;
  }
  
  .c-section[data-spacer-tablet-top='24'] .c-spacer:first-child {
    height: 24px;
  }
  
  .c-section[data-spacer-tablet-bt='24'] .c-spacer:last-child {
    height: 24px;
  }
}