/* ------------------------- Variables -------------------------------------------------- */

:root {
  --color-black: #0d0d0d;
}

:root {
  /* CSS Animations */
  --animation-default-fast: 0.4s cubic-bezier(0.625, 0.05, 0, 1);
  --animation-default: 0.8s cubic-bezier(0.625, 0.05, 0, 1);
  --animation-bounce-fast: 0.6s cubic-bezier(0.35, 1.75, 0.6, 1);
  --animation-bounce: 0.8s cubic-bezier(0.35, 1.75, 0.6, 1);
  --animation-ease: 0.2s ease;
  --animation-expo: 0.8s cubic-bezier(0.87, 0, 0.13, 1);
  --animation-expo-fast: 0.4s cubic-bezier(0.87, 0, 0.13, 1);
}

.dk-cta .dk-team__h2-line-svg path {
  stroke-width: 7;
}

.dk-work .dk-team__h2-line-svg path {
  stroke-width: 4;
}

.dk-footer__cta-arrow-svg path {
  stroke-width: 5;
}

@media screen and (min-width: 768px) {
  .dk-team__h2-circle-svg path {
    stroke-width: 3;
  }
}

/* Tablet */
@media screen and (max-width: 991px) {
	:root {
		--container-padding-l: 3.75em;
		--container-padding-m: 1.75em;
	}
}

/* Mobile Landscape */
@media screen and (max-width: 767px) {
	:root {
	  --section-padding: 6em;
		--container-padding-l: 1.25em;
		--container-padding-m: 1.25em;
		--container-padding-s: 0.5em;
		--gap: 1.5em;
	}
}

/* Mobile Portrait */
@media screen and (max-width: 479px) {
	:root {

	}
}

/* ------------------------- Copy/Paste Media Queries -------------------------------------------------- */

@media screen and (max-width: 991px) {}
@media screen and (max-width: 767px) {}
@media screen and (max-width: 479px) {}

@media screen and (min-width: 992px) {}
@media screen and (min-width: 768px) {}
@media screen and (min-width: 480px) {}

@media (hover: hover) and (pointer: fine) {}
@media (hover: none) and (pointer: coarse) {}

:is(.wf-design-mode, .w-editor) {}

/* ------------------------- Scaling System made by Dennis Snellenberg -------------------------------------------------- */

/* Desktop */
:root {
  --size-unit: 16; /* body font-size in design - no px */
  --size-container-ideal: 1440; /* screen-size in design - no px */
  --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)));
}

/* Tablet */
@media screen and (max-width: 991px) {
	:root {
    --size-container-ideal: 834; /* screen-size in design - no px */
    --size-container-min: 768px;
    --size-container-max: 991px;
	}
}

/* Mobile Landscape */
@media screen and (max-width: 767px) {
	:root {
    --size-container-ideal: 390; /* screen-size in design - no px */
    --size-container-min: 480px;
    --size-container-max: 767px;
	}
}

/* Mobile Portrait */
@media screen and (max-width: 479px) {
	:root {
    --size-container-ideal: 390; /* screen-size in design - no px */
    --size-container-min: 320px;
    --size-container-max: 479px;
	}
}

/* ------------------------- Viewportheight -------------------------------------------------- */

:root {
  --vh-in-px: 8px; /* Default fallback */
  --vh: var(--vh-in-px);
  --dvh: var(--vh); /* Same as original VH */
  --svh: var(--vh);
  --lvh: var(--vh);
}

/* Only on non-touch devices */
@media (hover: hover) and (pointer: fine) {
  :root {
    --vh: 1vh;
  }

  /* If the device supports svh and lvh */
  @supports (height: 1svh) {
    :root {
      --vh: 1vh; /* Viewport height */
      --dvh: 1dvh; /* Dynamic viewport height */
      --svh: 1svh; /* Small viewport height */
      --lvh: 1lvh; /* Large viewport height */
    }
  }
}

/* Only on touch devices */
@media (hover: none) and (pointer: coarse) {
  /* Set vh to dvh initially */
  :root {
    --vh: var(--vh-in-px);
  }
  
  /* If the device supports lvh */
  @supports (height: 1lvh) {
    :root {
      --dvh: 1dvh; /* Dynamic viewport height */
      --svh: 1svh; /* Small viewport height */
      --lvh: 1lvh; /* Large viewport height */
    }
  }
}

/* ------------------------- 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 */

/* ------------------------- Body -------------------------------------------------- */

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
li, ul, figure { padding: 0; margin: 0; list-style: none;}

html {
  scroll-behavior: initial;
}

body {
  -webkit-font-smoothing: antialiased;
}

.main {
  background-color: var(--color-light);
}

body.dk-dark-mode .main {
  background-color: var(--color-dark);
  color: var(--color-light);
}

html.dk-dark-mode,
body.dk-dark-mode {
  background-color: var(--color-dark);
}

html, body {
  width: 100%;
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  position: relative;
}

/* Selection */
::selection {
  background-color: var(--color-primary);
  color: var(--color-dark);
  text-shadow: none;
}

::-moz-selection {
  background-color: var(--color-primary);
  color: var(--color-dark);
  text-shadow: none;
}

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

img {
  width: 100%;
}

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

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

h1, h2, h3, h4, h5, h6, p, a, li, ul, ol, span, strong, em, figcaption  {padding: 0; margin: 0;}

video {
  padding: 0 !important;
  outline: 0 solid transparent !important;
  box-shadow: none !important;
}

/* ------------------------- Font Sizes -------------------------------------------------- */

.display {
  font-size: 8em;
  line-height: 0.75;
  text-transform: lowercase;
}

h1, .h1 {
  font-size: 7.5em;
  line-height: 0.95;
  letter-spacing: -0.03em;
  text-transform: lowercase;
}

h2, .h2 {
  font-size: 4em;
  line-height: 1.1;
  letter-spacing: -0.02em;
  text-transform: lowercase;
}

h3, .h3 {
  font-size: 2em;
  line-height: 1;
  letter-spacing: -0.01em;
  text-transform: lowercase;
}

