

@font-face{
  font-family:'Benzin';
  src:url('../assets/fonts/Benzin-Bold.woff2') format('woff2');
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

html,
body,
#allrecords,
#ip-home-root{
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  overflow:hidden !important;
  background:#050603 !important;
}

.ip-page-home,
.ip-page-home *{
  box-sizing:border-box;
}

.ip-page-home a{
  color:inherit;
  text-decoration:none;
}

.ip-menu-link,
.ip-menu-link:link,
.ip-menu-link:visited,
.ip-menu-link:hover,
.ip-menu-link:active,
.ip-submenu a,
.ip-submenu a:link,
.ip-submenu a:visited,
.ip-submenu a:hover,
.ip-submenu a:active{
  text-decoration:none !important;
}

.ip-page-home{
  position:relative;
  width:100%;
  height:100vh;
  min-height:0;
  overflow:hidden !important;
  background:#050603;
  color:#fff;
  font-family:'Montserrat',sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:geometricPrecision;
}

.ip-home-stage{
  position:absolute;
  left:50%;
  top:50%;
  width:1440px;
  height:800px;
  overflow:hidden;
  transform:translate3d(-50%,-50%,0) scale(var(--ip-home-scale,1));
  transform-origin:center center;
}

.ip-home-bg-base,
.ip-home-bg-glow,
.ip-home-portrait{
  position:absolute;
  inset:0;
  background-repeat:no-repeat;
  pointer-events:none;
}

.ip-home-bg-base,
.ip-home-bg-glow{
  background-size:1440px 800px;
  background-position:center center;
}

.ip-home-bg-base{
  z-index:1;
  opacity:1;
  background-image:image-set(
    url('../assets/img/home/background/home-bg.webp') 1x,
    url('../assets/img/home/background/home-bg@2x.webp') 2x
  );
}

.ip-home-bg-glow{
  z-index:2;
  opacity:0;
  background-image:image-set(
    url('../assets/img/home/background/home-bg-glow.webp') 1x,
    url('../assets/img/home/background/home-bg-glow@2x.webp') 2x
  );
  animation:ipGlowReveal 1.25s ease forwards;
  animation-delay:1.1s;
}

.ip-home-portrait{
  z-index:3;
  opacity:0;
  background-image:image-set(
    url('../assets/img/home/portrait/home-portrait.png') 1x,
    url('../assets/img/home/portrait/home-portrait@2x.png') 2x
  );
  background-position:left bottom;
  background-size:auto 800px;
  transform:translate3d(-10px,0,0) scale(1.01);
  animation:ipPortraitReveal 1.05s cubic-bezier(.19,1,.22,1) forwards;
  animation-delay:.35s;
}

.ip-home-dark-overlay{
  position:absolute;
  inset:0;
  z-index:4;
  background:rgba(0,0,0,.04);
  pointer-events:none;
}

.ip-home-content{
  position:absolute;
  left:595px;
  top:473px;
  width:510px;
  height:205px;
  z-index:5;
  transform:none;
  filter:none;
  backface-visibility:visible;
  -webkit-backface-visibility:visible;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:geometricPrecision;
}

.ip-home-title{
  margin:0;
  width:510px;
  font-family:'Benzin',Arial,sans-serif;
  font-size:88px;
  line-height:.85;
  font-weight:700;
  color:#fff;
  text-transform:uppercase;
  filter:none;
  text-shadow:none;
  transform:none;
  backface-visibility:visible;
  -webkit-backface-visibility:visible;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:geometricPrecision;
}

.ip-title-line{
  display:block;
  width:510px;
  overflow:hidden;
  filter:none;
  transform:none;
  backface-visibility:visible;
  -webkit-backface-visibility:visible;
}

.ip-title-line-first{
  height:86px;
}

.ip-title-line-second{
  height:112px;
  margin-top:-10px;
}

