/* .halftone-container {
  position: relative;
  display: block;
  overflow: hidden;
  background-color: #000000;
} */
.gsap-marker-start,
.gsap-marker-end,
.gsap-marker-scroller-start,
.gsap-marker-scroller-end {
  opacity: 0 !important;
  pointer-events: none !important;
}
:root {
  --crt-red: rgb(218, 49, 49);
  --crt-green: rgb(112, 159, 115);
  --crt-blue: rgb(40, 129, 206);
}
/* Растягивается на 100% родителя (родитель в vw) — картинка снова адаптивна по viewport; grid: img и canvas в одной ячейке */
.halftone-container {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

/* Чёрная окантовка поверх canvas, чтобы "красные" пиксели на субпиксельных краях не просвечивали.
   Это именно визуальная маска края, а не изменение layout. */
.halftone-container::after{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  box-shadow: inset 0 0 0 2px #000000;
}

.crazy-mode .halftone-container::after{
  box-shadow: inset 0 0 0 2px #78ef50;
}

.halftone-container img.js-halftone {
  grid-area: 1 / 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.halftone-wrapper {
  grid-area: 1 / 1;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  pointer-events: none;
  opacity: 1;
  transition: opacity 0.4s ease;
}

.halftone-wrapper canvas {
  display: block;
  width: 100%;
  height: 100%;
}

.halftone-original{
  display: block;
}
/* .halftone-container:hover .halftone-wrapper {
  opacity: 0;
} */

body{
    background-color: #000000;
}

html {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE и старый Edge */
    scroll-behavior: smooth; /* плавный скролл для якорей и программных скроллов */
    /* iOS Safari: без этого движок сам «раздувает» шрифты относительно Chrome/Android */
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    overflow-x: clip; /* не даём горизонтальный скролл от элементов шире viewport */
}

/* Fallback для браузеров без overflow: clip */
/* @supports not (overflow: clip) {
  html {
    overflow-x: hidden;
  }
} */

body {
  overflow-x: clip;
}
@supports not (overflow: clip) {
  body {
    overflow-x: hidden;
  }
}
/* Тяжёлые фильтры: только шире 1024px (альбом телефона до ~932px) */
@media (max-width: 1024px) {
  html {
    scroll-behavior: auto; /* меньше конфликтов с ScrollTrigger / тач-скроллом */
  }

  .main__title {
    filter: none;
    will-change: auto;
  }

  .main__title-anim-trigger {
    animation: none;
    opacity: 1;
    filter: none;
  }

  .work__left-title h1,
  .award__title-wrapper h2,
  .motto__title-fr,
  .motto__title-sc,
  .lead__title-wrapper h2,
  .workpage__title-wrapper h2,
  .playg__title-wrapper h2,
  .policy__title-wrapper h2 {
    filter: none;
  }

  .work__left-title.el1,
  .work__left-title.el2 {
    filter: none;
  }

  .work__left-blur {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .main__blur {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    will-change: auto;
  }

  .popup__blur,
  .formpop__blur,
  .pascalpop__blur {
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
  }

  .playg__pop-blur {
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
  }

  h1 {
    filter: none;
  }
}
html::-webkit-scrollbar {
    display: none; /* Chrome, Safari, новый Edge */
}
body {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE и старый Edge */
}
body.crazy-mode {
  background: #78ef50;
}

body::-webkit-scrollbar {
    display: none; /* Chrome, Safari, новый Edge */
}

/* playground.html, work.html, 404.html — без прокрутки документа */
html.page-no-scroll,
html.page-no-scroll body {
  height: 100%;
  overflow: hidden;
  overscroll-behavior: none;
}

/* Временный lock скролла во время mobile loader */
html.loader-scroll-lock,
body.loader-scroll-lock {
  overflow: hidden;
  overscroll-behavior: none;
  touch-action: none;
}

/* Lenis smooth scroll integration */
html.lenis,
html.lenis body {
  height: auto;
}
.lenis.lenis-smooth {
  scroll-behavior: auto !important; /* Lenis сам управляет плавностью */
}
:root {
    --font-family: "Geist Mono", sans-serif;
    --second-family: "Trade Gothic Next LT Pro Cn", sans-serif;
    --third-family: "SF Pro Display", sans-serif;
    --font3: "SF Pro Text", sans-serif;
  }

h1{
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 15.56vw;
    line-height: 90%;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #78ef50;
    -webkit-text-stroke: 1.39vw #78ef50;
    -webkit-text-fill-color: #78ef50;
    paint-order: stroke fill;
    filter: blur(2px);

}

h2{
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 7.78vw;
    line-height: 90%;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #78ef50;
    -webkit-text-stroke: 0.76vw #78ef50;
    -webkit-text-fill-color: #78ef50;
    paint-order: stroke fill;
    filter: blur(2px);
}
h3{
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 3.89vw;
    line-height: 100%;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    text-align: center;
    color: #78ef50;
    -webkit-text-stroke: 0.42vw #78ef50;
    -webkit-text-fill-color: #78ef50;
    paint-order: stroke fill;
    filter: blur(2px);
    /* filter: url(#texture-blur); */
}

/* WebKit: -webkit-text-stroke визуально шире, чем в Chrome — на планшетах/узком окне чуть тоньше */
@supports (-webkit-touch-callout: none) {
  @media (max-width: 1024px) {
    h1 {
      -webkit-text-stroke: 0.92vw #78ef50;
    }
    h2 {
      -webkit-text-stroke: 0.5vw #78ef50;
    }
    h3 {
      -webkit-text-stroke: 0.28vw #78ef50;
    }
  }
}

.wrapper {
    min-height: 100%;
    width: 100%;
  
}
p, li, label,a, button{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1.11vw;
  line-height: 120%;
  letter-spacing: -0.03em;
  text-transform: lowercase;
  color: #78ef50;
  text-decoration: none;
}
.crazy-mode {
  background: #78ef50;
}

.crazy-mode p,
.crazy-mode li,
.crazy-mode label,
.crazy-mode a,
.crazy-mode button {
  color: #000;
}
/* Толщина -webkit-text-stroke как у h1–h3 в обычном режиме (185–227), цвет обводки/заливки — чёрный */
.crazy-mode h1 {
  -webkit-text-stroke: 1.39vw #000000;
  -webkit-text-fill-color: #000;
  color: #000;
}
.crazy-mode h2 {
  -webkit-text-stroke: 0.76vw #000000;
  -webkit-text-fill-color: #000;
  color: #000;
}
.crazy-mode h3 {
  -webkit-text-stroke: 0.42vw #000000;
  -webkit-text-fill-color: #000;
  color: #000;
}
@supports (-webkit-touch-callout: none) {
  @media (max-width: 1024px) {
    .crazy-mode h1 {
      -webkit-text-stroke: 0.92vw #000000;
    }
    .crazy-mode h2 {
      -webkit-text-stroke: 0.5vw #000000;
    }
    .crazy-mode h3 {
      -webkit-text-stroke: 0.28vw #000000;
    }
  }
}
.crazy-mode .main__second-anim {
  background: transparent;
  border: none;
}

.container {
  min-height: 100%;
  max-width: 1440px;    
  padding: 2.08vw;
  position: relative;
  z-index: 3;
}
.grid-main {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  width: 100%;
  grid-column-gap: 1.39vw;
}
.grid-secondary{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  width: 100%;
  grid-column-gap: 1.39vw;
}

/* ==========================HEADER============================== */
.header__wrapper{
  position: sticky;
  height: 100vh;
  margin-top: -2.08vw;
  top: 0vw;
  /* Чтобы mix-blend-mode у текста/точки видел CRT-подложку за хедером */
  z-index: 1000006;
  pointer-events: none;
}
.header__wrapper > * {
  pointer-events: auto;
}
.header__container-bot{
  width: 95.84vw;
  position: absolute;
  z-index: 100;
  bottom: calc(1.4vw + env(safe-area-inset-bottom, 0px) + (100vh - 100dvh));
}
.header__container-top{
  width: 95.84vw;
  position: absolute;
  z-index: 105;
  top: 2.08vw;
}
.header__inner{
  width: 100%;
}
.header__inner-el{
  display: flex;
  height: 2.08vw;
  flex-direction: column;
}
.header__inner-el a{
  cursor: pointer;
}

/* Точка как в радио-кнопках: выезжает слева при hover (только десктоп) */
@media (hover: hover) and (pointer: fine) {
  .header__inner-el.el1 a,
  .header__inner-el.el2 a{
  position: relative;
  display: inline-block;
  transition:  0.1s;

}
  .header__inner-el.el1 a::before,
  .header__inner-el.el2 a::before{
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(0%) translateX(0);
  width: 0.28vw;
  height: 0.28vw;
  background: transparent;
  transition: all 0.1s;

}
  .header__inner-el.el1 a:hover::before,
  .header__inner-el.el2 a:hover::before,
  .header__inner-el.el1 a:focus-visible::before,
  .header__inner-el.el2 a:focus-visible::before,
  .header__inner-el.el1 a:active::before,
  .header__inner-el.el2 a:active::before{
  background: #78ef50;
  /* Компенсируем сдвиг ссылки вправо, чтобы точка осталась на месте */
  transform: translateY(-50%) translateX(-0.6vw);

}

  /* Курсор при hover для десктопа */
  .header__inner-el.el1 a:hover,
  .header__inner-el.el2 a:hover,
  .header__inner-el.el1 a:focus-visible,
  .header__inner-el.el2 a:focus-visible,
  .header__inner-el.el1 a:active,
  .header__inner-el.el2 a:active{
    transform: translateX(0.8vw);
    cursor: url("../GTA V Mouse Pointer.cur"), pointer;
 
  }

  .crazy-mode .header__inner-el.el1 a:hover::before,
  .crazy-mode .header__inner-el.el2 a:hover::before,
  .crazy-mode .header__inner-el.el1 a:focus-visible::before,
  .crazy-mode .header__inner-el.el2 a:focus-visible::before,
  .crazy-mode .header__inner-el.el1 a:active::before,
  .crazy-mode .header__inner-el.el2 a:active::before{
  background: #000;
}
}

.header__inner-el.el1{
  grid-column: 1;
}
.header__inner-el.el2{
  grid-column: 2;
}
.header__inner-el.el3{
  grid-column: 5 /span 2;
  display: flex;
  flex-direction: row;
  gap: 1.11vw;
}
.header__inner-el.el3 span:nth-child(2){
  display: flex;
  flex-direction: column;
}
.header__inner-el.el3 > :first-child p:nth-child(2){
  margin-left: 0.6vw;
}
.header__inner-el.el4{
  grid-column: 7 /span 2;
  display: flex;
  flex-direction: row;
  gap: 1.11vw;
  margin-left: 4vw;
}

.header__inner-el.el4 span:nth-child(1) p:nth-child(2){
  margin-left: 0.63vw;
}
.header__inner-el span{
  mix-blend-mode: difference;
}
/* Текст в пункте меню — это содержимое <a> (без span), а точка — <a>::before */
.header__inner-el a{
  mix-blend-mode: difference;
}
.header__inner-el a::before{
  mix-blend-mode: difference;
}
.header__inner-el.el5{
  grid-column: 12;

}
.header__inner-el.el5 span{
  display: block;
}
.header__inner-el.el5 > :first-child{
  text-align: right;
}
.header__inner-el.el1 span.is-live-typing::after,
.header__inner-el.el2 span.is-live-typing::after,
.header__inner-el.el3 span.is-live-typing::after,
.header__inner-el.el4 span.is-live-typing::after,
.header__inner-el.el5 span.is-live-typing::after {
  content: "/";
  display: inline-block;
  margin-left: 0.15em;
  animation: liveCursorBlink 0.7s steps(1, end) infinite;
}
.header__inner-el.el6{
  grid-column: 1;
  cursor: pointer;
}
.header__inner-el.el7{
  grid-column: 6 /span 2;
  text-align: center;
  flex-direction: row;
  justify-content: center;
}
.header__inner-el.el7 img{
  width: 2.78vw;
  height:  2.78vw;
  margin: 0 auto;
}
.header__inner-el.el7 .header__logo-alt{
  display: none;
}
.crazy-mode .header__inner-el.el7 .header__logo{
  display: none;
}

.crazy-mode .header__inner-el.el7 .header__logo-alt{
  display: block;
}

.crazy-mode .header__inner-el.el7 img{
  mix-blend-mode: difference;
}
.header__inner-el.el8{
  grid-column: 12;
  text-align: right;
  cursor: pointer;
}
/* ==========================MAIN============================== */
.main__container{
    height: 160vw;
    position: relative;
    margin-top: -100vh;

}
.main__wrapper{
    min-height: 92.5vh;
    margin: -2.08vw;
    padding: 2.08vw;
    padding-top: 0;
    position: sticky;
    top: 2vw;
    margin-top: 0vw;
    margin-bottom: 20vw;
}
.main__title {
  filter: url(#threshold-main) blur(2px) url(#text-noise) ;
  opacity: 1;
  display: inline-block;
  white-space: nowrap;
  will-change: filter;
  margin-top: -1vw;
}

.main__alt-bg{
  display: none;
  position: absolute;
  width: 100%;
  height: 100vh;
  margin: -2.08vw;
}
.crazy-mode .main__alt-bg{
  display: block;
}
.main__alt-video {
  opacity: 0;
  filter: blur(20px);
  position: absolute;
  left: 35%;
  top: 35%;
  display: none;
  width: 29vw;
  height: 29vw;
  z-index: 9;
}
/* Только crazy: в saint не показывать и не перехватывать клики (перебивает любые inline opacity). */
body:not(.crazy-mode) .main__alt-video {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
}
.crazy-mode .main__alt-video{
  display: block;
  visibility: visible;
  pointer-events: auto;
  /* opacity: 0;
  filter: blur(3px); */
}
.main__title-anim-trigger {
  animation-name: main__title-anim;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-timing-function: ease-in-out;
}

@keyframes main__title-anim {
  0%{
    opacity: 0;
    filter: blur(80px);
  }
  50%{
    opacity: 0.5;
    filter: blur(30px) ;
  }
  90%{
    opacity: 1;
    filter: blur(10px);
  }
  100%{
    opacity: 1;
    filter: blur(2px);
  }
}
.main__title-wrapper.el1{
    grid-column: 1 /span 7;
    grid-row: 1;
    position: relative;
    z-index: 3;
}
.main__title-wrapper.el2{
    grid-column: 8 /span 3;
    position: relative;
    z-index: 3;
    margin-left: -1.9vw;
}

.main__title-wrapper.el2 span:nth-child(1){
  letter-spacing: 0.04em;
}
.main__title-wrapper.el2 span:nth-child(2){
  letter-spacing: -0.01em;
}
.main__title-wrapper.el3{
  grid-column: 1 /span 7;
  grid-row: 2;
  position: relative;
  z-index: 3;
  margin-left: 0.4vw;
}
.main__title-wrapper.el3 span:nth-child(1){
  letter-spacing: 0.02em;
}
.main__title-wrapper.el3 span:nth-child(2){
  letter-spacing: -0.02em;
}
.main__title-wrapper.el4{
  grid-column: 1 /span 3;
  grid-row: 3;
  position: relative;
  z-index: 3;
}
.main__title-wrapper.el5{
  grid-column: 7 /span 5;
  grid-row: 3;
  position: relative;
  z-index: 3;
  margin-left: -3.2vw;
}
.main__title-wrapper.el6{
  grid-column: 9 /span 4;
  grid-row: 4;
  position: relative;
  z-index: 3;
  margin-left: 5.3vw;
}
.main__title-wrapper.el5 span{
  letter-spacing: -0.02em;
}
.main__title-wrapper.el4 span{
  letter-spacing: 0.02em;
}
.main__title-wrapper.el6 span:first-child{
  letter-spacing: -0.02em;
}
.main__title-wrapper.el6 span{
  letter-spacing: 0.04em;
}
.main__effect{
    width: 100vw;
    height: 100vh;
    position: absolute;
    margin-top: -2.08vw;
    mix-blend-mode: color-dodge;
    opacity: 0.75;
    z-index: 2;
}
.main__blur{
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    margin-top: -2.08vw;
    z-index: 10;
    pointer-events: none;
    /* Оптимизация производительности для backdrop-filter */
    transform: translate3d(0, 0, 0); /* GPU ускорение */
    will-change: backdrop-filter;
    /* CSS containment для изоляции рендеринга */
    contain: layout style paint;
    isolation: isolate; /* Создает новый stacking context */
    /* Оптимизированный blur - уменьшен для производительности */
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    /* Оптимизация для Safari */
    -webkit-transform: translate3d(0, 0, 0);
    /* Упрощенный градиент для маски */
    -webkit-mask-image: linear-gradient(
        135deg,
        transparent 0%,
        transparent 10%,
        rgba(0, 0, 0, 0.4) 40%,
        rgba(0, 0, 0, 0.8) 70%,
        black 100%
    );
    mask-image: linear-gradient(
        135deg,
        transparent 0%,
        transparent 10%,
        rgba(0, 0, 0, 0.4) 40%,
        rgba(0, 0, 0, 0.8) 70%,
        black 100%
    );
    mix-blend-mode: normal;
    opacity: 1;
}

.main__text-wrapper{
  position: relative;
  z-index: 15;
  margin-top: 1vw;
}
.main__text-wrapper p{
  width: fit-content;

}
.main__text-wrapper.el1{
  grid-column: 9;
  grid-row: 2;
  display: flex;
  flex-direction: column;

}
.main__text-wrapper.el1 p{
  align-self: flex-end;

}
.main__text-wrapper.el2{
  grid-column: 10 /span 3;
  grid-row: 2;
  margin-left: 5.3vw;
}
.main__text-wrapper.el2 p:nth-child(2){
  margin-left: 1.9vw;

}
.main__text-wrapper.el2 p:nth-child(3){
  margin-left: 8.2vw;

}
.main__text-wrapper.el3{
  grid-column: 6;
  grid-row: 3;
  margin-left: 1vw;
}
.main__text-wrapper.el4{
  grid-column: 1;
  grid-row: 4;
}
.main__text-wrapper.el5{
  grid-column: 3;
  grid-row: 4;
  margin-left: -1vw;
}
.main__text-wrapper.el6{
  grid-column: 4;
  grid-row: 4;
  margin-left: 2.3vw;
}
.main__text-wrapper.el7{
  grid-column: 5;
  grid-row: 4;
  margin-left: -2vw;
}
.main__text-wrapper.el7 p{

}
.main__text-wrapper.el7 p:nth-child(2) {
  margin-left: 0.7vw;
}
.main__text-wrapper.el8{
  grid-column: 7;
  grid-row: 4;
  margin-left: -2vw;
}
.main__text-wrapper.el9 {
  grid-column: 8;
  grid-row: 4;
  margin-left: -4.7vw;
}
.main__text-wrapper.el9 p{

}
.main__text-wrapper.el9 p:nth-child(2){
  margin-left: 1.1vw;
}



.main__text-wrapper.el2 p.is-live-typing::after,
.main__text-wrapper.el3 p.is-live-typing::after,
.main__text-wrapper.el4 p.is-live-typing::after,
.main__text-wrapper.el5 p.is-live-typing::after,
.main__text-wrapper.el6 p.is-live-typing::after,
.main__text-wrapper.el7 p.is-live-typing::after,
.main__text-wrapper.el8 p.is-live-typing::after,
.main__text-wrapper.el9 p.is-live-typing::after {
  content: "█";
  font-size: 0.8vw;
  display: inline-block;
  line-height: 1;
  margin-left: 0.15em;
  position: relative;
  top: -0.2em;
  animation: liveCursorBlink 0.7s steps(1, end) infinite;
}
.loader-text-wrapper.el3 p.is-live-typing::after{
  content: "█";
  font-size: 0.8vw;
  display: inline-block;
  line-height: 1;
  margin-left: 0.15em;
  position: relative;
  top: -0.2em;
  animation: liveCursorBlink 0.7s steps(1, end) infinite;
}
/* Фиксированная высота строки: без этого курсор ::after меняет line box при снятии .is-live-typing — соседние <p> визуально «прыгают» */

p.is-live-typing::after {
  content: "█";
  font-size: 0.8vw;
  display: inline-block;
  line-height: 1;
  margin-left: 0.15em;
  position: relative;
  top: -0.2em;
  animation: liveCursorBlink 0.7s steps(1, end) infinite;
}
.main__second-text-wrapper.el8 p.is-live-typing::after{
  content: none;

}
.main__second-text-wrapper.el2 p.is-live-typing::after{
  content: none;

}
.members__text-wrapper.el7 p.is-live-typing::after{
  content: none;
}
.award__text-wrapper p.is-live-typing::after{
  content: none;
}
.motto__text-wrapper p.is-live-typing::after{
  content: none;
}
.services__text-wrapper.el1 p.is-live-typing::after{
  content: none;
}
.members__text-wrapper.el1 p.is-live-typing::after{
  content: none;
}
.members__text-wrapper.el4 p.is-live-typing::after{
  content: none;
}
.members__text-wrapper.el5 p.is-live-typing::after{
  content: none;
}

.header__inner-el.el3 > :first-child p.is-live-typing::after{
  content: none;
}
.header__inner-el.el4 > :first-child p.is-live-typing::after{
  content: none;
}
.motto__text-wrapper.el4 p.is-live-typing::after{
  content: none;
}
.motto__text-wrapper.el4 span p.is-live-typing::after{
  content: none;
}
@keyframes liveCursorBlink {
  0%, 49% { opacity: 1; }
  50%, 100% { opacity: 0; }
}
.main__second-wrapper{
  position: absolute;
  width: 95.84vw;
  height: 100vh;
  z-index: 100;
  margin: 2.08vw;
  margin-top: 0vw;
}
.main__second-text-wrapper{
  z-index: 10;
}
.main__second-text-wrapper.el1{
    grid-column: 1;
    margin-left:2.08vw ;
    margin-top: 2.43vw;
    position: relative;
}
.main__second-text-wrapper.el2{
  grid-column: 3 /span 2;
  margin-left:-6vw ;
  margin-top: 2.43vw;
  position: relative;
  height: 10vw;
}
.main__second-text-wrapper.el2 span{
  display: flex;
  flex-direction: row;
  gap: 1.88vw;
}
.main__second-text-wrapper.el2 p:nth-child(2){
  margin-left: 2.57vw;
}
.main__second-text-wrapper.el2 p:nth-child(4){
  margin-left: 7vw;
}
.main__second-text-wrapper.el2 p:nth-child(5){
  margin-left: 5.75vw;
}
.main__second-text-wrapper.el2 span p:nth-child(2){
  margin-left: 0vw;
}
.main__second-text-wrapper.el3{
  grid-column: 8;
  margin-left:-2vw ;
  margin-top: 4.65vw;
  position: relative;
}
.main__second-text-wrapper.el4{
  grid-column: 9;
  margin-left:-1vw ;
  margin-top: 3.33vw;
  height: 5vw;
}
.main__second-text-wrapper.el5{
  grid-column: 4;
  grid-row: 2;
  margin-top: -20.67vw;
  position: relative;
}
.main__second-text-wrapper.el6{
  grid-column: 9;
  grid-row: 2;
  margin-top: -20.67vw;
  position: relative;
  text-align: right;
}

.main__second-text-wrapper.el7{
  grid-column: 11;
  grid-row: 2;
  margin-top: -20.67vw;
  margin-left: -2vw;
  position: relative;
}
.main__second-text-wrapper.el8{
  grid-column: 12;
  grid-row: 2;
  margin-top: -20.67vw;
  margin-left: -2.3vw;
  position: relative;
  /* height: 2.6vw — мало для 2 строк при live-type line-height 1.4 + min-height при печати → сильные рывки */
  min-height: 2.6vw;
  align-self: start;
}
.main__second-text-wrapper.el8 p{
  margin-top: 0;
  margin-bottom: 0;
}
.main__second-text-wrapper.el8 p:nth-child(1){
  margin-left: 0.6vw;
}
.main__second-text-wrapper.el9{
  grid-column: 1;
  grid-row: 3;
  text-align: right;
  position: absolute;
  bottom: 32.15vw;
  left: 4.51vw;
}
.main__second-text-wrapper.el10{
  grid-column: 1;
  grid-row: 4;
  position: absolute;
  bottom: 17.08vw;
  height: 2.6vw;
}
.main__second-text-wrapper.el11{
  grid-column: 3;
  grid-row: 4;
  position: absolute;
  bottom: 17.08vw;
  margin-left: -0.5vw;
}
.main__second-text-wrapper.el12{
  grid-column: 3;
  grid-row: 4;
  position: absolute;
  bottom: 17.08vw;
  margin-left: -0.5vw;
}
.main__second-text-wrapper.el13{
  grid-column: 4;
  grid-row: 4;
  position: absolute;
  bottom: 17.08vw;
}
.main__second-text-wrapper.el14{
  grid-column: 9;
  grid-row: 4;
  position: absolute;
  bottom: 17.08vw;
  text-align: right;
  margin-left: 6vw;
}
.main__second-text-wrapper.el15{
  grid-column: 12;
  grid-row: 4;
  position: absolute;
  bottom: 26.25vw;
  text-align: right;
}
.main__second-text-wrapper.el16{
  grid-column: 4;
  grid-row: 5;
  position: absolute;
  bottom: 7.92vw;
  height: 2.6vw;
}
.main__second-text-wrapper.el16 p:nth-child(1){
  margin-left: 0.6vw;
}
.main__second-text-wrapper.el17{
  grid-column: 6;
  grid-row: 5;
  position: absolute;
  bottom: 9.24vw;
  text-align: right;
  margin-left: -1.2vw;
}
.main__second-text-wrapper.el18{
  grid-column: 9;
  grid-row: 5;
  position: absolute;
  bottom: 10.56vw;
  text-align: right;
  margin-left: 6.1vw;
}
.main__second-text-wrapper.el19{
  grid-column: 10 /span 3;
  grid-row: 5;
  position: absolute;
  bottom: 5.28vw;
  margin-left: 6.2vw;
  height: 6.5vw;
}
.main__second-text-wrapper.el19 p span{
  margin-left: 0.4vw;
  margin-right: 0.83vw;
}
.main__second-text-wrapper.el19 p:nth-child(3){
  margin-left: 9vw;
}
/* Центр по оси Y внутри .main__second-wrapper (100vh): left/width повторяют сетку 12 кол.,
   без grid-area — иначе % top считался бы от низкой ячейки, а не от всей высоты блока. */
.main__second-title-wrapper{
  position: absolute;
  left: calc(4 * (100% - 11 * 1.39vw) / 12 + 4 * 1.39vw + 1vw);
  width: calc(4 * (100% - 11 * 1.39vw) / 12 + 3 * 1.39vw);
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  z-index: 10;
  box-sizing: border-box;
}
.main__second-title-wrapper h3{
  opacity: 0;
  filter: blur(100px);
}
/* absolute в секции: уезжает вместе со скроллом — не перекрывает футер (fixed + scale(1) висел на весь сайт).
   Центр ≈ вьюпорт: left/top 50% родителя + margin -50vw/-50vh; в GSAP только scale — без translate. */
.main__second-anim{
  display: block;
  position: absolute;
  width: 100vw;
  width: 100svw;
  height: 104vh;
  height: 104svh;
  top: 50%;
  left: 50%;
  margin-left: -50vw;
  margin-top: -54vh;
  background: transparent;
  border: none;
  transform-origin: center center;
  transform: scale(0);
  z-index: 9;
  overflow: visible;
  box-sizing: border-box;
}
.main__second-anim .main-second-anim-svg{
  position: absolute;
  /* Чуть выходим за границы блока — красная обводка и углы «вылезают» наружу */
  left: -0.55vmin;
  top: -0.55vmin;
  width: calc(100% + 1.1vmin);
  height: calc(100% + 1.1vmin);
  pointer-events: none;
  display: block;
  box-sizing: border-box;
}
.main__second-anim .main-second-anim-svg.mob{
  display: none;
}
.main__anch{
  bottom: 10vh;
  position: absolute;
  display: block;
}



/* ==========================WORK============================== */
.work__container{
  height: 242vw;
  position: relative;
}
.work__right-wrapper{
  grid-column: 1 /span 6;
  gap: 2.50vw;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
.work__left-wrapper{
  grid-column: 7 /span 6;
  height: 100vh;
  position: sticky;
  top: 0;

}
.work__right-card{
  cursor: pointer;
}
.work__right-card-img-container{
  position: relative;
  width: 42.22vw;
  height: 27.64vw;
  box-sizing: border-box;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  background-image: url("../img/work/work-frame.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  padding: 0.56vw;
}
.crazy-mode .work__right-card-img-container{
  background-image: url("../img/work/work-frame-alt.svg");
}
/* difference + crazy-mode p (#000) on red bg → красный текст на красном; на мобиле mix-blend задан явно */
.crazy-mode .work__left-text-wrapper {
  mix-blend-mode: normal;
}

.work__right-card-img-container img{
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  min-height: 0;
  object-fit: contain;
  object-position: center;
  border: 1px solid rgba(0, 0, 0, 0);
}
.work__right-card-img-container .halftone-container {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  min-height: 0;
}
.crazy-mode .work__right-card-img-container img{
  mix-blend-mode: difference;
}
.work__right-card-text-wrapper{
  display: flex;
  flex-direction: row;
  margin-top: 0.83vw;
  padding-left: 0.28vw;
  padding-right: 0.28vw;
}
.work__right-card-text.el2{
  margin-left: 7.29vw;
}
.work__right-card-text.el2 p:nth-child(1){
  margin-left: 1.85vw;
}
.work__right-card-text.el3{
  text-align: right;
  margin-left: auto; 
}
.work__left-text-wrapper{
  position: relative;
  z-index: 100;
}


.work__left-text-wrapper.el1{
  grid-column: 1;
  margin-top: 7.57vw;
  position: relative;
}
.work__left-text-wrapper.el2{
  grid-column: 2 /span 3;
  margin-top: 6.25vw;
  position: relative;
}
.work__left-text-wrapper.el2 p:nth-child(1){
  margin-left: 2.4vw;
}
.work__left-text-wrapper.el2 p:nth-child(2){
  margin-left: 4.3vw;
}
.work__left-text-wrapper.el2 p:nth-child(3){
  margin-left: 6.8vw;
}
.work__left-text-wrapper.el3{
  grid-column: 1;
  position: absolute;
  bottom: 25.63vw;
}
.work__left-text-wrapper.el4{
  grid-column: 6;
  position: absolute;
  bottom: 25.63vw;
  left: 4.7vw;
}
.work__left-text-wrapper.el5{
  grid-column: 6;
  position: absolute;
  bottom: 8.75vw;
  width: 6.74vw;
}
.work__left-text-wrapper.el5 span{
  display: flex;
  justify-content: space-between;
}
.work__left-text-wrapper.el5 span:nth-child(2){
  display: flex;
  justify-content: space-between;
  margin-left: 1.2vw;
}
.work__left-text-wrapper.el5 span:nth-child(5) p:nth-child(1){
    margin-top: 1.32vw;
}
.work__left-text-wrapper.el5 span:nth-child(5) p:nth-child(2){
  text-align: right;
}
.work__left-title{
  position: relative;
  z-index: 1;
}
.work__left-title h1{
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 20.14vw;
  line-height: 90%;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 1;
  filter: url(#threshold-work) url(#text-noise);


}
.work-title{

}
.work__left-title.el1{
  position: absolute;
  z-index: 1; 
}
.work__left-title.el1{
  position: absolute;
  grid-column: 3;
  top: 6.25vw;
  z-index: 1; 
  filter: blur(6px);
}
.work__left-title.el2 {
  position: absolute;
  grid-column: 3 / span 4;
  top: 6.5vw;
  left: 14vw;
  z-index: 1; 
  filter: blur(3px);
}
.work__left-title.el3 {
  position: absolute;
  grid-column: 1 / span 3;
  bottom: 10vw;
  left: 9.4vw;
  z-index: 1; 
  filter: blur(3px);
}

.work__left-title.el2 h1{
  display: block;
}
.work__left-title.el2 h1:nth-child(1) {
  font-size: 31.25vw;
  margin-left: 0vw;
  margin-top: -1.7vw;
  margin-right: -2.3vw;
}
.work__left-title-wrapper.el2{
  transform: rotate(270deg);
  display: flex;
}
.work__left-title-wrapper.el3{
  transform: rotate(270deg);
  display: flex;
}
.work__left-blur{
  grid-column: 1 / span 6;
  position: absolute;
  top: 0;
  left: 0;
  width: 103%;
  height: 100%;
  z-index: 5;
  pointer-events: none;

  transform: translate3d(0,0,0);
  will-change: backdrop-filter;
  contain: layout style paint;
  isolation: isolate;
  backface-visibility: hidden;
  backdrop-filter: blur(1px);


  /* -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,1) 0%,
    rgba(0,0,0,0.8) 30%,
    rgba(0,0,0,0.6) 60%,
    rgba(0,0,0,0.45) 100%
  );

  mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,1) 0%,
    rgba(0,0,0,0.8) 30%,
    rgba(0,0,0,0.6) 60%,
    rgba(0,0,0,0.45) 100%
  ); */
}



.work__transition {
  display: block;
  position: fixed;
  top: 50%;
  left: 50%;
  /* чтобы "рамка" при открытии выходила за края viewport */
  width: 115vw;
  height: 115vh;
  margin: 0;
  box-sizing: border-box;
  background: transparent;
  border: none;
  transform-origin: center center;
  will-change: transform;
  transform: translate(-50%, -50%) scale(0);
  pointer-events: none;
  z-index: 103;
  transition: transform 1s ease;
}
.work__transition.work__transition--active {
  transform: translate(-50%, -50%) scale(1);

}
/* SVG-рамка внутри transition */
.work__transition .work-transition-svg{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
}
.work__transition .work-transition-svg.mob{
  display: none;
}

/* Как work-frame-alt / main__second-anim в crazy: красное поле, чёрная обводка */
.crazy-mode .work__transition {
  background: transparent;
  border: none;
}
.crazy-mode #work-transition-rect-bg {
  fill: #78ef50;
}
.crazy-mode #work-transition-rect-stroke {
  stroke: #000000;
}
.crazy-mode #work-transition-corner-1,
.crazy-mode #work-transition-corner-2,
.crazy-mode #work-transition-corner-3,
.crazy-mode #work-transition-corner-4 {
  fill: #000000;
}
.crazy-mode #work-transition-rect-bg-mob {
  fill: #78ef50;
}
.crazy-mode #work-transition-rect-stroke-mob {
  stroke: #000000;
}
.crazy-mode #work-transition-corner-1-mob,
.crazy-mode #work-transition-corner-2-mob,
.crazy-mode #work-transition-corner-3-mob,
.crazy-mode #work-transition-corner-4-mob {
  fill: #000000;
}

/* Мобила: 100vw/vh часто уже видимой области + округление — справа остаётся щель.
   Чуть больше кадра и dvh, центр тот же — рамка полностью уходит за край. */
@media screen and (max-width: 768px) {
  .work__transition {
    width: 115vw;
    height: 115vh;
  }
  .work__transition .work-transition-svg:not(.mob){
    display: none;
  }
  .work__transition .work-transition-svg.mob{
    display: block;
  }
}

/* ==========================AWARD============================== */
.award__wrapper{
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.award__title-wrapper{
  position: relative;
  z-index: 10;
}

.award__title-wrapper h2{
  filter: url(#threshold-awards) blur(2px) url(#text-noise);
}
.award__title-wrapper.el1{
  grid-column: 1;
  margin-top: 4.69vw;
}
.award__title-wrapper.el2{
  grid-column: 2 /span 8;
  margin-top: 4.69vw;

}
.award__title-wrapper.el2 h2:last-child{
  margin-left: 11.4vw;
}
.award__text-wrapper{
  z-index: 10;
}
.award__text-wrapper span{
  display: flex;
}
.award__text-wrapper.el1{
  grid-column: 8 /span 2;
  position: absolute; 
  top: 4.69vw;
}
.award__text-wrapper.el1 span p:nth-child(2){
  margin-left: 2vw;
}
.award__text-wrapper.el1 p:nth-child(2){
  margin-left: 4.03vw;
}
.award__text-wrapper.el1 p:nth-child(3){
  margin-left: 2.50vw;
}

.award__text-wrapper.el2{
  grid-column: 11 /span 2;
  position: absolute; 
  top: 14.86vw;
}
.award__text-wrapper.el2 span p:nth-child(2){
  margin-left: 2vw;
}
.award__text-wrapper.el2 p:nth-child(2){
  margin-left: 4.03vw;
}
.award__text-wrapper.el2 p:nth-child(3){
  margin-left: 2.50vw;
}

.award__text-wrapper.el3{
  grid-column: 2 /span 2;
  position: absolute; 
  top: 25.49vw;
}
.award__text-wrapper.el3 span p:nth-child(2){
  margin-left: 2vw;
}
.award__text-wrapper.el3 p:nth-child(2){
  margin-left: 4.03vw;
}
.award__text-wrapper.el3 p:nth-child(3){
  margin-left: 2.50vw;
}

.award__text-wrapper.el4{
  grid-column: 1;
  position: absolute; 
  top: 25.49vw;
}

.award__text-wrapper.el5{
  grid-column: 4 /span 2;
  position: absolute; 
  top: 34.17vw;
}
.award__text-wrapper.el5 span p:nth-child(2){
  margin-left: 2vw;
}
.award__text-wrapper.el5 p:nth-child(2){
  margin-left: 4.03vw;
}
.award__text-wrapper.el5 p:nth-child(3){
  margin-left: 2.50vw;
}

.award__text-wrapper.el6{
  grid-column: 9 /span 2;
  position: absolute; 
  top: 28.13vw;
}
.award__text-wrapper.el6 span p:nth-child(2){
  margin-left: 2vw;
}
.award__text-wrapper.el6 p:nth-child(2){
  margin-left: 4.03vw;
}
.award__text-wrapper.el6 p:nth-child(3){
  margin-left: 2.50vw;
}

.award__text-wrapper.el7{
  grid-column: 1 /span 2;
  position: absolute; 
  bottom: 10.42vw;
}
.award__text-wrapper.el7 span p:nth-child(2){
  margin-left: 2vw;
}
.award__text-wrapper.el7 p:nth-child(2){
  margin-left: 4.03vw;
}
.award__text-wrapper.el7 p:nth-child(3){
  margin-left: 2.50vw;
}

.award__text-wrapper.el8{
  grid-column: 11 /span 2;
  position: absolute; 
  bottom: 13.82vw;
}
.award__text-wrapper.el8 span p:nth-child(2){
  margin-left: 2vw;
}
.award__text-wrapper.el8 p:nth-child(2){
  margin-left: 4.03vw;
}
.award__text-wrapper.el8 p:nth-child(3){
  margin-left: 2.50vw;
}

.award__text-wrapper.el9{
  grid-column: 6 /span 3;
  position: absolute; 
  bottom: 10.42vw;
  left: -1.6vw; 
}
.award__text-wrapper.el9 span p:nth-child(2){
  margin-left: 2vw;
}
.award__text-wrapper.el9 span p:nth-child(1){
  margin-left: 0vw;
}
.award__text-wrapper.el9 p:nth-child(2){
  margin-left: 3.26vw;
}
.award__text-wrapper.el9 p:nth-child(1){
  margin-left: 1.32vw;
}
.award__vid {
  position: absolute;
  top: 4vw;
  left: 24%;
  z-index: 5;
  width: 50vw;
  height: 50vw;
  display: none;
}
.crazy-mode .award__vid{
  display: block;
}
/* ==========================SERVICES============================== */
.services__container{
  height: 100vw;
  position: relative;

}
.services__wrapper{
  min-height: 92.5vh;
  margin: -2.08vw;
  padding: 2.08vw;
  padding-top: 0;
  position: sticky;
  top: 2vw;
  overflow: hidden;
  margin-top: 0vw;
  margin-bottom: 20vw;
}
.services__text-wrapper{
  z-index: 20;
}
.services__text-wrapper.el1{
  grid-column: 1 /span 3;
  margin-top: 5.56vw;
  position: relative;
}
.services__text-wrapper.el1 span{
  display: flex;
}
.services__text-wrapper.el1 span:nth-child(1) p:nth-child(2){
  margin-left: 6.6vw;
}
.services__text-wrapper.el1 span:nth-child(1) p:nth-child(1){
  margin-left: 0vw;
}
.services__text-wrapper.el1 p:nth-child(2){
  margin-left: 2.78vw;
}
.services__text-wrapper.el1 p:nth-child(3){
  margin-left: 5.9vw;
}
.services__text-wrapper.el1 span:nth-child(4){
  margin-left: 9vw;
}
.services__text-wrapper.el1 span:nth-child(5){
  margin-left: 2.78vw;
  margin-top: 1vw;
}
.services__text-wrapper.el1 span:nth-child(4) p:nth-child(2){
  margin-left: 6.53vw;
}
.services__text-wrapper.el1 span:nth-child(5) p:nth-child(2){
  margin-left: 0.63vw;
}
.services__text-wrapper.el1 p:nth-child(6){
  margin-left: 5.97vw;
}
.services__text-wrapper.el2{
  position: absolute;
  grid-column: 1;
  bottom: 28.89vw;
  left: 2.78vw;
}
.services__text-wrapper.el3{
  position: absolute;
  grid-column: 2;
  bottom:27.57vw;

}
.services__text-wrapper.el3 p:nth-child(2){
  margin-left: 1.3vw;
}
.services__text-wrapper.el4{
  position: absolute;
  grid-column: 4;
  bottom: 28.89vw;
  left: -1.6vw;

}
.services__text-wrapper.el5{
  position: absolute;
  grid-column: 5;
  bottom: 28.89vw;


}
.services__text-wrapper.el6 {
  position: absolute;
  grid-column: 6;
  bottom: 27.57vw;
  left: -2.35vw;
}
.services__text-wrapper.el6 p:nth-child(2){
  margin-left: 1.25vw;
}
.services__title-wrapper{
  position: absolute;
  grid-column: 7 /span 6;
  bottom: 9.03vw;
  width: 47.22vw;
  z-index: 20;
}
.services__title-frame svg{
  width: 1.81vw;
  height: 8.06vw;
  filter: blur(2px);
}
.crazy-mode .services__title-frame svg{
  fill: #000;
}
.services__title-frame span:nth-child(1){
  /* margin-left: -0.7vw; */
}
.services__title-frame span:nth-child(2){
  /* margin-right: -1vw; */
}
.services__title-frame{
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: absolute;
  top: 7vw;
}
.services__title-container{
  display: flex;
  flex-direction: column;
  width: 37.92vw;
  margin: 0 auto;
  transform: translateY(7vw);
  position: relative;
  z-index: 2;
}
.services__title-container h2,
.services__title-container-mob h2{
  transition: filter 0.55s cubic-bezier(0.33, 1, 0.68, 1),
    -webkit-filter 0.55s cubic-bezier(0.33, 1, 0.68, 1);
}
.services__title-container-mob{
  display: none;
}
.services__title-blur{
  position: absolute;
  left: 50%;
  top: 55%;
  transform: translate(-50%, 0);
  width: 130%;
  height: 14vw;
  display: block;
  z-index: 1;
  pointer-events: none;
}
.services__video-alt {
  display: none;
  position: absolute;
  left: 14vw;
  top: 12vw;
  width: 27vw;
  height: 27vw;
  z-index: 3;
}
.crazy-mode .services__video-alt{
  display: block;
}





/* ==========================MEMBERS============================== */
.members__wrapper{
  width: 100%;
  height: 100vh;
  position: relative;
  margin-top: -20vw;
}
.members__text-wrapper.el1{
  grid-column: 1 /span 3;
  margin-left: 2.22vw;
  margin-top: 6.53vw;
}
.members__text-wrapper span{
  display: flex;
}
.members__text-wrapper.el1 span:nth-child(1) p:nth-child(2){
  margin-left: 5.2vw;
}

.members__text-wrapper.el1 p:nth-child(3){
  margin-left: 3.1vw;
}
.members__text-wrapper.el1 p:nth-child(5){
  margin-left: 5.7vw;
  margin-top: 1.35vw;
}
.members__text-wrapper.el1 p:nth-child(6){
  margin-left: 9.6vw;
}
.members__text-wrapper.el1 p:nth-child(7){
  margin-left: 7vw;
}
.members__text-wrapper.el2{
  grid-column: 10 /span 3;
  margin-left: 5.3vw;
  margin-top: 12.92vw;
}
.members__text-wrapper.el2 span p:nth-child(2){
  margin-left: 1.2vw;
}
.members__text-wrapper.el2 p:nth-child(3){
  margin-left: 4.4vw;
}
.members__text-wrapper.el3{
  grid-column: 1;
  position: absolute;
  bottom: 28.89vw;
}
.members__text-wrapper.el4{
  grid-column: 2 /span 2;
  position: absolute;
  bottom: 27.57vw;
}
.members__text-wrapper.el4 span:first-child p:nth-child(2){
  margin-left: 2.5vw;
  margin-right: 2vw;
}
.members__text-wrapper.el4 span:nth-child(2){
  margin-left: 1.2vw;
}
.members__text-wrapper.el4 span:nth-child(2) p:nth-child(2){
  margin-left: 2vw;
}

.members__text-wrapper.el5{
  grid-column: 10 /span 2;
  position: absolute;
  bottom: 27.57vw;
}
.members__text-wrapper.el5 span:first-child p:nth-child(2){
  margin-left: 1.85vw;
}
.members__text-wrapper.el5 span:nth-child(2){
  margin-left: 2.55vw;
}
.members__text-wrapper.el5 span:nth-child(2) p:nth-child(2){
  margin-left: 1.9vw;
  margin-right: 2vw;
}
.members__text-wrapper.el6{
  grid-column: 12;
  bottom: 28.89vw;
  position: absolute;
  left: 4.8vw;
}
.members__text-wrapper.el7{
  grid-column: 12;
  bottom:13.47vw;
  position: absolute;
  left: 0.2vw;
}
.members__text-wrapper.el7 p{
  margin-top: 0vw;
  margin-bottom: 0vw;
}
.members__text-wrapper.el7 p:nth-child(4){
  margin-left: 5.7vw;
}
.members__text-wrapper.el7 p:nth-child(6){
  margin-left: 5vw;
}

.members__text-wrapper.el8{
  grid-column: 1;
  bottom:13.47vw;
  position: absolute;
  display: flex;
  flex-direction: column;
}
.members__text-wrapper.el9{
  grid-column: 6 /span 2;
  position: absolute;
  bottom: 26.18vw;
  left: 6.8vw;
  z-index: 10;
}
/* Живая печать: min-height на <p> задаёт высоту финала; при bottom у обёртки текст тянется сверху и после снятия min-height «прыгает» вниз — прижимаем потомок к низу */
.members__text-wrapper.el3,
.members__text-wrapper.el4,
.members__text-wrapper.el5,
.members__text-wrapper.el6,
.members__text-wrapper.el7:not(.mob),
.members__text-wrapper.el9 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
/* Универсальная стилизация радио-кнопки - можно использовать в любом месте */

.custom-radio-wrapper input[type="radio"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  width: 0;
  height: 0;
}

.custom-radio-wrapper label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding-left: 0vw;
  transition: transform 0.2s;
}

.custom-radio-wrapper label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.28vw;
  height: 0.28vw;
  background: transparent;
  transition: all 0.2s;
}

.custom-radio-wrapper input[type="radio"]:checked + label {
  transform: translateX(0.56vw);
}

.custom-radio-wrapper input[type="radio"]:checked + label::before {
  background: #78ef50;
  width: 0.28vw;
  height: 0.28vw;
  transform: translateY(-50%) translateX(-0.56vw);
}
.members__text-wrapper label:nth-child(8){
  margin-top: 1.88vw;
}
.members__img-wrapper{
  position: absolute;
}

.members__img-wrapper.el1{
  grid-column: 3;
  bottom: 13.68vw;
  height: 7.50vw;

}
.members__img-wrapper.el1 svg {
  width: 7.50vw;
  height: 7.50vw;
  position: absolute;
  left: -0.28vw;
  top: -0.27vw;
  z-index: 10;
}
.members__img-wrapper.el1 img{
  width: 6.39vw;
  height: 6.39vw;
  position: relative;
}
.members__img-wrapper.el1 .members__img-container{
  position: absolute;
  display: block;
  overflow: hidden;
  margin: 0.28vw;
}


.members__img-wrapper.el2{
  grid-column: 4 /span 3;
  bottom: 24.79vw;
  height: 8.19vw;
  z-index: 10;
  left: 3vw;

}
.members__img-wrapper.el2 svg{
  width: 15.83vw;
  height: 8.19vw;
  position: absolute;
  top: -0.25vw;
  left: -0.3vw;
}
.members__img-wrapper.el2 img{
  width: 14.72vw;
  height: 7.08vw;
  position: relative;

}
.crazy-mode .members__img-container img{
  mix-blend-mode: difference;
}
.crazy-mode #members-img-cont1 img,
.crazy-mode #members-img-cont2 img{
  mix-blend-mode: difference !important;
}
.crazy-mode .members__img-container.el4,
.crazy-mode .members__img-container.el1,
.crazy-mode .members__img-container.el2,
.crazy-mode .members__img-container.el5{
  
  background-color: #78ef50;
}
.members__img-container.el1{
  height: 6.39vw;
  width: 6.39vw;
  margin: 0.28vw;
  position: absolute;
  display: block;
  overflow: hidden;
  transform-origin: center center;
  transform: none;
  transition: width 0.6s cubic-bezier(0.33, 1, 0.32, 1), height 0.6s cubic-bezier(0.33, 1, 0.32, 1), transform 0.6s cubic-bezier(0.33, 1, 0.32, 1);
}
.members__img-container.el1.anim{
  transform: scale(0);
}
.members__img-container.el2 {
  height: 7.08vw;
  width: 14.72vw;
  margin: 0.28vw;
  position: absolute;
  display: block;
  overflow: hidden;
  transform-origin: center center;
  transform: none;
  transition: width 0.6s cubic-bezier(0.33, 1, 0.32, 1), height 0.6s cubic-bezier(0.33, 1, 0.32, 1), transform 0.6s cubic-bezier(0.33, 1, 0.32, 1);
}
.members__img-container.el2.anim{
  transform: scale(0);
}