h4, .h4 {
  font-size: 1em;
  line-height: 1.4;
  text-transform: lowercase;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, .display {
  font-family: 'Bricolage Grotesque', Arial, sans-serif;
  font-weight: 800;
}

:is(.display, h1, .h1, h2, .h2, h3, .h3, h4, .h4) em {
  font-family: Lora, Times New Roman, serif;
  font-style: italic;
  font-weight: 400;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-transform: none;
}

p.large {
  font-size: 1.5em;
  line-height: 1.4;
}

@media screen and (max-width: 991px) {}
@media screen and (max-width: 767px) {
  .display {
    font-size: 3.5em;
  }
  
  h1, .h1 {
    font-size: 4em;
  }
  
  h2, .h2 {
    font-size: 2.4em;
  }
  
  h3, .h3 {
    font-size: 1.5em;
  }
  
  p.large {
    font-size: 1.25em;
  }
  
}

@media screen and (max-width: 479px) {}

/* ------------------------- Loading -------------------------------------------------- */

:is(.wf-design-mode, .w-editor) .loading-container,
:is(.wf-design-mode, .w-editor) .dk-transition{
  display: none;
}

.dk-transition__screen,
.dk-transition__scribble,
.dk-transition__logo {
  opacity: 0;
  visibility: hidden;
}

.dk-transition[data-transition-theme="orange"] .dk-transition__logo,
.dk-transition[data-transition-theme="maroonred"] .dk-transition__logo,
.dk-transition[data-transition-theme="green"] .dk-transition__logo {
  color: var(--color-light);
}

.dk-transition[data-transition-theme="blue"] .dk-transition__logo,
.dk-transition[data-transition-theme="pink"] .dk-transition__logo {
  color: var(--color-dark);
}

.dk-transition[data-transition-theme="pink"] .dk-transition__scribble {
  color: var(--color-pink);
}

.dk-transition[data-transition-theme="orange"] .dk-transition__scribble {
  color: var(--color-orange);
}

.dk-transition[data-transition-theme="blue"] .dk-transition__scribble {
  color: var(--color-blue);
}

.dk-transition[data-transition-theme="maroonred"] .dk-transition__scribble {
  color: var(--color-maroonred);
}

.dk-transition[data-transition-theme="green"] .dk-transition__scribble {
  color: var(--color-green);
}

/* ------------------------- Split Text -------------------------------------------------- */

.single-word {
  overflow: hidden;
  position: relative;
  margin-bottom: -0.055em;
  margin-left: -0.1em;
  margin-right: -0.1em;
  padding: 0 0.1em;
  display: inline-block;
}

.single-word .single-char {
  position: relative;
  display: inline-block;
}

.single-word .single-word-inner {
  position: relative;
  display: inline-block;
}

[data-single-word] {
  display: inline-block;
  position: relative;
  margin-right: 0.1em;
  margin-left: 0.1em;
}

[data-single-word] em {
  display: inline-block;
  position: relative;
  transform: translateY(-0.0075em);
}

/* ------------------------- Big Cursor ------------------------- */

/* Default cursor */
body,
body * {
  cursor: url("../images/68384fb10e12e8d4c16e38e5_cursor-default.svg") 2 0, auto;
}


/* Hover cursor */
body a,
body a *,
body a p,
body button,
body button *,
body input[type="submit"],
body input[type="submit"] *,
body input[type="button"],
body input[type="button"] *,
body [data-hover],
body [data-hover] *,
body [data-gsap-slider-list-status] [data-hover]:hover,
body [data-gsap-slider-list-status] [data-hover]:hover *{
  cursor: url("../images/68384fb014875f192dfcef67_cursor-pointer.svg") 12 0, pointer;
}

/* Grab */
body [data-gsap-slider-list-status="grab"]:hover,
body [data-gsap-slider-list-status="grab"] *:hover,
body [data-flick-drag-status="grab"],
body [data-flick-drag-status="grab"] .dk-reels__top{
  cursor: url("../images/68384fb014875f192dfcef4b_cursor-drag.svg") 12 0, text;
}

/* Grabbing */
body [data-flick-drag-status="grabbing"],
body [data-flick-drag-status="grabbing"] .dk-reels__top,
body [data-gsap-slider-list-status="grabbing"]:hover,
body [data-gsap-slider-list-status="grabbing"] *:hover {
  cursor: url("../images/68384fb13cff138fa04d162c_cursor-dragging.svg") 12 0, text;
}


/* ------------------------- Nav Bar -------------------------------------------------- */

.dk-nav > * {
  transition: transform var(--animation-default);
}

/*[data-scrolling-started="true"][data-scrolling-direction="down"] [data-modal-work-status="active"] .dk-nav > *,*/
/*[data-scrolling-started="true"][data-scrolling-direction="down"] [data-modal-whatsapp-status="active"] .dk-nav > *{*/
/*  transform: translateY(0%) rotate(0.001deg);*/
/*}*/

.dk-nav > :nth-child(2) { transition-delay: 0.075s;}
.dk-nav > :nth-child(3) { transition-delay: 0.15s;}


/*[data-scrolling-started="true"][data-scrolling-direction="down"] .dk-nav > * {*/
/*  transform: translateY(-300%) rotate(0.001deg);*/
/*}*/

[data-transition="active"] .dk-nav > * {
  transform: translateY(-300%) rotate(0.001deg);
}

:is(.wf-design-mode, .w-editor) [data-transition] .dk-nav > * {
  transform: translateY(0%) rotate(0.001deg);
}

.dk-nav :is(.dk-nav__work-btn span, .dk-nav__menu-btn span, .dk-nav__whatsapp-btn svg, .dk-nav__logo svg) {
  transition: color var(--animation-ease), visibility var(--animation-ease);
}

[data-theme-nav="light"] .dk-nav :is(.dk-nav__work-btn span, .dk-nav__menu-btn span, .dk-nav__whatsapp-btn svg, .dk-nav__logo svg),
[data-theme-nav] [data-modal-work-status="active"] .dk-nav__work-btn span,
[data-theme-nav] [data-modal-menu-status="active"] .dk-nav__menu-btn span {
  color: var(--color-dark);
}

body.dk-dark-mode .dk-nav :is(.dk-nav__work-btn span, .dk-nav__menu-btn span, .dk-nav__whatsapp-btn svg, .dk-nav__logo svg) {
  color: var(--color-light) !important;
}

body.dk-dark-mode [data-modal-menu-status="active"] .dk-nav__menu-btn span {
  color: var(--color-dark) !important;
}

@media screen and (min-width: 768px) {
  [data-theme-nav] [data-modal-whatsapp-status="active"] .dk-nav__whatsapp-btn svg {
    color: var(--color-green);
  }
}

.dark-bg {
  transition: all var(--animation-ease);
}

[data-modal-work-status="active"] .dark-bg,
[data-modal-menu-status="active"] .dark-bg {
  opacity: 0.175;
  visibility: visible;
}

.dk-nav__work-blob-svg {
  transition: transform var(--animation-default);
  transform: translate(0%, 0%) rotate(0.001deg);
}

[data-modal-work-status="active"] .dk-nav__work-blob-svg {
  transform: translate(5%, 9%) rotate(210deg);
}

[data-modal-menu-status="active"] .dk-nav__menu-blob-svg {
  transform: translate(-5%, 9%) rotate(-210deg);
}

@media screen and (max-width: 767px) {
  [data-theme-nav] [data-modal-work-status="active"] .dk-nav :is(.dk-nav__work-btn span, .dk-nav__whatsapp svg, .dk-nav__logo svg) {
    color: var(--color-dark);
  }

  [data-modal-work-status="active"] .dk-nav__work-blob-svg {
    transform: translate(10%, 7%) rotate(210deg);
  }

  [data-modal-menu-status="active"] .dk-nav__menu-blob-svg {
    transform: translate(-10%, 7%) rotate(-210deg);
  }
  
  [data-modal-work-status="active"] .dark-bg  {
    opacity: 0.25;
    visibility: visible;
  }
}

@media (hover: none) and (pointer: coarse) {
  .dk-nav__work span.is--duplicate,
  [data-modal-work-status="active"] .dk-nav__work-btn span,
  .dk-nav__menu span.is--duplicate,
  [data-modal-menu-status="active"] .dk-nav__menu-btn span {
    opacity: 0;
    visibility: hidden;
  }

  [data-modal-work-status="active"] .dk-nav__work-btn span.is--duplicate,
  [data-modal-menu-status="active"] .dk-nav__menu-btn span.is--duplicate {
    opacity: 1;
    visibility: visible;
  }
}

.dk-modal-work {
  transition: var(--animation-default-fast) 0s, opacity 0.1s ease 0.3s;
  clip-path: inset(1em calc(100% - (var(--border-radius-m) * 1) - 1em) calc(100% - (var(--border-radius-m) * 2) - 1em) 1em round var(--border-radius-m));
  opacity: 0;
  visibility: hidden;
}

[data-modal-work-status="active"] .dk-modal-work {
  transition: var(--animation-default-fast) 0s, opacity 0.1s ease 0s;
  clip-path: inset(0em 0em 0em 0em round var(--border-radius-m));
  opacity: 1;
  visibility: visible;
}

@media screen and (max-width: 767px) {
  .dk-modal-work {
    clip-path: inset(0em 0em 100% 0em round 0em 0em var(--border-radius-m) var(--border-radius-m));
  }
  
  [data-modal-work-status="active"] .dk-modal-work {
    clip-path: inset(0em 0em 0em 0em round 0em 0em var(--border-radius-m) var(--border-radius-m));
  }
}

.dk-nav__work-btn,
.dk-nav__menu-btn {
  transition: transform var(--animation-default-fast);
  transform: translate(0em, 0em) rotate(0.001deg);
}

[data-modal-work-status="active"] .dk-nav__work-btn {
  transform: translate(0.75em, 0.75em) rotate(0.001deg);
}

[data-modal-menu-status="active"] .dk-nav__menu-btn {
  transform: translate(-0.75em, 0.75em) rotate(0.001deg);
}

@media screen and (max-width: 767px) {
  [data-modal-work-status="active"] .dk-nav__work-btn,
  [data-modal-menu-status="active"] .dk-nav__menu-btn {
    transform: translate(0em, 0em) rotate(0.001deg);
  }
}

.dk-modal-menu {
  transition: var(--animation-default-fast) 0s, opacity 0.1s ease 0.3s;
  clip-path: inset(1em 1em calc(100% - (var(--border-radius-m) * 2) - 1em) calc(100% - (var(--border-radius-m) * 1) - 1em) round var(--border-radius-m));
  opacity: 0;
  visibility: hidden;
}

[data-modal-menu-status="active"] .dk-modal-menu {
  transition: var(--animation-default-fast) 0s, opacity 0.1s ease 0s;
  clip-path: inset(0em 0em 0em 0em round var(--border-radius-m));
  opacity: 1;
  visibility: visible;
}

@media screen and (max-width: 767px) {
  .dk-modal-menu {
    clip-path: inset(0em 0em 100% 0em round 0em 0em var(--border-radius-m) var(--border-radius-m));
  }

  [data-modal-menu-status="active"] .dk-modal-menu {
    clip-path: inset(0em 0em 0em 0em round 0em 0em var(--border-radius-m) var(--border-radius-m));
  }
}

.dk-modal-work__card-h3,
.dk-modal-menu__card-h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  min-height: calc(1em * 1.1);
}

:is(.wf-design-mode, .w-editor) header {
  position: absolute;
}

.dk-modal-work__item,
.dk-btn__wrap {
  transition: all var(--animation-default);
  transform: translateY(4em) rotate(0.001deg);
}

.dk-modal-work-card .dk-cover-image {
  transition: transform 0.25s cubic-bezier(0.425, 1, 0.6, 1);
  transform: scale(1) rotate(0.001deg);
}

.dk-modal-work-card:hover .dk-cover-image {
  transform: scale(1.1) rotate(5deg);
}

[data-modal-work-status="active"] :is(.dk-modal-work__item, .dk-btn__wrap) {
  transform: translateY(0em) rotate(0.001deg);
}

.dk-modal-work__item:nth-child(1) {transition-delay: -0.1s;}
.dk-modal-work__item:nth-child(2) {transition-delay: -0.05s;}
.dk-modal-work__item:nth-child(3) {transition-delay: 0s;}
.dk-btn__wrap {transition-delay: 0.05s;}

.dk-modal-menu__nav {
  display: flex;
  flex-direction: column;
  padding: 1.5em 2em 2em;
  gap: 0.1em;
}