.ip-title-line span{
  display:block;
  height:112px;
  line-height:.85;
  opacity:0;
  transform:translateY(-110%);
  filter:none;
  text-shadow:none;
  backface-visibility:visible;
  -webkit-backface-visibility:visible;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.ip-title-line-first span{
  animation:ipTextReveal .58s cubic-bezier(.19,1,.22,1) forwards;
  animation-delay:.9s;
}

.ip-title-line-second span{
  animation:ipTextReveal .58s cubic-bezier(.19,1,.22,1) forwards;
  animation-delay:1.16s;
}

.ip-home-subtitle-wrap{
  position:absolute;
  left:0;
  top:154px;
  overflow:hidden;
  padding-bottom:6px;
  transform:none;
  filter:none;
}

.ip-home-subtitle{
  display:flex;
  align-items:center;
  gap:9px;
  font-size:22px;
  line-height:1.1;
  font-weight:400;
  letter-spacing:.02em;
  color:#fff;
  filter:none;
  text-shadow:none;
  transform:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:geometricPrecision;
}

.ip-subtitle-word,
.ip-subtitle-dot{
  opacity:0;
  transform:translateY(-120%);
}

.ip-subtitle-word-one{
  animation:ipSubtitleReveal .48s cubic-bezier(.19,1,.22,1) forwards;
  animation-delay:1.42s;
}

.ip-subtitle-dot{
  position:relative;
  top:1px;
  width:4px;
  height:4px;
  flex:0 0 4px;
  border-radius:50%;
  background:#fff;
  animation:
    ipSubtitleReveal .48s cubic-bezier(.19,1,.22,1) forwards 1.54s,
    ipDotBlink 1.4s ease-in-out infinite 2.15s;
}

.ip-subtitle-word-two{
  animation:ipSubtitleReveal .48s cubic-bezier(.19,1,.22,1) forwards;
  animation-delay:1.66s;
}

.ip-menu-toggle{
  position:absolute;
  top:60px;
  right:100px;
  z-index:50;
  width:27px;
  height:27px;
  padding:0 !important;
  margin:0 !important;
  border:none !important;
  outline:none !important;
  background:transparent !important;
  cursor:pointer;
  overflow:visible;
  appearance:none;
  -webkit-appearance:none;
  box-shadow:none !important;
}

.ip-menu-toggle::before,
.ip-menu-toggle::after{
  content:none !important;
  display:none !important;
}

.ip-menu-line{
  position:absolute;
  left:0;
  top:50%;
  width:27px;
  height:3px;
  border-radius:10px;
  background:#fff;
  transform-origin:center center;
  transition:transform .42s cubic-bezier(.19,1,.22,1);
  backface-visibility:visible;
  -webkit-backface-visibility:visible;
}

.ip-menu-line:first-child{
  transform:translateY(calc(-50% - 5.5px));
}

.ip-menu-line:last-child{
  transform:translateY(calc(-50% + 5.5px));
}

.ip-menu-toggle.is-open .ip-menu-line:first-child{
  transform:translateY(-50%) rotate(45deg);
}

.ip-menu-toggle.is-open .ip-menu-line:last-child{
  transform:translateY(-50%) rotate(-45deg);
}


.ip-menu-panel{
  position:absolute;
  top:0;
  right:0;
  width:385px;
  height:800px;
  padding:60px 100px 80px 60px;
  z-index:40;
  overflow:hidden;
  pointer-events:none;
  transform:none;
  background:transparent;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:geometricPrecision;
}

.ip-menu-panel.is-open{
  pointer-events:auto;
}

.ip-menu-panel::before,
.ip-menu-panel::after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  transform:translateX(100%);
  transition:transform .72s cubic-bezier(.19,1,.22,1);
  will-change:transform;
}

.ip-menu-panel.is-open::before,
.ip-menu-panel.is-open::after{
  transform:translateX(0);
}