.members__img-wrapper.el3{
  grid-column: 5 /span 4;
  bottom: 9.03vw;
  height: 42.22vw;

}
.members__img-wrapper.el3 svg{
  width: 31.53vw;
  height: 42.22vw;
  position: absolute;
  top: -0.25vw;
  left: -0.3vw;
}

.members__img-container.el3 {
  width:30.42vw;
  height: 41.11vw;
  margin: 0.25vw;
  position: absolute;
  display: block;
  overflow: hidden;
  transition: width 0.6s cubic-bezier(0.33, 1, 0.32, 1), height 0.6s cubic-bezier(0.33, 1, 0.32, 1), transform 0.6s cubic-bezier(0.33, 1, 0.32, 1);
}
.members__img-wrapper.el3 img{
  width:30.42vw;
  height: 41.11vw;
  

}

.members__img-wrapper.el4{
  grid-column: 8 /span 2;
  height: 15.28vw;
  top: 5.90vw;
  left: 3.5vw;
}
.members__img-wrapper.el4 svg{
  width:8.19vw;
  height: 15.83vw;
  position: absolute;
  top: -0.25vw;
  left: -0.3vw;
}
.members__img-wrapper.el4 img{
  width: 7.08vw;
  height: 14.72vw;
  position: relative;

}
.members__img-container.el4 {
  width: 7.08vw;
  height: 14.72vw;
  margin: 0.28vw;
  position: absolute;
  display: block;
  overflow: hidden;
  transform-origin: center center;
  transform: none;
  transition: width 0.6s cubic-bezier(0.33, 1, 0.32, 1), height 0.6s cubic-bezier(0.33, 1, 0.32, 1), transform 0.6s cubic-bezier(0.33, 1, 0.32, 1);
}
.members__img-container.el4.anim{
  transform: scale(0);
}