.dk-modal-menu__link {
  font-family: 'Bricolage Grotesque', Arial, sans-serif;
  font-size: 2em;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  color: currentColor;
  transform: translateY(2em);
  opacity: 0;
  transition: transform var(--animation-default), opacity var(--animation-default), color 0.15s ease;
}

.dk-modal-menu__link:hover {
  opacity: 0.45;
}

[data-modal-menu-status="active"] .dk-modal-menu__link {
  transform: translateY(0);
  opacity: 1;
}

.dk-modal-menu__link:nth-child(1) { transition-delay: 0.05s; }
.dk-modal-menu__link:nth-child(2) { transition-delay: 0.10s; }
.dk-modal-menu__link:nth-child(3) { transition-delay: 0.15s; }
.dk-modal-menu__link:nth-child(4) { transition-delay: 0.20s; }
.dk-modal-menu__link:nth-child(5) { transition-delay: 0.25s; }


.dk-qr svg path {
  fill: var(--color-dark);
}

.dk-qr svg rect {
  fill: transparent
}

.dk-modal-wa {
  transition: var(--animation-default-fast) 0s, opacity 0.1s ease 0.3s;
  clip-path: inset(1.25em 1.25em calc(100% - (var(--border-radius-m) * 2) - 0.5em) calc(100% - (var(--border-radius-m) * 1) - 1.25em) round var(--border-radius-m));
  opacity: 0;
  visibility: hidden;
}

[data-modal-whatsapp-status="active"] .dk-modal-wa {
  transition: var(--animation-default-fast) 0s, opacity 0.1s ease 0s;
  clip-path: inset(0em 0em 0em 0em round var(--border-radius-m));
  opacity: 1;
  visibility: visible;
}

.dk-modal-wa :is(.dk-qr, .dk-modal-wa__text, .dk-modal-wa__btn) {
  transition: all var(--animation-default);
  transform: translateY(8em) rotate(0.001deg);
}

[data-modal-whatsapp-status="active"] .dk-modal-wa :is(.dk-qr, .dk-modal-wa__text, .dk-modal-wa__btn) {
  transform: translateY(0em) rotate(0.001deg);
}

.dk-modal-wa .dk-qr {transition-delay: -0.1s;}
.dk-modal-wa .dk-modal-wa__text {transition-delay: -0.05s;}
.dk-modal-wa .dk-modal-wa__btn {transition-delay: 0s;}

@media (hover: none) and (pointer: coarse) {
  .dk-whatsapp-link {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .dk-nav__whatsapp-btn {
    transition: transform var(--animation-default);
    transition-duration: 0.6s;
    transform: translate(0em, 0em) rotate(0.001deg);
  }
  
  [data-modal-whatsapp-status="active"] .dk-nav__whatsapp-btn {
    transform: translate(-0.25em, 0.25em) rotate(0.001deg);
  }
}

/* ------------------------- Tag -------------------------------------------------- */

.is--big > .dk-tag {
  font-size: 1.25em;
}

.dk-reel-card__tag .dk-tag {
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}

.dk-tag[data-theme="Pink"] {background-color: var(--color-pink);}
.dk-tag[data-theme="Orange"] {background-color: var(--color-orange);}
.dk-tag[data-theme="Blue"] {background-color: var(--color-blue);}
.dk-tag[data-theme="Light Green"] {background-color: var(--color-lightgreen);}
.dk-tag[data-theme="Green"] {background-color: var(--color-lightgreen);}
.dk-tag[data-theme="Maroon Red"] {background-color: var(--color-maroonred);}

/* ------------------------- Wiggle Animation -------------------------------------------------- */

@keyframes wiggle05 {
  from {
    transform: rotate(1deg);
  } 
  to {
    transform: rotate(-1deg);
  }
}

@keyframes wiggle {
  from {
    transform: rotate(2deg);
  } 
  to {
    transform: rotate(-2deg);
  }
}

@keyframes wiggle2 {
  from {
    transform: rotate(3.5deg);
  } 
  to {
    transform: rotate(-3.5deg);
  }
}


@keyframes wiggle3 {
  from {
    transform: rotate(5deg);
  } 
  to {
    transform: rotate(-5deg);
  }
}

@keyframes wiggle4 {
  from {
    transform: rotate(7deg);
  } 
  to {
    transform: rotate(-7deg);
  }
}

@media (hover: hover) and (pointer: fine) {
  
  [data-wiggle="0.5"]:hover [data-wiggle-target] {
    animation: wiggle075 0.3s steps(2, end) infinite;
  }
  
  [data-wiggle]:hover [data-wiggle-target] {
    animation: wiggle 0.3s steps(2, end) infinite;
  }
  
  [data-wiggle="2"]:hover [data-wiggle-target] {
    animation: wiggle2 0.3s steps(2, end) infinite;
  }
  
  [data-wiggle="3"]:hover [data-wiggle-target] {
    animation: wiggle3 0.3s steps(2, end) infinite;
  }
  
  [data-wiggle="4"]:hover [data-wiggle-target] {
    animation: wiggle4 0.3s steps(2, end) infinite;
  }
}


.dk-transition__logo-svg {
  animation: wiggle 0.3s steps(2, end) infinite;
}

/* ------------------------- Video Player Advanced (Osmo) -------------------------------------------------- */

/* Cover */
.vimeo-player[data-vimeo-update-size="cover"] {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
}

/* Placeholder */
.vimeo-player[data-vimeo-activated="true"][data-vimeo-loaded="true"] .vimeo-player__placeholder {
  opacity: 0;
}

/* Loading */
.vimeo-player .vimeo-player__loading {
  opacity: 0;
}

.vimeo-player[data-vimeo-playing="true"] .vimeo-player__loading {
  opacity: 1;
}

.vimeo-player[data-vimeo-playing="true"][data-vimeo-loaded="true"] .vimeo-player__loading {
  opacity: 0;
}

.vimeo-player.is--hero .vimeo-player__loading {
 display: none; 
}

/* Interface */

.vimeo-player .vimeo-player__interface {
  transition: opacity var(--animation-ease);
}

.vimeo-player .vimeo-player__interface-bottom * {
  pointer-events: all; /* Make children of div clickable by user */
}


@media (hover: hover) and (pointer: fine) {
  .vimeo-player[data-vimeo-loaded="true"]:hover .vimeo-player__interface {
    opacity: 1;
  }
}

@media (hover: none) and (pointer: coarse) {
  .vimeo-player[data-vimeo-loaded="true"] .vimeo-player__interface {
    opacity: 1;
  }
}

.vimeo-player[data-vimeo-playing="true"] .vimeo-player__pause {
  display: flex;
}

.vimeo-player[data-vimeo-playing="true"] .vimeo-player__play {
  display: none;
}


.home-header__touch-play,
.vimeo-player__touch-play {
  transition: opacity var(--animation-ease);
}

.dk-hero:has(.vimeo-player[data-vimeo-loaded="true"]) .home-header__touch-play,
.work-single-header:has(.vimeo-player[data-vimeo-loaded="true"]) .vimeo-player__touch-play{
  opacity: 1;
}
  
@media (hover: hover) and (pointer: fine) {
  .home-header__touch-play,
  .vimeo-player__touch-play {
    display: none;
  }
  
  .vimeo-player[data-vimeo-playing="true"][data-vimeo-loaded="true"] .vimeo-player__overlay-mute {
    display: block;
  }
}

/* Interface - Mute */
.dk-mute .dk-mute__mute-svg,
.vimeo-player[data-vimeo-muted="true"] .dk-mute .dk-mute__unmute-svg,
[data-vimeo-parent]:has(.vimeo-player[data-vimeo-muted="true"]) .dk-mute .dk-mute__unmute-svg{
  display: none;
}

.dk-mute .dk-mute__unmute-svg,
.vimeo-player[data-vimeo-muted="true"] .dk-mute .dk-mute__mute-svg,
[data-vimeo-parent]:has(.vimeo-player[data-vimeo-muted="true"]) .dk-mute .dk-mute__mute-svg{
  display: block;
}

/* Interface - Fullscreen */
.vimeo-player .vimeo-player__fullscreen svg:nth-child(2),
.vimeo-player[data-vimeo-fullscreen="true"] .vimeo-player__fullscreen svg:nth-child(1) {
  display: none;
}

.vimeo-player .vimeo-player__fullscreen svg:nth-child(1),
.vimeo-player[data-vimeo-fullscreen="true"] .vimeo-player__fullscreen svg:nth-child(2) {
  display: block;
}

/* ------------------------- Home Header -------------------------------------------------- */


@media (hover: none) and (pointer: coarse) {
  .home-header__star {
    
  }
}

.dk-hero__eyebrow {
  font-family: DM Sans, Arial, sans-serif;
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  opacity: 0;
  margin-bottom: 2em;
  text-align: center;
}

.dk-hero__title-line {
  width: 110%;
  top: auto;
  bottom: -0.1em;
  transform: translateX(-50%);
}

.dk-hero__title-line path {
  stroke-width: 12;
}

@media screen and (max-width: 767px) {
  .dk-hero__title-line path {
    stroke-width: 10;
  }
}

/* ------------------------- Hero Cards -------------------------------------------------- */

.dk-hero__content {
  position: relative;
  z-index: 1;
}

/* ------------------------- Char animation -------------------------------------------------- */

.animated-word {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  padding-right: 0.1em;
  padding-top: 0.15em;
  margin-top: -0.15em;
  padding-bottom: 0.15em;
  margin-bottom: -0.15em;
}

.animated-char {
  display: inline-block;
  will-change: transform;
}

/* ------------------------- Noise overlay -------------------------------------------------- */

.noise-canvas {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0.2;
  mix-blend-mode: soft-light;
}


/* ------------------------- Home header overrides -------------------------------------------------- */

.dk-hero [data-transition-words] {
  opacity: 0;
  visibility: hidden;
}

.dk-hero .dk-hero__smiley {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transform: translate(45%, -70%) rotate(-15deg);
}

/* Pre-hide scroll-animated elements to prevent FOUC on hard refresh */
[data-scroll-fade] {
  opacity: 0;
  visibility: hidden;
}

[data-scroll-reveal] {
  opacity: 0;
  visibility: hidden;
}

.h1.is--hero {
  isolation: isolate;
}

.dk-hero__content {
  justify-content: center;
  padding-left: var(--container-padding-xl);
  padding-right: var(--container-padding-xl);
}

.dk-hero__overflow {
  justify-content: center;
  padding-bottom: 0;
}

@media screen and (max-width: 991px) and (min-width: 834px) {
  .dk-hero__content {
    padding-left: var(--container-padding-l);
    padding-right: var(--container-padding-l);
  }

  h1, .h1 {
    font-size: 11em;
  }

  .dk-hero__eyebrow {
    font-size: 1.5rem;
  }

  .dk-nav__logo {
    width: 12em;
  }

  .dk-nav__menu-btn,
  .dk-nav__work-btn {
    font-size: 1.2rem;
  }

  .dk-modal-menu {
    width: 26em;
  }

  .dk-modal-menu__link {
    font-size: 3em;
  }

  h2, .h2 {
    font-size: 7em;
  }

  .dk-cta .dk-team__h2-line-svg path {
    stroke-width: 5.5;
  }

  .dk-services .dk-btn-outline__span,
  .dk-work .dk-btn-outline__span {
    font-size: 3.5em;
  }
}

@media screen and (min-width: 992px) and (max-width: 1366px) {
  .dk-hero__content {
    padding-left: var(--container-padding-l);
    padding-right: var(--container-padding-l);
  }

  h1, .h1 {
    font-size: 11em;
  }

  .dk-hero__eyebrow {
    font-size: 1.5rem;
  }

  .dk-nav__logo {
    width: 12em;
  }

  .dk-nav__menu-btn,
  .dk-nav__work-btn {
    font-size: 1.2rem;
  }

  .dk-modal-menu {
    width: 26em;
  }

  .dk-modal-menu__link {
    font-size: 3em;
  }

  h2, .h2 {
    font-size: 7em;
  }

  .dk-cta .dk-team__h2-line-svg path {
    stroke-width: 5.5;
  }

  .dk-services .dk-btn-outline__span,
  .dk-work .dk-btn-outline__span {
    font-size: 3.5em;
  }
}

@media screen and (max-width: 479px) {
  .dk-hero__content {
    padding-left: var(--container-padding-m);
    padding-right: var(--container-padding-m);
  }
}

/* ------------------------- Custom Cursor -------------------------------------------------- */

[data-cursor-init] {
  transition: opacity var(--animation-ease);
}

[data-cursor-init="true"] {
  opacity: 1;
}

.dk-cursor--mute {
  transition: transform var(--animation-default-fast);
  transform: scale(0) rotate(-60deg);
}

[data-cursor-init="true"][data-cursor-type="mute-true"] .dk-cursor--mute,
[data-cursor-init="true"][data-cursor-type="mute-false"] .dk-cursor--mute {
  transition: transform var(--animation-bounce);
  transform: scale(1) rotate(0.001deg);
}

[data-cursor-init="true"][data-cursor-type="mute-true"] .dk-mute .dk-mute__mute-svg,
[data-cursor-init="true"][data-cursor-type="mute-false"] .dk-mute .dk-mute__unmute-svg,
[data-cursor-init="true"][data-cursor-type="mute-true-hidden"] .dk-mute .dk-mute__mute-svg,
[data-cursor-init="true"][data-cursor-type="mute-false-hidden"] .dk-mute .dk-mute__unmute-svg{
  display: block;
}

[data-cursor-init="true"][data-cursor-type="mute-true"] .dk-mute .dk-mute__unmute-svg,
[data-cursor-init="true"][data-cursor-type="mute-false"] .dk-mute .dk-mute__mute-svg,
[data-cursor-init="true"][data-cursor-type="mute-true-hidden"] .dk-mute .dk-mute__unmute-svg,
[data-cursor-init="true"][data-cursor-type="mute-false-hidden"] .dk-mute .dk-mute__mute-svg{
  display: none;
}

.dk-cursor--drag,
.dk-cursor--click,
.dk-cursor--home{
  transition: transform var(--animation-default-fast);
  transform: scale(0) rotate(-30deg);
  transform-origin: left bottom;
}

[data-cursor-init="true"][data-cursor-type="drag"] .dk-cursor--drag,
[data-cursor-init="true"][data-cursor-type="click"] .dk-cursor--click,
[data-cursor-init="true"][data-cursor-type="home"] .dk-cursor--home{
  transition: transform var(--animation-bounce);
  transform: scale(1) rotate(0.001deg);
}

@media (hover: none) and (pointer: coarse) {
  [data-cursor-init] {
    display: none;
  }
}


/* ------------------------- Horizontal Words -------------------------------------------------- */

:is(.wf-design-mode, .w-editor) .dk-process {
  height: auto;
}


/* ------------------------- Services -------------------------------------------------- */

.dk-services {
  padding-top: var(--section-padding);
  padding-bottom: var(--section-padding);
  position: relative;
  overflow: hidden;
}


.dk-footer {
  padding-top: var(--section-padding);
  min-height: 100vh;
}

.dk-footer-logo__svg {
  width: 42%;
}

.dk-footer__row-logo {
  margin-top: -5em;
}

.dk-footer .dk-footer__tile {
  background-color: transparent;
}

.dk-services .dk-reel-info__bottom {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2em;
}


.dk-work .dk-team__col-text {
  margin-top: 5em;
}

.dk-services .dk-btn-outline__span,
.dk-work .dk-btn-outline__span {
  font-size: 3em;
}

.dk-services__gallery {
  display: block;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: var(--container-padding-l);
  bottom: 0;
  width: 32em;
  z-index: 2;
}

@media screen and (max-width: 991px) {
  .dk-services {
    overflow: visible;
  }

  .dk-services__gallery {
    left: 0;
    width: 100%;
    font-size: 0.8rem;
  }

  .dk-services .dk-btn-outline__span,
  .dk-work .dk-btn-outline__span {
    font-size: 2.5em;
  }
}

.dk-services__gallery-set {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 36em;
  transform: translateY(-50%);
}

.dk-services__gallery-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 11em;
  opacity: 0;
  will-change: transform, opacity;
}

