#rec1936482211 {
  position: sticky;
  top: 0;
  z-index: 9999;
  padding-top: 0 !important;
}

#rec1985006011 {
  position: sticky;
  top: 0;
  z-index: 9999;
  padding-top: 0 !important;
}

#rec2046517321 {
  position: sticky;
  top: 0;
  z-index: 9999;
  padding-top: 0 !important;
}

.project-img {
  overflow: hidden;
}

.project-img .tn-atom{
    transition: transform 3s ease;
}

.project-img:hover .tn-atom{
  transform: scale(1.012);
}

.project-more { cursor: pointer; }

.project-more .tn-atom{
  position: relative;
  display: inline-block;
}

.project-more .tn-atom:after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0%;
  height: 1px;
  background: currentColor;
  transition: width 0.6s ease;
}

.project-more:hover .tn-atom:after{
  width: 100%;
}

.anim-mask {
  overflow: hidden;
}

/* Убираем старую reveal-логику с родителя */
.anim-up,
.anim-left,
.anim-right,
.anim-hero,
.anim-line {
  opacity: 1 !important;
}

/* Базово */
.anim-up .tn-atom,
.anim-left .tn-atom,
.anim-right .tn-atom,
.anim-hero .tn-atom {
  display: block;
  will-change: opacity, transform;
}

/* UP */
.anim-up .tn-atom {
  opacity: 0;
  transform: translateY(80px);
  transition: opacity 1.2s ease, transform 1.2s ease;
}
.anim-up.is-inview .tn-atom {
  opacity: 1;
  transform: translateY(0);
}

/* LEFT */
.anim-left .tn-atom {
  opacity: 0;
  transform: translateX(40px);
  transition: opacity 1.2s ease, transform 1.2s ease;
}
.anim-left.is-inview .tn-atom {
  opacity: 1;
  transform: translateX(0);
}

/* RIGHT */
.anim-right .tn-atom {
  opacity: 0;
  transform: translateX(-40px);
  transition: opacity 1.2s ease, transform 1.2s ease;
}
.anim-right.is-inview .tn-atom {
  opacity: 1;
  transform: translateX(0);
}

/* HERO */
.anim-hero .tn-atom {
  opacity: 0.5;
  transform: scale(1.06);
  transition: opacity 2.4s ease, transform 2.4s ease;
}
.anim-hero.is-inview .tn-atom {
  opacity: 1;
  transform: scale(1);
}

/* Для картинки ещё надёжнее анимировать сам img */
.anim-hero .tn-atom__img {
  display: block;
  opacity: 0.5;
  transform: scale(1.06);
  transition: opacity 2.4s ease, transform 2.4s ease;
}
.anim-hero.is-inview .tn-atom__img {
  opacity: 1;
  transform: scale(1);
}

/* LINE */
.anim-line .tn-atom {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  background: transparent !important;
  overflow: hidden !important;
}
.anim-line .tn-atom::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: #1f1f1f !important;
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform 1.2s ease !important;
}
.anim-line.is-inview .tn-atom::after {
  transform: scaleX(1) !important;
}

/* Параллакс только на контейнере */
.parallax-img,
.parallax-title,
.parallax-text,
.parallax-more {
  will-change: transform;
  transition: transform 0.08s linear;
}

.parallax-title .tn-atom,
.parallax-text .tn-atom,
.anim-right.parallax-more .tn-atom {
  overflow: hidden;
}

.parallax-title .text-reveal-inner,
.parallax-text .text-reveal-inner,
.anim-right.parallax-more .text-reveal-inner {
  display: block;
  opacity: 0;
  transition: opacity 1.2s ease, transform 1.2s ease;
  will-change: transform, opacity;
}

.parallax-title .text-reveal-inner,
.parallax-text .text-reveal-inner {
  transform: translateY(80px);
}

.anim-right.parallax-more .text-reveal-inner {
  transform: translateX(-40px);
}

.parallax-title.is-inview .text-reveal-inner,
.parallax-text.is-inview .text-reveal-inner,
.anim-right.parallax-more.is-inview .text-reveal-inner {
  opacity: 1;
  transform: translate(0, 0);
}