.members__img-wrapper.el5{
  grid-column: 8 /span 2;
  height: 15.28vw;
  bottom: 5.90vw;
  left: 0.5vw;
}
.members__img-wrapper.el5 svg{
  width:14.44vw;
  height: 14.44vw;
  position: absolute;
  top: -0.25vw;
  left: -0.3vw;
}
.members__img-wrapper.el5 img{
  width: 13.33vw;
  height: 13.33vw;
  position: relative;

}
.members__img-container.el5 {
  width: 13.33vw;
  height: 13.33vw;
  margin: 0.28vw;
  position: absolute;
  display: block;
  overflow: hidden;
  transform-origin: center center;
  transform: none;
  transition: width 0.6s cubic-bezier(0.33, 1, 0.32, 1), height 0.6s cubic-bezier(0.33, 1, 0.32, 1), transform 0.6s cubic-bezier(0.33, 1, 0.32, 1);
}
.members__img-container.el5.anim{
  transform: scale(0);
}
/* ==========================MOTTO============================== */
.motto__container{
  margin: -2.08vw;
  padding: 2.08vw;
  overflow: hidden;
  margin-top: 12vw;
  pointer-events: none;
}
.motto__wrapper{
  position: relative;
  height: 92.9vh;
  z-index: 3;
}
.motto__title-wrapper h1{
  margin-top: -1vw;
  opacity: 1;
  transition: 1s ease;
}
.motto__title-wrapper.el1{
  grid-column: 2 /span 5;
}
.motto__title-wrapper.el2{
  grid-column: 8 /span 4;
  margin-left: -1.4vw;
}
.motto__title-wrapper.el2 span:nth-child(1){
  letter-spacing: -0.02em;
}
.motto__title-wrapper.el2 span:nth-child(2){
  letter-spacing: 0.01em;
}
.motto__title-wrapper.el3{
  grid-column: 1 /span 7;
  display: flex;
}
.motto__title-wrapper.el3 h1:first-child{
  margin-left: 0.5vw;
  margin-right: 6vw;
}
.motto__title-wrapper.el3 span:nth-child(1){
  letter-spacing: -0.01em;
}
.motto__title-wrapper.el3 span:nth-child(2){
  letter-spacing: 0.02em;
}
.motto__title-wrapper.el3 span:nth-child(3){
  letter-spacing: -0.01em;
}
.motto__title-wrapper.el4{
  grid-column: 4 /span 4;
  margin-left: 1vw;
}
.motto__title-wrapper.el4 span:nth-child(1){
  letter-spacing: -0.03em;
}
.motto__title-wrapper.el4 span:nth-child(2){
  letter-spacing: -0.01em;
}
.motto__title-wrapper.el5{
  grid-column: 1 /span 7;
  margin-left: -0.5vw;
}
.motto__title-wrapper.el5 span:nth-child(1){
  letter-spacing: 0.01em;
}
.motto__title-wrapper.el5 span:nth-child(2){
  letter-spacing: 0.02em;
}
.motto__title-wrapper.el5 span:nth-child(3){
  letter-spacing: 0.01em;
}
.motto__title-wrapper.el6{
  grid-column: 10;
  margin-left: 0.5vw;
}
.motto__title-wrapper.el7{
  grid-column: 2 /span 8;
  margin-left: -4.3vw;
}
.motto__title-wrapper.el7 span:nth-child(1){
  letter-spacing: -0.01em;
}
.motto__title-wrapper.el7 span:nth-child(2){
  letter-spacing: 0.01em;
}
.motto__title-wrapper.el8{
  grid-column: 1 /span 3;
  margin-left: -0.5vw;
}
.motto__title-wrapper.el8 span:nth-child(1){
  letter-spacing: 0.02em;
}
.motto__title-wrapper.el8 span:nth-child(2){
  letter-spacing: 0.01em;
}
.motto__title-wrapper.el9{
  grid-column: 10 /span 3;
  grid-row: 3;

}
.motto__title-wrapper.el10{
  grid-column: 8 /span 5;
  grid-row: 4;

}
.motto__title-fr{
  filter: url(#threshold-par1) blur(2px) url(#text-noise);
}
.motto__title-sc{
  filter: url(#threshold-par2) blur(2px) url(#text-noise);
}
.motto__title-wrapper.el9 h1{
  filter: url(#threshold-par2) blur(7px) url(#text-noise);
}
.motto__title-wrapper.el10 h1{
  filter: url(#threshold-par2) blur(6px) url(#text-noise);
}
.motto__title-wrapper.el9 h1{
  filter: url(#threshold-par2) blur(6px) url(#text-noise);
}
.motto__title-wrapper.el6 h1{
  filter: url(#threshold-par2) blur(9px) url(#text-noise);
}
.motto__text-wrapper.el1{
  grid-column: 3 /span 2;
  margin-bottom: 7vw;
}
.motto__text-wrapper.el1 span{
  display: flex;
  gap: 2.08vw;
}
.motto__text-wrapper.el1 span p:nth-child(2){
  margin-left: 0vw;
}
.motto__text-wrapper.el1 p:nth-child(2){
  margin-left: 4.6vw;
}
.motto__text-wrapper.el1 p:nth-child(3){
  margin-left: 5.8vw;
}

.motto__text-wrapper.el2{
  grid-row: 3;
  grid-column: 1 /span 3;
  margin-top: 1vw;
}
.motto__text-wrapper.el2 span{
  display: flex;
  margin-left: 3.1vw;
}
.motto__text-wrapper.el2 span p:nth-child(1){
  width: 7vw;
  display: block;
}
.motto__text-wrapper.el2 span p:nth-child(2){
  margin-left: 1.53vw;
  margin-right: 1.53vw;
  width: 1.3vw;
  display: block;
}
.motto__text-wrapper.el2 p:nth-child(2){
  margin-left: 2.5vw;
}
.motto__text-wrapper.el2 p:nth-child(4){
  margin-left: 16.4vw;
}

.motto__text-wrapper.el3{
  grid-row: 4;
  grid-column: 10 /span 3;
  margin-left: 3vw;
}
.motto__text-wrapper.el3 span{
  display: flex;

}
.motto__text-wrapper.el3 span:nth-child(2){
  margin-left: 1.9vw;
}
.motto__text-wrapper.el3 span:nth-child(2) p:nth-child(2){
  margin-left: 1.53vw;
  margin-right: 1.53vw;
}

.motto__text-wrapper.el3 span:nth-child(3){
  margin-left: 13.2vw;
}
.motto__text-wrapper.el3 span:nth-child(3) p:nth-child(2){
  margin-left: 3.3vw;
}

.motto__text-wrapper.el4{
  grid-column: 11 /span 2;
  grid-row: 1;
  align-self: self-end;
  margin-left: 0.2vw;
}
.motto__text-wrapper.el4 span{
  display: flex;
  margin-left: 2.6vw;
}
.motto__text-wrapper.el4 span p:last-child{
  margin-left: 3.7vw;
}
.motto__text-wrapper.el5{
  grid-column: 1;
  grid-row:2;
  margin-left: 0.2vw;
  margin-top: 1.2vw;
}
.motto__text-wrapper.el6{
  grid-column: 4;
  grid-row:3;
  margin-left: 3.3vw;
  margin-top: 1.2vw;
}

.motto__text-wrapper.el7{
  grid-column: 5 /span 5;
  grid-row:3;
  margin-left: 3.8vw;
  margin-top: 1.2vw;
}
.motto__text-wrapper.el7 span{
  display: flex;
}
.motto__text-wrapper.el7 span:nth-child(1){
  margin-left: 2vw;
}
.motto__text-wrapper.el7 span:nth-child(1) p:nth-child(1){
  width:1.3vw;
  display: block;
}
.motto__text-wrapper.el7 span:nth-child(1) p:nth-child(2){
  margin-left: 1.7vw;
  width: 8vw;
  display: block;
}
.motto__text-wrapper.el7 span:nth-child(1) p:nth-child(3){
  margin-left: 4.6vw;
}
.motto__text-wrapper.el7 span:nth-child(1) p:nth-child(4){
  margin-left: 1.8vw;
}
.motto__text-wrapper.el7 span:nth-child(1) p:nth-child(5){
  margin-left: 1.8vw;
}
.motto__text-wrapper.el7 span:nth-child(2) p:nth-child(1){
  width: 2vw;
  display: block;
}
.motto__text-wrapper.el7 span:nth-child(2) p:nth-child(2){
  margin-left: 1.67vw;
  width: 1.5vw;
  display: block;
}
.motto__text-wrapper.el7 span:nth-child(2) p:nth-child(3){
  margin-left: 1.4vw;
  width: 6vw;
  display: block;
}
.motto__text-wrapper.el7 span:nth-child(2) p:nth-child(4){
  margin-left: 4.10vw;
}
.motto__text-wrapper.el7 span:nth-child(2) p:nth-child(5){
  margin-left: 1.7vw;
}

.motto__text-wrapper.el8{
  grid-column: 1;
  grid-row:4;
  margin-left: 0vw;
  margin-top: 1.2vw;
}

.motto__text-wrapper.el9{
  grid-column: 2 /span 2;
  grid-row:4;
  margin-left: 0vw;
  margin-top: 1.2vw;
}
.motto__text-wrapper.el9 p:first-child{
  margin-left: 2.4vw;
}
.motto__video{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  right: -45vw;
  top: -100vw;
  z-index: 2;
  
}
/* ==========================LEAD============================== */
.lead__wrapper{
  height: 92.9vh;
  width: 100%;
  position: relative;
  margin-top: -90vw;
  overflow: hidden;
}
.lead__title-wrapper h2{
  filter: url(#threshold-form) blur(2px) url(#text-noise);


}
.lead__text-wrapper.el1{
  grid-column: 4;
  margin-top: 3.61vw;
}
.lead__title-wrapper.el1{
  grid-column: 4 /span 7;
  position: absolute;
  margin-top: 2.8vw;
  z-index: 3;
  pointer-events: none;
}
.lead__title-wrapper.el1 h2:first-child{
  margin-left: 25.55vw;
}
.lead__title-wrapper.el1 div:last-child{
  margin-left: 8.46vw;
}
.lead__title-wrapper.el1 div h2:first-child{
  margin-left: 0vw;
}
.lead__title-wrapper.el1 div h2:first-child span:nth-child(1){
  letter-spacing: 0.05em;
}
.lead__title-wrapper.el1 div h2:first-child span:nth-child(2){
  letter-spacing: 0.01em;
}
.lead__title-wrapper.el1 div h2:nth-child(2){
  margin-left: 1.3vw;
}
.lead__title-wrapper.el1 div h2:nth-child(3){
  margin-left: 1.05vw;
}
.lead__title-wrapper.el1 div h2:nth-child(3) span:nth-child(1){
  letter-spacing: 0.01em;
}
.lead__title-wrapper.el1 div{
  display: flex;
}
.lead__title-wrapper.el1 h2:first-child span:first-child{
  letter-spacing: 0.03em;
}
.lead__title-wrapper.el1 h2:first-child span:nth-child(2){
  letter-spacing: -0.02em;
}
.lead__title-wrapper.el1 h2:first-child span:nth-child(3){
  letter-spacing: 0.03em;
}
.lead__title-wrapper.el1 h2:first-child span:nth-child(4){
  letter-spacing: 0.01em;
}
.lead__title-wrapper.el1 h2:nth-child(2) span:first-child{
  letter-spacing: 0.03em;
}
.lead__title-wrapper.el1 h2:nth-child(2) span:nth-child(2){
  letter-spacing: 0.01em;
}
.lead__title-wrapper.el1 h2:nth-child(2) span:nth-child(3){
  letter-spacing: -0.01em;
}
.lead__title-wrapper.el1 h2:nth-child(2) span:nth-child(4){
  letter-spacing: -0.01em;
}
.lead__title-wrapper.el1 h2:nth-child(2) span:nth-child(5){
  letter-spacing: 0.01em;
}
.lead__title-wrapper.el1 h2:nth-child(2) span:nth-child(6){
  letter-spacing: 0.03em;
}
.lead__title-wrapper.el1 h2:nth-child(2) span:nth-child(7){
  letter-spacing: -0.01em;
}
.lead__title-wrapper.el1 h2:nth-child(2) span:nth-child(8){
  letter-spacing: 0.06em;
}
.lead__title-wrapper.el1 h2:nth-child(2) span:nth-child(9){
  letter-spacing: 0.03em;
}
.lead__title-wrapper.el1 h2:nth-child(2) span:nth-child(10){
  letter-spacing: 0.03em;
}
.form{
  position: absolute;
  display: flex;
  flex-direction: column;
  grid-column: 1 /span 5;
  bottom: 6.60vw;
  gap: 2.78vw;
}
.form__block{
  display: flex;
  flex-direction: column;
  gap: 1.39vw;
}
.form__row{
  display: flex;

  

}
.form__row p:nth-child(1){
  width: 2.71vw;
}
.form__row p:nth-child(2){
  margin-left: 5.42vw;
  width: 10.76vw;
}
.form__row p span{
  margin-left: 1.3vw;
  
}
.form__radio{
  display: flex;
  flex-direction: column;

  margin-left: 5.42vw;
}

.form__input {
  position: relative;
  margin-left: 5.42vw;
}

.form__input::before {
  content: '>';
  position: absolute;
  left: 2%;
  top: 50%;
  transform: translateY(-50%);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1.11vw;
  line-height: 120%;
  letter-spacing: -0.03em;
  text-transform: lowercase;
  color: #78ef50;
  animation: blink 1s infinite;
}

@keyframes blink {
  0%, 50% {
    opacity: 1;
  }
  51%, 100% {
    opacity: 0;
  }
}

.form__input {
  position: relative;
}

.form__input input {
  /* Убираем все стандартные стили */
  border: none;
  outline: none;
  background: transparent;
  padding: 0;
  margin: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  
  /* Применяем стили как у p, li, label */
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1.11vw;
  line-height: 120%;
  letter-spacing: -0.03em;
  text-transform: lowercase;
  color: #78ef50;
  
  /* Отступ слева для курсора > */
  padding-left: 1.5vw;
  width: 100%;
}

.form__input input::placeholder {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1.11vw;
  line-height: 120%;
  letter-spacing: -0.03em;
  text-transform: lowercase;
  color: #78ef50;
  opacity: 1;
}
.crazy-mode .form__input input{
  color: #000;
}
.crazy-mode .form__input input::placeholder{
  color: #000;
}
.crazy-mode .form__input::before{
  color: #000;
}
.form__btn{
  align-self: self-end;
  margin-right: 11vw;
}

.crt-main .lead__wrapper .form__input input,
.crt-main .lead__wrapper .form__input input::placeholder,
.crt-main .lead__wrapper .form__input::before,
.crt-main .lead__wrapper .form__btn {
  text-shadow: var(--crt-text-shadow);
}
.crt-main .lead__wrapper .form__input input {
  position: relative;
  z-index: 1;
}
.crt-main .lead__wrapper .form__input::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  mix-blend-mode: overlay;
  opacity: var(--crt-local-scan-opacity, 1);
  background-image:
    repeating-linear-gradient(
      var(--crt-red) 0px,
      var(--crt-green) 2px,
      var(--crt-blue) 4px
    ),
    repeating-linear-gradient(
      90deg,
      var(--crt-red) 1px,
      var(--crt-green) 2px,
      var(--crt-blue) 3px
    );
}
.crt-main .lead__wrapper .form__btn {
  position: relative;
}
.crt-main .lead__wrapper .form__btn::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  mix-blend-mode: overlay;
  opacity: var(--crt-local-scan-opacity, 1);
  background-image:
    repeating-linear-gradient(
      var(--crt-red) 0px,
      var(--crt-green) 2px,
      var(--crt-blue) 4px
    ),
    repeating-linear-gradient(
      90deg,
      var(--crt-red) 1px,
      var(--crt-green) 2px,
      var(--crt-blue) 3px
    );
}
.lead__video {
  position: absolute;
  right: 0vw;
  top: 0vw;
  width: 38vw;
  height: 48vw;
  z-index: 2;
  object-fit: contain;
  object-position: center center;
}
/* ==========================FOOTER============================== */
.container-footer{
  margin-top: -10vw;
  z-index: 2;
  overflow: hidden;
  height: 101vh;

}

.crazy-mode .container{
  border-bottom: #78ef50 1px solid;
}
.crazy-mode .container-footer{
  border: none;
}
.footer__wrapper{
  height: 100vh;
  width: 100%;
  position: relative;
  margin: -2.08vw;
  padding: 2.08vw;
  background-size: cover;

}
.footer-vid{
  position: absolute;
  width: 100%;
  bottom: 0vw;
  margin: -2.08vw;
}
.footer__text-wrapper{
  mix-blend-mode: difference;
}
.footer__text-wrapper.el1{
  grid-column: 1 /span 3;
  margin-top: 10vw;
}


.footer__text-wrapper span{
  display: flex;
}
.crazy-mode .footer__text-wrapper{
  mix-blend-mode: normal;
}
.footer__text-wrapper.el1 span:nth-child(1) p:nth-child(2){
   margin-left: 6.25vw;
}
.footer__text-wrapper.el1 p:nth-child(2){
  margin-left: 5vw;
}
.footer__text-wrapper.el1 p:nth-child(3){
  margin-left: 6.25vw;
}
.footer__text-wrapper.el1 span:nth-child(4){
  margin-top: 1vw;
}
.footer__text-wrapper.el1 span:nth-child(4) p:nth-child(2){
  margin-left: 1.3vw;
}
.footer__text-wrapper.el1 p:nth-child(5){
  margin-left: 9.5vw;
}
.footer__text-wrapper.el1 p:nth-child(6){
  margin-left: 3.3vw;
}
.footer__text-wrapper.el1 p:nth-child(7){
  margin-left: 5.8vw;
}

.footer__text-wrapper.el2{
  position: absolute;
  grid-column: 1;
  bottom: 30.21vw;
}

.crazy-mode .footer__text-wrapper.el2 p{
  color: #78ef50;
}
.crazy-mode .footer__text-wrapper.el3 a{
  color: #78ef50;
}
.footer__text-wrapper.el3{
  position: absolute;
  grid-column: 2 /span 2;
  bottom: 28.89vw;
}
.footer__text-wrapper.el3 p:nth-child(1){
  margin-left: 1.85vw;
}

.footer__text-wrapper.el4{
  position: absolute;
  grid-column: 6 /span 2;
  bottom: 30.21vw;
  left: 6.75vw;
}
.footer__text-wrapper.el5{
  position: absolute;
  grid-column: 10 /span 2;
  bottom: 28.89vw;
}
.footer__text-wrapper.el5 p:nth-child(2){
  margin-left: 1.9vw;
}
.crazy-mode .footer__text-wrapper.el5 a{
  color: #78ef50;
}
.crazy-mode .footer__text-wrapper.el6 p{
  color: #78ef50;
}
.footer__text-wrapper.el6{
  position: absolute;
  grid-column: 12;
  bottom: 30.21vw;
  left: 4.8vw;
}
.footer__svg-wrapper.el1{
  grid-column: 1 /span 2;
  position: absolute;
  bottom: 2.08vw;
}
.footer__svg-wrapper.el1 p{
  mix-blend-mode: difference;
  color: #78ef50;
}
.footer__svg-wrapper.el3 p{
  mix-blend-mode: difference;
  color: #78ef50;
}
.footer__text-wrapper.el7 a{
  mix-blend-mode: difference;
  color: #78ef50;
}
.footer__svg-wrapper.el3{
  grid-column: 3;
  margin-left: 3vw;
  position: absolute;
  bottom: 2.08vw;
}
.footer__svg-wrapper svg{
  width: 6.94vw;
  height: 4.44vw;
  mix-blend-mode: difference;
}

.footer__svg-wrapper.el2{
  grid-column: 6/span 2;
  position: absolute;
  bottom: 2.6vw;
  width: 11.81vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  left: 1.5vw;
  mix-blend-mode: difference;
}
.footer__svg-wrapper.el2 img{
  mix-blend-mode: difference;
}
.crazy-mode .footer__svg-wrapper.el2 {
  mix-blend-mode: normal;
}
.crazy-mode .footer__svg-wrapper.el2 img {
  mix-blend-mode: normal;
  filter: brightness(0) saturate(100%);
}
.footer__svg-wrapper.el2 img:nth-child(1){
  width: 2.22vw;

}
.footer__svg-wrapper.el2 img:nth-child(2){
  width:4.17vw;
  
}
.footer__svg-wrapper.el2 img:nth-child(3){
  width:2.08vw;
  mix-blend-mode: normal;
  
  
}

/* Локальный CRT-оверлей для блока иконок в policy footer */
.footer__svg-wrapper--crt{
  position: relative;
  isolation: isolate;
}
.footer__svg-wrapper--crt img{
  position: relative;
  z-index: 1;
}
.footer__svg-wrapper--crt::before,
.footer__svg-wrapper--crt::after{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  mix-blend-mode: overlay;
}
.footer__svg-wrapper--crt::before{
  background: repeating-linear-gradient(
    var(--crt-red) 0px,
    var(--crt-green) 2px,
    var(--crt-blue) 4px
  );
  opacity: 0.36;
}
.footer__svg-wrapper--crt::after{
  background: repeating-linear-gradient(
    90deg,
    var(--crt-red) 1px,
    var(--crt-green) 2px,
    var(--crt-blue) 3px
  );
  opacity: 0.28;
}

.footer__text-wrapper.el7{
  position: absolute;
  grid-column: 10;
  bottom: 2.08vw;
}
.crazy-mode .footer__text-wrapper.el7 p{
  color: #78ef50;
}
.footer__text-wrapper.el8{
  position: absolute;
  grid-column: 12;
  bottom: 2.08vw;
  display: flex;
  flex-direction: column;
  gap: 1.4vw;
  left: 3.4vw;
}
.footer__text-wrapper.el8 p,
.footer__text-wrapper.el8 a{
  text-align: right;
}



/* ==========================WORKPAGE============================== */
.workpage__wrapper{
  width: 100%;
  height: 100vh;
  margin-top: -100vh;
  position: relative;
}
.workpage__title-wrapper h2{
  filter: url(#threshold-main) blur(2px) url(#text-noise);
} 
.workpage__title-wrapper div{
  display: flex;
 

}
.workpage__title-wrapper.el1{
  grid-column: 1;
  margin-top: 5.69vw;


}
.workpage__title-wrapper.el2{
  grid-column: 2 /span 8;
  margin-top: 5.69vw;
}
.workpage__title-wrapper.el2 div:nth-child(2) h2:nth-child(2){
  margin-left: 3.5vw;
}
.workpage__title-wrapper.el2 div:nth-child(2) h2:nth-child(3){
  margin-left: 2.5vw;
}
.workpage__title-wrapper.el2 div:nth-child(3) h2:nth-child(1){
  margin-left: 14.6vw;
}
.workpage__title-wrapper.el2 div:nth-child(3) h2:nth-child(2){
  margin-left: 25vw;
}
.workpage__title-wrapper.el2 div:nth-child(3){
  position: relative;
  z-index: 11;
}
.workpage__title-wrapper.el2 div:nth-child(3) h2:nth-child(2) span:nth-child(1){
  letter-spacing: 0.03em;
}
.workpage__title-wrapper.el2 div:nth-child(3) h2:nth-child(2) span:nth-child(2){
  letter-spacing: 0.01em;
}
.workpage__title-wrapper.el2 h2:nth-child(4){
  margin-left: 1vw;
  position: relative;
  z-index: 11;
}

.workpage__text-wrapper.el1{
  grid-column: 1;
  position: absolute;
  bottom: 17.64vw;
}
.workpage__text-wrapper.el2{
  grid-column: 2 /span 2;
  position: absolute;
  bottom: 16.32vw;
  margin-left: 4vw;
}
.workpage__text-wrapper.el2 p:nth-child(2){
  margin-left: 0.6vw;
}
.workpage__text-wrapper.el3{
  grid-column:10;
  position: absolute;
  bottom: 17.64vw;
}
.workpage__text-wrapper.el4{
  grid-column:11 /span 2;
  position: absolute;
  bottom: 16.32vw;
  margin-left: -4.4vw;

}
.workpage__text-wrapper.el4 p:nth-child(2){
  margin-left: 1.35vw;
}
/* Абсолют + grid-column в Safari давал привязку не к 12-й колонке — закрепляем по правому краю обёртки. */
.workpage__btn-container{
  position: absolute;
  top: 2.22vw;
  right: 0;
  width: 7.50vw;
  height: 92.9vh;
  overflow: hidden;
  margin-right: -0.4vw;
  animation-name: workpage__btn-container-anim;
  animation-duration: 0.5s;
  animation-delay: 2s;
  animation-fill-mode: both;
}
@keyframes workpage__btn-container-anim {
  0%{
    transform: translateX(30vw);
  }
  100%{
    transform: translateX(0vw);
  }
}
.workpage__btn-wrapper{
  display: flex;
  flex-direction: column;
  gap: 1.67vw;
  margin-left: 0.55vw;
}
.workpage__btn{
  position: relative;
  width: 6.39vw;
  height: 6.39vw;
  background-size: cover;
  cursor: pointer;
}
.workpage__btn::after{
  content: '';
  position: absolute;
  inset: 0;
  background: #ff1a00;
  opacity: 1;
  mix-blend-mode: multiply;
  pointer-events: none;
  transition: opacity 0.4s ease;
}
.crazy-mode .workpage__btn::after{
  background: #ff1a00;
  mix-blend-mode: difference;
}
.workpage__btn.is-active::after{
  opacity: 0;
}
.workpage__btn.el1{
  background-image: url(../img/workpage/workpage-img1.webp);
}
.workpage__btn.el2{
  background-image: url(../img/workpage/workpage-img2.webp);
}
.workpage__btn.el3{
  background-image: url(../img/workpage/workpage-img3.webp);
}
.workpage__btn.el4{
  background-image: url(../img/workpage/workpage-img4.webp);
}
.workpage__btn.el5{
  background-image: url(../img/workpage/workpage-img5.webp);
}
.workpage__btn.el6{
  background-image: url(../img/workpage/workpage-img6.webp);
}
.workpage__btn.el7{
  background-image: url(../img/workpage/workpage-img7.webp);
}
.workpage__btn.el8{
  background-image: url(../img/workpage/workpage-img8.webp);
}
.workpage__btn-frame{
  width: 7.50vw;
  height: 7.50vw;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transform-origin: center center;

}
.workpage__vid-wrapper {
  position: absolute;
  z-index: 10;
  top: 16vw;
  left: 26.4vw;
}
.workpage__vid-wrapper svg{
  width: 42.22vw;
  height: 27.64vw;
  position: absolute;
  top: 0.1vw;
  left: 0.1vw;
}
.workpage__vid-container{
  position: relative;
  width: 41.11vw;
  height: 26.53vw;
  margin: 0.65vw;
  overflow: hidden;
  display: block;
  transform-origin: center center;
  transform: none;
  transition: width 0.6s cubic-bezier(0.33, 1, 0.32, 1), height 0.6s cubic-bezier(0.33, 1, 0.32, 1), transform 0.6s cubic-bezier(0.33, 1, 0.32, 1);
}
.workpage__vid-container img,
.workpage__vid-container video{
  width: 41.11vw;
  height: 26.6vw;
  object-fit: cover;
  display: block;
}

.workpage__vid-container.anim{
  transform: scale(0);
}
.workpage__loader{
  margin: -2.08vw;
  position: fixed;
  width: 100%;
  height: 120%;
  z-index: 1000000000000000000000000;
  background: #000;
  display: block;
  pointer-events: none;
  animation-name: workpage-loader;
  animation-fill-mode: both;
  animation-duration: 0.18s;

}
@keyframes workpage-loader {
  0%{
    opacity: 0.6;
  }
  100%{
    opacity: 0;
    visibility: hidden;
  }
}

/* ==========================PLAYGROUND============================== */
.playg__container{
  width: 100%;
  margin: -2.08vw;
  padding: 2.08vw;
  overflow: hidden;
  margin-top: -100vh;
  position: relative;
  z-index: 20;
}
.playg__wrapper{
  width: 100%;
  height: 100vh;
  margin-top: -2.08vw;
  position: relative;
}
.playg__title-wrapper{
  position: absolute;
  grid-column: 4 /span 9;

}
.playg__title-wrapper h2{
  filter: url(#threshold-main) blur(2px) url(#text-noise);
}

.playg__title-wrapper.el1{
  bottom: 21.88vw;
}
.playg__title-wrapper.el2{
  bottom: 7.5vw;
  z-index: 1000;
  opacity: 0.9;
  pointer-events: none;
}
.playg__title-wrapper div{
  display: flex;
}
.playg__title-wrapper.el1 h2:nth-child(2){
  margin-left: 4.5vw;
}
.playg__title-wrapper.el2 div:nth-child(1){
  margin-left: 16.5vw;
}
.playg__title-wrapper.el2 div:nth-child(1) h2:nth-child(2){
  margin-left: 19.1vw;
}
.playg__title-wrapper.el2 div:nth-child(2){
  margin-left: 38.6vw;
}
.playg__title-wrapper.el2 div:nth-child(2) h2:nth-child(2){
  margin-left: 2.2vw;
}
.playg__card-wrapper{
  position: relative;
  display: flex;
  flex-shrink: 0;
  width: max-content;
  will-change: transform;
}
.playg__card-wrapper.el2{
  flex-direction: row-reverse;
}
.playg__card-wrapper > *{
  flex-shrink: 0;
}
.playg__card-container{
  grid-column: 1 /span 12;
  width: calc(100% + 4.16vw);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 69vh;
  position: absolute;
  bottom: 15.8vh;
  overflow: hidden;
  margin-left: -2.08vw;
}
.playg__card{
  cursor: pointer;
}

.playg__card-img-wrapper{
  position: relative;
}

.playg__card-img-wrapper svg{
  width: 13.06vw;
  height: 7.50vw;
  position: absolute;
}
.playg__card-img-wrapper img{
  width:11.94vw;
  height: 6.39vw;
  margin-top: 0.56vw;
  margin-left: 0.56vw;
}

.playg__card-img-wrapper::after{
  content: '';
  position: absolute;
  left: 0.56vw;
  top: 0.56vw;
  width: 11.94vw;
  height: 6.39vw;
  background: #ff1a00;
  mix-blend-mode: multiply;
  pointer-events: none;
}

.crazy-mode .playg__card-img-wrapper::after{
  background: #ff1a00;
  mix-blend-mode: difference;
}
.playg__text-wrapper{
  display: flex;
  margin-top: 0.83vw;
  justify-content: space-between;
  margin-left: 0.2vw;
}
.playg__text-wrapper span p:nth-child(1){
  margin-left: 2vw;
}
.playg__card-dot{
  display: block;
  width: 0.56vw;
  height: 0.56vw;
  background: #78ef50;
  margin-left: 3.40vw;
  margin-right: 2.85vw;
  margin-top: 3.5vw;
}
.playg__pop-wrapper{
  position: fixed;
  bottom: 25%;
  left: 25%;
  width: 50.56vw;
  height: 31.11vw;
  overflow: hidden;
  z-index: 1000001;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.playg__pop-wrapper.is-open{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.playg__pop-wrapper svg{
  width: 50.56vw;
  height: 31.11vw;
  position: absolute;
  left: 0;
  top: 0;
}
.playg__pop-img-container{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 49.44vw;
  height: 30vw;
  margin-left: calc(-49.44vw / 2);
  margin-top: calc(-30vw / 2);
  overflow: hidden;
  transform-origin: center center;
  transform: none;
  /* как playg-popup.js: duration 0.3, дефолтный ease GSAP ≈ power1.out */
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.playg__pop-img-container.anim{
  transform: scale(0);
}
.playg__pop-img-container img{
  width: 49.44vw;
  height: 30vw;
  position: absolute;
  left: 0;
  top: 0;
}
.playg__pop-blur{
  backdrop-filter: blur(50px);
  background: rgba(0, 0, 0, 0.1);
  position: fixed;
  inset: 0;
  z-index: 1000000;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  
}
.playg__pop-blur.is-active{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* ==========================POLICY============================== */
.policy__wrapper{
  margin-top: -98vh;
  margin-bottom: 10vw;

}
.policy__title-wrapper{
  grid-column: 2 /span 11;

}
.policy__title-wrapper h2{
  filter: url(#threshold-main) blur(2px) url(#text-noise);
}
.policy__title-wrapper div{
  display: flex;
}
.policy__title-wrapper h2:nth-child(1) span:nth-child(1){
  letter-spacing: 0.03em;
}
.policy__title-wrapper h2:nth-child(1) span:nth-child(2){
  letter-spacing: 0.05em;
}
.policy__title-wrapper h2:nth-child(1) span:nth-child(3){
  letter-spacing: -0.01em;
}
.policy__title-wrapper div:nth-child(2){
  margin-left: 4vw;
}
.policy__title-wrapper div:nth-child(2) h2:nth-child(1) span:nth-child(1){
  letter-spacing: 0.03em;
}
.policy__title-wrapper div:nth-child(2) h2:nth-child(1) span:nth-child(2){
  letter-spacing: 0.03em;
}
.policy__title-wrapper div:nth-child(2) h2:nth-child(1) span:nth-child(3){
  letter-spacing: 0.06em;
}
.policy__title-wrapper div:nth-child(2) h2:nth-child(2){
  margin-left: 1vw;
}
.policy__title-wrapper div:nth-child(3){
  margin-left: 15.6vw;
}
.policy__title-wrapper div:nth-child(3) h2:nth-child(2){
  margin-left: 11.1vw;
}
.policy__title-wrapper div:nth-child(3) h2:nth-child(1) span:nth-child(1){
  letter-spacing: 0.07em;
}
.policy__title-wrapper div:nth-child(3) h2:nth-child(1) span:nth-child(2){
  letter-spacing: 0.01em;
}
.policy__title-wrapper div:nth-child(3) h2:nth-child(2) span:nth-child(1){
  letter-spacing: 0.06em;
}
.policy__title-wrapper div:nth-child(3) h2:nth-child(2) span:nth-child(2){
  letter-spacing: -0.02em;
}
.policy__title-wrapper div:nth-child(3) h2:nth-child(2) span:nth-child(3){
  letter-spacing: 0.04em;
}
.policy__title-wrapper div:nth-child(4){
  margin-left: 32.7vw;
}
.policy__title-wrapper div:nth-child(4) h2:nth-child(2){
  margin-left: 22vw;
}
.policy__title-wrapper  div:nth-child(4) h2:nth-child(1) span:nth-child(1){
  letter-spacing: 0.01em;
}
.policy__title-wrapper  div:nth-child(4) h2:nth-child(1) span:nth-child(2){
  letter-spacing: 0.01em;
}
.policy__inner{
  max-width: 52vw;
  margin: 0 auto;
}
.policy__title{
  font-family: inherit;
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  font-weight: 400;
  margin-bottom: 1vw;
  color: #000;
}
.policy__updated{
  font-size: 0.9rem;
  opacity: 0.7;
  margin-bottom: 3vw;
}
.policy__section{
  margin-bottom: 2.5vw;
}
.policy__section-title{
  font-family: inherit;
  font-size: clamp(1.1rem, 1.8vw, 1.4rem);
  font-weight: 400;
  margin-bottom: 0.8vw;
  color: #000;
}
.policy__text{
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  line-height: 1.6;
  color: #333;
}
.policy__par-wrapper{
  grid-column: 4 /span 6;
  display: flex;
  gap: 10.21vw;
  margin-top: 5.28vw;
  position: relative;
  z-index: 10;
}
.policy__par-left-wrapper p:nth-child(2){
  margin-top: 47.8vw;
                                 
}   
.policy__par-left-wrapper p:nth-child(3){
  margin-top: 18vw;
                                 
} 
.policy__par-left-wrapper p:nth-child(4){
  margin-top: 93.7vw;
                                 
} 
.policy__par-left-wrapper p:nth-child(5){
  margin-top: 16.7vw;
                                 
} 
.policy__par-left-wrapper p:nth-child(6){
  margin-top: 24vw;          
} 
.policy__ye-container{
  grid-column: 1 /span 12;
  position: absolute;
  height: 72%;
  width: 100%;
  margin-top: 52vw;
  z-index: 3;
}
.policy__ye-container video{
  position: sticky;
  top:20%;
  width: 30vw;
  height: 30vw;
  display: block;
  margin-left: auto;
  margin-right: auto;
  transform: scaleX(250%);
}
/* ==========================POPUP BASE============================== */
.popup{
  position: fixed;
  bottom: 25%;
  left: 25%;
  width: 50.56vw;
  height: 31.11vw;
  z-index: 1000001;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.popup.is-open{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.popup__content{
  position: relative;
  left: 50%;
  top: 50%;
  width: 49.44vw;
  height: 30.56vw;
  overflow: hidden;
  transform: translate(-50%, -50%);
  transition: width 0.3s ease, height 0.3s ease;
}
.popup__content.anim{
  width: 0;
  height: 0;
}
.popup__body{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 49.44vw;
  height: 30vw;
  transform: translate(-50%, -50%);
}
.popup__blur{
  backdrop-filter: blur(50px);
  background: rgba(0, 0, 0, 0.1);
  position: fixed;
  inset: 0;
  z-index: 1000000;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.popup__blur.is-active{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* ==========================FORMPOP============================== */
.formpop__wrapper{
  position: fixed;
  bottom: 25%;
  left: 25%;
  width: 50.56vw;
  height: 31.11vw;
  z-index: 1000001;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.formpop__wrapper.is-open{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.formpop__wrapper svg{
  position: absolute;
}
.formpop__content-container{
  position: relative;
  left: 50%;
  top: 50%;
  width: 49.44vw;
  height: 30vw;
  overflow: hidden;
  transform: translate(-50%, -50%);
  transition: width 0.3s ease, height 0.3s ease;
}
.formpop__content-container.anim{
  width: 0;
  height: 0;

}
.formpop__content-wrapper{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 49.44vw;
  height: 30vw;
  transform: translate(-50%, -50%);
}
.formpop__blur{
  backdrop-filter: blur(50px);
  background: rgba(0, 0, 0, 0.1);
  position: fixed;
  inset: 0;
  z-index: 1000000;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.formpop__blur.is-active{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.pascalpop__wrapper{
  position: fixed;
  bottom: 25%;
  left: 25%;
  width: 50.56vw;
  height: 31.11vw;
  z-index: 1000001;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.pascalpop__wrapper.is-open{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.pascalpop__wrapper svg{
  position: absolute;
}
.leadpop__wrapper svg{
  position: absolute;
}
.workpage-nolink-pop__wrapper svg{
  position: absolute;
}
.workpage-nolink-pop__wrapper svg.mob{
  display: none;
}
.pascalpop__content-container{
  position: relative;
  left: 50%;
  top: 50%;
  width: 49.44vw;
  height: 30vw;
  overflow: visible;
  transform: translate(-50%, -50%);
}
.pascalpop__content-container.anim{
  width: 0;
  height: 0;
}
.pascalpop__content-wrapper{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 49.44vw;
  height: 30vw;
  transform: translate(-50%, -50%);
}
.pascalpop__blur{
  backdrop-filter: blur(50px);
  background: rgba(0, 0, 0, 0.1);
  position: fixed;
  inset: 0;
  z-index: 1000000;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.pascalpop__blur.is-active{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.formpop__loading-wrapper{
  display: flex;
  flex-direction: column;
  gap: 0.90vw;
  margin: 0 auto;
  margin-top: 29%;
  width: 22.92vw;
}
.formpop__loading{
  display: flex;
  flex-direction: row;
  gap: 0.14vw;
  width: 22.92vw;
}
.formpop__loading-el{
  display: block;
  width:0.56vw;
  height: 0.83vw;
  background: #78ef50;
  opacity: 0.45;
}
.formpop__loading-text{
  display: flex;
  flex-direction: row;
  width: 22.92vw;
  justify-content: space-between;
}
.formpop__text-wrapper{
  margin-top: 1vw;
  font-size: 0.83vw;
  line-height: 1.4;
  opacity: 0;
  visibility: hidden;
  margin-left:1.6vw;
}
.formpop__sucess-wrapper{
  margin-top: -9vw;
  font-size: 0.83vw;
  line-height: 1.4;
  opacity: 0;
  visibility: hidden;
  margin-left:1.6vw;
  width: 100%;
  height: 100%;
}
.formpop__sucess-wrapper.is-visible{
  opacity: 1;
  visibility: visible;
}
.formpop__text-wrapper.is-visible{
  opacity: 1;
  visibility: visible;
}
.formpop__options{
  display: flex;
  flex-direction: column;
  gap: 0.35vw;
  margin-top: 0.8vw;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
.formpop__options.is-visible{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.formpop__options.custom-radio-wrapper label{
  color: #ab0000;
}
.formpop__options.custom-radio-wrapper input[type="radio"]:checked + label{
  color: #78ef50;
}
.formpop__answer{
  margin-top: 1vw;
  display: none;
}
.formpop__answer.is-visible{
  display: block;
}
.formpop__scale{
  margin-top: 0.6vw;
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
.formpop__scale.is-visible{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.formpop__scale.custom-radio-wrapper label{
  color: #ab0000;
}
.formpop__scale.custom-radio-wrapper input[type="radio"]:checked + label{
  color: #78ef50;
}
.formpop__answer-details{
  display: none;
  margin-top: 1vw;
}
.formpop__answer-details.is-visible{
  display: block;
}
.formpop__field-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8vw;
  margin-top: 0.4vw;
}
.formpop__field-row span{
  white-space: nowrap;
}
.formpop__field-row input{
  flex: 1;
  background: none;
  border: none;
  color: inherit;
  font: inherit;
  padding: 0;
  outline: none;
  box-shadow: none;
  margin-left: -1vw;
}

.formpop__field-row-text::after {
  content: "█";          
  font-size: 0.8vw;
  display: inline-block;
  margin-left: 0.9em;
  position: relative;
  top: -0.2em; 
  animation: blink 1.5s steps(1, end) infinite; 
  animation-delay: 0s;     
  animation-fill-mode: both;  


}


@keyframes blink {
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; }
}


.formpop__field-row-text.typing::after {
  visibility: hidden;     
  animation-play-state: running;
}
.formpop__final-text{
  display: none;
  margin-top: 1vw;
}
.formpop__final-text.is-visible{
  display: block;
}
.formpop__btn{
  margin-left: 10vw;
  display: none;
}
.formpop__btn.is-visible{
  display: inline-block;
}

.crt-main .formpop__text-wrapper,
.crt-main .formpop__sucess-wrapper,
.crt-main .formpop__loading-text {
  text-shadow: var(--crt-text-shadow);
}

.crt-main .formpop__field-row input {
  position: relative;
  z-index: 1;
  text-shadow: var(--crt-text-shadow);
  background-blend-mode: overlay;
}
.formpop__sucess-btn{
  margin-top: 1vw;
}
.crt-main .formpop__btn,
.crt-main .formpop__sucess-btn {
  position: relative;
  text-shadow: var(--crt-text-shadow);
}
.crt-main .formpop__btn::after,
.crt-main .formpop__sucess-btn::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  mix-blend-mode: overlay;
  opacity: var(--crt-local-scan-opacity, 1);
}

/* Pascal pop: CRT text-shadow как у formpop (текст + лейблы радио) */
.crt-main .pascalpop__text-wrapper,
.crt-main .pascalpop__loading-wrapper {
  text-shadow: var(--crt-text-shadow);
}
.crt-main .pascalpop__options.custom-radio-wrapper label,
.crt-main .pascalpop__wrong-options.custom-radio-wrapper label {
  text-shadow: var(--crt-text-shadow);
}

.formpop__question{
  color: #ab0000;
}
.pascalpop__loading-wrapper{
  display: flex;
  flex-direction: row;
  width: 47.22vw;
  height: 27.71vw;
  justify-content: space-between;
  margin-top: 1.39vw;
  margin-left: 1.39vw;
}
.pascalpop__loading-wrapper-row{
  display: flex; 
  flex-direction: column;
  justify-content: space-between;

}
.pascalpop__loading-wrapper-row:nth-child(1) {
  justify-content: center;
}
.pascalpop__loading-wrapper-row:nth-child(2){
  text-align: center;
}
.pascalpop__loading-wrapper-row:nth-child(3) {
  justify-content: center;
  text-align: right;
}
.pascalpop__loading-wrapper img{
  width: 16.67vw;
}
.pascalpop__loading-img-alt{
  display: none;
}
.crazy-mode .pascalpop__loading-img{
  display: none;
}
.crazy-mode .pascalpop__loading-img-alt{
  display:block;
}
.pascalpop__text-wrapper{
  position: absolute;
  top: 1vw;
  left: 0.69vw;
  opacity: 0;
  visibility: hidden;
}
.pascalpop__text-wrapper.wrong p{
  position: relative;
  z-index: 10;
}
.pascalpop__text-wrapper.is-visible{
  opacity: 1;
  visibility: visible;
}
.custom-radio-wrapper{
  display: flex;
  flex-direction: column;
}
.pascalpop__options{
  margin-top: 1vw;
  margin-left: 1.3vw;
  display: flex;
  flex-direction: column;
  gap: 0vw;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
.pascalpop__options.is-visible{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.pascalpop__options.custom-radio-wrapper label{
  color: #ab0000;
}
.pascalpop__options.custom-radio-wrapper input[type="radio"]:checked + label{
  color: #78ef50;
}
.pascalpop__wrong-options{
  margin-top: 1vw;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
.pascalpop__wrong-options.is-visible{
  opacity: 1;
  visibility: visible;
}
.pascalpop__dj-wrapper{
  position: absolute;
  top: 0.5vw;
  left: 0.5vw;
  display: none;
  opacity: 0;
  visibility: hidden;
  flex-direction: row;
  width:47.78vw;
  height: 28.33vw;
  justify-content: space-between;
}
.pascalpop__dj-wrapper.is-visible{
  display: flex;
  opacity: 1;
  visibility: visible;
}
.pascalpop__dj-left{
  display: flex;
  flex-direction: column;
  width:18.89vw;
  height: 28.33vw;
  padding:0vw;
  box-sizing: border-box;
  

}

.pascalpop__dj-left img{
  width: 23.75vw;
  height: 28.96vw;
  margin: 0 auto;
}
.pascalpop__dj-left-img-alt{
  display: none;
}
.crazy-mode .pascalpop__dj-left-img{
  display: none;
}
.crazy-mode .pascalpop__dj-left-img-alt{
  display: block;
}
.pascalpop__dj-left-img-alt.mob{
  display: none;
}
.pascalpop__dj-left-btn-wrapper{
  display: flex;
  flex-wrap: wrap;
  width: 13.06vw;
  height: 9.44vw;
  gap: 0.69vw;
  margin: 0 auto;
  margin-top: 1.88vw;
  display: none;
}
.pascalpop__dj-left-btn{
  border: 0.06vw solid #78ef50;
  border-radius: 0.21vw;
  width: 3.89vw;
  height: 1.94vw;
  margin-bottom: -0.14vw;

}
.pascalpop__dj-left-btnsmall-wrapper{
  display: flex;
  flex-direction: row;
  margin: 0 auto;
  gap: 0.42vw;
  margin-top: 1.53vw;
  display: none;
}
.pascalpop__dj-left-btnsmall{
  border: 0.06vw solid #78ef50;
  border-radius: 0.21vw;
  width: 2.43vw;
  height: 1.53vw;

}
.pascalpop__dj-left-btnsmall-wrapper span{
  width: 0.28vw;
  height: 0.28vw;
  display: block;
  background: #78ef50;
  margin: auto 0;

}
.pascalpop__dj-left-bot-btn-wrapper{
  border:  0.06vw solid #78ef50;
  border-radius: 0.42vw;
  padding: 0.42vw;
  width:13.89vw;
  height: 3.33vw;
  display: flex;
  gap: 0.28vw;
  box-sizing: border-box;
  margin: 0 auto;
  margin-top: 1.46vw;
  display: none;
  
}
.pascalpop__dj-left-bot-btn{
  border:  0.06vw  solid #78ef50;
  border-radius: 0.21vw;
  width: 4.17vw;
  height: 2.50vw;
}
.pascalpop__dj-right-wrapper {
    width: 28.33vw;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.83vw;
    margin-left: 5.5vw;
    margin-top: -0.56vw;
}
.pascalpop__dj-right-btn-wrapper{
  border-left: 0.07vw solid #78ef50;
  border-top: 0.07vw solid #78ef50;
  width: 23.5vw;
  height: 24.72vw;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.51vw;
  display: flex;
  padding:0.49vw 0.63vw ;
  margin-top: -1vw;
}
.crazy-mode .pascalpop__dj-right-btn-wrapper{
    border-left: 0.07vw solid #000;
  border-top: 0.07vw solid #000;
}
.pascalpop__dj-right-top-wrapper{
  border-left: 0.07vw solid #78ef50;
  margin-top: -0.1vw;
}
.crazy-mode .pascalpop__dj-right-top-wrapper{
    border-left: 0.07vw solid #000;
}
.pascalpop__dj-right-top-wrapper img{
  width: 24.72vw;
 height: 5.83vw;
}
.pascalpop__dj-right-top-img-alt{
  display: none;
}
.crazy-mode .pascalpop__dj-right-top-img{
  display: none;
}
.crazy-mode .pascalpop__dj-right-top-img-alt{
  display: block;
}
.pascalpop__dj-right-btn{
  border: 0.07vw  solid #78ef50;
  border-radius: 0.28vw;
  padding-left: 0.83vw;
  padding-right: 0.83vw;
  width: 5.49vw;
  height: 5.49vw;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  transition: transform 0.1s ease, border-width 0.1s ease;
}
.pascalpop__dj-right-btn:active,
.pascalpop__dj-right-btn.is-pressed {
  transform: scale(0.96);
  border-width: calc(0.07vw + 1px);
}
.pascalpop__dj-right-btn p{
  text-align: center;
  font-size: 0.83vw;
  width: 4.3vw;
  align-self: center;
  height: 1.67vw;
}
.pascalpop__wrong-vid{
  width: 29vw;
  position: fixed;
  height: 29vw;
  top: 0vw;
  left: 10vw;
  z-index: 3;
  display: none;
}

.mob {
  display: none;
}
.crazy-mode .pascalpop__wrong-vid{
  display: block;
}
.crazy-mode .pascalpop__dj-right-btn{
  border: 0.06vw  solid #000000;
}
.crazy-mode .pascalpop__dj-right-btn:active,
.crazy-mode .pascalpop__dj-right-btn.is-pressed {
  border-width: calc(0.06vw + 1px);
}
.crazy-mode .pascalpop__dj-left-btn{
  border: 0.06vw  solid #000000;
}
.crazy-mode .pascalpop__dj-left-btnsmall{
  border: 0.06vw  solid #000000;
}
.crazy-mode .pascalpop__dj-left-btnsmall-wrapper span {
  background: #000000;
}
.crazy-mode .pascalpop__dj-left-bot-btn {
  border: 0.06vw solid #000000;

}
.crazy-mode .pascalpop__dj-left-bot-btn-wrapper{
  border: 0.06vw solid #000000;
}
.crazy-mode #header-pop-rect-bg{
  fill: #78ef50;
}
.crazy-mode #header-pop-rect-stroke{
  stroke: #000000;
}
.crazy-mode #header-pop-corner-1{
  fill:  #000000;
}
.crazy-mode #header-pop-corner-2{
  fill:  #000000;
}
.crazy-mode #header-pop-corner-3{
  fill:  #000000;
}
.crazy-mode #header-pop-corner-4{
  fill:  #000000;
}
.crazy-mode #header-pop-rect-bg-mob{
  fill: #78ef50;
}
.crazy-mode #header-pop-rect-stroke-mob{
  stroke: #000000;
}
.crazy-mode #header-pop-corner-1-mob{
  fill:  #000000;
}
.crazy-mode #header-pop-corner-2-mob{
  fill:  #000000;
}
.crazy-mode #header-pop-corner-3-mob{
  fill:  #000000;
}
.crazy-mode #header-pop-corner-4-mob{
  fill:  #000000;
}

.crazy-mode #workpage-vid-rect-bg,
.crazy-mode #workpage-vid-rect-bg-mob {
  fill: #78ef50;
}
.crazy-mode #workpage-vid-rect-stroke,
.crazy-mode #workpage-vid-rect-stroke-mob {
  stroke: #000000;
}
.crazy-mode #workpage-vid-corner-1,
.crazy-mode #workpage-vid-corner-2,
.crazy-mode #workpage-vid-corner-3,
.crazy-mode #workpage-vid-corner-4,
.crazy-mode #workpage-vid-corner-1-mob,
.crazy-mode #workpage-vid-corner-2-mob,
.crazy-mode #workpage-vid-corner-3-mob,
.crazy-mode #workpage-vid-corner-4-mob {
  fill: #000000;
}

.crazy-mode .workpage__btn-frame > rect:nth-of-type(1) {

  stroke: #000000;
}
.crazy-mode .workpage__btn-frame > rect:nth-of-type(n + 2) {
  fill: #000000;
}

/* Playground: мини-рамки у карточек (svg в .playg__card-img-wrapper) */
.crazy-mode .playg__card-img-wrapper > svg > rect:nth-of-type(1) {

  stroke: #000000;
}
.crazy-mode .playg__card-img-wrapper > svg > rect:nth-of-type(n + 2) {
  fill: #000000;
}

.crazy-mode #playg-pop-rect-bg{
  fill: #78ef50;
}
.crazy-mode #playg-pop-rect-stroke{
  stroke: #000000;
}
.crazy-mode #playg-pop-corner-1{
  fill:  #000000;
}
.crazy-mode #playg-pop-corner-2{
  fill:  #000000;
}
.crazy-mode #playg-pop-corner-3{
  fill:  #000000;
}
.crazy-mode #playg-pop-corner-4{
  fill:  #000000;
}
.crazy-mode #playg-pop-rect-bg-mob{
  fill: #78ef50;
}
.crazy-mode #playg-pop-rect-stroke-mob{
  stroke: #000000;
}
.crazy-mode #playg-pop-corner-1-mob{
  fill:  #000000;
}
.crazy-mode #playg-pop-corner-2-mob{
  fill:  #000000;
}
.crazy-mode #playg-pop-corner-3-mob{
  fill:  #000000;
}
.crazy-mode #playg-pop-corner-4-mob{
  fill:  #000000;
}

.crazy-mode #lead-pop-rect-bg{
  fill: #78ef50;
}
.crazy-mode #lead-pop-rect-stroke{
  stroke: #000000;
}
.crazy-mode #lead-pop-corner-1{
  fill:  #000000;
}
.crazy-mode #lead-pop-corner-2{
  fill:  #000000;
}
.crazy-mode #lead-pop-corner-3{
  fill:  #000000;
}
.crazy-mode #lead-pop-corner-4{
  fill:  #000000;
}
.crazy-mode #lead-pop-rect-bg-mob{
  fill: #78ef50;
}
.crazy-mode #lead-pop-rect-stroke-mob{
  stroke: #000000;
}
.crazy-mode #lead-pop-corner-1-mob{
  fill:  #000000;
}
.crazy-mode #lead-pop-corner-2-mob{
  fill:  #000000;
}
.crazy-mode #lead-pop-corner-3-mob{
  fill:  #000000;
}
.crazy-mode #lead-pop-corner-4-mob{
  fill:  #000000;
}