.dk-services__gallery-img picture {
  display: block;
  overflow: hidden;
  aspect-ratio: 3 / 4;
  border-radius: var(--border-radius);
}

.dk-services__gallery-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dk-services__gallery-img--single {
  width: 21em;
}

.dk-services__gallery-img--pair {
  width: 13em;
}

.dk-services__gallery-img--pair .dk-price-card {
  width: 100%;
}

.dk-services__gallery-img--single .dk-price-card {
  width: 100%;
}

.dk-price-card {
  width: 11em;
  background: var(--color-dark);
  color: var(--color-light);
  border-radius: var(--border-radius);
  padding: 1.25em;
  display: flex;
  flex-direction: column;
  gap: 0.6em;
}

.dk-price-card__name {
  display: block;
  font-family: DM Sans, sans-serif;
  font-size: 0.75em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  opacity: 0.45;
}

.dk-price-card__note {
  display: block;
  font-family: DM Sans, sans-serif;
  font-size: 0.62em;
  opacity: 0.35;
  margin-top: -0.3em;
}

.dk-price-card__price {
  font-family: 'Bricolage Grotesque', Arial, sans-serif;
  font-weight: 800;
  font-size: 1.5em;
  line-height: 1;
  letter-spacing: -0.03em;
}

.dk-price-card__desc {
  font-family: DM Sans, sans-serif;
  font-size: 0.68em;
  line-height: 1.45;
  opacity: 0.6;
}

.dk-price-card__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25em;
}

.dk-price-card__list li {
  font-family: DM Sans, sans-serif;
  font-size: 0.65em;
  opacity: 0.75;
  padding-left: 1em;
  position: relative;
}

.dk-price-card__list li::before {
  content: '+';
  position: absolute;
  left: 0;
  opacity: 0.4;
}

.dk-price-card__btn {
  display: block;
  font-family: DM Sans, sans-serif;
  font-size: 0.7em;
  font-weight: 700;
  padding: 0.6em 1em;
  background: var(--color-light);
  color: var(--color-dark);
  border-radius: var(--border-radius-s);
  text-decoration: none;
  text-align: center;
  margin-top: 0.25em;
}

.dk-services__list {
  display: flex;
  flex-direction: column;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
}

.dk-services__item {
  position: relative;
  cursor: default;
}

.dk-services__item-row {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: inherit;
  padding: 0.25em 0;
  -webkit-tap-highlight-color: transparent;
}

