<style> /* Новый код для прилипания шапки */ [name="header-item-new"] { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; z-index: 9999 !important; } </style>
<style> .video-modal-overlay { position: fixed; inset: 0; z-index: 999999; display: none; align-items: center; justify-content: center; padding: 40px 20px; background: rgba(0, 0, 0, 0.75); box-sizing: border-box; } .video-modal-overlay.is-open { display: flex; } .video-modal-content { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 960px; max-height: calc(100vh - 80px); } .video-modal-stage { position: relative; width: auto; height: auto; opacity: 0; transform: scale(0.985); pointer-events: none; transition: opacity 0.35s ease, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), width 0.45s cubic-bezier(0.22, 1, 0.36, 1), height 0.45s cubic-bezier(0.22, 1, 0.36, 1); } .video-modal-overlay.is-loaded .video-modal-stage { opacity: 1; transform: scale(1); pointer-events: auto; } .video-modal-player { display: block; width: 100%; height: 100%; object-fit: contain; border-radius: 25px; background: transparent; box-shadow: 0 28px 90px rgba(0, 0, 0, 0.25), 0 10px 28px rgba(0, 0, 0, 0.18); } .video-modal-loader { position: fixed; left: 50%; top: 50%; z-index: 1000000; transform: translate(-50%, -50%); opacity: 1; transition: opacity 0.25s ease; pointer-events: none; } .video-modal-overlay.is-loaded .video-modal-loader { opacity: 0; } .video-modal-spinner { width: 42px; height: 42px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.22); border-top-color: rgba(255, 255, 255, 0.9); animation: video-modal-spin 0.8s linear infinite; } @keyframes video-modal-spin { to { transform: rotate(360deg); } } .video-modal-close { all: unset; position: fixed; top: 28px; right: 28px; z-index: 1000001; width: 36px; height: 36px; cursor: pointer; opacity: 0.86; background: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; outline: none !important; padding: 0 !important; margin: 0 !important; display: block; transition: opacity 0.2s ease, transform 0.2s ease; } .video-modal-close:hover { opacity: 1; transform: scale(1.05); background: transparent !important; } .video-modal-close::before, .video-modal-close::after { content: ''; position: absolute; left: 50%; top: 50%; width: 30px; height: 1px; background: #fff; border-radius: 999px; transform-origin: center; } .video-modal-close::before { transform: translate(-50%, -50%) rotate(45deg); } .video-modal-close::after { transform: translate(-50%, -50%) rotate(-45deg); } body.video-modal-open { overflow: hidden; } @media (max-width: 767px) { .video-modal-overlay { padding: 32px 16px; } .video-modal-player { border-radius: 18px; } .video-modal-close { top: 18px; right: 18px; } } </style> <script> (function ($) { // ========================= // Мапа видео — редактировать тут // ========================= var VIDEO_PREFIX = 'https://autonoe.studio/videos/'; var VIDEO_MAP = { 1: '05_Balenciaga_18.mp4', 2: 'avito_master_4х3.mp4', 3: '24_KFC.mp4', 4: '02_afr_yacht.mp4', 5: '20_Tefal.mp4', 6: '15_versaille.mp4', 7: '25_samokat.mp4', 8: '07_cartier.mp4', 9: '17_silwet.mp4', 10: 'sumsub-04-v01.mp4', 11: '16_Creange.mp4', 12: '08_coastal_transit_movie.mp4' }; var currentAspectRatio = 16 / 9; var fallbackTimer = null; function initVideoModal() { $('.video-modal-overlay').remove(); $('body').append(` <div class="video-modal-overlay" aria-hidden="true"> <button class="video-modal-close" type="button" aria-label="Закрыть"></button> <div class="video-modal-content"> <div class="video-modal-stage"> <video class="video-modal-player" controls playsinline preload="auto"></video> </div> </div> <div class="video-modal-loader"> <div class="video-modal-spinner"></div> </div> </div> `); bindVideoEvents(); } function bindVideoEvents() { var video = $('.video-modal-player').get(0); if (!video) return; video.onloadedmetadata = function () { if (video.videoWidth && video.videoHeight) { var aspectRatio = video.videoWidth / video.videoHeight; setStageSize(aspectRatio); } }; video.onplaying = function () { showVideo(); }; video.oncanplay = function () { showVideo(); }; video.onloadeddata = function () { showVideo(); }; } function getStageSize(aspectRatio) { var viewportPaddingX = window.innerWidth <= 767 ? 32 : 40; var viewportPaddingY = window.innerWidth <= 767 ? 64 : 80; var maxWidth = Math.min(960, window.innerWidth - viewportPaddingX); var maxHeight = window.innerHeight - viewportPaddingY; var width = maxWidth; var height = width / aspectRatio; if (height > maxHeight) { height = maxHeight; width = height * aspectRatio; } return { width: Math.max(width, 260), height: Math.max(height, 146) }; } function setStageSize(aspectRatio) { currentAspectRatio = aspectRatio || 16 / 9; var size = getStageSize(currentAspectRatio); $('.video-modal-stage').css({ width: size.width + 'px', height: size.height + 'px' }); } function showVideo() { var $modal = $('.video-modal-overlay'); if (!$modal.hasClass('is-open')) return; if ($modal.hasClass('is-loaded')) return; $modal.addClass('is-loaded'); } function openVideoModal(videoNumber) { var fileName = VIDEO_MAP[videoNumber]; if (!fileName) { console.warn('Видео не найдено:', videoNumber); return; } var src = VIDEO_PREFIX + fileName; var $modal = $('.video-modal-overlay'); var $stage = $('.video-modal-stage'); var video = $('.video-modal-player').get(0); if (!video) return; clearTimeout(fallbackTimer); $modal.removeClass('is-loaded'); $stage.removeAttr('style'); $modal.addClass('is-open').attr('aria-hidden', 'false'); $('body').addClass('video-modal-open'); video.pause(); video.removeAttribute('src'); video.load(); video.muted = false; video.volume = 1; video.src = src; video.currentTime = 0; video.load(); var playPromise = video.play(); if (playPromise && playPromise.catch) { playPromise.catch(function (err) { console.warn('Autoplay не запустился:', err); // Если браузер заблокировал автозапуск, // показываем видео с controls, чтобы можно было нажать play. showVideo(); }); } // Железный fallback: если события video почему-то не пришли, // но видео уже начало грузиться/играть — показываем его. fallbackTimer = setTimeout(function () { if ($modal.hasClass('is-open') && !$modal.hasClass('is-loaded')) { if (video.readyState >= 2 || !video.paused) { showVideo(); } } }, 1200); } function closeVideoModal() { var $modal = $('.video-modal-overlay'); var $stage = $('.video-modal-stage'); var video = $('.video-modal-player').get(0); clearTimeout(fallbackTimer); if (video) { video.pause(); video.currentTime = 0; video.removeAttribute('src'); video.load(); } $modal .removeClass('is-open is-loaded') .attr('aria-hidden', 'true'); $('body').removeClass('video-modal-open'); $stage.removeAttr('style'); currentAspectRatio = 16 / 9; } $(document).ready(function () { initVideoModal(); $(document).off('.videoModal'); $(window).off('.videoModal'); $(document).on('click.videoModal', '[name^="video-"]', function (e) { e.preventDefault(); var name = $(this).attr('name'); var match = name && name.match(/^video-(\d+)$/); if (!match) return; openVideoModal(Number(match[1])); }); $(document).on('click.videoModal', '.video-modal-close', function (e) { e.preventDefault(); closeVideoModal(); }); $(document).on('click.videoModal', '.video-modal-overlay', function (e) { if ($(e.target).hasClass('video-modal-overlay')) { closeVideoModal(); } }); $(document).on('keydown.videoModal', function (e) { if (e.key === 'Escape' && $('.video-modal-overlay').hasClass('is-open')) { closeVideoModal(); } }); $(window).on('resize.videoModal', function () { if ($('.video-modal-overlay').hasClass('is-open')) { setStageSize(currentAspectRatio); } }); }); })(jQuery); </script>
<style> [name="menu-item"]:hover { border-bottom: 2px solid #000; } </style>
T

PROJECTS

SERVICES


TEAM

SOUND ESCAPE

CONTACTS

BALENCIAGA

BALENCIAGA

Avito

Avito

KFC

KFC

Music for 

a fashion show 

SS 2018

Music for 

a fashion show 

SS 2018

Music / SFX  for travel commercial

Music / SFX  for travel commercial

Music jingle for an advertising campaign

Music jingle for an advertising campaign

AFR

AFR

Tefal

Tefal

Larrio Ekson in Versailles

Larrio Ekson in Versailles

SFX / Mixing festival promo video

SFX / Mixing festival promo video

SFX / Mixing

for a commercial video

SFX / Mixing

for a commercial video

Music for a choreography and dance studio promo

Music for a choreography and dance studio promo

Blueprint x Cartier

Silwet Paris

Silwet Paris

Blazar x Samokat

Blazar x Samokat

Blueprint x Cartier

Music for a fashion

short film

Music for a fashion video

Music for a fashion video

Immersive 

multi-channel music 
for an art installation

Immersive 

multi-channel music 
for an art installation

Music for a fashion

short film

Sumsub

Sumsub

Paule Créange

Paule Créange

Coastal Transit

Coastal Transit

SFX / Mixing for a commercial video

SFX / Mixing for a commercial video

Music for an exhibition video

Music for an exhibition video

Original soundtrack

for a short film

Original soundtrack

for a short film

Services

Original music tailored to your story, brand, film, or exhibition. Full-cycle music production at any stage. We handle concept development or work with your specific references.

Music Production

OST

COMMERCIAL

INSTALATION

ARRANGE

We provide audio post-production of your project. From custom foley and interface sounds to deep conceptual audio design.

Sound Design

FOLEY

SOUNSCAPE

FIELD RECORDING

Mixing / Mastering

Balancing, refining, and polishing every detail of your track. We deliver release-ready masters, giving you a final product that requires no further adjustments.

MIX

MASTERING

VOICOVER

EDIT

From a single jingle to complete audio branding, we create your company's sonic image. We translate your brand’s unique character and core values into the medium of sound and music.

Sonic Identity

AUDIO CONCEPT

JINGLE

LOGO

We craft music and refine visual worlds.

Discuss project

Mikhail Gavrilov

Gosha Gerasichev

TEAM

We are Mikhail and Gosha — musicians, composers, and co-owners of a boutique studio specializing in music for advertising, brands, film, and audiovisual projects.

Together, we are blend artistic vision with technical precision, delivering full-cycle sound production — from composition 
to mixing and mastering.

A glimpse into our vision 

and inspiration

autonoe.studio@gmail.com

instagram

telegram

© 2026 Autonoe

{"width":1920,"column_width":348,"columns_n":5,"gutter":45,"margin":0,"line":20}
default
true
1024
1920
false
false
true
[{"caption":"Roboto","name":"Roboto","styles":{"Thin":"100, normal","Extra Light":"200, normal","Light":"300, normal","Regular":"400, normal","Medium":"500, normal","Semibold":"600, normal","Bold":"700, normal","Extra Bold":"800, normal","Black":"900, normal","Thin Italic":"100, italic","Extra Light Italic":"200, italic","Light Italic":"300, italic","Italic":"400, italic","Medium Italic":"500, italic","Semibold Italic":"600, italic","Bold Italic":"700, italic","Extra Bold Italic":"800, italic","Black Italic":"900, italic"}},{"caption":"Inter","name":"Inter","styles":{"Thin":"100, normal","Extra Light":"200, normal","Light":"300, normal","Regular":"400, normal","Medium":"500, normal","Semibold":"600, normal","Bold":"700, normal","Extra Bold":"800, normal","Black":"900, normal","Thin Italic":"100, italic","Extra Light Italic":"200, italic","Light Italic":"300, italic","Italic":"400, italic","Medium Italic":"500, italic","Semibold Italic":"600, italic","Bold Italic":"700, italic","Extra Bold Italic":"800, italic","Black Italic":"900, italic"}}]
https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900
{"mode":"page","transition_type":"slide","transition_direction":"horizontal","transition_look":"belt","slides_form":{}}
{"css":".editor {font-family: Roboto; font-size: 16px; font-weight: 400; line-height: 24px;}"}
false