.ip-menu-panel::before{
  z-index:0;
  background:rgba(0,0,0,.30);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.ip-menu-panel::after{
  z-index:1;
  background-image:url('../assets/img/home/popups/menu-noise.webp');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  opacity:.35;
  mix-blend-mode:normal;
}

.ip-menu-inner{
  position:relative;
  z-index:5;
  pointer-events:auto;
  filter:none;
  transform:none;
  backface-visibility:visible;
  -webkit-backface-visibility:visible;
  will-change:auto;
}

.ip-menu-socials{
  position:relative;
  z-index:6;
  display:flex;
  gap:10px;
  margin-bottom:40px;
  overflow:visible;
  pointer-events:auto;
}

.ip-social{
  position:relative;
  z-index:7;
  display:block;
  width:27px;
  height:27px;
  visibility:hidden;
  opacity:0;
  transform:translateY(-32px);
  background:none !important;
  overflow:hidden;
  backface-visibility:visible;
  -webkit-backface-visibility:visible;
  pointer-events:none;
}

.ip-social::before,
.ip-social::after{
  content:'';
  position:absolute;
  inset:0;
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
  transition:opacity .28s ease;
  pointer-events:none;
}

.ip-social::before{
  opacity:1;
}

.ip-social::after{
  opacity:0;
}

.ip-menu-panel.is-open .ip-social{
  pointer-events:auto;
  animation:ipMenuTextDrop .52s cubic-bezier(.19,1,.22,1) both;
}

.ip-menu-panel.is-open .ip-social:hover::before{
  opacity:0;
}

.ip-menu-panel.is-open .ip-social:hover::after{
  opacity:1;
}

.ip-menu-panel.is-open .ip-social:nth-child(1){
  animation-delay:.34s;
}

.ip-menu-panel.is-open .ip-social:nth-child(2){
  animation-delay:.42s;
}

.ip-menu-panel.is-open .ip-social:nth-child(3){
  animation-delay:.50s;
}

.ip-social.instagram::before{
  background-image:url('../assets/icons/Instagram.svg');
}

.ip-social.instagram::after{
  background-image:url('../assets/icons/Instagram-hover.svg');
}

.ip-social.telegram::before{
  background-image:url('../assets/icons/Telegram.svg');
}

.ip-social.telegram::after{
  background-image:url('../assets/icons/Telegram-hover.svg');
}

.ip-social.vk::before{
  background-image:url('../assets/icons/VK.svg');
}

.ip-social.vk::after{
  background-image:url('../assets/icons/VK-hover.svg');
}

.ip-menu-list{
  position:relative;
  z-index:6;
  display:flex;
  flex-direction:column;
  gap:20px;
  width:225px;
  pointer-events:auto;
  filter:none;
  transform:none;
  backface-visibility:visible;
  -webkit-backface-visibility:visible;
  will-change:auto;
}

.ip-menu-list > *{
  visibility:hidden;
  opacity:0;
  transform:translateY(-36px);
  pointer-events:none;
}

.ip-menu-panel.is-open .ip-menu-list > *{
  pointer-events:auto;
  animation:ipMenuTextDrop .56s cubic-bezier(.19,1,.22,1) both;
}

.ip-menu-panel.is-open .ip-menu-list > *:nth-child(1){
  animation-delay:.68s;
}

.ip-menu-panel.is-open .ip-menu-list > *:nth-child(2){
  animation-delay:.78s;
}

.ip-menu-panel.is-open .ip-menu-list > *:nth-child(3){
  animation-delay:.88s;
}

.ip-menu-panel.is-open .ip-menu-list > *:nth-child(4){
  animation-delay:.98s;
}

.ip-menu-panel.is-open .ip-menu-list > *:nth-child(5){
  animation-delay:1.08s;
}

.ip-menu-panel.is-open .ip-menu-list > *:nth-child(6){
  animation-delay:1.18s;
}

.ip-menu-link,
.ip-menu-link:link,
.ip-menu-link:visited,
.ip-menu-link:hover,
.ip-menu-link:active,
.ip-accordion-button,
.ip-accordion-button:hover,
.ip-accordion-button:active{
  color:#fff !important;
  text-decoration:none !important;
  filter:none !important;
  text-shadow:none !important;
}

.ip-menu-link,
.ip-accordion-button{
  padding:0;
  border:none;
  background:transparent;
  font-family:'Montserrat',sans-serif;
  font-size:20px;
  line-height:90%;
  font-weight:600;
  letter-spacing:-0.04em;
  text-align:left;
  cursor:pointer;
  transition:opacity .25s ease;
  transform:none;
  backface-visibility:visible;
  -webkit-backface-visibility:visible;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:geometricPrecision;
  will-change:auto;
}

.ip-menu-panel.is-open .ip-menu-link:hover,
.ip-menu-panel.is-open .ip-accordion-button:hover{
  opacity:.75;
}

.ip-accordion{
  width:100%;
}

.ip-accordion-button{
  position:relative;
  width:100%;
  min-height:24px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding-right:34px;
}

.ip-accordion-button::before,
.ip-accordion-button::after{
  content:'';
  position:absolute;
  top:50%;
  width:14px;
  height:3px;
  border-radius:10px;
  background:#fff;
  opacity:1;
  pointer-events:none;
  transform-origin:center center;
  transition:
    transform .35s cubic-bezier(.19,1,.22,1),
    opacity .35s ease;
}

.ip-accordion-button::before{
  right:9px;
  transform:translateY(-50%) rotate(45deg);
}

.ip-accordion-button::after{
  right:0;
  transform:translateY(-50%) rotate(-45deg);
}

.ip-accordion.is-open .ip-accordion-button::before{
  opacity:.5;
  transform:translateY(-50%) rotate(-45deg);
}

.ip-accordion.is-open .ip-accordion-button::after{
  opacity:.5;
  transform:translateY(-50%) rotate(45deg);
}

.ip-accordion-content{
  max-height:0;
  overflow:hidden;
  transition:max-height .4s ease;
}

.ip-accordion.is-open .ip-accordion-content{
  max-height:220px;
}

.ip-submenu{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding-top:16px;
}

.ip-submenu a,
.ip-submenu a:link,
.ip-submenu a:visited,
.ip-submenu a:hover,
.ip-submenu a:active{
  color:#69C9FF !important;
  text-decoration:none !important;
}

.ip-submenu a{
  font-size:16px;
  line-height:120%;
  font-weight:400;
  letter-spacing:-0.025em;
  opacity:1;
  transition:opacity .25s ease;
  filter:none !important;
  text-shadow:none !important;
  transform:none;
  backface-visibility:visible;
  -webkit-backface-visibility:visible;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:geometricPrecision;
  will-change:auto;
}

.ip-menu-panel.is-open .ip-submenu a:hover{
  opacity:.75;
}

.ip-menu-legal{
  position:absolute;
  left:60px;
  right:100px;
  bottom:80px;
  z-index:6;
  display:flex;
  flex-direction:column;
  gap:2px;
  visibility:hidden;
  opacity:0;
  transform:translateY(-32px);
  transition:none;
  pointer-events:none;
  filter:none;
  backface-visibility:visible;
  -webkit-backface-visibility:visible;
  will-change:auto;
}

.ip-menu-panel.is-open .ip-menu-legal{
  animation:ipMenuTextDrop .52s cubic-bezier(.19,1,.22,1) both;
  animation-delay:1.28s;
  pointer-events:auto;
}

.ip-menu-legal a,
.ip-menu-legal a:link,
.ip-menu-legal a:visited,
.ip-menu-legal a:hover,
.ip-menu-legal a:active{
  color:rgba(255,255,255,.5) !important;
  text-decoration:none !important;
}

.ip-menu-legal a{
  font-size:8px;
  line-height:150%;
  transition:opacity .25s ease;
  filter:none !important;
  text-shadow:none !important;
  transform:none;
  backface-visibility:visible;
  -webkit-backface-visibility:visible;
}

.ip-menu-panel.is-open .ip-menu-legal a:hover{
  opacity:.75;
}

@keyframes ipPortraitReveal{
  0%{
    opacity:0;
    transform:translate3d(-10px,0,0) scale(1.01);
  }

  100%{
    opacity:1;
    transform:none;
  }
}

@keyframes ipGlowReveal{
  0%{
    opacity:0;
  }

  100%{
    opacity:1;
  }
}

@keyframes ipTextReveal{
  0%{
    opacity:0;
    transform:translateY(-110%);
  }

  100%{
    opacity:1;
    transform:none;
  }
}

@keyframes ipSubtitleReveal{
  0%{
    opacity:0;
    transform:translateY(-120%);
  }

  100%{
    opacity:1;
    transform:none;
  }
}

@keyframes ipMenuTextDrop{
  0%{
    visibility:hidden;
    opacity:0;
    transform:translateY(-36px);
  }

  1%{
    visibility:visible;
    opacity:0;
    transform:translateY(-36px);
  }

  100%{
    visibility:visible;
    opacity:1;
    transform:none;
  }
}

@keyframes ipDotBlink{
  0%{
    opacity:0;
    transform:scale(.6);
  }

  25%{
    opacity:1;
    transform:scale(1);
  }

  55%{
    opacity:.35;
    transform:scale(.8);
  }

  100%{
    opacity:1;
    transform:scale(1);
  }
}

@supports (-webkit-hyphens:none){

  .ip-title-line{
    overflow:visible;
  }

  .ip-title-line span{
    transform:translateY(-106%);
  }

  @keyframes ipTextReveal{
    0%{
      opacity:0;
      transform:translateY(-106%);
    }

    100%{
      opacity:1;
      transform:none;
    }
  }
}
/* ==========================================================
   SOCIAL ICONS RETURN RESTORE SUPPORT
   Версия: home-css-033-tilda-social-icons-return-restore

   ИЗМЕНЕНИЯ:
   - mobile/touch: добавлена точечная страховка только после возврата
     из внешней социальной сети внутри Tilda iframe;
   - первичная анимация появления иконок при открытии меню сохранена;
   - постоянное принудительное отображение иконок удалено;
   - геометрия, размеры, ссылки, меню и контент не меняются.
========================================================== */
@media (hover:none), (pointer:coarse){
  .ip-menu-panel.is-open.is-social-return-restore .ip-social,
  .ip-menu-panel.is-open.is-social-return-restore .ip-social:active,
  .ip-menu-panel.is-open.is-social-return-restore .ip-social:focus,
  .ip-menu-panel.is-open.is-social-return-restore .ip-social:focus-visible{
    visibility:visible !important;
    opacity:1 !important;
    transform:none !important;
    animation:none !important;
    pointer-events:auto !important;
  }

  .ip-menu-panel.is-open.is-social-return-restore .ip-social::before,
  .ip-menu-panel.is-open.is-social-return-restore .ip-social:active::before,
  .ip-menu-panel.is-open.is-social-return-restore .ip-social:focus::before,
  .ip-menu-panel.is-open.is-social-return-restore .ip-social:focus-visible::before,
  .ip-menu-panel.is-open.is-social-return-restore .ip-social:hover::before{
    opacity:1 !important;
  }

  .ip-menu-panel.is-open.is-social-return-restore .ip-social::after,
  .ip-menu-panel.is-open.is-social-return-restore .ip-social:active::after,
  .ip-menu-panel.is-open.is-social-return-restore .ip-social:focus::after,
  .ip-menu-panel.is-open.is-social-return-restore .ip-social:focus-visible::after,
  .ip-menu-panel.is-open.is-social-return-restore .ip-social:hover::after{
    opacity:0 !important;
  }
}