.dk-services__item-name {
  display: inline-block;
  font-size: 5em;
  letter-spacing: -0.04em;
  line-height: 0.9;
  text-transform: lowercase;
  color: var(--color-dark);
  margin: 0;
  position: relative;
  transition: opacity 0.4s ease;
}

.dk-services__item-tag {
  font-family: DM Sans, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  opacity: 0;
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translate(2em, -50%);
  transition: opacity 0.3s ease;
  white-space: nowrap;
  text-transform: none;
}

.dk-services__list.is--hovering .dk-services__item-name {
  opacity: 0.1;
}

.dk-services__list.is--hovering .dk-services__item.is--active .dk-services__item-name {
  opacity: 1;
}

.dk-services__list.is--hovering .dk-services__item.is--active .dk-services__item-tag {
  opacity: 0.5;
}


/* ------------------------- Future -------------------------------------------------- */

.dk-cta__flying-tag .dk-tag {
  pointer-events: none;
}

.dk-cta__flying-tag.is--2 .dk-tag {
  background-color: var(--color-orange);
}

.dk-cta__flying-tag.is--3 .dk-tag {
  background-color: var(--color-lightgreen);
}

/* ------------------------- Type -------------------------------------------------- */

.dk-type[data-icon="Social"] [data-icon-name="Social"] {display: block;}
.dk-type[data-icon="360"] [data-icon-name="360"] {display: block;}
.dk-type[data-icon="Campaign"] [data-icon-name="360"] {display: block;}
.dk-type[data-icon="Activation"] [data-icon-name="Activation"] {display: block;}
.dk-type[data-icon="Design"] [data-icon-name="Design"] {display: block;}
.dk-type[data-icon="Likes"] [data-icon-name="Likes"] {display: block;}
.dk-type[data-icon="Views"] [data-icon-name="Views"] {display: block;}


/* ------------------------- Sticker -------------------------------------------------- */

.dk-sticker[data-width="90"] .dk-sticker__svg {width: 90%;}
.dk-sticker[data-width="100"] .dk-sticker__svg {width: 100%;}
.dk-sticker[data-width="110"] .dk-sticker__svg {width: 110%;}
.dk-sticker[data-width="120"] .dk-sticker__svg {width: 120%;}
.dk-sticker[data-width="130"] .dk-sticker__svg {width: 130%;}
.dk-sticker[data-width="140"] .dk-sticker__svg {width: 140%;}
.dk-sticker[data-width="150"] .dk-sticker__svg {width: 150%;}
.dk-sticker[data-width="160"] .dk-sticker__svg {width: 160%;}
.dk-sticker[data-width="170"] .dk-sticker__svg {width: 170%;}
.dk-sticker[data-width="180"] .dk-sticker__svg {width: 180%;}

/* ------------------------- Blob -------------------------------------------------- */

.blob[data-width="250"]{width:15.625em;}
.blob[data-width="275"]{width:17.1875em;}
.blob[data-width="300"]{width:18.75em;}
.blob[data-width="325"]{width:20.3125em;}
.blob[data-width="350"]{width:21.875em;}
.blob[data-width="375"]{width:23.4375em;}
.blob[data-width="400"]{width:25em;}
.blob[data-width="425"]{width:26.5625em;}
.blob[data-width="450"]{width:28.125em;}
.blob[data-width="475"]{width:29.6875em;}
.blob[data-width="500"]{width:31.25em;}
.blob[data-width="525"]{width:32.8125em;}
.blob[data-width="550"]{width:34.375em;}
.blob[data-width="575"]{width:35.9375em;}
.blob[data-width="600"]{width:37.5em;}


/* ------------------------- Flick Slider -------------------------------------------------- */

