Свадьбы

Корпоративы

Сергей Маковкин

Сергей Маковкин

Веду корпоративы,
которые
держат зал

Энергия
люди
результат

(function () {
  var TILES = [
    { elemId: '1789011776701000003', kine: '8ZQVTqGB3UG9nfJdR5XZjV', hls: 'https://kinescope.io/40c384e5-8171-4a5e-b75b-5c621b65dbc5/master.m3u8', poster: 'https://edge-ams-1.kinescopecdn.net/03aecae0-26ca-4956-b1c5-ac3c4f5341bc/posters/1e88fa74-ec3f-4d23-824b-a5fd743d66dd/poster_lg/01a0e8a7-9f58-7171-9f5a-80edd28f8fed.jpg', label: 'СМОТРЕТЬ ПРОМО', dur: '02:19' }
  ];
  var HIDE = ['1789011776735000010','1789011776737000011','1789011776742000012','1789011776746000013','1789011776757000014'];
  var KEEP = '1789011776701000003';
  var KEEP_LABELS = ['1789011776703000004','1789011776711000005','1789011776715000006','1789011776731000007'];
  var rec = document.getElementById('rec3857714303');
  if (!rec) return;
  var canHover = window.matchMedia('(hover: hover) and (pointer: fine)').matches;
  var cursor = document.createElement('div');
  cursor.className = 'sv-cursor';
  cursor.innerHTML = '<span class="sv-cursor__br">[</span><span class="sv-cursor__tx"></span><span class="sv-cursor__br">]</span>';
  document.body.appendChild(cursor);
  var cursorTx = cursor.querySelector('.sv-cursor__tx');
  var mx = 0, my = 0, cx = 0, cy = 0, cursorOn = false;
  if (canHover) {
    document.addEventListener('mousemove', function (e) {
      mx = e.clientX; my = e.clientY;
      if (!cursorOn) { cx = mx; cy = my; }
    });
    (function tick() {
      cx += (mx - cx) * 0.18;
      cy += (my - cy) * 0.18;
      cursor.style.transform = 'translate(' + cx + 'px,' + cy + 'px) translate(-50%,-50%) scale(' + (cursorOn ? 1 : 0.85) + ')';
      requestAnimationFrame(tick);
    })();
  }
  function showCursor(text) {
    cursorTx.textContent = text;
    cursorOn = true;
    cursor.classList.add('is-on');
  }
  function hideCursor() {
    cursorOn = false;
    cursor.classList.remove('is-on');
  }
  var sst = document.createElement('style');
  sst.textContent = ''
    + '.sv-stage__video{position:absolute;top:0;left:0;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;filter:none!important;visibility:visible!important;pointer-events:auto!important;background:#000;display:block;border:0;}'
    + '.sv-stage__close{z-index:7;}'
    + '.sv-pl{position:absolute;left:0;right:0;bottom:0;z-index:6;box-sizing:border-box;padding:0 22px 16px;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.62));opacity:1;transition:opacity .35s ease;pointer-events:none;}'
    + '.sv-stage.sv-idle .sv-pl{opacity:0;}'
    + '.sv-stage.sv-idle{cursor:none;}'
    + '.sv-pl__bar{position:relative;height:4px;border-radius:4px;background:rgba(255,255,255,.24);cursor:pointer;margin:0 0 13px;pointer-events:auto;touch-action:none;transition:height .15s ease;}'
    + '.sv-pl__bar::before{content:"";position:absolute;left:0;right:0;top:-12px;bottom:-12px;}'
    + '.sv-pl__bar:hover,.sv-pl.is-seeking .sv-pl__bar{height:6px;}'
    + '.sv-pl__fill{position:absolute;left:0;top:0;height:100%;width:0;background:#f4efe7;border-radius:4px;}'
    + '.sv-pl__knob{position:absolute;top:50%;left:0;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.45);opacity:0;transition:opacity .18s ease;}'
    + '.sv-pl__bar:hover .sv-pl__knob,.sv-pl.is-seeking .sv-pl__knob{opacity:1;}'
    + '.sv-pl__row{display:flex;align-items:center;gap:17px;color:#fff;}'
    + '.sv-pl__pp,.sv-pl__mute,.sv-pl__fs{pointer-events:auto;background:none;border:0;color:#fff;cursor:pointer;padding:2px;display:inline-flex;align-items:center;opacity:.9;transition:opacity .2s;}'
    + '.sv-pl__pp:hover,.sv-pl__mute:hover,.sv-pl__fs:hover{opacity:1;}'
    + '.sv-ic{width:22px;height:22px;fill:currentColor;display:block;}'
    + '.sv-pl__time{font-size:12px;letter-spacing:.05em;font-variant-numeric:tabular-nums;opacity:.86;white-space:nowrap;}'
    + '.sv-pl__sep{opacity:.5;margin:0 2px;}'
    + '.sv-pl__spacer{flex:1;}'
    + '.sv-pl__pp .sv-ic-pause{display:none;}.sv-pl__pp.is-playing .sv-ic-play{display:none;}.sv-pl__pp.is-playing .sv-ic-pause{display:block;}'
    + '.sv-pl__mute .sv-ic-mut{display:none;}.sv-pl__mute.is-muted .sv-ic-vol{display:none;}.sv-pl__mute.is-muted .sv-ic-mut{display:block;}'
    + '@media(max-width:600px){.sv-pl{padding:0 15px 15px;}.sv-pl__row{gap:14px;}.sv-pl__time{font-size:11px;}.sv-ic{width:25px;height:25px;}.sv-stage__close{top:12px;right:12px;width:42px;height:42px;font-size:20px;}}';
  document.head.appendChild(sst);
  var stage = document.createElement('div');
  stage.className = 'sv-stage';
  stage.innerHTML =
    '<div class="sv-stage__player"></div>' +
    '<div class="sv-pl">' +
      '<div class="sv-pl__bar"><div class="sv-pl__fill"></div><div class="sv-pl__knob"></div></div>' +
      '<div class="sv-pl__row">' +
        '<button class="sv-pl__pp" aria-label="Пуск/пауза"><svg class="sv-ic sv-ic-play" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg><svg class="sv-ic sv-ic-pause" viewBox="0 0 24 24"><path d="M6 5h4v14H6zM14 5h4v14h-4z"/></svg></button>' +
        '<div class="sv-pl__time"><span class="sv-pl__cur">0:00</span><span class="sv-pl__sep">/</span><span class="sv-pl__dur">0:00</span></div>' +
        '<div class="sv-pl__spacer"></div>' +
        '<button class="sv-pl__mute" aria-label="Звук"><svg class="sv-ic sv-ic-vol" viewBox="0 0 24 24"><path d="M4 9v6h4l5 5V4L8 9H4z"/><path d="M15.5 8.5a4 4 0 0 1 0 7" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round"/></svg><svg class="sv-ic sv-ic-mut" viewBox="0 0 24 24"><path d="M4 9v6h4l5 5V4L8 9H4z"/><path d="M16 9.5l5 5m0-5l-5 5" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round"/></svg></button>' +
        '<button class="sv-pl__fs" aria-label="Во весь экран"><svg class="sv-ic" viewBox="0 0 24 24"><path d="M4 4h6v2H6v4H4zM14 4h6v6h-2V6h-4zM4 14h2v4h4v2H4zM18 14h2v6h-6v-2h4z"/></svg></button>' +
      '</div>' +
    '</div>' +
    '<button class="sv-stage__close" aria-label="Закрыть">' + String.fromCharCode(215) + '</button>';
  document.body.appendChild(stage);
  var playerBox = stage.querySelector('.sv-stage__player');
  var closeBtn = stage.querySelector('.sv-stage__close');
  var plBar = stage.querySelector('.sv-pl__bar');
  var plFill = stage.querySelector('.sv-pl__fill');
  var plKnob = stage.querySelector('.sv-pl__knob');
  var plWrap = stage.querySelector('.sv-pl');
  var ppBtn = stage.querySelector('.sv-pl__pp');
  var muteBtn = stage.querySelector('.sv-pl__mute');
  var fsBtn = stage.querySelector('.sv-pl__fs');
  var curEl = stage.querySelector('.sv-pl__cur');
  var durEl = stage.querySelector('.sv-pl__dur');
  var open = null;
  var tileVideos = [];
  var seeking = false;
  function fmt(s) { if (!s || isNaN(s) || s < 0) s = 0; var m = Math.floor(s / 60), ss = Math.floor(s % 60); return m + ':' + (ss < 10 ? '0' : '') + ss; }
  function setRect(r, instant) {
    if (instant) stage.style.transition = 'none';
    stage.style.top = r.top + 'px';
    stage.style.left = r.left + 'px';
    stage.style.width = r.width + 'px';
    stage.style.height = r.height + 'px';
    if (instant) { void stage.offsetHeight; stage.style.transition = ''; }
  }
  var idleT;
  function activity() { stage.classList.remove('sv-idle'); clearTimeout(idleT); idleT = setTimeout(function () { if (open && open.video && !open.video.paused && !seeking) stage.classList.add('sv-idle'); }, 2800); }
  function seekPct(clientX) { var r = plBar.getBoundingClientRect(); return Math.min(1, Math.max(0, (clientX - r.left) / r.width)); }
  function applySeek(clientX) { var v = open && open.video; if (!v || !v.duration) return; var p = seekPct(clientX); v.currentTime = p * v.duration; plFill.style.width = (p * 100) + '%'; plKnob.style.left = (p * 100) + '%'; }
  plBar.addEventListener('pointerdown', function (e) { seeking = true; plWrap.classList.add('is-seeking'); applySeek(e.clientX); try { plBar.setPointerCapture(e.pointerId); } catch (err) {} e.preventDefault(); });
  plBar.addEventListener('pointermove', function (e) { if (seeking) applySeek(e.clientX); });
  window.addEventListener('pointerup', function () { seeking = false; plWrap.classList.remove('is-seeking'); });
  ppBtn.addEventListener('click', function (e) { e.stopPropagation(); var v = open && open.video; if (!v) return; if (v.paused) { var p = v.play(); if (p && p.catch) p.catch(function () {}); } else v.pause(); activity(); });
  muteBtn.addEventListener('click', function (e) { e.stopPropagation(); var v = open && open.video; if (!v) return; v.muted = !v.muted; activity(); });
  fsBtn.addEventListener('click', function (e) {
    e.stopPropagation(); var v = open && open.video;
    var fsEl = document.fullscreenElement || document.webkitFullscreenElement;
    if (fsEl) { (document.exitFullscreen || document.webkitExitFullscreen || function () {}).call(document); }
    else if (stage.requestFullscreen) { stage.requestFullscreen().catch(function () {}); }
    else if (stage.webkitRequestFullscreen) { stage.webkitRequestFullscreen(); }
    else if (v && v.webkitEnterFullscreen) { v.webkitEnterFullscreen(); }
    activity();
  });
  playerBox.addEventListener('click', function () { var v = open && open.video; if (!v) return; if (v.paused) { var p = v.play(); if (p && p.catch) p.catch(function () {}); } else v.pause(); activity(); });
  stage.addEventListener('mousemove', activity);
  stage.addEventListener('touchstart', activity, { passive: true });
  (function ui() {
    requestAnimationFrame(ui);
    if (!open || !open.video) return;
    var v = open.video, d = v.duration || 0, c = v.currentTime || 0;
    if (!seeking && d) { var p = c / d * 100; plFill.style.width = p + '%'; plKnob.style.left = p + '%'; }
    curEl.textContent = fmt(c); durEl.textContent = fmt(d);
    ppBtn.classList.toggle('is-playing', !v.paused);
    muteBtn.classList.toggle('is-muted', v.muted);
  })();
  function openTile(tile, tileEl) {
    if (open) return;
    var v = tile._video;
    if (!v) return;
    hideCursor();
    document.documentElement.style.overflow = 'hidden';
    open = { tile: tile, tileEl: tileEl, video: v, home: v.parentNode };
    tileVideos.forEach(function (tv) { if (tv !== v) { try { tv.pause(); } catch (e) {} } });
    if (tile._start) tile._start();
    var r = tileEl.getBoundingClientRect();
    setRect({ top: r.top, left: r.left, width: r.width, height: r.height }, true);
    stage.style.backgroundImage = 'url(' + tile.poster + ')';
    stage.style.backgroundSize = 'cover';
    stage.style.backgroundPosition = 'center';
    playerBox.classList.remove('is-on');
    stage.style.opacity = '';
    stage.classList.remove('sv-idle');
    stage.classList.add('is-open');
    v.classList.add('sv-stage__video');
    v.loop = false;
    v.controls = false;
    v.removeAttribute('controls');
    playerBox.appendChild(v);
    try { v.muted = false; v.volume = 1; } catch (e) {}
    try { if (v._hls) v._hls.autoLevelCapping = -1; } catch (e) {}
    var pp = v.play(); if (pp && pp.catch) pp.catch(function () {});
    requestAnimationFrame(function () {
      setRect({ top: 0, left: 0, width: window.innerWidth, height: window.innerHeight });
      playerBox.classList.add('is-on');
      stage.classList.add('is-ready');
    });
    activity();
  }
  function closeStage() {
    if (!open) return;
    var v = open.video, home = open.home;
    var r = open.tileEl.getBoundingClientRect();
    stage.classList.remove('is-ready');
    stage.classList.remove('sv-idle');
    playerBox.classList.remove('is-on');
    setRect({ top: r.top, left: r.left, width: r.width, height: r.height });
    stage.style.opacity = '0';
    document.documentElement.style.overflow = '';
    try { v.muted = true; } catch (e) {}
    setTimeout(function () {
      stage.classList.remove('is-open');
      stage.style.opacity = '';
      stage.style.backgroundImage = '';
      v.controls = false; v.removeAttribute('controls');
      v.classList.remove('sv-stage__video');
      v.loop = true;
      try { v.currentTime = 0; } catch (e) {}
      if (home) home.insertBefore(v, home.firstChild);
      var pl = v.play(); if (pl && pl.catch) pl.catch(function () {});
      open = null;
    }, 560);
  }
  closeBtn.addEventListener('click', function (e) { e.stopPropagation(); closeStage(); });
  document.addEventListener('keydown', function (e) {
    if (!open) return;
    if (e.key === 'Escape') closeStage();
    else if (e.key === ' ' || e.key === 'k') { e.preventDefault(); var v = open.video; if (v.paused) v.play().catch(function () {}); else v.pause(); activity(); }
  });
  var hlsReq = false, hlsCbs = [];
  function ensureHls(cb) {
    if (window.Hls) { cb(); return; }
    hlsCbs.push(cb);
    if (hlsReq) return; hlsReq = true;
    var s = document.createElement('script');
    s.src = 'https://cdnjs.cloudflare.com/ajax/libs/hls.js/1.5.13/hls.min.js';
    s.onload = function () { var a = hlsCbs.slice(); hlsCbs = []; a.forEach(function (c) { c(); }); };
    document.head.appendChild(s);
  }
  var NEEDS_CANVAS = (window.matchMedia && window.matchMedia('(hover: none)').matches) ||
                     /iP(hone|od|ad)/.test(navigator.platform) ||
                     /iPhone|iPad|iPod|Android/.test(navigator.userAgent) ||
                     (navigator.maxTouchPoints > 1 && /Mac/.test(navigator.userAgent));
  if (NEEDS_CANVAS) document.documentElement.classList.add('sv-canvasvideo');
  var TILE_LABELS = {
    '1789011776701000003': ['1789011776703000004','1789011776711000005','1789011776715000006','1789011776731000007'],
    '1789011776735000010': ['1789011776737000011','1789011776742000012','1789011776746000013','1789011776757000014']
  };
  function mirrorToCanvas(host, video, labelEls) {
    var cv = document.createElement('canvas');
    cv.className = 'sv-tile__canvas';
    host.insertBefore(cv, host.firstChild);
    var ctx = cv.getContext('2d');
    if (!ctx) return;
    var ctxFilter = ('filter' in ctx);
    if (!ctxFilter) cv.style.filter = 'grayscale(1)';
    var dpr = Math.min(window.devicePixelRatio || 1, 2);
    var cache = null, cacheAt = 0;
    function measure() {
      var hb = host.getBoundingClientRect();
      cache = labelEls.map(function (el) {
        var atom = el.querySelector('.tn-atom') || el;
        var r = atom.getBoundingClientRect();
        var cs = getComputedStyle(atom);
        var fs = parseFloat(cs.fontSize) || 14;
        var lh = parseFloat(cs.lineHeight);
        if (!lh || isNaN(lh)) lh = fs * 1.2;
        var al = cs.textAlign === 'right' ? 'right' : (cs.textAlign === 'center' ? 'center' : 'left');
        return {
          x: r.left - hb.left, y: r.top - hb.top, w: r.width, lh: lh, align: al,
          font: cs.fontStyle + ' ' + cs.fontWeight + ' ' + fs + 'px ' + cs.fontFamily,
          text: (atom.textContent || '').replace(/\s+/g, ' ').trim()
        };
      });
      cacheAt = Date.now();
    }
    function wrap(text, maxW) {
      var words = text.split(' '), lines = [], cur = '';
      for (var i = 0; i < words.length; i++) {
        var t = cur ? cur + ' ' + words[i] : words[i];
        if (ctx.measureText(t).width > maxW && cur) { lines.push(cur); cur = words[i]; }
        else cur = t;
      }
      if (cur) lines.push(cur);
      return lines;
    }
    function drawLabels() {
      if (!cache) return;
      ctx.save();
      if (ctxFilter) ctx.filter = 'none';
      ctx.globalCompositeOperation = 'difference';
      ctx.fillStyle = '#ffffff';
      ctx.textBaseline = 'middle';
      cache.forEach(function (L) {
        if (!L.text) return;
        ctx.font = L.font;
        ctx.textAlign = L.align;
        var x = L.align === 'right' ? L.x + L.w : (L.align === 'center' ? L.x + L.w / 2 : L.x);
        var lines = wrap(L.text, L.w + 1);
        for (var i = 0; i < lines.length; i++) {
          ctx.fillText(lines[i], x, L.y + L.lh * (i + 0.5));
        }
      });
      ctx.restore();
    }
    var last = 0;
    function frame(now) {
      requestAnimationFrame(frame);
      if (now - last < 40) return;
      last = now;
      if (open) return;
      if (video.readyState < 2) return;
      var box = host.getBoundingClientRect();
      if (box.bottom < 0 || box.top > innerHeight) return;
      var w = host.clientWidth, h = host.clientHeight;
      var vw = video.videoWidth, vh = video.videoHeight;
      if (!w || !h || !vw || !vh) return;
      var pw = Math.round(w * dpr), ph = Math.round(h * dpr);
      if (cv.width !== pw || cv.height !== ph) { cv.width = pw; cv.height = ph; cache = null; }
      ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
      if (ctxFilter) ctx.filter = 'grayscale(1)';
      ctx.globalCompositeOperation = 'source-over';
      var k = Math.max(w / vw, h / vh);
      var dw = vw * k, dh = vh * k;
      ctx.drawImage(video, (w - dw) / 2, (h - dh) * 0.2, dw, dh);
      if (!cache || Date.now() - cacheAt > 1000) measure();
      drawLabels();
    }
    requestAnimationFrame(frame);
  }
  TILES.forEach(function (tile) {
    var el = rec.querySelector('[data-elem-id="' + tile.elemId + '"]');
    if (!el) return;
    var atom = el.querySelector('.tn-atom') || el;
    atom.classList.add('sv-tile');
    atom.style.backgroundImage = 'url(' + tile.poster + ')';
    atom.style.backgroundSize = 'cover';
    atom.style.backgroundPosition = '50% 20%';
    var labelEls = (TILE_LABELS[tile.elemId] || []).map(function (id) {
      return rec.querySelector('[data-elem-id="' + id + '"]');
    }).filter(Boolean);
    if (tile.dur) {
      labelEls.forEach(function (le) {
        var a = le.querySelector('.tn-atom') || le;
        if (/^\s*\[?\s*\d{1,2}:\d{2}\s*\]?\s*$/.test((a.textContent || '').trim())) { a.textContent = '[' + tile.dur + ']'; }
      });
    }
    var v = document.createElement('video');
    v.className = 'sv-tile__video';
    v.muted = true; v.loop = true; v.playsInline = true;
    v.setAttribute('muted', ''); v.setAttribute('playsinline', ''); v.setAttribute('webkit-playsinline', ''); v.setAttribute('preload', 'metadata');
    v.style.objectPosition = '50% 20%';
    atom.insertBefore(v, atom.firstChild);
    tileVideos.push(v);
    tile._video = v;
    var lazyStarted = false;
    function lazyStart() {
      if (lazyStarted) return;
      lazyStarted = true;
      v.setAttribute('data-started', '1');
      var src = tile.hls;
      function playNative() { v.src = src; var p = v.play(); if (p && p.catch) p.catch(function () {}); }
      var hasMSE = !!(window.MediaSource || window.WebKitMediaSource);
      if (v.canPlayType('application/vnd.apple.mpegurl') && !hasMSE) {
        playNative();
      } else {
        ensureHls(function () {
          try {
            if (window.Hls && window.Hls.isSupported()) {
              var h = new Hls({ capLevelToPlayerSize: true, maxBufferLength: 30, backBufferLength: 30 });
              v._hls = h;
              h.loadSource(src); h.attachMedia(v);
              h.on(Hls.Events.MANIFEST_PARSED, function () { var p = v.play(); if (p && p.catch) p.catch(function () {}); });
            } else if (v.canPlayType('application/vnd.apple.mpegurl')) {
              playNative();
            }
          } catch (e) { if (v.canPlayType('application/vnd.apple.mpegurl')) playNative(); }
        });
      }
    }
    tile._start = lazyStart;
    if ('IntersectionObserver' in window) {
      var io = new IntersectionObserver(function (entries) {
        entries.forEach(function (entry) { if (entry.isIntersecting) { lazyStart(); io.disconnect(); } });
      }, { rootMargin: '1200px 0px' });
      io.observe(atom);
    } else { lazyStart(); }
    if (NEEDS_CANVAS) mirrorToCanvas(atom, v, labelEls);
    if (canHover) {
      atom.addEventListener('mouseenter', function () { if (!open) showCursor(tile.label); });
      atom.addEventListener('mouseleave', hideCursor);
    }
    atom.addEventListener('click', function () { openTile(tile, el); });
  });
  if (typeof HIDE !== 'undefined' && HIDE.length) {
    HIDE.forEach(function (id) { var e = rec.querySelector('[data-elem-id="' + id + '"]'); if (e) e.style.setProperty('display', 'none', 'important'); });
    var collapse = function () {
      var keep = rec.querySelector('[data-elem-id="' + KEEP + '"]');
      var art = rec.querySelector('.t396__artboard');
      if (!keep || !art) return;
      var artTop = art.getBoundingClientRect().top;
      var bottom = keep.getBoundingClientRect().bottom;
      (typeof KEEP_LABELS !== 'undefined' ? KEEP_LABELS : []).forEach(function (id) {
        var e = rec.querySelector('[data-elem-id="' + id + '"]');
        if (e && e.getBoundingClientRect().bottom > bottom) bottom = e.getBoundingClientRect().bottom;
      });
      var h = Math.round(bottom - artTop + (window.innerWidth < 560 ? 26 : 40));
      art.style.setProperty('height', h + 'px', 'important');
      var t = rec.querySelector('.t396'); if (t) t.style.setProperty('height', h + 'px', 'important');
    };
    collapse();
    setTimeout(collapse, 400); setTimeout(collapse, 1200);
    var _rt; window.addEventListener('resize', function () { clearTimeout(_rt); _rt = setTimeout(collapse, 200); });
  }
})();