.crazy-mode #workpage-nolink-pop-rect-bg{
  fill: #78ef50;
}
.crazy-mode #workpage-nolink-pop-rect-stroke{
  stroke: #000000;
}
.crazy-mode #workpage-nolink-pop-corner-1,
.crazy-mode #workpage-nolink-pop-corner-2,
.crazy-mode #workpage-nolink-pop-corner-3,
.crazy-mode #workpage-nolink-pop-corner-4{
  fill: #000000;
}
.crazy-mode #workpage-nolink-pop-rect-bg-mob{
  fill: #78ef50;
}
.crazy-mode #workpage-nolink-pop-rect-stroke-mob{
  stroke: #000000;
}
.crazy-mode #workpage-nolink-pop-corner-1-mob,
.crazy-mode #workpage-nolink-pop-corner-2-mob,
.crazy-mode #workpage-nolink-pop-corner-3-mob,
.crazy-mode #workpage-nolink-pop-corner-4-mob{
  fill: #000000;
}

.crazy-mode #members-rect-stroke{
  stroke: #000000;
}
.crazy-mode #members-corner-1{
  fill:  #000000;
}
.crazy-mode #members-corner-2{
  fill:  #000000;
}
.crazy-mode #members-corner-3{
  fill:  #000000;
}
.crazy-mode #members-corner-4{
  fill:  #000000;
}
.crazy-mode #members-rect-stroke-2{
  stroke: #000000;
}
.crazy-mode #members-corner-2-1{
  fill:  #000000;
}
.crazy-mode #members-corner-2-2{
  fill:  #000000;
}
.crazy-mode #members-corner-2-3{
  fill:  #000000;
}
.crazy-mode #members-corner-2-4{
  fill:  #000000;
}
.crazy-mode #members-rect-stroke-3{
  stroke: #000000;
}
.crazy-mode #members-corner-3-1{
  fill:  #000000;
}
.crazy-mode #members-corner-3-2{
  fill:  #000000;
}
.crazy-mode #members-corner-3-3{
  fill:  #000000;
}
.crazy-mode #members-corner-3-4{
  fill:  #000000;
}
.crazy-mode #members-rect-stroke-4{
  stroke: #000000;
}
.crazy-mode #members-corner-4-1{
  fill:  #000000;
}
.crazy-mode #members-corner-4-2{
  fill:  #000000;
}
.crazy-mode #members-corner-4-3{
  fill:  #000000;
}
.crazy-mode #members-corner-4-4{
  fill:  #000000;
}
.crazy-mode #members-rect-stroke-5{
  stroke: #000000;
}
.crazy-mode #members-corner-5-1{
  fill:  #000000;
}
.crazy-mode #members-corner-5-2{
  fill:  #000000;
}
.crazy-mode #members-corner-5-3{
  fill:  #000000;
}
.crazy-mode #members-corner-5-4{
  fill:  #000000;
}
.crazy-mode #members-rect-stroke-6{
  stroke: #000000;
}
.crazy-mode #members-corner-6-1{
  fill:  #000000;
}
.crazy-mode #members-corner-6-2{
  fill:  #000000;
}
.crazy-mode #members-corner-6-3{
  fill:  #000000;
}
.crazy-mode #members-corner-6-4{
  fill:  #000000;
}