[data-theme-tag="Pink"] .dk-tag {background-color: var(--color-pink);}
[data-theme-tag="Orange"] .dk-tag {background-color: #f5a500;}
[data-theme-tag="Blue"] .dk-tag {background-color: #4066f5;}
[data-theme-tag="Green"] .dk-tag {background-color: #1abf7e;}
[data-theme-tag="Light Green"] .dk-tag {background-color: var(--color-lightgreen);}

:is(.wf-design-mode, .w-editor) [data-flick-cards-dragger] {
  display: none;
}

[data-flick-cards-item-status] .dk-reel-card__media,
:is(.wf-design-mode, .w-editor) .dk-reel-card__media {
  transition: opacity var(--animation-ease);
  opacity: 0.5;
}

[data-flick-cards-item-status="before-3"] .dk-reel-card__media,
[data-flick-cards-item-status="after-3"] .dk-reel-card__media {
  transition: opacity var(--animation-ease);
  opacity: 0.35;
}

[data-flick-cards-item-status="active"] .dk-reel-card__media,
:is(.wf-design-mode, .w-editor) .dk-reels__item:nth-child(1) .dk-reel-card__media {
  opacity: 1;
}

/* Tag */
[data-flick-cards-item-status] .dk-reel-card__tag .dk-tag,
:is(.wf-design-mode, .w-editor) .dk-reels__item .dk-reel-card__tag .dk-tag {
  transition: opacity var(--animation-default-fast), transform var(--animation-bounce-fast);
  opacity: 0;
  transform: translate(25%, 100%) rotate(10deg);
  transform-origin: right bottom;
}

[data-flick-cards-item-status="active"] .dk-reel-card__tag .dk-tag,
:is(.wf-design-mode, .w-editor) .dk-reels__item:nth-child(1) .dk-reel-card__tag .dk-tag {
  opacity: 1;
  transform: translate(0%, 0%) rotate(0.001deg);
}

/* Type */
[data-flick-cards-item-status] .dk-reels__type .dk-type,
:is(.wf-design-mode, .w-editor) .dk-reels__item .dk-reels__type .dk-type {
  transition: opacity var(--animation-default-fast), transform var(--animation-bounce-fast);
  opacity: 0;
  transform: translate(-50%, 25%) rotate(-15deg);
  transform-origin: left top;
}

[data-flick-cards-item-status="active"] .dk-reels__type .dk-type,
:is(.wf-design-mode, .w-editor) .dk-reels__item:nth-child(1) .dk-reels__type .dk-type {
  opacity: 1;
  transform: translate(0%, 0%) rotate(0.001deg);
}

/* Sticker */
[data-flick-cards-item-status] .dk-reels__sticker .dk-sticker,
:is(.wf-design-mode, .w-editor) .dk-reels__item .dk-reels__sticker .dk-sticker {
  transition: opacity var(--animation-default-fast), transform var(--animation-bounce-fast);
  opacity: 0;
  transform: translate(0%, 25%) scale(0) rotate(15deg);
}

[data-flick-cards-item-status="active"] .dk-reels__sticker .dk-sticker,
:is(.wf-design-mode, .w-editor) .dk-reels__item:nth-child(1) .dk-reels__sticker .dk-sticker {
  opacity: 1;
  transform: translate(0%, 0%) scale(1) rotate(0.001deg);
}

body:has([data-flick-drag-status="grabbing"] [data-custom-cursor="drag"]) .dk-cursor--drag,
body:has([data-gsap-slider-list-status="grabbing"][data-custom-cursor="drag"]) .dk-cursor--drag,
body:has([data-gsap-slider-status="not-active"] [data-custom-cursor="drag"]) .dk-cursor--drag,
body:has([data-gsap-slider-list-status] [data-hover]:hover) .dk-cursor--drag,
body:has([data-gsap-slider-list-status] [data-hover]:hover *) .dk-cursor--drag{
  transition: var(--animation-default-fast);
  transform: scale(0) rotate(-30deg);
}

:is(.wf-design-mode, .w-editor) .dk-reels__item:nth-child(1) {z-index: 4;}
:is(.wf-design-mode, .w-editor) .dk-reels__item:nth-child(2) {transform: translate(25%, 1%) rotate(10deg) scale(0.9, 0.9);z-index: 3;}
:is(.wf-design-mode, .w-editor) .dk-reels__item:nth-child(3) {transform: translate(45%, 5%) rotate(15deg) scale(0.8, 0.8);z-index: 2;}
:is(.wf-design-mode, .w-editor) .dk-reels__item:nth-last-child(1) {transform: translate(-25%, 1%) rotate(-10deg) scale(0.9, 0.9);z-index: 3;}
:is(.wf-design-mode, .w-editor) .dk-reels__item:nth-last-child(2) {transform: translate(-45%, 5%) rotate(-15deg) scale(0.8, 0.8);z-index: 2;}


[data-flick-cards-item-status-mirror] {
  transition: var(--animation-bounce-fast);
  opacity: 0;
  visibility: hidden;
  transform: translateX(0%);
}

[data-flick-cards-item-status-mirror="2-before"] {
  transform: translateX(-25%) rotate(-8deg);
}

[data-flick-cards-item-status-mirror="active"],
:is(.wf-design-mode, .w-editor) [data-flick-cards-item-status-mirror]:nth-child(1) {
  opacity: 1;
  visibility: visible;
  transform: translateX(0%) rotate(0.001deg) scale(1);
}

[data-flick-cards-item-status-mirror="2-after"] {
  transform: translateX(25%) rotate(8deg) ;
}


/* Video */

.dk-reel-card__video {
  transition: opacity var(--animation-ease);
}

[data-flick-cards-item-status="active"] .dk-reel-card__video {
  opacity: 1;
}

.dk-reel-card__video-loading,
[data-flick-cards-video-status="active"] .dk-reel-card__video-iframe{
  transition: opacity var(--animation-ease);
  opacity: 1;
}

[data-flick-cards-video-status="active"] .dk-reel-card__video-loading,
.dk-reel-card__video-iframe {
  transition: opacity var(--animation-ease);
  opacity: 0;
}

.dk-reel-card__video:has(.dk-reel-card__video-iframe[src=""]) {
  display: none;
}


/* ------------------------- Vimeo Thumbnail Video -------------------------------------------------- */


[data-thumbnail-video] .work-card__video-iframe {
  transition: opacity var(--animation-ease);
  transition-duration: 0.3s;
}

[data-thumbnail-video-status="active"] .work-card__video-iframe {
  opacity: 1;
}

.work-card__video-loading {
  transition: opacity var(--animation-ease);
  transition-duration: 0.3s;
}

[data-thumbnail-video-status="loading"] .work-card__video-loading {
  opacity: 1;
}

[data-thumbnail-video-id=""] [data-thumbnail-video-wrapper] {
  display: none;
}


@media (hover: none) and (pointer: coarse) {
  [data-thumbnail-video-status="not-active"] .work-card__video-loading {
    opacity: 1;
  }
}

/* ------------------------- Work Grid -------------------------------------------------- */

@media screen and (min-width: 768px) {
  .work-grid__item:nth-child(6n + 1) {
    transform: translateY(-5%) rotate(-5deg);
  }
  
  .work-grid__item:nth-child(6n + 2) {
    transform: translate(-0.008333333333%, 5%) rotate(2deg);
  }
  
  .work-grid__item:nth-child(6n + 3) {
    transform: translateY(-2.5%) rotate(-3deg);
  }
  
  .work-grid__item:nth-child(6n + 4) {
    transform: translateY(-5%) rotate(1deg);
  }
  
  .work-grid__item:nth-child(6n + 5) {
    transform: translate(-0.008333333333%, 5%) rotate(-5deg);
  }
  
  .work-grid__item:nth-child(6n + 6) {
    transform: translateY(-2.5%) rotate(2deg);
  }
}

/* Type */ 

.work-card__type .dk-type {
  border: 0px solid transparent;
  color: var(--color-light);
  background-color: rgba(240, 235, 230, 0.10);
  background-color: rgba(100, 100, 100, 0.3);
  backdrop-filter: blur(1.25em);
}

.work-card__type .dk-type .dk-type__icon {
  width: 1em;
  height: 1em;
}

.work-card__type .dk-type .dk-type__span {
  font-size: 1.125em;
}


/* ------------------------- Image Cycle (Osmo) -------------------------------------------------- */

[data-image-cycle-item="active"] {
  transition: opacity 0.5s ease 0s, visibility 0s ease 0s;
  opacity: 1;
  visibility: visible;
  z-index: 3;
}

[data-image-cycle-item="previous"] {
  transition: opacity 0.5s ease 0.5s, visibility 0s ease 0.5s;
  opacity: 0;
  visibility: visible;
  z-index: 2;
}

[data-image-cycle-item="not-active"] {
  opacity: 0;
  visibility: hidden;
  z-index: 1;
}

/* ------------------------- CSS Marquee (Osmo) -------------------------------------------------- */

/* CSS Keyframe Animation */
@keyframes translateY { 
  to {
    transform: translateY(-100%);
  }
}

[data-css-marquee-list] {
  animation: translateY 30s linear;
  animation-iteration-count: infinite;
  animation-play-state: paused;
}

.dk-marquee__track.is--flipped .dk-logo-marquee {
  transform: scaleY(-1);
}

[data-logo-theme="b"] .dk-logo-marquee,
:is(.wf-design-mode, .w-editor) .dk-marquee__item:nth-child(2) .dk-logo-marquee {
  background-color: var(--color-darkblue);
}

[data-logo-theme="c"] .dk-logo-marquee,
:is(.wf-design-mode, .w-editor) .dk-marquee__item:nth-child(3) .dk-logo-marquee {
  background-color: var(--color-orange);
}

[data-logo-theme="d"] .dk-logo-marquee,
:is(.wf-design-mode, .w-editor) .dk-marquee__item:nth-child(4) .dk-logo-marquee {
  background-color: var(--color-green);
}

.dk-marquee__track.is--flipped [data-logo-theme="a"] .dk-logo-marquee,
:is(.wf-design-mode, .w-editor) .dk-marquee__track.is--flipped .dk-marquee__item:nth-child(1) .dk-logo-marquee {
  background-color: var(--color-pink);
}

.dk-marquee__track.is--flipped [data-logo-theme="b"] .dk-logo-marquee,
:is(.wf-design-mode, .w-editor) .dk-marquee__track.is--flipped .dk-marquee__item:nth-child(2) .dk-logo-marquee {
  background-color: var(--color-lightgreen);
}

.dk-marquee__track.is--flipped [data-logo-theme="c"] .dk-logo-marquee,
:is(.wf-design-mode, .w-editor) .dk-marquee__track.is--flipped .dk-marquee__item:nth-child(3) .dk-logo-marquee {
  background-color: var(--color-blue);
}

.dk-marquee__track.is--flipped [data-logo-theme="d"] .dk-logo-marquee,
:is(.wf-design-mode, .w-editor) .dk-marquee__track.is--flipped .dk-marquee__item:nth-child(4) .dk-logo-marquee {
  background-color: var(--color-maroonred);
}

@media screen and (max-width: 991px) {
  .dk-logo-marquee .dk-cover-image {
    transform: rotate(90deg);
  }
}


/* ------------------------- Footer -------------------------------------------------- */


.dk-footer[data-theme-section="Dark"] {
  background-color: var(--color-dark);
  color: var(--color-dark);
}

.dk-footer[data-theme-section="Dark"] .dk-tag.is--footer {
  background-color: var(--color-dark);
  color: var(--color-light);
}

.dk-footer[data-bg-section="Pink"] .dk-footer__tile {
  background-color: var(--color-pastelpink);
}

.dk-footer[data-bg-section="Blue"] .dk-footer__tile {
  background-color: var(--color-lightgreen);
}

.dk-footer[data-bg-section="Orange"] .dk-footer__tile {
  background-color: var(--color-blue);
}

.dk-footer[data-bg-section="Maroon Red"] .dk-footer__tile {
  background-color: var(--color-orange);
}

.dk-footer[data-bg-section="Green"] .dk-footer__tile {
  background-color: var(--color-maroonred);
}

.dk-marquee__fade {
  background: linear-gradient(to bottom, rgba(240, 235, 230, 1) 0%, rgba(240, 235, 230, 0.738) 19%, rgba(240, 235, 230, 0.541) 34%, rgba(240, 235, 230, 0.382) 47%, rgba(240, 235, 230, 0.278) 56.5%, rgba(240, 235, 230, 0.194) 65%, rgba(240, 235, 230, 0.126) 73%, rgba(240, 235, 230, 0.075) 80.2%, rgba(240, 235, 230, 0.042) 86.1%, rgba(240, 235, 230, 0.021) 91%, rgba(240, 235, 230, 0.008) 95.2%, rgba(240, 235, 230, 0.002) 98.2%, transparent 100%);
}


.credits .credits__group {
  transition: opacity 0.1s ease 0.3s;
  opacity: 0;
  visibility: hidden;
}

.credits:hover .credits__group {
  transition: opacity 0.1s ease 0s;
  opacity: 1;
  visibility: visible;
}

.credits .credits__tile {
  transition: var(--animation-default-fast);
  transform: translateY(3em) rotate(0.001deg);
  clip-path: inset(calc(100% - (var(--border-radius-m) * 1) - 1em) 1em 1em calc(100% - (var(--border-radius-m) * 1) - 1em) round var(--border-radius-m));
}

.credits:hover .credits__tile {
  transform: translateY(0em) rotate(0.001deg);
  clip-path: inset(0em 0em 0em 0em round var(--border-radius-m));
}

.credits__tile-col {
  transition: all var(--animation-default);
  transform: translateY(4em) rotate(0.001deg);
}

.credits:hover .credits__tile-col  {
  transform: translateY(0em) rotate(0.001deg);
}

.credits:hover .credits__tile-col:nth-child(1) {transition-delay: -0.03s;}
.credits:hover .credits__tile-col:nth-child(2) {transition-delay: 0s;}

/*.dk-footer[data-theme-section="Dark"] .credits__tile {*/
/*  color: var(--color-dark);*/
/*  background-color: var(--color-light);*/
/*}*/


/* ------------------------- GSAP Slider (Osmo) -------------------------------------------------- */

[data-gsap-slider-init] {
  --slider-status: off; 	/* Turn slider on/off */
  --slider-spv: 3; 			/* Slides per view */ 
  --slider-gap: 0.75em; 		/* Slides Gap */
}

@media screen and (max-width: 991px) {
   [data-gsap-slider-init] {
    --slider-status: on; /* Turn slider on/off */
    --slider-spv: 2; /* Slides per view */
    --slider-gap: 1.5em; /* Gap */
  } 
}

@media screen and (max-width: 767px) {
  [data-gsap-slider-init] { 
    --slider-status: on; 	/* Turn slider on/off */
    --slider-spv: 1; /* Slides per view */
  }
}

[data-gsap-slider-item]:last-child {
	margin-right: 0;
}

@media screen and (min-width: 992px) {

  .work-more .gsap-slider__item:nth-child(6n + 1) {
    transform: translateY(-5%) rotate(-5deg);
  }
  
  .work-more .gsap-slider__item:nth-child(6n + 2){
    transform: translate(-0.008333333333%, 5%) rotate(2deg);
  }
  
  .work-more .gsap-slider__item:nth-child(6n + 3){
    transform: translateY(-2.5%) rotate(-3deg);
  }
  
}

/* ------------------------- Work Slider -------------------------------------------------- */


.work-single-slider[data-gsap-slider-init] {
  --slider-status: on; 
  --slider-gap: 3em;
}

@media screen and (max-width: 991px) {
   .work-single-slider[data-gsap-slider-init] {
    --slider-status: on; /* Turn slider on/off */
    --slider-spv: 2.5; /* Slides per view */
    --slider-gap: 1.5em; /* Gap */
  } 
}

@media screen and (max-width: 767px) {
  .work-single-slider[data-gsap-slider-init] { 
    --slider-status: on; 	/* Turn slider on/off */
    --slider-spv: 1.2; /* Slides per view */ 
  }
}

/*.work-single-slider[data-gsap-slider-init] [data-gsap-slider-item-status] {*/
/*  transition: opacity var(--animation-ease);*/
/*}*/

/*.work-single-slider[data-gsap-slider-init] [data-gsap-slider-item-status="not-active"] {*/
/*  opacity: 0.1; */
/*}*/

.work-single-blocks > section:last-child {
  padding-bottom: var(--section-padding);
}

@media screen and (max-width: 767px) {
  .work-single-blocks > section:last-child {
    padding-bottom: 7.5em;
  }
}


/* ------------------------- More Work -------------------------------------------------- */

/* Pink is default */
[data-work-theme="Blue"] .work-more__sticker { left: 20%; top: 40%;}
[data-work-theme="Orange"] .work-more__sticker { left: 15%; top: 40%;}
[data-work-theme="Maroon Red"] .work-more__sticker { left: 12%; top: 41%;}
[data-work-theme="Green"] .work-more__sticker { left: 25%; top: 40%;}

[data-work-theme="Blue"] .work-single-slider__blob { color: var(--color-orange);}
[data-work-theme="Orange"] .work-single-slider__blob { color: var(--color-maroonred);}
[data-work-theme="Maroon Red"] .work-single-slider__blob { color: var(--color-pink);}
[data-work-theme="Green"] .work-single-slider__blob { color: var(--color-blue);}


/* ------------------------- Media Card -------------------------------------------------- */

.media-card[data-ratio="4:5"] .media-card__before {
  padding-top: 125%;
}

.media-card[data-ratio="1:1"] .media-card__before {
  padding-top: 100%;
}

/* ------------------------- Rich Text -------------------------------------------------- */

.rich p {
  margin-bottom: 1em;
}

.rich > *:last-child {
  margin-bottom: 0;
}

.rich a {
  color: inherit;
}

.rich blockquote {
  border-left: 0.25em solid var(--color-pink);
  margin: 0;
  margin-bottom: 1.25em;
  padding: 0 0 0 1.25em;
  font-size: 1.125em;
  line-height: 1.4;
}

/* ------------------------- Dot cursor -------------------------------------------------- */

.dk-dot {
  position: fixed;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  background: #3898ec;
  color: #fff;
  border-radius: 6em;
  pointer-events: none;
  z-index: 99999;
  opacity: 0;
  will-change: transform;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Bricolage Grotesque', Arial, sans-serif;
  font-size: 0.65em;
  font-weight: 500;
  letter-spacing: 0.02em;
  white-space: nowrap;
  transition: width 0.2s ease, height 0.2s ease, padding 0.2s ease, opacity 0.3s ease;
}

.dk-dot.is--hover {
  height: 2.25rem;
  width: auto;
  min-width: 2.25rem;
  padding: 0 0.85rem;
  font-size: 1em;
  border-radius: 10em 10em 10em 0;
}

body:has(.dk-modal-menu__link:hover) .dk-dot {
  border-radius: 6em;
  height: 10px;
  width: 10px;
  min-width: unset;
  padding: 0;
}


@media (hover: none), (max-width: 991px) {
  .dk-dot { display: none; }
}


/* ------------------------- Footer CTA -------------------------------------------------- */

.dk-footer__row-cta {
  padding-top: 5em;
  padding-bottom: 9em;
  padding-left: 6em;
  padding-right: 6em;
}

.dk-footer__cta-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 2em;
}

.dk-footer__cta-title {
  position: relative;
  flex-shrink: 0;
}

.dk-footer__cta-title-row {
  position: relative;
}

.dk-footer__cta-sticker-row {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.dk-footer__cta-arrow-svg {
  width: 18em;
  position: absolute;
  bottom: -5em;
  left: 24em;
  transform: translate(50%, 45%) scaleY(-1) rotate(-5deg);
}

.br-ipad-pro {
  display: none;
}

@media screen and (min-width: 834px) and (max-width: 1366px) {
  .br-ipad-pro {
    display: block;
  }
}

.dk-footer__cta-headline {
  font-family: 'Bricolage Grotesque', Arial, sans-serif;
  font-weight: 800;
  font-size: 5.5em;
  line-height: 0.88;
  letter-spacing: -0.03em;
  text-transform: none;
  color: inherit;
}

.dk-footer__cta-headline .animated-word {
  padding-bottom: 0.28em;
  margin-bottom: -0.28em;
}

.dk-footer__cta-right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.75em;
  flex-shrink: 0;
  transform: translateY(2.5em);
}

.dk-footer__cta-pitch {
  font-family: 'Bricolage Grotesque', Arial, sans-serif;
  font-size: 1.3em;
  line-height: 1.55;
  opacity: 0.6;
  max-width: 22em;
}

.dk-footer .dk-btn-outline__span {
  font-family: 'Bricolage Grotesque', Arial, sans-serif;
  font-size: 1.7em;
}

.dk-footer__bottom {
  padding-top: 4em;
  padding-bottom: 3em;
  text-align: center;
}

.dk-footer__copy {
  font-size: 0.75em;
  opacity: 0.35;
}



/* ------------------------- Responsive Overrides -------------------------------------------------- */

/* Tablet */
@media screen and (max-width: 991px) {

  .dk-footer__row-cta {
    padding-top: 4em;
    padding-bottom: 6em;
    padding-left: var(--container-padding-l);
    padding-right: var(--container-padding-l);
  }

  .dk-footer__cta-wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 2.5em;
  }

  .dk-footer__cta-headline {
    font-size: 4em;
  }

  .dk-footer__cta-arrow-svg {
    width: 13em;
    bottom: -9em;
    left: 1em;
    transform: translate(50%, 45%) scaleY(-1) rotate(-60deg);
  }

  .dk-footer__cta-right {
    width: 100%;
    align-items: flex-end;
    text-align: right;
    margin-top: 3em;
    transform: none;
  }

}

/* Mobile Landscape */
@media screen and (max-width: 767px) {

  /* Nav */
  .dk-nav__logo {
    width: 5.5em;
  }

  /* Hero */
  .dk-hero__eyebrow {
    font-size: 0.7rem;
  }

  .dk-services .dk-btn-outline__span,
  .dk-work .dk-btn-outline__span {
    font-size: 1.5em;
  }

  /* CTA */
  .dk-cta {
    padding-top: 0;
    padding-bottom: 4em;
  }

  .dk-team__col-text {
    margin-top: 0;
    padding-bottom: 2em;
  }

  /* Services */
  .dk-services__item-name {
    font-size: 3em;
  }

  /* Footer CTA */
  .dk-footer__row-cta {
    padding-top: 4em;
    padding-bottom: 6em;
    padding-left: 0;
    padding-right: 0;
  }

  .dk-footer__cta-wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 2.5em;
  }

  .dk-footer__cta-headline {
    font-size: 3em;
  }

  .dk-footer__cta-arrow-svg {
    width: 7em;
    bottom: -4.5em;
    left: -3em;
    transform: translate(50%, 45%) scaleY(-1) rotate(-60deg);
  }

  .dk-footer__cta-right {
    width: 100%;
    align-items: flex-end;
    text-align: right;
    margin-top: 3em;
  }

  .dk-footer .dk-btn-outline__span {
    font-size: 1.3em;
  }

  /* Footer logo */
  .dk-footer-logo__svg {
    width: 80%;
  }

}

