.hm-motion-soft,
.hm-motion-media,
.hm-motion-frame {
  will-change: transform, opacity, filter;
}

.hm-motion-media {
  transform-origin: 50% 55%;
  will-change: transform, opacity, filter, clip-path;
}

.hm-motion-frame {
  transform-origin: 50% 50%;
}

.project > a:first-child,
.project .link-block-2,
.project .link-block-3,
.project .link-block-4,
.project .link-block-5,
.projectimgdata {
  overflow: clip;
}

.hm-project-active .thumbnail,
.hm-project-active .videothumbnail,
.hm-project-active .longvideo {
  transform-origin: 50% 50%;
}

.darling-wordmark {
  box-sizing: border-box;
  color: #fff;
  font-family: Jager, sans-serif;
  font-size: 15.5vw;
  font-weight: 400;
  letter-spacing: -0.015em;
  line-height: 0.82;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
  .hm-motion-soft,
  .hm-motion-media,
  .hm-motion-frame {
    transition: none;
    will-change: auto;
  }
}