.crazy-mode #members-mob1-fill,
.crazy-mode #members-mob2-fill,
.crazy-mode #members-mob4-fill,
.crazy-mode #members-mob5-fill{
  fill: #78ef50;
}
.crazy-mode #members-mob1-stroke,
.crazy-mode #members-mob2-stroke,
.crazy-mode #members-mob3-stroke,
.crazy-mode #members-mob4-stroke,
.crazy-mode #members-mob5-stroke{
  stroke: #000000;
}
.crazy-mode #members-mob1-corner-1,
.crazy-mode #members-mob1-corner-2,
.crazy-mode #members-mob1-corner-3,
.crazy-mode #members-mob1-corner-4,
.crazy-mode #members-mob2-corner-1,
.crazy-mode #members-mob2-corner-2,
.crazy-mode #members-mob2-corner-3,
.crazy-mode #members-mob2-corner-4,
.crazy-mode #members-mob3-corner-1,
.crazy-mode #members-mob3-corner-2,
.crazy-mode #members-mob3-corner-3,
.crazy-mode #members-mob3-corner-4,
.crazy-mode #members-mob4-corner-1,
.crazy-mode #members-mob4-corner-2,
.crazy-mode #members-mob4-corner-3,
.crazy-mode #members-mob4-corner-4,
.crazy-mode #members-mob5-corner-1,
.crazy-mode #members-mob5-corner-2,
.crazy-mode #members-mob5-corner-3,
.crazy-mode #members-mob5-corner-4{
  fill: #000000;
}


.crazy-mode .formpop__loading-el{
  background: #000000;
}
.crazy-mode .formpop__scale.custom-radio-wrapper label{
  color: #000;
}
.crazy-mode .formpop__options.custom-radio-wrapper input[type="radio"]:checked + label {
  color: #000;
}
.crazy-mode .custom-radio-wrapper input[type="radio"]:checked + label::before {
  background: #000;

}
.crazy-mode .formpop__options.custom-radio-wrapper label {
  color: #000;
}
.crazy-mode .formpop__scale.custom-radio-wrapper input[type="radio"]:checked + label{
  color: #000;
}
.crazy-mode .pascalpop__options.custom-radio-wrapper label,
.crazy-mode .pascalpop__wrong-options.custom-radio-wrapper label {
  color: #000;
}
.crazy-mode .pascalpop__options.custom-radio-wrapper input[type="radio"]:checked + label,
.crazy-mode .pascalpop__wrong-options.custom-radio-wrapper input[type="radio"]:checked + label {
  color: #000;
}
.leadpop__text-wrapper{
  margin-top: 1vw;
  margin-left: 1.39vw;
  position: relative;
}
.leadpop__text-wrapper p{
  position: relative;
  z-index: 10;
}
.crazy-mode.leadpop__text-wrapper p{
  color: #000;
}
.leadpop__video {
  width: 29vw;
  position: fixed;
  height: 29vw;
  top: 0vw;
  left: 10vw;
  z-index: 3;
}
.workpage-nolink-pop__text-wrapper{
  margin-top: 1vw;
  margin-left: 1.39vw;
  position: relative;
}
.workpage-nolink-pop__text-wrapper p{
  position: relative;
  z-index: 10;
}
.crazy-mode .workpage-nolink-pop__text-wrapper p{
  color: #000;
}
/* ==========================LOADER============================== */
.loader-container{
  margin: -2.08vw;
  width: 100vw;
  height: 100vh;
  background: #000000;
  position: fixed;
  padding: 2.08vw;
  z-index: 10000000000000000000000000000000000;
  transition:opacity 0.4s;
  pointer-events: none;
}
.loader-wrapper{
  width:95.83vw;
  height: 100vh;
  position: relative;
  isolation: isolate;
}
.loader-wrapper .loader-text-wrapper{
  z-index: 0;
}
.loader-text-wrapper.el1{
  grid-column: 1 /span 2;
  position: relative;
  top: 50%;
  width: 12.15vw;
}
.loader-text-wrapper.el2{
  grid-column: 3;
  position: relative;
  top: 50%;
  left: 4.6vw;
  width: 1.94vw;
}
.loader-text-wrapper.el3 {
  grid-column: 6 / span 3;
  position: relative;
  top: 50%;
  display: flex;
  left: 3vw;
  width: 10vw;
}
.loader-text-wrapper.el4 {
  grid-column: 10;
  position: relative;
  top: 50%;
  width: 2.64vw;
}
.loader-text-wrapper.el5 {
  grid-column: 12;
  position: relative;
  top: 50%;
  margin-left: 3vw;
  width: 5.14vw;
}
.loader-text-wrapper.el6 {
  grid-column: 6 / span 2;
  position: absolute;
  bottom: calc(2.08vw + env(safe-area-inset-bottom, 0px));
  margin-left: 5.6vw;
  width:5vw;
}
.loader-dot{
  width: 0.56vw;
  height: 0.56vw;
  display: block;
  position: absolute;
  z-index: 2;
  background: #78ef50;
  mix-blend-mode: difference;
  animation: loader-dot-anim 2s steps(1, end);
  animation-fill-mode: both;
  opacity: 0;
  
}

.loader-dot.el1{
  bottom: calc(2.08vw + env(safe-area-inset-bottom, 0px));
  left: 0;
  animation-delay: 3s;

}

.loader-dot.el2{
  top: 2.08vw;
  left: 0;
  animation-delay: 2s;
  

}

.loader-dot.el3{
  top: 2.08vw;
  right: 0;
  animation-delay: 2s;
}

.loader-dot.el4{
  bottom: calc(2.08vw + env(safe-area-inset-bottom, 0px));
  right: 0;
  animation-delay: 3s;

}

@keyframes loader-dot-anim{
  0%{
    opacity: 0;
  }
  10%{
    opacity: 0;
  }
  20%{
    opacity: 1;
  }
  30%{
    opacity: 0;
  }
  40%{
    opacity: 1;
  }
  50%{
    opacity: 0;
  }
  60%{
    opacity: 1;
  }
  70%{
    opacity: 0;
  }
  80%{
    opacity: 1;
  }
  90%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}
/* Полный экран + вынос обводки; между текстом и точками — перекрывает типографику (z-index:1), точки выше */
.loader-svg.mob{
  display: none;
}
.loader-svg:not(.mob){
  position: fixed;
  top: 50%;
  left: 50%;
  width: calc(100vw + clamp(20px, 4vmin, 64px));
  height: calc(100vh + clamp(20px, 4vmin, 64px));
  max-width: none;
  max-height: none;
  z-index: 1;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(0);
  transform-origin: center center;
}

/* Лоадер в crazy-mode: как header-pop / work-frame — красный фон, чёрная рамка и углы; текст — глобальные .crazy-mode p (#000) */
.crazy-mode .loader-container {
  background: #78ef50;
}
.crazy-mode #loader-rect-bg {
  fill: #78ef50;
}
.crazy-mode #loader-rect-stroke {
  stroke: #000000;
}
.crazy-mode #loader-corner-1,
.crazy-mode #loader-corner-2,
.crazy-mode #loader-corner-3,
.crazy-mode #loader-corner-4 {
  fill: #000000;
}
.crazy-mode #loader-rect-bg-mob {
  fill: #78ef50;
}
.crazy-mode #loader-rect-stroke-mob {
  stroke: #000000;
}
.crazy-mode #loader-corner-1-mob,
.crazy-mode #loader-corner-2-mob,
.crazy-mode #loader-corner-3-mob,
.crazy-mode #loader-corner-4-mob {
  fill: #000000;
}
.crazy-mode .loader-dot {
  background: #000000;
  mix-blend-mode: normal;
}

.crazy-mode #main-second-rect-bg {
  fill: #78ef50;
}
.crazy-mode #main-second-rect-stroke {
  stroke: #000000;
}
.crazy-mode #main-second-corner-1,
.crazy-mode #main-second-corner-2,
.crazy-mode #main-second-corner-3,
.crazy-mode #main-second-corner-4 {
  fill: #000000;
}
.crazy-mode #main-second-rect-bg-mob {
  fill: #78ef50;
}
.crazy-mode #main-second-rect-stroke-mob {
  stroke: #000000;
}
.crazy-mode #main-second-corner-1-mob,
.crazy-mode #main-second-corner-2-mob,
.crazy-mode #main-second-corner-3-mob,
.crazy-mode #main-second-corner-4-mob {
  fill: #000000;
}

/* ==========================404============================== */
.error__container{
  margin: -2.08vw;
  padding: 2.08vw;
  width: 100%;
  height: 100vh;
  margin-top: -100vh;
}
.error__wrapper{
  position: relative;
}
.error__text-wrapper{
  grid-column: 1 /span 3;
  margin-top: 4vw;
  position: relative;
  z-index: 10;
}
.error__text-wrapper p:nth-child(4) {
  margin-left: 2.5vw;
}
.error__bg {
  width: 114%;
  height: 120vh;
  position: absolute;
  margin: -2.08vw;
  z-index: 5;
  margin-top: -9vw;
  margin-left: -4vw;
}




/* .crt {
  position: relative;
  display: inline-block;
  overflow: visible;
  isolation: isolate;
  color: #ff2b2b;
  text-shadow: 0 0 1px rgba(255, 70, 70, 0.35);
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}


.crt::before {
  content: attr(data-text);
  position: absolute;
  inset: 0;
  z-index: 1;
  color: #fff;
  text-shadow:
    0.5px 0 rgba(255, 0, 0, 0.28),
   -0.5px 0 rgba(0, 255, 255, 0.28);
  opacity: 0.75;
  pointer-events: none;
}


.crt::after {
  content: "";
  position: absolute;
  inset: -0.12em -0.16em;
  z-index: 2;
  background-image:
    radial-gradient(
      circle,
      rgba(0, 0, 0, 0.52) 0 26%,
      rgba(0, 0, 0, 0) 26% 100%
    );
  background-size: 0.36vw 0.30vw;
  mix-blend-mode: multiply;
  filter: contrast(185%) brightness(78%) saturate(125%);
  opacity: 0.86;
  pointer-events: none;
} */
.crt-main{
  background-color: #000000;
  --crt-text-shadow: 0 0 0.2em currentColor, 1px 1px rgba(255, 0, 255, 0.5),
    -1px -1px rgba(0, 255, 255, 0.4);
  --crt-local-scan-opacity: 1;
  text-shadow: var(--crt-text-shadow);
  position: relative;
  isolation: isolate;
}

.crt-main::before,
.crt-main::after {
  content: "";
  transform: translateZ(0);
  pointer-events: none;
  mix-blend-mode: overlay;
  position: absolute;
  inset: 0;
  /* было right: -50vw — псевдоэлемент вылезал за .container и давал горизонтальный скролл */
  z-index: 1000005;
}

.crt-main::before {
  background: repeating-linear-gradient(
    var(--crt-red) 0px,
    var(--crt-green) 2px,
    var(--crt-blue) 4px
  );
}

.crt-main::after {
  background: repeating-linear-gradient(
    90deg,
    var(--crt-red) 1px,
    var(--crt-green) 2px,
    var(--crt-blue) 3px
  );
}

/* Safari desktop: на большой высоте окна WebKit даёт швы/лишние горизонтали у repeating-linear-gradient
   + mix-blend-mode (внутренний тайлинг не совпадает с высотой). Явный период 6px + repeat — как у моб. clip по X. */