/* Mobile Portrait */
@media screen and (max-width: 479px) {

  .dk-footer__cta-headline {
    font-size: 2.5em;
  }

}

/* Surface Duo and wider portrait phones */
@media screen and (min-width: 480px) and (max-width: 767px) {
  h1, .h1 {
    font-size: 3em;
  }

  .dk-hero__content {
    padding-left: var(--container-padding-l);
    padding-right: var(--container-padding-l);
  }
}

/* iPad Air / Mini */
@media screen and (max-width: 833px) and (min-width: 768px) {
  h1, .h1 {
    font-size: 6.5em;
  }

  .dk-hero__content {
    padding-left: var(--container-padding-l);
    padding-right: var(--container-padding-l);
  }

  .dk-reel-card__tag {
    font-size: 1.4em;
  }

  .dk-reel-card__tag .dk-tag {
    padding-top: 0.3em;
    padding-bottom: 0.3em;
  }
}

/* iPad Pro */
@media screen and (max-width: 991px) and (min-width: 834px) {
  .dk-services .dk-btn-outline__span,
  .dk-work .dk-btn-outline__span {
    font-size: 4.5em;
  }

  .dk-services {
    padding-top: 28em;
    padding-bottom: 28em;
  }

  .dk-services__item-name {
    font-size: 7.5em;
  }

  .dk-services .dk-reel-info__bottom,
  .dk-work .dk-reel-info__bottom {
    margin-bottom: 5em;
  }

  .dk-services__item-row {
    padding: 0.8em 0;
  }

  .dk-relative {
    width: 64em;
  }

  .dk-reel-card {
    width: 32em;
  }

  .dk-work .dk-team__col-text {
    margin-top: 10em;
  }

  .dk-work {
    padding-bottom: 12em;
  }

  .dk-reel-card__tag {
    font-size: 2.4em;
  }

  .dk-reel-card__tag .dk-tag {
    padding-top: 0.3em;
    padding-bottom: 0.3em;
  }

  .dk-footer {
    padding-top: 6em;
    min-height: 60vh;
  }

  .dk-footer__cta-headline {
    font-size: 7em;
  }

  .dk-footer__cta-arrow-svg {
    width: 20em;
    left: 15em;
  }

  .dk-footer__cta-right {
    margin-top: 3em;
    transform: translateY(8em);
  }

  .dk-footer__cta-pitch {
    font-size: 2em;
  }

  .dk-footer .dk-btn-outline__span {
    font-size: 2.8em;
  }

  .dk-footer__row-logo {
    margin-top: 0;
  }

  .dk-footer__copy {
    font-size: 1.5em;
  }

}