SM

СЕРГЕЙМАКОВКИН

Сергей Маковкин

ЭНЕРГИЯЛЮДИАТМОСФЕРА

СЦЕНАРИТМРЕЗУЛЬТАТ

ЛИСТАЙТЕ ВНИЗ

(function () {
  var rec = document.getElementById('rec3857713903');
  var spacer = document.getElementById('rec3857714003');
  var showreel = document.getElementById('rec3857714303');
  var footer = document.getElementById('sv-footer');
  var ticker = document.getElementById('sv-ticker');
  var header = document.getElementById('sv-header');
  var grain = document.getElementById('sv-grain');
  var person = document.getElementById('sv-hero-person');
  var name = document.getElementById('sv-hero-name');
  if (!rec || !person || !name) return;
  if (header) document.body.appendChild(header);
  if (grain) document.body.appendChild(grain);
  var scrollHint = document.getElementById('sv-hero-scroll');
  if (showreel && footer) { showreel.insertAdjacentElement('afterend', footer); footer.style.display = ''; }
    if (ticker) {
      var words = ['ЛЮДИ', 'ИДЕИ', 'РЕАЛИЗАЦИЯ', 'ЭНЕРГИЯ', 'СЦЕНА', 'КОМАНДА'];
      var track = document.getElementById('sv-ticker-track');
      var html = '';
      for (var g = 0; g < 2; g++) { for (var r = 0; r < 6; r++) { for (var w = 0; w < words.length; w++) html += '<span>' + words[w] + ' /</span>'; } }
      track.innerHTML = html;
    }

/* инерционный скролл (только мышь/трекпад на десктопе) */
  var fine = window.matchMedia('(hover: hover) and (pointer: fine)').matches && !window.matchMedia('(prefers-reduced-motion: reduce)').matches;
  if (fine) {
    document.documentElement.style.scrollBehavior = 'auto';
    var target = window.pageYOffset, cur = target, raf = null;
    function maxY() { return Math.max(0, document.documentElement.scrollHeight - window.innerHeight); }
    function loop() {
      cur += (target - cur) * 0.11;
      if (Math.abs(target - cur) < 0.4) { cur = target; window.scrollTo(0, cur); raf = null; return; }
      window.scrollTo(0, cur);
      raf = requestAnimationFrame(loop);
    }
    window.addEventListener('wheel', function (e) {
      if (e.ctrlKey || document.documentElement.style.overflow === 'hidden') return;
      e.preventDefault();
      var d = e.deltaY;
      if (e.deltaMode === 1) d *= 16; else if (e.deltaMode === 2) d *= window.innerHeight;
      target = Math.max(0, Math.min(maxY(), target + d));
      if (!raf) raf = requestAnimationFrame(loop);
    }, { passive: false });
    window.addEventListener('scroll', function () { if (!raf) { target = cur = window.pageYOffset; } }, { passive: true });
    window.svScrollTo = function (y) { target = Math.max(0, Math.min(maxY(), y)); if (!raf) raf = requestAnimationFrame(loop); };
  }
  var totop = document.getElementById('sv-totop');
  if (totop) totop.addEventListener('click', function (e) { e.preventDefault(); if (window.svScrollTo) window.svScrollTo(0); else window.scrollTo({ top: 0, behavior: 'smooth' }); });

function clamp(v) { return Math.max(0, Math.min(1, v)); }
  function update() {
    var sy = window.pageYOffset;
    var dist = spacer ? spacer.offsetHeight : window.innerHeight * 1.45;
    var p = clamp(sy / Math.max(1, dist));
    person.style.transform = 'none';
    var nameIn = clamp((p - .05) / .90);
    var nameY = (1 - nameIn) * 90;
    var nameScale = .93 + nameIn * .07;
    name.style.opacity = nameIn;
    if (ticker) ticker.style.opacity = nameIn;
    if (scrollHint) scrollHint.style.opacity = 1 - nameIn;
    name.style.transform = 'translate3d(0,' + nameY + 'px,0) scale(' + nameScale + ')';
    name.style.textShadow = '0 0 ' + (10 + p * 16) + 'px rgba(202,255,0,.08)';
    if (header) header.classList.toggle('is-solid', sy > 24);
  }
  var ticking = false;
  function onScroll() {
    if (ticking) return;
    ticking = true;
    requestAnimationFrame(function () { update(); ticking = false; });
  }
  window.addEventListener('scroll', onScroll, { passive: true });
  window.addEventListener('resize', update);
  window.addEventListener('load', update);
  update();
})();