@media (min-width: 1025px) {
  html.safari-no-text-noise .crt-main {
    overflow-x: clip;
  }
  /* период полосок = 6px (0–2–4) и (1–2–3); тайлим явно, чтобы не копилась ошибка субпикселя */
  html.safari-no-text-noise .crt-main::before {
    background-size: 100% 6px;
    background-repeat: repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  html.safari-no-text-noise .crt-main::after {
    background-size: 6px 100%;
    background-repeat: repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}

/* iPad portrait Safari: такой же фикс тайлинга CRT-сетки, как на desktop Safari.
   Иначе на halftone-карточках в work появляются швы/артефакты от overlay-градиентов. */
@media (max-width: 1024px) {
  html.cult-ipad-portrait.safari-no-text-noise .crt-main {
    overflow-x: clip;
  }
  html.cult-ipad-portrait.safari-no-text-noise .crt-main::before {
    background-size: 100% 6px;
    background-repeat: repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  html.cult-ipad-portrait.safari-no-text-noise .crt-main::after {
    background-size: 6px 100%;
    background-repeat: repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}

/* Футер: ::before/::after .crt-main (z-index 1000005) иначе подложка для mix-blend-mode у текста —
   CRT-сетка, а не видео → difference с фоном не работает в браузерах. */
.container-footer.crt-main::before,
.container-footer.crt-main::after {
  display: none;
}

/* policy.html: поправка, чтобы CRT-псевдоэлементы с right:-50vw не раздвигали страницу по X */
html.policy-crt-fix .crt-main::before,
html.policy-crt-fix .crt-main::after {
  right: 0;
}

@media (max-width: 1024px) {
  /* Тот же CRT, что на десктопе (overlay + RGB-полосы), только тише */
  .crt-main {
    --crt-text-shadow: 0 0 0.11em currentColor,
      1px 1px rgba(255, 0, 255, 0.24),
      -1px -1px rgba(0, 255, 255, 0.2);
    --crt-local-scan-opacity: 0.32;
    text-shadow: var(--crt-text-shadow);
    overflow-x: clip;
  }
  /* Без right: -50vw — иначе псевдоэлементы раздвигают страницу по горизонтали */
  .crt-main::before,
  .crt-main::after {
    mix-blend-mode: overlay;
    opacity: 0.32;
    right: 0;
  }
}

.crazy-mode .crt-main{
  background: #78ef50;
}
/* ==========================MEDIA============================== */

@media screen and (max-width:3000px) {
    .container {
      max-width: 2960px;
    }
  }
  
  @media screen and (max-width:2000px) {
    .container {
      max-width: 1920px;
    }
  }

  /* min и max в один пиксель = срабатывание почти никогда; берём полосу вокруг «целевой» ширины. */
  @media screen and (min-width: 1400px) and (max-width: 1490px) and (max-height: 800px),
          screen and (min-width: 1680px) and (max-width: 1750px) and (max-height: 930px),
         screen and (min-width: 1760px) and (max-width: 1919px) and (max-height: 1000px),
         screen and (min-width: 1920px) and (max-width: 2559px) and (max-height: 1030px),
         screen and (min-width: 2000px) and (max-width: 2560px) and (max-height: 1150px),
         screen and (min-width: 2560px) and (max-width: 3839px) and (max-height: 1400px),
         screen and (min-width: 3840px) and (max-height: 1500px) {
    h1{
      font-family: var(--second-family);
      font-weight: 400;
      font-size: 13.3vw;
      line-height: 90%;
      letter-spacing: 0.01em;
      text-transform: uppercase;
      color: #78ef50;
      -webkit-text-stroke: 1.25vw #78ef50;
      -webkit-text-fill-color: #78ef50;
      paint-order: stroke fill;
      filter: blur(2px);
  
  }
  .main__second-anim{
    display: block;
    height: 106vh;
    height: 106svh;
  }
  .main__title-wrapper.el5 {
    grid-column: 7 / span 5;
    grid-row: 3;
    position: relative;
    z-index: 3;
    margin-left: 3.8vw;
  }
  .main__title-wrapper.el6 {
    grid-column: 9 / span 4;
    grid-row: 4;
    position: relative;
    z-index: 3;
    margin-left: 8.3vw;
  }
  .main__title-wrapper.el2 {
    grid-column: 8 / span 3;
    position: relative;
    z-index: 3;
    margin-left: 3.5vw;
}
  .footer__text-wrapper.el2 {
    position: absolute;
    grid-column: 1;
    bottom: 21.21vw;
}
.footer__text-wrapper.el3 {
  position: absolute;
  grid-column: 2 / span 2;
  bottom: 19.89vw;
}
.footer__text-wrapper.el4 {
  position: absolute;
  grid-column: 6 / span 2;
  bottom: 21.21vw;
  left: 6.75vw;
}
.footer__text-wrapper.el5 {
  position: absolute;
  grid-column: 10 / span 2;
  bottom: 19.89vw;
}
.footer__text-wrapper.el6 {
  position: absolute;
  grid-column: 12;
  bottom: 21.21vw;
  left: 4.8vw;
}
.work__left-title.el2 {
  position: absolute;
  grid-column: 3 / span 4;
  top: -0.5vw;
  left: 14vw;
  z-index: 1;
  filter: blur(3px);
}
.work__left-title.el3 {
  position: absolute;
  grid-column: 1 / span 3;
  bottom: 5vw;
  left: 9.4vw;
  z-index: 1;
  filter: blur(3px);
}
.work__left-title.el1 {
  position: absolute;
  grid-column: 3;
  top: -0.75vw;
  z-index: 1;
  filter: blur(6px);
}
.crazy-mode .footer__text-wrapper.el1 p{
  mix-blend-mode: difference;
  color: #78ef50;
}
.footer__text-wrapper.el3 p{
  mix-blend-mode: difference;
  color: #78ef50;
}
.footer-vid {
  position: absolute;
  width: 100%;
  bottom: -8vw;
  margin: -2.08vw;
}
.workpage__text-wrapper.el1 {
  grid-column: 1;
  position: absolute;
  bottom: 9.64vw;
}
.workpage__text-wrapper.el2 {
  grid-column: 2 / span 2;
  position: absolute;
  bottom: 8.32vw;
  margin-left: 4vw;
}
.workpage__text-wrapper.el3 {
  grid-column: 10;
  position: absolute;
  bottom: 9.64vw;
}
.workpage__text-wrapper.el4 {
  grid-column: 11 / span 2;
  position: absolute;
  bottom: 8.32vw;
  margin-left: -4.4vw;
}
.container-footer{
  margin-top: 0vw;
}
.error__text-wrapper p:nth-child(4) {
  margin-left: 20.5vw;
  position: absolute;
  margin-top: -6.8vw;
}
.error__text-wrapper {
  grid-column: 1 / span 6;
  margin-top: 4vw;
  position: relative;
  z-index: 10;
}
.award__wrapper{
  height: 116vh;
}
}
  
  @media screen and (max-width:1500px) {
    .container {
      max-width: 1440px;
    }
  }
  
  @media screen and (max-width:1024px) {
    .container {
      max-width: 1024px;
    }
  }
  /* Планшет (в т.ч. iPad portrait): отдельные правки, НЕ для телефонов */
  
  
  /* iPhone + iPad portrait (768px): используем мобильную раскладку */
  @media screen and (max-width:1024px) {
    .container {
      max-width: 1024px;
      padding: 5.13vw;
    }
    .mob{
      display: block;
    }
    .grid-main {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      width: 100%;
      grid-column-gap: 5.13vw;

      
    }
    h1{
      font-family: var(--second-family);
      font-weight: 400;
      font-size: 28.72vw;
      line-height: 90%;
      letter-spacing: 0.01em;
      text-transform: uppercase;
      color: #78ef50;
      -webkit-text-stroke: 8px #78ef50;
      -webkit-text-fill-color: #78ef50;
      paint-order: stroke fill;
  
  }
  
  h2{
      font-family: var(--second-family);
      font-weight: 400;
      font-size: 14.36vw;
      line-height: 90%;
      letter-spacing: 0.01em;
      text-transform: uppercase;
      color: #78ef50;
      -webkit-text-stroke: 6px #78ef50;
      -webkit-text-fill-color: #78ef50;
      paint-order: stroke fill;
  }
  h3{
      font-family: var(--second-family);
      font-weight: 400;
      font-size: 7.18vw;
      line-height: 100%;
      letter-spacing: 0.01em;
      text-transform: uppercase;
      text-align: center;
      color: #78ef50;
      -webkit-text-stroke: 3px #78ef50;
      -webkit-text-fill-color: #78ef50;
      paint-order: stroke fill;
      /* filter: url(#texture-blur); */
  }

  @supports (-webkit-touch-callout: none) {
    h1 {
      -webkit-text-stroke: 5px #78ef50;
    }
    h2 {
      -webkit-text-stroke: 4px #78ef50;
    }
    h3 {
      -webkit-text-stroke: 2px #78ef50;
    }
  }
  .crazy-mode p,
  .crazy-mode li,
  .crazy-mode label,
  .crazy-mode a,
  .crazy-mode button {
    color: #000;
  }
  .crazy-mode h1 {
    -webkit-text-stroke: 6px #000000;
    -webkit-text-fill-color: #000;
    color: #000;
  }
  .crazy-mode h2 {
    -webkit-text-stroke: 4px #000000;
    -webkit-text-fill-color: #000;
    color: #000;
  }
  .crazy-mode h3 {
    -webkit-text-stroke: 2x #000000;
    -webkit-text-fill-color: #000;
    color: #000;
  }
  @supports (-webkit-touch-callout: none) {
    .crazy-mode h1 {
      -webkit-text-stroke: 5px #000000;
    }
    .crazy-mode h2 {
      -webkit-text-stroke: 4px #000000;
    }
    .crazy-mode h3 {
      -webkit-text-stroke: 2px #000000;
    }
  }
  .wrapper {
      min-height: 100%;
      width: 100%;
    
  }
  p, li, label,a, button{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 4.10vw;
    line-height: 120%;
    letter-spacing: -0.03em;
    text-transform: lowercase;
    color: #78ef50;
    text-decoration: none;
  }
  p.is-live-typing::after {
    font-size: 3.10vw;
    line-height: 1;
    position: relative;
    top: -0.2em;
  }
  .loader-text-wrapper.el3 p.is-live-typing::after{
    font-size: 3.10vw;
    line-height: 1;
    position: relative;
    top: -0.2em;
  }
  /* ==========================MAIN MOB============================== */
  .main__wrapper {
    min-height: 80.5vh;
    margin: -5.13vw;
    padding: 5.13vw;
    padding-top: 0;
    position: sticky;
    top: 16.5vw;
    margin-top: 0vw;
    margin-bottom: 200vw;
}
  .main__title-wrapper.el1 {
    grid-column: 1 / span 4;
    grid-row: 1;
    position: relative;
    z-index: 3;
  }
  .main__second-anim{
    height: 106vh;
    height: 106svh;
    margin-top: -50vh;
  }
  .crazy-mode .main__alt-video{
    display: block;
  }
  .crazy-mode .main__alt-bg{
    display: none;
  }
  .main__title-wrapper.el1 span{
    letter-spacing: 0.02em;
  }
  .main__title-wrapper.el2 {
    grid-column: 2 / span 3;
    grid-row: 2;
    position: relative;
    z-index: 3;
    margin-left: 23.6vw;
  }
  .main__title-wrapper.el2 span:nth-child(1){
    letter-spacing: -0.02em;
  }
  .main__title-wrapper.el2 span:nth-child(2){
    letter-spacing: -0.03em;
  }
  .main__title-wrapper.el3{
    display: none;
  }
  .main__title-wrapper.el3.mob{
    display: block;

  }
  .main__title-wrapper.el31.mob{
    display: block;

  }
  .main__title-wrapper.el3 {
    grid-column: 1 / span 3;
    grid-row: 3;
    position: relative;
    z-index: 3;
}
.main__title-wrapper.el31 {
  grid-column: 1 / span 2;
  grid-row: 4;
  position: relative;
  z-index: 3;
}
.main__title-wrapper.el4 {
  position: relative;
  z-index: 4;
  grid-column: 2 / span 3;
  grid-row: 4;
  margin-left: 22vw;
}
.main__title-wrapper.el5 {
  grid-column: 1 / span 4;
  grid-row: 5;
  position: relative;
  z-index: 3;
  margin-left: 0vw;
}
.main__title-wrapper.el6 {
  grid-column: 2 / span 3;
  grid-row: 6;
  position: relative;
  z-index: 3;
  margin-left: 16.3vw;
}
.main__text-wrapper.el4 {
  grid-column: 1 /span 2;
  grid-row: 2;
  align-self: self-end;
}
.main__text-wrapper.el5 {
  grid-column: 4;
  grid-row: 3;
  margin-left: 6vw;
}
.main__text-wrapper.el3 {
  grid-column: 3;
  grid-row: 4;
  margin-left: -6vw;
  margin-top: 3vw;
  position: absolute;
}
.main__text-wrapper.el1{
  display: none;
}
.main__text-wrapper.el2{
  display: none;
}
.main__text-wrapper.el6{
  position: absolute;
  grid-column: 1;
  grid-row: 6;
  margin-left: 1.5vw;
  margin-top: 2.5vw;
}
.main__text-wrapper.el7{
  grid-column: 1 /span 2;
  grid-row: 6;
  margin-left: 16vw;
  margin-top: 2.5vw;
}
.main__text-wrapper.el7 p:nth-child(2) {
  margin-left: 2.3vw;
}
.main__text-wrapper.el8{
  display: none;
}
.main__text-wrapper.el9{
  display: none;
}
.main__alt-video {
  opacity: 0;
  filter: blur(20px);
  position: absolute;
  left: 13%;
  top: 37%;
  display: none;
  width: 70vw;
  height: 70vw;
  z-index: 9;
}
.main__text-wrapper {
  position: relative;
  z-index: 15;
  margin-top: 2vw;
}
.main__second-title-wrapper {
  position: absolute;
  left: 11.5vw;
  width: calc(100% - 18vw - 5.13vw);
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  z-index: 10;
  box-sizing: border-box;
}
.main__second-wrapper {
  position: absolute;
  width: 88.84vw;
  height: 96vh;
  z-index: 100;
  margin: 5.13vw;
  margin-top: -11vw;

}
.main__second-text-wrapper{
  display: none;
}
.main__second-text-wrapper.mob{
  display: block;
}
.main__second-text-wrapper.el1{
  grid-column: 1;
  margin-top: 13.33vw;
  margin-left: 0vw;
}
.main__second-text-wrapper.el2{
  grid-column: 1;
  margin-top: 23.08vw;
  position: absolute;
  margin-left: 0vw;
}
.main__second-text-wrapper.el3{
  grid-column: 2;
  margin-top: 23.08vw;
  position: absolute;
  margin-left: 16.5vw;
}
.main__second-text-wrapper.el4{
  grid-column: 3 /span 2;
  margin-top: 13.33vw;
  position: absolute;
  margin-left: -1.9vw;
}
.main__second-text-wrapper.el4 p:nth-child(2){
  margin-left: 23vw;
}
.main__second-text-wrapper.el4 p:nth-child(3){
  margin-left: 11.4vw;
}
.main__second-text-wrapper.el5{
  grid-column: 1;
  grid-row: 1;
  margin-top: 47.44vw;
  position: absolute;
  margin-left: 15.9vw;
}
.main__second-text-wrapper.el6{
  grid-column: 4;
  grid-row: 1;
  margin-top: 47.44vw;
  position: absolute;
  margin-left: -0.9vw;
}
.main__second-text-wrapper.el7{
  grid-column: 1;
  grid-row: 1;
  margin-top: 62.31vw;
  position: absolute;
  margin-left: 2vw;
}
.main__second-text-wrapper.el8{
  grid-column: 1;
  grid-row: 1;
  bottom: 48.46vw;
  position: absolute;
  margin-left: 15.9vw;
}
.main__second-text-wrapper.el9{
  grid-column: 4;
  grid-row: 1;
  bottom: 48.46vw;
  position: absolute;
  margin-left: -5vw;
}
.main__second-text-wrapper.el10{
  grid-column: 4;
  grid-row: 1;
  bottom: 64.10vw;
  position: absolute;
  margin-left: 10.9vw;
  transform: rotate(-180deg);
}
.main__second-text-wrapper.el11{
  grid-column: 1 /span 3;
  grid-row: 1;
  bottom: 22.82vw;
  position: absolute;
  margin-left: 0vw;
}
.main__second-text-wrapper.el11 p:nth-child(2){
  margin-left: 16.5vw;
}
.main__second-text-wrapper.el11 p:nth-child(3){
  margin-left: 11.5vw;
}
.main__second-text-wrapper.el12{
  grid-column: 1;
  grid-row: 1;
  bottom: 22.82vw;
  position: absolute;
  margin-left: 0vw;
}
.main__second-text-wrapper.el13{
  grid-column: 2;
  grid-row: 1;
  bottom: 17.95vw;
  position: absolute;
  margin-left: 18.7vw;
}
.main__second-text-wrapper.el14{
  grid-column: 3 /span 2;
  grid-row: 1;
  bottom: 19.95vw;
  position: absolute;
  margin-left: 20vw;
  
}
.main__second-text-wrapper.el14 p:nth-child(1){
  margin-left: 2vw;
}
.main__second-text-wrapper p.is-live-typing::after{
  content: none;

}
.main__container {
  height: 600vw;
  position: relative;
  margin-top: -100vh;
}

/* ==========================WORK MOB============================== */

.work__container {
  height: auto;
  position: relative;
  margin-top: -200vw;
}

.work__left-wrapper {
  grid-column: 1 / span 4;
  height: 90vh;
  position: relative;
  top: 0;
  overflow: hidden;
  grid-row: 1;
  margin: -5.13vw;
  padding: 5.13vw;
  margin-top: 7vw;
}
.work__right-wrapper {
  grid-column: 1 / span 4;
  gap: 10.50vw;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  margin-top: 52vw;
  margin-left: -1vw;
}
.work__left-title h1 {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 60.36vw;
  line-height: 90%;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transition: 1s;
  -webkit-text-stroke: 18px #78ef50;
}

  @supports (-webkit-touch-callout: none) {
    .work__left-title h1 {
      -webkit-text-stroke: 12px #78ef50;
    }
  }
.crazy-mode .work__left-title h1{
  -webkit-text-stroke: 6px #000;
}
.grid-secondary {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  grid-column-gap: 5.13vw;
}
.work__left-title.el1 {
  position: absolute;
  grid-column: 1;
  top: 20.51vw;
  z-index: 1;
}
.work__left-blur {
  grid-column: 1 / span 4;
  position: absolute;
  top: 0;
  left: -3vw;
  width: 109%;
  height: 100%;
  z-index: 5;
  pointer-events: none;
  transform: translate3d(0, 0, 0);
  will-change: backdrop-filter;
  contain: layout style paint;
  isolation: isolate;
  backdrop-filter: blur(3px);
}
.work__left-title.el3 {
  position: absolute;
  grid-column: 1 / span 3;
  bottom: 21.28vw;
  left: -20.4vw;
  z-index: 1;
}
.work__left-title.el2 {
  position: absolute;
  grid-column: 3 / span 4;
  top: 24.5vw;
  left: -12vw;
  z-index: 1;
}
.work__left-title.el2 h1:nth-child(1) {
  font-size: 93.38vw;
  margin-left: 0vw;
  margin-top: -4.7vw;
  margin-right: -8.3vw;
}
.work__left-text-wrapper{
  mix-blend-mode: difference;
}
.work__left-text-wrapper{
  position: absolute;
  z-index: 10;
}
.work__left-text-wrapper.el1 {
  grid-column: 3;
  margin-top: 0vw;
  bottom: 67.18vw;
  margin-left: 17.4vw;
  position: absolute;
}
.work__left-text-wrapper.el3 {
  grid-column: 1;
  position: absolute;
  bottom:auto;
  top: 76.72vw;
  left: 18vw;
}
.work__left-text-wrapper.el2 {
  grid-column: 1 / span 2;
  margin-top: 23.25vw;
  position: relative;
  display: none;
}
.work__left-text-wrapper.el2.mob{
  display: block;
}
/* difference с color:#000 на красном body даёт «плоский» белый — не видно инверсии.
   В обычном режиме здесь красный текст (#78ef50); для crazy оставляем то же + difference. */
.crazy-mode .work__left-text-wrapper.el2.mob {
  mix-blend-mode: difference;
}
.crazy-mode .work__left-text-wrapper.el2.mob p {
  color: #78ef50;
  -webkit-text-fill-color: #78ef50;
}
.work__left-text-wrapper.el2 p:nth-child(1) {
  margin-left: 0vw;
}
.work__left-text-wrapper.el2 p:nth-child(3) {
  margin-left: 9.1vw;
}
.work__left-text-wrapper.el2 p:nth-child(4) {
  margin-left: 6.7vw;
}
.work__left-text-wrapper.el5 {
  grid-column: 3 / span 2;
  position: absolute;
  bottom: 6.75vw;
  width: 24.87vw;
  margin-left: 17vw;
}
.work__left-text-wrapper.el5 span {
  display: flex;
  justify-content: space-between;
}
.work__left-text-wrapper.el5 span p:nth-child(2){
  text-align: right;
}
.work__left-text-wrapper.el5 span:nth-child(5) p:nth-child(1) {
  margin-top: 5.32vw;
}
.work__left-text-wrapper.el4 {
  display: none;
}
.work__right-card-img-container {
  position: relative;
  width: 91.79vw;
  height: 63.59vw;
  box-sizing: border-box;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  background-image: url(../img/work/work-frame-mob.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  padding: 2vw;
}
.crazy-mode .work__right-card-img-container{
  background-image: url(../img/work/work-frame-mob-alt.svg);
}
/* The mobile frame is taller than the source images. Fill it without
   stretching; the halftone renderer uses the same centered cover crop. */
.work__right-card-img-container img.js-halftone {
  object-fit: cover;
}
.work__right-card-text.el2 p:nth-child(1) {
  margin-left: 7vw;
}
.work__right-card-text-wrapper {
  display: flex;
  flex-direction: row;
  margin-top: 3.10vw;
  padding-left: 0.28vw;
  padding-right: 0.28vw;
}



/* ==========================AWARD MOB============================== */
.award__text-wrapper.el2{
  display: none;
}
.award__text-wrapper.el2{
  display: none;
}
.award__text-wrapper.el6{
  display: none;
}
.award__text-wrapper.el7{
  display: none;
}
.award__text-wrapper.el8{
  display: none;
}
.award__text-wrapper.el5 {
  grid-column: 3 / span 2;
  position: absolute;
  top: 20.51vw;
}

.award__title-wrapper.el1 {
  display: none;
}
.award__title-wrapper.el2 {
  grid-column: 1 / span 4;
  margin-top: 44.62vw;
  margin-left: 5vw;
}
.award__title-wrd{
  display: none;
}
.award__title-sub.mob{
  display: inline-block;
  margin-left: -4.5vw;
}
.award__title-wrapper.el2 h2:last-child {
  margin-left: 16.5vw;
}
.award__title-wrapper.el2 h2:nth-child(1) span:nth-child(2){
  letter-spacing: 0.03em;
}
.award__title-wrapper.el2 h2:nth-child(1) span:nth-child(3){
  letter-spacing: 0.02em;
}
.award__title-wrapper.el2 h2:nth-child(1) span:nth-child(4){
  letter-spacing: 0.03em;
}
.award__title-wrapper.el2 h2:nth-child(1) span:nth-child(5){
  letter-spacing: 0.05em;
}
.award__title-wrapper.el2 h2:nth-child(1) span:nth-child(6){
  letter-spacing: 0.02em;
}
.award__title-wrapper.el2 h2:nth-child(1) span:nth-child(8){
  letter-spacing: 0.06em;
}
.award__title-wrapper.el2 h2:nth-child(1) span:nth-child(9){
  letter-spacing: 0.05em;
}
.award__title-wrapper.el2 h2:nth-child(2) span:nth-child(1){
  letter-spacing: 0.05em;
}
.award__title-wrapper.el2 h2:nth-child(2) span:nth-child(2){
  letter-spacing: 0.03em;
}
.award__title-wrapper.el2 h2:nth-child(2) span:nth-child(3){
  letter-spacing: 0.05em;
}

.award__text-wrapper.el1 {
  grid-column: 1 / span 3;
  position: absolute;
  top: auto;
  bottom: 44.62vw;
}
.award__text-wrapper.el3 {
  grid-column: 2 / span 3;
  position: absolute;
  top: auto;
  bottom: 70vw;
}
.award__text-wrapper.el3 p:nth-child(2) {
  margin-left: 14vw;
}
.award__text-wrapper.el3 span p:nth-child(2) {
  margin-left: 7vw;
}
.award__text-wrapper.el3 p:nth-child(3) {
  margin-left: 9.5vw;
}

.award__text-wrapper.el1 p:nth-child(2) {
  margin-left: 14vw;
}
.award__text-wrapper.el1 span p:nth-child(2) {
  margin-left: 7vw;
}
.award__text-wrapper.el1 p:nth-child(3) {
  margin-left: 9.5vw;
}

.award__text-wrapper.el5 p:nth-child(2) {
  margin-left: 14vw;
}
.award__text-wrapper.el5 span p:nth-child(2) {
  margin-left: 7vw;
}
.award__text-wrapper.el5 p:nth-child(3) {
  margin-left: 2.5vw;
}
.award__text-wrapper.el9 {
  grid-column: 1 / span 4;
  position: absolute;
  bottom: 19.23vw;
  left: 18.6vw;
}
.award__text-wrapper.el9 p:nth-child(1) {
  margin-left: 23.32vw;
}
.award__text-wrapper.el9 p:nth-child(2) {
  margin-left: 32.7vw;
}
.award__text-wrapper.el9 span p:nth-child(2) {
  margin-left: 25.8vw;
}
.award__text-wrapper.el4 {
  grid-column: 1;
  position: absolute;
  top: auto;
  bottom: 79.74vw;
}
.award__vid {
  position: absolute;
  top: 23vw;
  left: 2%;
  z-index: 5;
  width: 85vw;
  height: 85vw;
}
/* ==========================SERVICES MOB============================== */
.services__text-wrapper.el1 {
  grid-column: 1 / span 4;
  margin-top: 20.51vw;
}
.services__text-wrapper.el1 span:nth-child(5) {
 display: none;
}
.services__text-wrapper.el1 p:nth-child(6) {
  display: none;
}
.services__text-wrapper.el1 span:nth-child(1) p:nth-child(1) {
  display: none;
}
.services__text-wrapper.el1 p:nth-child(2) {
  margin-left: 0vw;
}
.services__text-wrapper.el1 span:nth-child(1) p:nth-child(2) {
  margin-left: 18.6vw;
}
.services__text-wrapper.el1 p:nth-child(3) {
  margin-left: 9.4vw;
}
.services__text-wrapper.el1 span:nth-child(4) {
  margin-left: 42.7vw;
}
.services__text-wrapper.el1 span:nth-child(4) p:nth-child(2) {
  margin-left: 21.53vw;
}
.services__title-container{
  display: none;
}
.services__title-wrapper {
  position: absolute;
  grid-column: 1 / span 4;
  bottom: 44.36vw;
  width: 89.74vw;
}
.services__title-container-mob{
  display: flex;
  flex-direction: column;
  width:72.31vw;
  margin: 0 auto;
  /* GSAP в parralax.js анимирует `y`, поэтому transform-конфликт на мобиле дает артефакты blur-линии */
  transform: none;
  margin-top: 7vw;
  position: relative;
  z-index: 2;
  isolation: isolate;
}
.services__title-container-mob h2{
  will-change: filter;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.services__title-frame svg {
  width: 3.33vw;
  height: 14.87vw;
}
.services__wrapper {
  min-height: 92.5vh;
  margin: -5.13vw;
  padding: 5.13vw;
  padding-top: 0;
  position: sticky;
  top: 2vw;
  /* В WebKit clipping + filter: blur на scroll (особенно вверх) часто рисует "линию" по границе.
     Разрешаем вылезать за пределы wrapper, но оставляем скрытие по X. */
  overflow: visible;
  overflow-x: hidden;
  margin-top: 0vw;
  margin-bottom: 20vw;
}
.services__container {
  height: 355vw;
  position: relative;
}
.services__text-wrapper.el4 {
 display: none;
}
.services__text-wrapper.el5 {
  position: absolute;
  grid-column: 1;
  bottom: 25.38vw;
}
.services__text-wrapper.el6 {
  position: absolute;
  grid-column: 1 /span 2;
  bottom: 20.51vw;
  left: 18.4vw;
}
.services__text-wrapper.el6 p:nth-child(2) {
  margin-left: 4.8vw;
}
.services__text-wrapper.el2 {
  position: absolute;
  grid-column: 3;
  bottom: 35.13vw;
  left: 0vw;
}
.services__text-wrapper.el3 {
  position: absolute;
  grid-column: 3 / span 1;
  bottom: 30.26vw;
  left: 18.8vw;
}
.services__text-wrapper.el3 p:nth-child(2) {
  margin-left: 4.7vw;
}
.services__video-alt {
  position: absolute;
  left: 3vw;
  top: auto;
  bottom: 4vw;
  width: 84vw;
  height: 84vw;
  z-index: 3;
}
.members__img-wrapper.el3 {
  grid-column: 1 / span 4;
  bottom: 50%;
  height: 42.22vw;
  left: 13.5vw;
}
.members__img-wrapper.el3 svg {
  width: 63.59vw;
  height: 91.79vw;
  position: absolute;
  top: -0.25vw;
  left: -0.3vw;
  display: none;
}
.members__img-wrapper.el3 svg.mob {
  width: 63.59vw;
  height: 91.79vw;
  position: absolute;
  top: -0.25vw;
  left: -0.3vw;
  display: block;
}
.members__img-container.el3 {
  width: 59.49vw;
  height: 87.69vw;
  margin: 1.7vw;
  position: absolute;
  display: block;
  overflow: hidden;
  transition: width 0.6s cubic-bezier(0.33, 1, 0.32, 1), height 0.6s cubic-bezier(0.33, 1, 0.32, 1), transform 0.6s cubic-bezier(0.33, 1, 0.32, 1);
}
.members__img-wrapper.el3 img {
  width: 59.49vw;
  height: 87.69vw;
}
.members__img-wrapper.el4 {
  grid-column: 3 / span 2;
  height: 15.28vw;
  top: 48.9vw;
  left: 17vw;
}
.members__img-wrapper.el4 svg {
  width: 8.19vw;
  height: 15.83vw;
  position: absolute;
  top: -0.25vw;
  left: -0.3vw;
  display: none;
}
.members__img-wrapper.el4 svg.mob {
  width: 17.44vw;
  height: 32.82vw;
  position: absolute;
  top: -0.25vw;
  left: -0.3vw;
  display: block;
}
.members__img-container.el4 {
  width: 13.33vw;
  height: 28.72vw;
  margin: 1.7vw;
  position: absolute;
  display: block;
  overflow: hidden;
  transition: width 0.6s cubic-bezier(0.33, 1, 0.32, 1), height 0.6s cubic-bezier(0.33, 1, 0.32, 1), transform 0.6s cubic-bezier(0.33, 1, 0.32, 1);
}
.members__img-wrapper.el4 img {
  width: 13.33vw;
  height: 28.72vw;
  position: relative;
}
.members__img-wrapper.el2 {
  grid-column: 1 / span 2;
  bottom: auto;
  top: 73vw;
  height: 8.19vw;
  z-index: 10;
  left: 10vw;
}
.members__img-container.el2 {
  width: 28.72vw;
  height: 13.33vw;
  margin: 1.7vw;
  position: absolute;
  display: block;
  overflow: hidden;
  transition: width 0.6s cubic-bezier(0.33, 1, 0.32, 1), height 0.6s cubic-bezier(0.33, 1, 0.32, 1), transform 0.6s cubic-bezier(0.33, 1, 0.32, 1);
}
.members__img-wrapper.el2 img {
  width: 28.72vw;
  height: 13.33vw;
  position: relative;
}
.members__img-wrapper.el2 svg {
  width: 15.83vw;
  height: 8.19vw;
  position: absolute;
  top: -0.25vw;
  left: -0.3vw;
  display: none;
}
.members__img-wrapper.el2 svg.mob {
  width: 32.82vw;
  height: 17.44vw;
  position: absolute;
  top: -0.25vw;
  left: -0.3vw;
  display: block;
}


.members__img-wrapper.el1 {
  grid-column: 1;
  bottom: 54.68vw;
  height: 7.50vw;
  left: 3vw;
}
.members__img-wrapper.el1 svg {
  width: 7.50vw;
  height: 7.50vw;
  position: absolute;
  left: -0.28vw;
  top: -0.27vw;
  z-index: 10;
  display: none;
}
.members__img-wrapper.el1 svg.mob{
  width: 17.44vw;
  height: 17.44vw;
  position: absolute;
  left: -0.28vw;
  top: -0.27vw;
  z-index: 10;
  display: block;
}
.members__img-wrapper.el1 .members__img-container {
  position: absolute;
  display: block;
  overflow: hidden;
  margin: 1.7vw;
  z-index: 11;
}
.members__img-container.el1 {
  width: 13.33vw;
  height: 13.33vw;
  margin: 0.28vw;
  position: absolute;
  display: block;
  overflow: hidden;
  transition: width 0.6s cubic-bezier(0.33, 1, 0.32, 1), height 0.6s cubic-bezier(0.33, 1, 0.32, 1), transform 0.6s cubic-bezier(0.33, 1, 0.32, 1);
}
.members__img-wrapper.el1 img {
  width: 13.33vw;
  height: 13.33vw;
  position: relative;
}
.members__img-wrapper.el5 {
  grid-column: 3 / span 2;
  height: 15.28vw;
  bottom: 64.9vw;
  left: 14.5vw;
}
.members__img-wrapper.el5 svg {
  width: 14.44vw;
  height: 14.44vw;
  position: absolute;
  top: -0.25vw;
  left: -0.3vw;
  display: none;
}
.members__img-wrapper.el5 svg.mob{
  width: 27.69vw;
  height: 27.69vw;
  position: absolute;
  top: -0.25vw;
  left: -0.3vw;
  display: block;
}
.members__img-container.el5 {
  width: 23.59vw;
  height: 23.59vw;
  margin: 1.7vw;
  position: absolute;
  display: block;
  overflow: hidden;
  transition: width 0.6s cubic-bezier(0.33, 1, 0.32, 1), height 0.6s cubic-bezier(0.33, 1, 0.32, 1), transform 0.6s cubic-bezier(0.33, 1, 0.32, 1);
}
.members__img-wrapper.el5 img {
  width: 23.59vw;
  height: 23.59vw;
  position: relative;
}
.members__text-wrapper.el8{
  bottom: 6.47vw;
}



.members__text-wrapper.el1 {
  grid-column: 1 / span 2;
  position: absolute;
  margin-left: 2.22vw;
  margin-top: 12.82vw;
  display: none;
}
.members__text-wrapper.el1.mob{
  display: block;
}
.members__text-wrapper.el2 p.is-live-typing::after{
  content: none;
}
.members__text-wrapper.el2 {
  grid-column:3 / span 2;
  margin-left: 6vw;
  margin-top: 22.56vw;
}
.members__text-wrapper.el1 p:nth-child(3) {
  margin-left: 16.5vw;
}
.members__text-wrapper.el1 p:nth-child(4) {
  margin-left: 7.2vw;
}
.members__text-wrapper.el2 p:nth-child(3) {
  margin-left: 3.9vw;
}
.members__text-wrapper.el7 {
  grid-column:3 /span 2;
  bottom: 12.82vw;
  position: absolute;
  left: 18.4vw;
  display: none;
}
.members__text-wrapper.el7 div{
  display: flex;
  justify-content: space-between;
}
.members__text-wrapper.el7.mob{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.members__text-wrapper.el7.mob p:nth-child(3){
  margin-left: 18.5vw;
}
/* Перебиваем более специфичное desktop-правило .members__text-wrapper.el7:not(.mob) */
.members__text-wrapper.el7:not(.mob){
  display: none;
}
.members__text-wrapper.el5 {
  display: none;
}
.members__text-wrapper.el4 {
  display: none;
}
.members__text-wrapper.el9 {
  grid-column: 2 / span 2;
  position: absolute;
  bottom: auto;
  top: 104vw;
  left: 19vw;
  z-index: 10;
}
.members__text-wrapper.el3 {
  grid-column: 1;
  position: absolute;
  bottom: 48%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.members__text-wrapper.el6 {
  grid-column: 4;
  bottom: 48%;
  position: absolute;
  left: 11.6vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.custom-radio-wrapper input[type="radio"]:checked + label {
  transform: translateX(2.5vw);
}
.custom-radio-wrapper input[type="radio"]:checked + label::before {
  background: #78ef50;
  width: 1.03vw;
  height: 1.03vw;
  transform: translateY(-50%) translateX(-2vw);

}

/* ==========================MOTTO MOB============================== */

.motto__container {
  margin: -5.13vw;
  padding: 5.13vw;
  overflow: hidden;
  margin-top: 20vw;
}
.motto__wrapper{
  height: 92.9vh;
}
.motto__title-wrapper.el1 {
  grid-column: 1 / span 3;
  position: absolute;
}
.motto__title-wrapper.el2 {
  grid-column: 3 / span 2;
  margin-left: -12vw;
  position: absolute;
  top: 27vw;
}
.motto__title-wrapper.el3 {
  grid-column: 1 / span 4;
  display: flex;
  position: absolute;
  top: 54vw;
}
.motto__title-wrapper.el4 {
  grid-column: 2 / span 3;
  margin-left: 10vw;
  position: absolute;
  top: 81vw;
}
.motto__text-wrapper.el2 {
  grid-row: 2;
  grid-column: 1 / span 3;
  margin-top: 1vw;
  display: none;
}
.motto__text-wrapper.el2.mob {
  grid-row: 1;
  grid-column: 1 / span 2;
  margin-top: 1vw;
  display: block;
  position: absolute;
  top: 28vw;
}
.motto__text-wrapper.el3 {
  grid-row: 4;
  grid-column: 1 / span 4;
  position: absolute;
  left: 3vw;
  bottom: auto;
  top: 126vw;
  margin-left: 0;
  z-index: 3;
}
.motto__text-wrapper.el1 {
  grid-column: 1 / span 2;
  margin-bottom: 0vw;
  position: absolute;
  top: 104vw;
}
.motto__text-wrapper.el1 p:nth-child(2) {
  margin-left: 11.6vw;
}
.motto__text-wrapper.el1 p:nth-child(3) {
  margin-left: 16.1vw;
}
.motto__text-wrapper.el3 span:nth-child(2) {
  margin-left: 7vw;
}
.motto__text-wrapper.el3 span:nth-child(2) p:nth-child(2) {
  margin-left: 8vw;
  margin-right: 12vw;
  width: 8vw;
  display: block;
}
.motto__text-wrapper.el3 span:nth-child(2) p:nth-child(1){
  width: 24vw;
  display: block;
}

.motto__text-wrapper.el3 span:nth-child(3) {
  margin-left: 57.4vw;
}
.motto__text-wrapper.el3 span:nth-child(3) p:nth-child(2) {
  margin-left: 11.3vw;
}

.motto__title-wrapper.el5 {
  grid-column: 1 / span 4;
  margin-left: 0vw;
  position: absolute;
}
.motto__title-wrapper.el6 {
display: none;
}
.motto__title-wrapper.el7 {
  grid-column: 1 / span 4;
  margin-left: 10vw;
  position: absolute;
  top: 27vw;
  display: none;
}
.motto__title-wrapper.el7.mob {
  display: block;
}
.motto__text-wrapper.el7 {
  display: none;
}
.motto__text-wrapper.el4 {
  grid-column: 3 / span 2;
  grid-row: 1;
  align-self: self-end;
  margin-left: 0;
  position: absolute;
  top: 81vw;
  left: 8vw;
  right: 4vw;
  width: auto;
  max-width: none;
  box-sizing: border-box;
  padding-right: 3vw;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
}
.motto__text-wrapper.el4 > p {
  flex: 0 0 auto;
  max-width: 100%;
}
.motto__title-wrapper.el8 {
  grid-column: 1 / span 3;
  margin-left: 0.5vw;
  position: absolute;
  top: 81vw;
}
.motto__title-wrapper.el9 {
  /* было 3 / span 2: при h1 28.72vw слово «Off» шире половины ряда → вылет вправо в моб. браузерах */
  grid-column: 1 / span 4;
  grid-row: 1;
  position: absolute;
  top: 108vw;
  left: 0;
  right: 0;
  width: auto;
  max-width: 100%;
  margin-left: 0;
  margin-left: 48.6vw;
}
.motto__title-wrapper.el9 h1 {
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.motto__title-wrapper.el10 {
  grid-column: 1 / span 4;
  grid-row: 1;
  position: absolute;
  top: 135vw;
  margin-left: 21.6vw;
}
.motto__text-wrapper.el6 {
  display: none;
}
.motto__text-wrapper.el8 {
  display: none;
}
.motto__text-wrapper.el4 span {
  display: flex;
  flex-direction: row;
  flex: 0 1 auto;
  gap: 3vw;
  align-items: baseline;
  margin-left: -4.6vw;
}
.motto__text-wrapper.el4 span p:last-child {
display: none;
}

.motto__text-wrapper.el9 {
  grid-column: 1 / span 2;
  grid-row: 1;
  position: absolute;
  margin-left: 0vw;
  margin-top: 1.2vw;
  top: 123vw;
}
.motto__text-wrapper.el9 p:first-child {
  margin-left: 0vw;
}
.motto__text-wrapper.el9 p:nth-child(2) {
  margin-left: 9.4vw;
}
.motto__text-wrapper.el5 {
  grid-column: 1;
  grid-row: 1;
  margin-left: 0.2vw;
  margin-top: 1.2vw;
  top: 28vw;
  position: absolute;
}
.motto__video {
  position: relative;
  display: block;
  width: 332%;
  height: 100%;
  object-fit: cover;
  right: 19vw;
  top: -345vw;
  z-index: 2;
}
.motto__text-wrapper{
  mix-blend-mode: difference;
}


/* ==========================LEAD MOB============================== */
.lead__wrapper {
  height: 92.9vh;
  width: 100%;

  position: relative;
  margin-top: -292vw;
  overflow: hidden;
}
.lead__title-wrapper.el1 {
  grid-column: 1 / span 4;
  position: absolute;
  margin-top: 2.8vw;
  display: none;
}
.lead__title-wrapper.el1.mob{
  display: block;
}
.lead__title-wrapper.el1 h2:first-child {
  margin-left: 29.55vw;
}
.lead__title-wrapper.el1 div:last-child {
  margin-left: 19vw;
}
.lead__title-wrapper.el1 div h2:first-child span:nth-child(1) {
  letter-spacing: 0.07em;
}
.lead__title-wrapper.el1 div h2:nth-child(3) span:nth-child(1) {
  letter-spacing: 0.03em;
}
.lead__text-wrapper.el1 {
  grid-column: 1 / span 2;
  margin-top: 3.61vw;
  position: relative;
  z-index: 4;
}
.form {
  position: absolute;
  display: flex;
  flex-direction: column;
  grid-column: 1 / span 4;
  bottom: 36.51vw;
  gap: 8.78vw;
  width: 87.18vw;
  z-index: 5;
}
.form__row p:nth-child(2) {
  margin-left: 8vw;
  width: 21.54vw;
  flex-shrink: 0;
}
.form__row p span {
  margin-left: 4.3vw;
}
.form__radio {
  display: flex;
  flex-direction: column;
  margin-left: 10.42vw;
}
.form__input {
  position: relative;
  margin-left: 10vw;
}
.form__input input {
  border: none;
  outline: none;
  background: transparent;
  padding: 0;
  margin: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 4.10vw;
  line-height: 120%;
  letter-spacing: -0.03em;
  text-transform: lowercase;
  color: #78ef50;
  padding-left: 5.5vw;
  width: 100%;
}
.form__input input::placeholder {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 4.10vw;
  line-height: 120%;
  letter-spacing: -0.03em;
  text-transform: lowercase;
  color: #78ef50;
  opacity: 1;
}
.form__input::before {
  content: '>';
  position: absolute;
  left: 2%;
  top: 50%;
  transform: translateY(-50%);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 4.10vw;
  line-height: 120%;
  letter-spacing: -0.03em;
  text-transform: lowercase;
  color: #78ef50;
  animation: blink 1s infinite;
}
/* iOS/Safari mobile: CRT-оверлей на input/button выглядит как лишняя обводка */
.crt-main .lead__wrapper .form__input::after,
.crt-main .lead__wrapper .form__btn::after {
  content: none;
}
.form__row p:nth-child(1) {
  width: 7.18vw;
  flex-shrink: 0;
}
.lead__video {
  position: absolute;
  right: -3vw;
  top: -34vw;
  width: 101vw;
  height: 116vh;
  z-index: 2;
  object-fit: contain;
  object-position: center center;
}
.form__block {
  display: flex;
  flex-direction: column;
  gap: 3.39vw;
}
.form__btn{
  margin-right: 25vw;
}
/* ==========================FOOTER MOB============================== */
.footer__wrapper {
  /* как loader / моб. блоки: стабильная высота относительно dvh на iOS */
  height: 100vh;
  width: 100%;
  position: relative;
  margin: -5.13vw;
  padding: 5.13vw;
 
  background-size: cover;
}
.container-footer {
  margin-top: -36vw;
  z-index: 2;
}
.footer-vid {
  position: absolute;
  width: 132%;
  bottom: 0vw;
  margin: -2.08vw;
  left: -12vw;
}
.footer__text-wrapper.el1 {
  grid-column: 1 / span 3;
  margin-top: 31vw;
}
.footer__text-wrapper.el1 p:nth-child(2) {
  margin-left: 9.7vw;
}
.footer__text-wrapper.el1 span:nth-child(4) {
  margin-top: 4vw;
  margin-left: 10.3vw;
}
.footer__text-wrapper.el1 p:nth-child(3) {
  margin-left: 14.3vw;
}
.footer__text-wrapper.el1 p:nth-child(5) {
  margin-left: 42.4vw;
}
.footer__text-wrapper.el1 p:nth-child(6) {
  margin-left: 19.3vw;
}
.footer__text-wrapper.el1 p:nth-child(7) {
  margin-left: 28.5vw;
}
.footer__text-wrapper.el2 {
  position: absolute;
  grid-column: 1;
  bottom: 102.56vw;
}
.crazy-mode .footer__text-wrapper.el2 p{
  color: #000;
}
.crazy-mode .footer__text-wrapper.el3 a{
  color: #000;
}
.footer__text-wrapper.el3 {
  position: absolute;
  grid-column: 1 / span 2;
  bottom: 98.3vw;
  left: 16.5vw;
}
.footer__text-wrapper.el3 p:nth-child(1) {
  margin-left: 6.85vw;
}
.footer__text-wrapper.el4 {
  position: absolute;
  grid-column: 2 / span 2;
  bottom: 93.21vw;
  left: 18.75vw;
}
.footer__text-wrapper.el5 {
  position: absolute;
  grid-column: 3 / span 2;
  bottom: 83.21vw;
  left: 5vw;
}
.footer__text-wrapper.el5 p:nth-child(2) {
  margin-left: -4.5vw;
}
.footer__text-wrapper.el6 {
  position: absolute;
  grid-column: 4;
  bottom: 83.21vw;
  left: 11.8vw;
}
.footer__svg-wrapper.el1 {
  display: none;
}
.footer__svg-wrapper.el3 {
  display: none;
}
.footer__text-wrapper.el7 {
  display: none;
}
.footer__text-wrapper.el8 {
  display: none;
}
/* iOS / Android WebKit: mix-blend-mode:difference часто не рисуется — как в crazy-mode, без бленда */
.footer__svg-wrapper.el2 {
  grid-column: 2 / span 2;
  position: absolute;
  bottom: 7.06vw;
  width: 43.59vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  left: 0vw;
  mix-blend-mode: normal;
  isolation: auto;
}
.footer__svg-wrapper.el2 img{
  mix-blend-mode: normal;
}
.footer__svg-wrapper.el2 img:nth-child(1) {
  width: 8.21vw;
  filter: brightness(0) saturate(100%);
}
.footer__svg-wrapper.el2 img:nth-child(2) {
  width: 15.38vw;
  
}
.footer__svg-wrapper.el2 img:nth-child(3) {
  width: 7.69vw;
  filter: brightness(0) saturate(100%);
}
.crazy-mode .footer__svg-wrapper.el2 {
  mix-blend-mode: normal;
}
.crazy-mode .footer__svg-wrapper.el2 img {
  mix-blend-mode: normal;
}
.crazy-mode .footer__svg-wrapper.el2 img:nth-child(1),
.crazy-mode .footer__svg-wrapper.el2 img:nth-child(3) {
  filter: none;
}
.crazy-mode .footer__text-wrapper.el6 p {
  color: #000;
}
/* ==========================HEADER MOB============================== */
.header__inner-el.el1 {
  display: none;
}
.header__inner-el.el2 {
display: none;
}
.header__inner-el.el4 {
  display: none;
}
.header__inner-el.el3 {
  grid-column: 1 / span 2;
  display: flex;
  flex-direction: row;
  gap: 3.11vw;
}
.header__inner-el.el5 {
  grid-column: 3 / span 2;
  margin-left: 19vw;
}
.header__inner-el.el5 > :first-child {
  text-align: left;
  margin-left: 7vw;
}
.header__container-bot {
  width: 89.84vw;
  position: absolute;
  z-index: 100;
  /* iOS/моб. браузеры: учитываем нижнюю safe-area, чтобы bar не перекрывал нижний ряд */
  /* При появлении/скрытии адрес-бара в iOS `vh` меняется, а `dvh` — нет.
     Оставляем header на `vh`, но компенсируем разницу в bottom так,
     чтобы нижний ряд выглядел как будто расположен относительно `dvh`. */
  /* `max()` внутри `calc()` иногда не парсится корректно в Safari.
     Поэтому используем прямую разницу `100dvh - 100vh`. На iOS она обычно >= 0,
     и эффект остаётся нужным. */
  bottom: calc(5.13vw + env(safe-area-inset-bottom, 0px) + (100vh - 100dvh));
}
.header__container-top {
  width: 89.84vw;
  position: absolute;
  z-index: 105;
  top: calc(5.13vw + env(safe-area-inset-top, 0px));
}
.header__inner-el.el7 {
  grid-column: 2 / span 2;
  text-align: center;
  margin-left: 1vw;
}
.header__inner-el.el7 img{
  width: 9vw;
  height: 9vw;


}
.header__inner-el.el8 {
  grid-column: 4;
  text-align: right;
  cursor: pointer;
}
.header__wrapper {
  position: sticky;
  min-height: 100vh;
  height: 100vh;
  margin-top: -5.13vw;
  top: 0vw;
  z-index: 100;
  pointer-events: none;
}


.header__inner-el {

  height: 10.08vw;

}
.header__inner-el.el3 > :first-child p:nth-child(2){
  margin-left: 2.3vw;
}
/* ==========================POPUP MOB============================== */
.popup {
  position: fixed;
  bottom: 13%;
  left: 4%;
  width: 91.79vw;
  height: 132.82vw;
  z-index: 1000001;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.popup__content {
  position: relative;
  left: 50%;
  top: 50%;
  width:89.74vw;
  height: 130.77vw;
  overflow: hidden;
  transform: translate(-50%, -50%);
  transition: width 0.3s ease, height 0.3s ease;
}
.formpop__wrapper svg{
  display: none;
}
.formpop__wrapper svg.mob{
  display: block;
}
.leadpop__wrapper svg{
  display: none;
}
.leadpop__wrapper svg.mob{
  display: block;
}
.workpage-nolink-pop__wrapper svg{
  display: none;
}
.workpage-nolink-pop__wrapper svg.mob{
  display: block;
}
.workpage-nolink-pop__text-wrapper {
  position: relative;
  z-index: 5;
}
.leadpop__text-wrapper {
  position: relative;
  z-index: 5;
}
.leadpop__video {
  width: 70vw;
  position: fixed;
  height: 70vw;
  top: 27vw;
  left: 9vw;
  z-index: 3;
}
.pascalpop__wrong-vid {
  width: 70vw;
  position: fixed;
  height: 70vw;
  top: 27vw;
  left: 8vw;
  z-index: 3;
}

.popup__body {
  position: absolute;
  left: 50%;
  top: 50%;
  width:89.74vw;
  height: 130.77vw;
  transform: translate(-50%, -50%);
}
.formpop__text-wrapper {
  margin-top: 4.13vw;
  font-size: 0.83vw;
  line-height: 1.4;
  opacity: 0;
  visibility: hidden;
  margin-left: 5.13vw;
}
.formpop__sucess-wrapper {
  margin-top: -32vw;
  font-size: 0.83vw;
  line-height: 1.4;
  opacity: 0;
  visibility: hidden;
  margin-left: 5.13vw;
  width: 100%;
  height: 100%;
}
.formpop__options {
  display: flex;
  flex-direction: column;
  gap: 0.35vw;
  margin-top: 3vw;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
.formpop__answer {
  margin-top:3vw;
  display: none;
}
.formpop__answer-details {
  display: none;
  margin-top: 3vw;
}
/* Мобила: длинный ввод не должен раздвигать popup и сдвигать контент */
.formpop__answer-details .formpop__field-row{
  width: 100%;
  min-width: 0;
}
.formpop__answer-details .formpop__field-row-text{
  flex: 0 1 auto;
  min-width: 0;
}
.formpop__answer-details .formpop__field-row input{
  flex: 1 1 0;
  min-width: 0;
  width: 0;
  margin-left: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.formpop__final-text {
  display: none;
  margin-top: 3vw;
}
.formpop__btn {
  margin-left: 42vw;
  display: none;
}
.pascalpop__wrapper svg {
  display: none;
}
.pascalpop__wrapper svg.mob{
  display: block;
}
.pascalpop__loading-wrapper {
  display: flex;
  flex-direction: row;
  width:89.74vw;
  height: 119.77vw;
  justify-content: center;
  margin-top: 0vw;
  margin-left: 0vw;
  margin-top: 5.13vw;
}
.pascalpop__loading-wrapper-row:nth-child(1) {
  display: none;
}
.pascalpop__loading-wrapper-row:nth-child(3) {
  display: none;
}
.pascalpop__loading-wrapper img {
  width: 70.67vw;
}
.pascalpop__text-wrapper {
  position: absolute;
  top: 3.13vw;
  left: 5.13vw;
  opacity: 0;
  visibility: hidden;

}

.pascalpop__text-wrapper p{
  position: relative;
  z-index: 5;
}
.pascalpop__dj-left {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0 2.64vw;
  box-sizing: border-box;
}
.pascalpop__dj-wrapper {
  position: absolute;
  top: 0.9vw;
  left: 0.9vw;
  display: none;
  opacity: 0;
  visibility: hidden;
  flex-direction: row;
  width:89.74vw;
  height: 119.77vw;
  justify-content: space-between;
}
.pascalpop__dj-left-btnsmall-wrapper {
  display: none;
}
.pascalpop__dj-left-bot-btn-wrapper {
  display: none;
}
.pascalpop__dj-right-wrapper {
  display: none;
}
.pascalpop__dj-left-btn-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 80vw;
  height: 80vw;
  gap: 4.62vw;
  margin: 0 auto;
  margin-top: 1.88vw;
}
.pascalpop__dj-left-btn {
  border: 1px solid #78ef50;
  border-radius: 5px;
  padding: 22px;
  width: 15.38vw;
  height:15.38vw;
  margin-bottom: -0.14vw;
}
.pascalpop__dj-left-btn-wrapper span{
  display: flex;
  gap:  4.62vw;;
}
.pascalpop__dj-left img {
  width: 89.74vw;
  height: 34.62vw;
  margin: 0 auto;
  margin-left: -5vw;
  margin-top: 6.15vw;
  margin-bottom: 3.85vw;
  display: none;
}
.pascalpop__dj-left-img.mob{
  display: block;
  width: 89.74vw;
  height: 34.62vw;
}
.pascalpop__wrong-options{
  position: relative;
  z-index: 5;
  margin-top: 3vw;
}
.pascalpop__dj-left-img-alt.mob{
  display: none;
}
.crazy-mode .pascalpop__dj-left-img.mob{
  display: none;
}
.crazy-mode .pascalpop__dj-left-img-alt{
  display: none;
}
.crazy-mode .pascalpop__dj-left-img-alt.mob {
  display: block;
}

.formpop__loading-wrapper {
  display: flex;
  flex-direction: column;
  gap: 2vw;
  margin: 0 auto;
  margin-top: 65%;
  width: 79.49vw;
}
.formpop__loading {
  display: flex;
  flex-direction: row;
  gap: 0.14vw;
  width: 79.49vw;
}
.formpop__loading-el {
  display: block;
  width: 2.05vw;
  height: 3.08vw;
  background: #78ef50;
  opacity: 0.45;
}
.formpop__loading-text {
  display: flex;
  flex-direction: row;
  width: 74.3vw;
  justify-content: space-between;
}
.pascalpop__options{
  margin-top: 3vw;
}

/* ==========================WORKPAGE MOB============================== */
.workpage__btn-container {
  display: none;
}
.header__container-bot.work{
  display: none;
}
.workpage__btn-container-mob{
  position: absolute;
  height:22.56vw;
  grid-column: 1 / -1;
  overflow: hidden;
  bottom: calc(5.13vw + env(safe-area-inset-bottom, 0px) + (100vh - 100dvh));
  width: 100vw;
  margin-left: -5.13vw;
  animation-name: workpage__btn-container-anim-mob;
  animation-duration: 0.5s;
  animation-delay: 0s;
  animation-fill-mode: both;
}
@keyframes workpage__btn-container-anim-mob {
  0%{
    transform: translateY(30vw);
  }
  100%{
    transform: translateY(0vw);
  }
}
.workpage__btn-wrapper-mob{
  display: flex;
  flex-direction: row;
  gap: 6.15vw;
  margin-left: 0.55vw;
  width: max-content;
  margin-top: 2vw;
}
.workpage__btn{
  position: relative;
  width: 18.46vw;
  height: 18.46vw;
  background-size: cover;
  cursor: pointer;
}
.workpage__btn::after{
  content: '';
  position: absolute;
  inset: 0;
  background: #ff1a00;
  opacity: 1;
  mix-blend-mode: multiply;
  pointer-events: none;
  transition: opacity 0.4s ease;
}
.workpage__btn-frame{
  width: 22.56vw;
  height:22.56vw;
  position: absolute;
  top: 0vw;
  left: 39.3%;
  transform: none;
}
.workpage__title-wrapper.el2 {
  grid-column: 1 / span 4;
  margin-top: 25%;
  display: none;
  margin-left: 9vw;
}
.workpage__title-wrapper.el2.mob{
  display: block;
}
.workpage__title-wrapper.el1 {
  grid-column: 1;
  margin-top: 25%;
  position: absolute;

}
.workpage__title-wrapper.el2 div:nth-child(3) {
  position: relative;
  z-index: 11;
  margin-top: 45vw;
}
.crazy-mode .workpage__title-wrapper.el2 div:nth-child(3){
  mix-blend-mode: difference;
}
.crazy-mode .workpage__title-wrapper.el2 div:nth-child(3) h2 {
  color: #78ef50;
  -webkit-text-fill-color: #78ef50;
  -webkit-text-stroke: 4px #78ef50;
}
.workpage__title-wrapper.el2 div:nth-child(3) h2:nth-child(1) {
  margin-left: 18.6vw;
}
.workpage__title-wrapper.el2 div:nth-child(3) h2:nth-child(2) {
  margin-left: 10vw;
}
.workpage__text-wrapper.el1 {
  grid-column: 1;
  position: absolute;
  bottom: calc(45.38vw + env(safe-area-inset-bottom, 0px));
  display: none;
}
.workpage__text-wrapper.el2 {
  grid-column: 2 / span 2;
  position: absolute;
  bottom: calc(40.51vw + env(safe-area-inset-bottom, 0px) + (100vh - 100dvh));
  margin-left: 0vw;
  display: none;
}
.workpage__text-wrapper.el2 p:nth-child(2) {
  margin-left: 2.3vw;
}
.workpage__text-wrapper.el3 {
  grid-column: 3;
  position: absolute;
  bottom: calc(45.38vw + env(safe-area-inset-bottom, 0px) + (100vh - 100dvh));
  left: 10vw;
}
.workpage__text-wrapper.el4 {
  grid-column: 3 / span 2;
  position: absolute;
  bottom: calc(40.51vw + env(safe-area-inset-bottom, 0px) + (100vh - 100dvh));
  margin-left: 17.4vw;
}
.workpage__text-wrapper.el4 p:nth-child(2) {
  margin-left: 1.7vw;
}
.workpage__text-wrapper.el4 p:nth-child(4) {
  margin-left: 2.45vw;
}
.workpage__text-wrapper.el4 p{
  display: none;
}
.workpage__text-wrapper.el4 p.mob{
  display: block;
}
.workpage__vid-wrapper svg {
  width: 91.79vw;
  height: 63.59vw;
  position: absolute;
  top: 0.1vw;
  left: 0.1vw;
}
.workpage__vid-container {
  position: relative;
  width: 87.69vw;
  height: 59.49vw;
  margin: 2.2vw;
  overflow: hidden;
  display: block;
  transform-origin: center center;
  transform: none;
  transition: width 0.6s cubic-bezier(0.33, 1, 0.32, 1), height 0.6s cubic-bezier(0.33, 1, 0.32, 1), transform 0.6s cubic-bezier(0.33, 1, 0.32, 1);
}
.workpage__vid-container img,
.workpage__vid-container video {
  width: 87.69vw;
  height: 59.49vw;
  object-fit: cover;
  display: block;
}
.workpage__vid-wrapper {
  position: absolute;
  z-index: 10;
  top: 46vw;
  left: -1vw;
}
.workmob{
  display: none;
}
.header__inner-el.el3.workmob{
  display: none;
}
.leadpop__text-wrapper{
  margin-top: 4.13vw;
  margin-left: 5.13vw;
  position: relative;
}
/* ==========================LOADER MOB============================== */
.loader-text-wrapper.el1{
  display: none;
}
.loader-text-wrapper.el2{
  display: none;
}
.loader-text-wrapper.el4{
  display: none;
}
.loader-text-wrapper.el5 {
  display: none;
}
.loader-container {
  margin: -5.13vw;
  width: 100vw;
  /* На iOS `dvh` меняется меньше при появлении/скрытии бара, но чтобы не дёргало
     и всё выглядело как под `dvh`, работаем от `vh` и компенсируем разницу. */
  height: calc(100vh + (100dvh - 100vh));
  background: #000000;
  position: fixed;
  padding: 5.13vw;
  z-index: 10000000000000000000000000000000000;
  transition: opacity 0.4s;
}
.loader-wrapper {
  width: 89.74vw;
  height: calc(100vh + (100dvh - 100vh));
  position: relative;
  isolation: isolate;
}
.loader-wrapper .loader-text-wrapper{
  z-index: 0;
}

.loader-dot{
  width: 2.05vw;
  height:2.05vw;
  display: block;
  position: absolute;
  z-index: 2;
  background: #78ef50;
  mix-blend-mode: difference;
  opacity: 0;
}

.loader-dot.el1{
  bottom: calc(5.13vw + env(safe-area-inset-bottom, 0px));
  left: 0;
  
}

.loader-dot.el2{
  top: 5.13vw;
  left: 0;

}

.loader-dot.el3{
  top: 5.13vw;
  right: 0;

}

.loader-dot.el4{
  bottom: calc(5.13vw + env(safe-area-inset-bottom, 0px));
  right: 0;
  
}

.loader-text-wrapper.el3 {
  grid-column: 2 / span 2;
  position: relative;
  top: 50%;
  left: 5vw;
  width: 40vw;
}
.loader-text-wrapper.el6 {
  grid-column: 2 / span 2;
  position: absolute;
  bottom: calc(5.13vw + env(safe-area-inset-bottom, 0px));
  margin-left: 14.5vw;
  width:30vw;
}
.loader-svg:not(.mob){
  display: none;
}
.loader-svg.mob{
  position: fixed;
  top: 50%;
  left: 50%;
  width: calc(100vw + clamp(16px, 4vmin, 48px));
  height: calc(100vh + clamp(16px, 4vmin, 48px) + (100dvh - 100vh));
  max-width: none;
  max-height: none;
  z-index: 1;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(0);
  transform-origin: center center;
  display: block;
  box-sizing: border-box;
}
.main__second-anim .main-second-anim-svg:not(.mob){
  display: none;
}
.main__second-anim .main-second-anim-svg.mob{
  display: block;
}

/* ==========================POLICY MOB============================== */
.policy__title-wrapper {
  grid-column: 1 / span 4;
  margin-top: 30vw;
}
.policy__par-wrapper {
  grid-column: 1 / span 4;
  display: flex;
  gap: 0vw;
  margin-top: 15.28vw;
  position: relative;
  z-index: 10;
}
.policy__ye-container {
  grid-column: 1 / span 4;
  position: absolute;
  height: 72%;
  width: 100%;
  margin-top: 101vw;
  z-index: 3;
}
.policy__ye-container video {
  position: sticky;
  top: 37%;
  width: 30vw;
  height: 30vw;
  display: block;
  margin-left: auto;
  margin-right: auto;
  transform: scaleX(250%);
  margin-left: 32vw;
}
.policy__title-wrapper div:nth-child(2) {
  margin-left: 0vw;
}
.policy__title-wrapper div:nth-child(3) {
  margin-left: 15.3vw;
}
.policy__title-wrapper div:nth-child(4) {
  margin-left: 33.7vw;
}
.policy__title-wrapper div:nth-child(4) h2:nth-child(2) {
  margin-left: -71vw;
}
.formpop__sucess-btn{
  margin-top: 3vw;
}

/* ==========================404 MOB============================== */
.error__container {
  margin: -5.13vw;
  padding: 5.13vw;
  width: 100%;
  height: 100vh;
  margin-top: -100vh;
}
.error__bg {
  width: 438%;
  height: 244vh;
  position: absolute;
  margin: -2.08vw;
  z-index: 5;
  margin-left: -133vw;
  bottom: -230vw;
}
.error__text-wrapper{
  display: none;
}
.error__text-wrapper.mob{
  display: block;
}
.error__text-wrapper {
  grid-column: 1 / span 4;
  margin-top: 25vw;
  position: relative;
  z-index: 10;
}
.error__text-wrapper p:nth-child(8) {
  margin-left: 16.5vw;
}

.crazy-mode .footer__text-wrapper.el5 a {
  color: #000000;
}
.crazy-mode .pascalpop__dj-left-btn{
  border: 0.3vw  solid #000000;
}

}

/* ≤1024px: без url(#text-noise) / threshold на заголовках (после всех desktop filter) */
@media (max-width: 1024px) {
  h1,
  h2,
  h3:not(#main-second-title) {
    filter: none;
    will-change: auto;
  }
  .main__title,
  .main__title-anim-trigger,
  .work__left-title h1,
  .work-title,
  .award__title-wrapper h2,
  .award__title,
  .motto__title-fr, 
  .motto__title-sc,
  .lead__title-wrapper h2,
  .workpage__title-wrapper h2,
  .playg__title-wrapper h2,
  .policy__title-wrapper h2,
  .work__left-title.el1,
  .work__left-title.el2 {
    filter: none;
    will-change: auto;
  }
  .main__title-anim-trigger {
    animation: none;
  }

  .crazy-mode .custom-radio-wrapper input[type="radio"]:checked + label::before {
    background: #000;
    width: 1.03vw;
    height: 1.03vw;
    transform: translateY(-20%) translateX(-2vw);
  }

  
}
@media
  screen and (min-width: 768px) and (max-width: 1366px) and (hover: none) and (pointer: coarse) and (max-aspect-ratio: 1/1),
  screen and (min-width: 768px) and (max-width: 1366px) and (hover: none) and (pointer: coarse) and (orientation: portrait) {
  .container {
    max-width: 1024px;
  }
  .work__left-wrapper{
    height: 119vh;
    height: 119svh;
  }
  .main__second-anim{
    height: 115vh;
    height: 115svh;

  }
  /* Высота award на планшете / вертикальном iPad — править здесь.
     Не дублировать в html.cult-ipad-portrait: там селектор сильнее и перебивает это правило. */
  .award__wrapper{
    height: 190vw;
  }
  .services__wrapper{
    min-height: 115.5vh;
  }
  .services__text-wrapper.el5 {
    bottom: 50.38vw;
  }
  .services__text-wrapper.el6 {
    bottom: 45.51vw;
    left: 18.4vw;
  }
  .services__text-wrapper.el2 {
    bottom: 60.13vw;
  }
  .services__text-wrapper.el3 {
    position: absolute;
    grid-column: 3 / span 1;
    bottom: 55.26vw;
    left: 18.8vw;
  }
  .members__text-wrapper{
    z-index: 10;
  }
  .members__wrapper{
    height: 127vh;
  }
  .members__text-wrapper.el8 {
    bottom: -10.53vw;
}
.members__text-wrapper.el7{
  bottom: -3.18vw;
}
  .motto__wrapper{
    height: 103.9vh;
  }
  .lead__wrapper {
    height: 114.9vh;
    margin-top: -270vw;
  }
  h1{
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 21.88vw;
    line-height: 90%;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #78ef50;
    -webkit-text-stroke: 8px #78ef50;
    -webkit-text-fill-color: #78ef50;
    paint-order: stroke fill;

}
  h1{
    -webkit-text-stroke: 11px #78ef50;
}

h2{
    -webkit-text-stroke: 10px #78ef50;
}
h3{
    -webkit-text-stroke: 8px #78ef50;
}
  @supports (-webkit-touch-callout: none) {
    h1 {
      -webkit-text-stroke: 8px #78ef50;
    }
    h2 {
      -webkit-text-stroke: 7px #78ef50;
    }
    h3 {
      -webkit-text-stroke: 5px #78ef50;
    }
  }


  .footer__wrapper{
    height: 140vh;
  }
  .main__title-wrapper.el2 {
    grid-column: 2 / span 3;
    grid-row: 1;
    position: absolute;
    z-index: 3;
    margin-left: 35.6vw;
}
.main__title-wrapper.el3 {
  grid-column: 1 / span 3;
  grid-row: 2;
  position: relative;
  z-index: 3;
}
.main__title-wrapper.el31 {
  grid-column: 1 / span 2;
  grid-row: 3;
  position: relative;
  z-index: 3;
}
.main__title-wrapper.el4 {
  position: relative;
  z-index: 4;
  grid-column: 2 / span 3;
  grid-row: 3;
  margin-left: 31vw;
}
.main__title-wrapper.el5 {
  grid-column: 1 / span 4;
  grid-row: 4;
  position: relative;
  z-index: 3;
  margin-left: 19.5vw;
}
.main__title-wrapper.el6 {
  grid-column: 2 / span 3;
  grid-row: 5;
  position: relative;
  z-index: 3;
  margin-left: 30.3vw;
}
.main__text-wrapper.el4 {
  grid-column: 3 / span 2;
  grid-row: 2;
  align-self: self-end;
  margin-left: 19vw;
  margin-bottom: 4vw;
}
.main__text-wrapper.el5 {
  grid-column: 1;
  grid-row: 4;
  margin-left: 0vw;
}
.main__text-wrapper.el3 {
  grid-column: 3;
  grid-row: 5;
  margin-left: -6vw;
  margin-top: 2vw;
  position: absolute;
}
.main__text-wrapper.el6 {
  position: absolute;
  grid-column: 1;
  grid-row: 5;
  margin-left: 1.5vw;
  margin-top: 2.5vw;
}
.main__text-wrapper.el7 {
  grid-column: 1 / span 2;
  grid-row: 5;
  margin-left: 16vw;
  margin-top: 2.5vw;
}
.motto__title-wrapper.el2 {
  grid-column: 3 / span 2;
  margin-left: -12vw;
  position: absolute;
  top: 0vw;
}

.motto__title-wrapper.el2 {
  grid-column: 3 / span 2;
  margin-left: -12vw;
  position: absolute;
  top: 0vw;
  margin-left: 3vw;
}
.motto__title-wrapper.el3 {
  grid-column: 1 / span 4;
  display: flex;
  position: absolute;
  top: 20vw;
}
.motto__title-wrapper.el4 {
  grid-column: 2 / span 3;
  margin-left: 12.5vw;
  position: absolute;
  top: 40vw;
}
.motto__text-wrapper.el2.mob {
  grid-row: 1;
  grid-column: 1 / span 2;
  margin-top: 13vw;
  display: block;
  position: absolute;
  top: 28vw;
}
.motto__text-wrapper.el1 {
  grid-column: 1 / span 2;
  margin-bottom: 0vw;
  position: absolute;
  top: 68vw;
}
.motto__text-wrapper.el3 {
  grid-row: 4;
  grid-column: 1 / span 4;
  position: absolute;
  left: 3vw;
  bottom: auto;
  top: 97vw;
  margin-left: 0;
  z-index: 3;
}
.motto__title-wrapper.el6 {
  grid-column: 10;
  margin-left: 0.5vw;
  display: block;
}
.motto__title-wrapper.el6 h1 {
  filter: none;
}
.motto__title-wrapper.el7.mob {
  display: none;
}
.motto__title-wrapper.el7 {
  grid-column: 1 / span 4;
  margin-left: 7vw;
  position: absolute;
  top: 20vw;
  display: block;
  width: 100vw;
}
.motto__title-wrapper.el7 span:nth-child(3){
  letter-spacing: -0.1em;
}
.motto__title-wrapper.el7 span:nth-child(5){
  margin-left: -2vw;
}
.motto__title-wrapper.el8 {
  grid-column: 1 / span 3;
  margin-left: 0.5vw;
  position: absolute;
  top: 40vw;
}
.motto__title-wrapper.el9 {
  grid-column: 1 / span 4;
  grid-row: 1;
  position: absolute;
  top: 60vw;
  left: 0;
  right: 0;
  width: auto;
  max-width: 100%;
  margin-left: 0;
  margin-left: 59.6vw;
}
.motto__title-wrapper.el10 {
  grid-column: 1 / span 4;
  grid-row: 1;
  position: absolute;
  top: 80vw;
  margin-left: 38.6vw;
}
.motto__text-wrapper.el4 {
  grid-column: 1 / span 4;
  grid-row: 1;
  align-self: self-end;
  margin-left: 0;
  position: absolute;
  top: 81vw;
  left: 8vw;
  right: 4vw;
  width: auto;
  max-width: none;
  box-sizing: border-box;
  padding-right: 3vw;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
}
.motto__text-wrapper.el9 {
  grid-column: 1 / span 4;
  grid-row: 1;
  position: absolute;
  margin-left: 0vw;
  margin-top: 1.2vw;
  top: 105vw;
}
.motto__text-wrapper.el5 {
  grid-column: 1;
  grid-row: 1;
  margin-left: 39.2vw;
  margin-top: 1.2vw;
  top: 40vw;
  position: absolute;
}
.lead__video {
  position: absolute;
  right: -3vw;
  top: -23vw;
  width: 101vw;
  height: 116vh;
  z-index: 2;
  object-fit: contain;
  object-position: center center;
}
.motto__video {
  position: relative;
  display: block;
  width: 332%;
  height: 100%;
  object-fit: cover;
  right: 19vw;
  top: -311vw;
  z-index: 2;
}
/* Только десктопная колонка: .el2.mob тоже содержит класс el2 — без :not(.mob) скрывался весь блок с видео. */
.workpage__title-wrapper.el2:not(.mob) {
  grid-column: 1 / span 4;
  margin-top: 18%;
  display: none;
  margin-left: 9vw;
  pointer-events: none;
}
.workpage__title-wrapper.el2.mob {
  display: block;
  grid-column: 1 / span 4;
  margin-top: 18%;
  margin-left: 9vw;
  pointer-events: auto;
}
.workpage__vid-wrapper {
  position: absolute;
  z-index: 10;
  top: 38vw;
  left: -1vw;
}
.workpage__title-wrapper.el1 {
  grid-column: 1;
  margin-top: 18%;
  position: absolute;
}
.workpage__text-wrapper.el4 {
  grid-column: 3 / span 2;
  position: absolute;
  bottom: calc(30.51vw + env(safe-area-inset-bottom, 0px) + (100vh - 100dvh));
  margin-left: 17.4vw;
}
.popup{
  bottom: 0%;
}
}

/* cult-ipad-portrait.js */
html.cult-ipad-portrait .container {
    max-width: 1024px;
    padding: 5.13vw;
  }
  html.cult-ipad-portrait .mob{
    display: block;
  }
  html.cult-ipad-portrait .grid-main {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 5.13vw;
  }
  html.cult-ipad-portrait .work__left-wrapper{
    height: 119vh;
    height: 119svh;
  }
  html.cult-ipad-portrait .main__second-anim{
    height: 115vh;
    height: 115svh;

  }
  html.cult-ipad-portrait .main__second-title-wrapper {
    left: 0;
    width: 100%;
    padding: 0 5.13vw;
    box-sizing: border-box;
    z-index: 12;
  }
  html.cult-ipad-portrait #main-second-title {
    display: block;
    width: 100%;
    white-space: normal;
    text-align: center;
  }
  /* Видео .main__alt-video только в crazy-mode (как на десктопе); иначе iPad портрет ломал display:none). */
  html.cult-ipad-portrait body.crazy-mode .main__alt-video {
    display: block;
    left: 50%;
    transform: translateX(-50%);
    top: 37%;
    width: 62vw;
    height: 62vw;
  }
  html.main-second-locked #main-second-title {
    opacity: 0 !important;
  }
  html.main-second-locked .main__alt-video {
    opacity: 0 !important;
  }
  html.main-second-locked .main__second-anim {
    transform: scale(0) !important;
  }
  html.cult-ipad-portrait .services__wrapper{
    min-height: 115.5vh;
  }
  html.cult-ipad-portrait .services__text-wrapper.el5 {
    bottom: 50.38vw;
  }
  html.cult-ipad-portrait .services__text-wrapper.el6 {
    bottom: 45.51vw;
    left: 18.4vw;
  }
  html.cult-ipad-portrait .services__text-wrapper.el2 {
    bottom: 60.13vw;
  }
  html.cult-ipad-portrait .services__text-wrapper.el3 {
    position: absolute;
    grid-column: 3 / span 1;
    bottom: 55.26vw;
    left: 18.8vw;
  }
  html.cult-ipad-portrait .members__text-wrapper{
    z-index: 10;
  }
  html.cult-ipad-portrait .motto__wrapper{
    height: 103.9vh;
  }
  html.cult-ipad-portrait .lead__wrapper {
    height: 114.9vh;
    margin-top: -270vw;
  }
  html.cult-ipad-portrait h1:not(:is(.work__left-title *)) {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 21.88vw;
    line-height: 90%;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    paint-order: stroke fill;

}
  html.cult-ipad-portrait h1:not(:is(.work__left-title *)) {
    -webkit-text-stroke: 11px #78ef50;
}

html.cult-ipad-portrait h2{
    -webkit-text-stroke: 10px #78ef50;
}
html.cult-ipad-portrait h3{
    -webkit-text-stroke: 8px #78ef50;
}
  html.cult-ipad-portrait body.crazy-mode h1:not(:is(.work__left-title *)) {
    -webkit-text-stroke: 11px #000000;
    -webkit-text-fill-color: #000;
    color: #000;
  }
  html.cult-ipad-portrait body.crazy-mode h2 {
    -webkit-text-stroke: 10px #000000;
    -webkit-text-fill-color: #000;
    color: #000;
  }
  html.cult-ipad-portrait body.crazy-mode h3 {
    -webkit-text-stroke: 8px #000000;
    -webkit-text-fill-color: #000;
    color: #000;
  }
  @supports (-webkit-touch-callout: none) {
    html.cult-ipad-portrait h1:not(:is(.work__left-title *)) {
      -webkit-text-stroke: 8px #78ef50;
    }
    html.cult-ipad-portrait h2 {
      -webkit-text-stroke: 7px #78ef50;
    }
    html.cult-ipad-portrait h3 {
      -webkit-text-stroke: 5px #78ef50;
    }
    html.cult-ipad-portrait body.crazy-mode h1:not(:is(.work__left-title *)) {
      -webkit-text-stroke: 5px #000000;
    }
    html.cult-ipad-portrait body.crazy-mode h2 {
      -webkit-text-stroke: 4px #000000;
    }
    html.cult-ipad-portrait body.crazy-mode h3 {
      -webkit-text-stroke: 2px #000000;
    }
  }

  html.cult-ipad-portrait .work__left-title h1 {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 60.36vw;
    line-height: 90%;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    transition: 1s;
    -webkit-text-stroke: 18px #78ef50;
    -webkit-text-fill-color: #78ef50;
    color: #78ef50;
    paint-order: stroke fill;
  }
  @supports (-webkit-touch-callout: none) {
    html.cult-ipad-portrait .work__left-title h1 {
      -webkit-text-stroke: 12px #78ef50;
    }
  }
  html.cult-ipad-portrait body.crazy-mode .work__left-title h1 {
    -webkit-text-stroke: 6px #000000;
    -webkit-text-fill-color: #000000;
    color: #000000;
  }

  html.cult-ipad-portrait .footer__wrapper{
    height: 140vh;
  }
  html.cult-ipad-portrait .main__title-wrapper.el2 {
    grid-column: 2 / span 3;
    grid-row: 1;
    position: absolute;
    z-index: 3;
    margin-left: 35.6vw;
}
html.cult-ipad-portrait .main__title-wrapper.el3 {
  grid-column: 1 / span 3;
  grid-row: 2;
  position: relative;
  z-index: 3;
}
html.cult-ipad-portrait .main__title-wrapper.el31 {
  grid-column: 1 / span 2;
  grid-row: 3;
  position: relative;
  z-index: 3;
}
html.cult-ipad-portrait .main__title-wrapper.el4 {
  position: relative;
  z-index: 4;
  grid-column: 2 / span 3;
  grid-row: 3;
  margin-left: 31vw;
}
html.cult-ipad-portrait .main__title-wrapper.el5 {
  grid-column: 1 / span 4;
  grid-row: 4;
  position: relative;
  z-index: 3;
  margin-left: 19.5vw;
}
html.cult-ipad-portrait .main__title-wrapper.el6 {
  grid-column: 2 / span 3;
  grid-row: 5;
  position: relative;
  z-index: 3;
  margin-left: 30.3vw;
}
html.cult-ipad-portrait .main__text-wrapper.el4 {
  grid-column: 3 / span 2;
  grid-row: 2;
  align-self: self-end;
  margin-left: 19vw;
  margin-bottom: 4vw;
}
html.cult-ipad-portrait .main__text-wrapper.el5 {
  grid-column: 1;
  grid-row: 4;
  margin-left: 0vw;
}
html.cult-ipad-portrait .main__text-wrapper.el3 {
  grid-column: 3;
  grid-row: 5;
  margin-left: -6vw;
  margin-top: 2vw;
  position: absolute;
}
html.cult-ipad-portrait .main__text-wrapper.el6 {
  position: absolute;
  grid-column: 1;
  grid-row: 5;
  margin-left: 1.5vw;
  margin-top: 2.5vw;
}
html.cult-ipad-portrait .main__text-wrapper.el7 {
  grid-column: 1 / span 2;
  grid-row: 5;
  margin-left: 16vw;
  margin-top: 2.5vw;
}
html.cult-ipad-portrait .motto__title-wrapper.el2 {
  grid-column: 3 / span 2;
  margin-left: -12vw;
  position: absolute;
  top: 0vw;
}

html.cult-ipad-portrait .motto__title-wrapper.el2 {
  grid-column: 3 / span 2;
  margin-left: -12vw;
  position: absolute;
  top: 0vw;
  margin-left: 3vw;
}
html.cult-ipad-portrait .motto__title-wrapper.el3 {
  grid-column: 1 / span 4;
  display: flex;
  position: absolute;
  top: 20vw;
}
html.cult-ipad-portrait .motto__title-wrapper.el4 {
  grid-column: 2 / span 3;
  margin-left: 12.5vw;
  position: absolute;
  top: 40vw;
}
html.cult-ipad-portrait .motto__text-wrapper.el2.mob {
  grid-row: 1;
  grid-column: 1 / span 2;
  margin-top: 13vw;
  display: block;
  position: absolute;
  top: 28vw;
}
html.cult-ipad-portrait .motto__text-wrapper.el1 {
  grid-column: 1 / span 2;
  margin-bottom: 0vw;
  position: absolute;
  top: 68vw;
}
html.cult-ipad-portrait .motto__text-wrapper.el3 {
  grid-row: 4;
  grid-column: 1 / span 4;
  position: absolute;
  left: 3vw;
  bottom: auto;
  top: 97vw;
  margin-left: 0;
  z-index: 3;
}
html.cult-ipad-portrait .motto__title-wrapper.el6 {
  grid-column: 10;
  margin-left: 0.5vw;
  display: block;
}
html.cult-ipad-portrait .motto__title-wrapper.el6 h1 {
  filter: none;
}
html.cult-ipad-portrait .motto__title-wrapper.el7.mob {
  display: none;
}
html.cult-ipad-portrait .motto__title-wrapper.el7 {
  grid-column: 1 / span 4;
  margin-left: 7vw;
  position: absolute;
  top: 20vw;
  display: block;
  width: 100vw;
}
html.cult-ipad-portrait .motto__title-wrapper.el7 span:nth-child(3){
  letter-spacing: -0.1em;
}
html.cult-ipad-portrait .motto__title-wrapper.el7 span:nth-child(5){
  margin-left: -2vw;
}
html.cult-ipad-portrait .motto__title-wrapper.el8 {
  grid-column: 1 / span 3;
  margin-left: 0.5vw;
  position: absolute;
  top: 40vw;
}
html.cult-ipad-portrait .motto__title-wrapper.el9 {
  grid-column: 1 / span 4;
  grid-row: 1;
  position: absolute;
  top: 60vw;
  left: 0;
  right: 0;
  width: auto;
  max-width: 100%;
  margin-left: 0;
  margin-left: 59.6vw;
}
html.cult-ipad-portrait .motto__title-wrapper.el10 {
  grid-column: 1 / span 4;
  grid-row: 1;
  position: absolute;
  top: 80vw;
  margin-left: 38.6vw;
}
html.cult-ipad-portrait .motto__text-wrapper.el4 {
  grid-column: 1 / span 4;
  grid-row: 1;
  align-self: self-end;
  margin-left: 0;
  position: absolute;
  top: 81vw;
  left: 8vw;
  right: 4vw;
  width: auto;
  max-width: none;
  box-sizing: border-box;
  padding-right: 3vw;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
}
html.cult-ipad-portrait .motto__text-wrapper.el9 {
  grid-column: 1 / span 4;
  grid-row: 1;
  position: absolute;
  margin-left: 0vw;
  margin-top: 1.2vw;
  top: 105vw;
}
html.cult-ipad-portrait .motto__text-wrapper.el5 {
  grid-column: 1;
  grid-row: 1;
  margin-left: 39.2vw;
  margin-top: 1.2vw;
  top: 40vw;
  position: absolute;
}
html.cult-ipad-portrait .lead__video {
  position: absolute;
  right: -3vw;
  top: -23vw;
  width: 101vw;
  height: 116vh;
  z-index: 2;
  object-fit: contain;
  object-position: center center;
}
html.cult-ipad-portrait .motto__video {
  position: relative;
  display: block;
  width: 332%;
  height: 100%;
  object-fit: cover;
  right: 19vw;
  top: -311vw;
  z-index: 2;
}
html.cult-ipad-portrait .workpage__title-wrapper.el2:not(.mob) {
  grid-column: 1 / span 4;
  margin-top: 18%;
  display: none;
  margin-left: 9vw;
}
html.cult-ipad-portrait .workpage__title-wrapper.el2.mob {
  display: block;
  grid-column: 1 / span 4;
  margin-top: 18%;
  margin-left: 9vw;
}
html.cult-ipad-portrait .workpage__vid-wrapper {
  position: absolute;
  z-index: 10;
  top: 38vw;
  left: -1vw;
}
/* Старый iOS Safari: артефакт декодера (чёрный прямоугольник в углу видео).
   Лечим через отдельный compositing layer + жёсткий clip. */
html.cult-ipad-portrait .workpage__vid-container {
  isolation: isolate;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}
html.cult-ipad-portrait .workpage__vid-container video {
  -webkit-transform: translateZ(0.01px);
  transform: translateZ(0.01px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  clip-path: inset(0);
  -webkit-clip-path: inset(0);
  background: #000;
}
/* Старый iOS iPad portrait: у первого мобайл-видео иногда "битый" тайл в левом верхнем углу.
   Делаем микро-overdraw внутри контейнера именно для этого блока work. */
html.cult-ipad-portrait #workpage-vid-cont-mob.workpage__vid-container {
  position: relative;
  overflow: hidden;
}
html.cult-ipad-portrait #workpage-vid-cont-mob.workpage__vid-container > .workpage__vid {
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  object-fit: cover;
  object-position: center;
  -webkit-transform: translateZ(0.01px);
  transform: translateZ(0.01px);
}
html.cult-ipad-portrait #workpage-vid-cont-mob.is-video-booting > .workpage__vid {
  opacity: 0;
}
html.cult-ipad-portrait #workpage-vid-cont-mob > .workpage__vid {
  transition: opacity 0.18s linear;
}
html.cult-ipad-portrait .workpage__title-wrapper.el1 {
  grid-column: 1;
  margin-top: 18%;
  position: absolute;
}
html.cult-ipad-portrait .workpage__text-wrapper.el4 {
  grid-column: 3 / span 2;
  position: absolute;
  bottom: calc(30.51vw + env(safe-area-inset-bottom, 0px) + (100vh - 100dvh));
  margin-left: 17.4vw;
}
html.cult-ipad-portrait .popup{
  bottom: 0%;
}
/* Safari (desktop + iOS/iPadOS): без фильтров на тексте/заголовках — как ≤1024px */
html.safari-no-text-noise h1,
html.safari-no-text-noise h2,
html.safari-no-text-noise h3:not(#main-second-title) {
  filter: none;
  will-change: auto;
}
html.safari-no-text-noise .main__title {
  filter: none;
  will-change: auto;
}
html.safari-no-text-noise .main__title-anim-trigger {
  animation: none;
  opacity: 1;
  filter: none;
}
html.safari-no-text-noise .main__title,
html.safari-no-text-noise .main__title-anim-trigger,
html.safari-no-text-noise .work__left-title h1,
html.safari-no-text-noise .work-title,
html.safari-no-text-noise .award__title-wrapper h2,
html.safari-no-text-noise .award__title,
html.safari-no-text-noise .motto__title-fr,
html.safari-no-text-noise .motto__title-sc,
html.safari-no-text-noise .lead__title-wrapper h2,
html.safari-no-text-noise .workpage__title-wrapper h2,
html.safari-no-text-noise .playg__title-wrapper h2,
html.safari-no-text-noise .policy__title-wrapper h2,
html.safari-no-text-noise .work__left-title.el1,
html.safari-no-text-noise .work__left-title.el2 {
  filter: none;
  will-change: auto;
}
html.safari-no-text-noise .motto__title-wrapper.el9 h1,
html.safari-no-text-noise .motto__title-wrapper.el10 h1,
html.safari-no-text-noise .motto__title-wrapper.el6 h1 {
  filter: none;
  will-change: auto;
}
html.safari-no-text-noise .work__left-blur {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
html.safari-no-text-noise .main__blur {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  will-change: auto;
}

/* Safari desktop: без blur/threshold обводка h1–h3 выглядит заметно толще WebKit — как на iOS ≤1024 */
@media (min-width: 1025px) {
  html.safari-no-text-noise h1 {
    -webkit-text-stroke: 0.92vw #78ef50;
  }
  html.safari-no-text-noise h2 {
    -webkit-text-stroke: 0.5vw #78ef50;
  }
  html.safari-no-text-noise h3:not(#main-second-title) {
    -webkit-text-stroke: 0.28vw #78ef50;
  }
  html.safari-no-text-noise body.crazy-mode h1 {
    -webkit-text-stroke: 0.92vw #000000;
  }
  html.safari-no-text-noise body.crazy-mode h2 {
    -webkit-text-stroke: 0.5vw #000000;
  }
  html.safari-no-text-noise body.crazy-mode h3:not(#main-second-title) {
    -webkit-text-stroke: 0.28vw #000000;
  }
  html.safari-no-text-noise body.crazy-mode .work__left-title h1 {
    -webkit-text-stroke: 4px #000000;
  }
  html.safari-no-text-noise body.crazy-mode .workpage__title-wrapper.el2 div:nth-child(3) h2 {
    -webkit-text-stroke: 2.5px #78ef50;
  }

  /* Lead form: снять CRT text-shadow в crazy только Safari desktop (глобально — Chrome и т.д. оставляем как было) */
  html.safari-no-text-noise body.crazy-mode .crt-main .lead__wrapper .form__input input,
  html.safari-no-text-noise body.crazy-mode .crt-main .lead__wrapper .form__input input::placeholder,
  html.safari-no-text-noise body.crazy-mode .crt-main .lead__wrapper .form__input::before,
  html.safari-no-text-noise body.crazy-mode .crt-main .lead__wrapper .form__btn {
    text-shadow: none;
  }

  /* Crazy mode: без CRT-скана (::before/::after) и без «неонового» text-shadow — только на Safari desktop */
  html.safari-no-text-noise body.crazy-mode .crt-main {
    text-shadow: none;
  }
  html.safari-no-text-noise body.crazy-mode .crt-main::before,
  html.safari-no-text-noise body.crazy-mode .crt-main::after {
    display: none;
  }
}

/* Scrollable project selectors: the frame never blocks a thumbnail. */
.workpage__btn { flex-shrink: 0; }
.workpage__btn-frame { pointer-events: none; }
.workpage__btn-wrapper, .workpage__btn-wrapper-mob { will-change: transform; }
.workpage__btn-container, .workpage__btn-container-mob {
  user-select: none;
  -webkit-user-select: none;
  overscroll-behavior: contain;
}
.workpage__btn-container { touch-action: pan-x; }
.workpage__btn-container-mob { touch-action: pinch-zoom; -webkit-touch-callout: none; }

/* PNG + explicit hotspot work across more browsers than a lone .cur file. */
@media (any-hover: hover) and (any-pointer: fine) {
  a, button, [role="button"], [role="option"], label,
  .header__nav-link, .header__inner-el.el8, .work__right-card,
  .playg__card, .workpage__btn {
    cursor: url("../img/cursor/gta-pointer.png") 9 2,
            url("../img/cursor/gta-pointer.cur") 9 2, pointer !important;
  }
}


.header-logo-link { display: flex; align-items: center; justify-content: center; }
.pascalpop__dj-wrapper button { touch-action: manipulation; -webkit-user-select: none; user-select: none; }
[data-cult-sound] { white-space: nowrap; }