/* Surface Pro 7 / Asus Zenbook Fold */
@media screen and (min-width: 853px) and (max-width: 991px) {
  h1, .h1 {
    font-size: 7.5em;
  }

  h2, .h2 {
    font-size: 5em;
  }

  .dk-services .dk-btn-outline__span,
  .dk-work .dk-btn-outline__span {
    font-size: 3em;
  }

  .dk-services {
    padding-top: 20em;
    padding-bottom: 20em;
  }

  .dk-services__item-name {
    font-size: 5em;
  }

  .dk-relative {
    width: 45em;
  }

  .dk-reel-card {
    width: 22em;
  }

  .dk-footer__cta-headline {
    font-size: 5em;
  }

  .dk-footer__cta-arrow-svg {
    left: -12em;
    bottom: -13em;
  }
}

@media screen and (min-width: 992px) and (max-width: 1366px) {
  .dk-services .dk-btn-outline__span,
  .dk-work .dk-btn-outline__span {
    font-size: 4.5em;
  }

  .dk-services {
    padding-top: 28em;
    padding-bottom: 28em;
  }

  .dk-services__item-name {
    font-size: 7.5em;
  }

  .dk-services .dk-reel-info__bottom,
  .dk-work .dk-reel-info__bottom {
    margin-bottom: 5em;
  }

  .dk-services__item-row {
    padding: 0.8em 0;
  }

  .dk-relative {
    width: 80em;
  }

  .dk-reel-card {
    width: 40em;
  }

  .dk-work .dk-team__col-text {
    margin-top: 10em;
  }

  .dk-work {
    padding-bottom: 12em;
  }

  .dk-reel-card__tag {
    font-size: 2.4em;
  }

  .dk-reel-card__tag .dk-tag {
    padding-top: 0.3em;
    padding-bottom: 0.3em;
  }

  .dk-footer {
    padding-top: 6em;
    min-height: 60vh;
  }

  .dk-footer__cta-headline {
    font-size: 7em;
  }

  .dk-footer__cta-arrow-svg {
    width: 20em;
    left: 15em;
  }

  .dk-footer__cta-right {
    margin-top: 3em;
    transform: translateY(8em);
  }

  .dk-footer__cta-pitch {
    font-size: 2em;
  }

  .dk-footer .dk-btn-outline__span {
    font-size: 2.8em;
  }

  .dk-footer__row-logo {
    margin-top: 8em;
  }

  .dk-footer__copy {
    font-size: 1.5em;
  }

}

/* Nest Hub and short landscape devices */
@media screen and (min-width: 992px) and (max-width: 1366px) and (max-height: 650px) {
  h1, .h1 {
    font-size: 6em;
  }

  .dk-hero__eyebrow {
    font-size: 1rem;
  }

  .dk-hero__content {
    padding-left: var(--container-padding-xl);
    padding-right: var(--container-padding-xl);
  }

  h2, .h2 {
    font-size: 4em;
  }

  .dk-services {
    padding-top: 12em;
    padding-bottom: 12em;
  }

  .dk-services__item-name {
    font-size: 5em;
  }

  .dk-relative {
    width: 60em;
  }

  .dk-reel-card {
    width: 30em;
  }

  .dk-services .dk-btn-outline__span,
  .dk-work .dk-btn-outline__span {
    font-size: 3em;
  }

  .dk-services .dk-reel-info__bottom,
  .dk-work .dk-reel-info__bottom {
    margin-bottom: 2em;
  }

  .dk-footer__cta-headline {
    font-size: 4em;
  }

  .dk-footer__cta-arrow-svg {
    left: 8em;
    transform: translate(50%, 45%) scaleY(-1) rotate(-20deg);
  }

  .dk-footer__row-cta {
    padding-top: 0;
  }

  .dk-footer__cta-wrap {
    align-items: flex-start;
  }

  .dk-footer__cta-right {
    margin-top: 0;
  }
}

/* Nest Hub Max */
@media screen and (min-width: 1280px) and (max-width: 1366px) and (max-height: 820px) {
  h1, .h1 {
    font-size: 6em;
  }

  .dk-hero__eyebrow {
    font-size: 1rem;
  }

  .dk-hero__content {
    padding-left: var(--container-padding-xl);
    padding-right: var(--container-padding-xl);
  }

  h2, .h2 {
    font-size: 4em;
  }

  .dk-services {
    padding-top: 12em;
    padding-bottom: 12em;
  }

  .dk-services__item-name {
    font-size: 5em;
  }

  .dk-relative {
    width: 60em;
  }

  .dk-reel-card {
    width: 30em;
  }

  .dk-services .dk-btn-outline__span,
  .dk-work .dk-btn-outline__span {
    font-size: 3em;
  }

  .dk-services .dk-reel-info__bottom,
  .dk-work .dk-reel-info__bottom {
    margin-bottom: 2em;
  }

  .dk-footer__cta-headline {
    font-size: 4em;
  }

  .dk-footer__cta-arrow-svg {
    left: 8em;
    transform: translate(50%, 45%) scaleY(-1) rotate(-20deg);
  }

  .dk-footer__row-cta {
    padding-top: 0;
  }

  .dk-footer__cta-wrap {
    align-items: flex-start;
  }

  .dk-footer__cta-right {
    margin-top: 0;
  }
}

/* ---- Projects list ---- */
.dk-project-list {
  padding: 0;
}

.dk-project-item {
  border-top: 1px solid rgba(13, 13, 13, 0.14);
}

.dk-project-item:last-child {
  border-bottom: 1px solid rgba(13, 13, 13, 0.14);
}

.dk-project-item__row {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  padding-top: 2em;
  padding-bottom: 2em;
  flex-wrap: wrap;
}

.dk-project-item__num {
  font-family: 'DM Sans', sans-serif;
  font-size: 0.75em;
  letter-spacing: 0.1em;
  opacity: 0.4;
  min-width: 2.5em;
  flex-shrink: 0;
  padding-top: 0.25em;
}

.dk-project-item__title {
  flex: 1;
  min-width: 0;
}

.dk-project-item__name {
  margin: 0;
  font-size: 2.5em;
  font-family: 'Bricolage Grotesque', sans-serif;
  font-weight: 800;
  line-height: 0.9;
  letter-spacing: -0.02em;
}

.dk-project-item__tagline {
  margin: 0.5em 0 0;
  font-size: 0.85em;
  opacity: 0.55;
}

.dk-project-item__meta {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  align-items: flex-end;
  flex-shrink: 0;
}

.dk-project-item__tag {
  font-size: 0.65em;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border: 1px solid currentColor;
  padding: 0.35em 0.9em;
  border-radius: 2em;
  opacity: 0.55;
  white-space: nowrap;
}

.dk-project-item__visual {
  width: 100%;
  overflow: hidden;
  aspect-ratio: 16 / 9;
}

.dk-project-item__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  will-change: transform;
  transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.dk-project-item:hover .dk-project-item__img {
  transform: scale(1.04);
}

@media (min-width: 768px) {
  .dk-project-item__name {
    font-size: 3.5em;
  }
}

@media (min-width: 992px) {
  .dk-project-item__row {
    flex-wrap: nowrap;
    align-items: flex-end;
    padding-top: 3em;
    padding-bottom: 3em;
    gap: 2em;
  }

  .dk-project-item__num {
    font-size: 0.9em;
    padding-top: 0;
    padding-bottom: 0.4em;
  }

  .dk-project-item__name {
    font-size: 5em;
  }

  .dk-project-item__meta {
    flex-direction: row;
    align-items: center;
    gap: 0.75em;
    padding-bottom: 0.3em;
  }

  .dk-project-item__visual {
    aspect-ratio: unset;
    height: 62vh;
  }
}

@media (min-width: 1440px) {
  .dk-project-item__name {
    font-size: 7em;
  }
}