(function () {
  var HERO_REC  = 'rec3857713803';
  var TILES_REC = 'rec3857714303';
  var WORDS = ['ЛЮДИ', 'ИДЕИ', 'РЕАЛИЗАЦИЯ', 'ЭНЕРГИЯ'];
  var REPEAT = 8;
  var heroRec  = document.getElementById(HERO_REC);
  var tilesRec = document.getElementById(TILES_REC);
  if (!heroRec || !tilesRec) return;
  var clip = document.createElement('div');
  clip.className = 'sv-marquee-clip';
  var wrap = document.createElement('div');
  wrap.className = 'sv-marquee-wrap';
  var strip = document.createElement('div');
  strip.className = 'sv-marquee';
  var track = document.createElement('div');
  track.className = 'sv-marquee__track';
  function buildGroup() {
    var g = document.createElement('div');
    g.className = 'sv-marquee__group';
    for (var r = 0; r < REPEAT; r++) {
      WORDS.forEach(function (w) {
        var s = document.createElement('span');
        s.className = 'sv-marquee__item';
        s.textContent = w;
        g.appendChild(s);
      });
    }
    return g;
  }
  track.appendChild(buildGroup());
  track.appendChild(buildGroup());
  strip.appendChild(track);
  wrap.appendChild(strip);
  clip.appendChild(wrap);
  heroRec.appendChild(clip);
  function place(){
    var wh = wrap.getBoundingClientRect().height || 90;
    clip.style.position='absolute'; clip.style.left='0'; clip.style.right='0';
    clip.style.top='auto'; clip.style.bottom='0'; clip.style.height=wh+'px';
    clip.style.zIndex='4'; clip.style.opacity='1'; clip.style.overflow='visible';
    wrap.style.marginTop='0px';
  }
  function vis(){ clip.style.opacity='1'; }
  place();
  vis();
  var svTick=false;
  window.addEventListener('scroll',function(){if(svTick)return;svTick=true;requestAnimationFrame(function(){vis();svTick=false;});},{passive:true});
  window.addEventListener('load', vis);
  var svLastW=window.innerWidth;window.addEventListener('resize',function(){if(window.innerWidth!==svLastW){svLastW=window.innerWidth;place();}});
  window.addEventListener('load', place);
  setTimeout(place, 600);
  setTimeout(place, 1500);
})();

01.SHOWREEL

[02:18]

Два часа сцены,
сжатые до двух минут

[2026]

02.ФОРМАТЫ

[01:57]

Награждения, конференции,
новый год — по-разному

[2026]

+7 900 000 00 00

INST

WHATSAPP

TELEGRAM