В этом новогоднем корпоративен мы раскроем вам тайны "Нотр-Дама", "Парижской Оперы", узнаем секреты богатства Монте-Кристо и поможем королеве Англии спасти свою честь.
Продолжительность: 3 часа иммерсивная новогодняя программа
Что входит в программу:
1) Сценарий.
2) Адаптация сценария под вашу компанию
2) Режиссура
3) Выступление артистов московских мюзиклов
4) Репетиции
5) Аренда костюмов для артистов
6) Администрирование
7) Транспортные расходы
Что нужно для нашего выступления:
Для нашего выступления нужна площадка и необходим технический и бытовой райдер.
Команда Immersive-Event.Ru - это артисты таких нашумевших московских мюзиклов как "Notre-Dame de Paris", "Призрак оперы", "Граф Монте-Кристо", "Бал Вампиров", "Шахматы", "Граф Орлов", "Анна Каренина", "Не бойся, я с тобой"
Что нужно для заказа:
для того, чтобы заказать наши шоу, можете набрать нас номер 89257715751, или написать нам в WhatsApp и указать дату мероприятия, количество гостей и название понравившегося представления.
<section class="vg7-section" aria-labelledby="vg7-heading" itemscope="" itemtype="https://schema.org/Event">
<meta itemprop="name" content="Четыре комнаты — Новогодний корпоратив">
<meta itemprop="description" content="Иммерсивное новогоднее путешествие. 3,5 часа, четыре блока, каждый меняет мир зала.">
<meta itemprop="organizer" content="Immersive-Event.Ru">
<!-- Новогодний орнамент-фон -->
<div class="vg7-bg-ornament" aria-hidden="true">
<svg class="vg7-bg-ornament__svg" viewBox="0 0 600 600" fill="none" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(300,300)" opacity="0.12" stroke="#1a3a2a" stroke-width="1.2">
<line x1="0" y1="-180" x2="0" y2="180"></line>
<line x1="-180" y1="0" x2="180" y2="0"></line>
<line x1="-127" y1="-127" x2="127" y2="127"></line>
<line x1="127" y1="-127" x2="-127" y2="127"></line>
<line x1="0" y1="-120" x2="-28" y2="-92"></line><line x1="0" y1="-120" x2="28" y2="-92"></line>
<line x1="0" y1="120" x2="-28" y2="92"></line><line x1="0" y1="120" x2="28" y2="92"></line>
<line x1="-120" y1="0" x2="-92" y2="-28"></line><line x1="-120" y1="0" x2="-92" y2="28"></line>
<line x1="120" y1="0" x2="92" y2="-28"></line><line x1="120" y1="0" x2="92" y2="28"></line>
<circle cx="0" cy="0" r="8" fill="none"></circle>
<circle cx="0" cy="-120" r="4" fill="none"></circle>
<circle cx="0" cy="120" r="4" fill="none"></circle>
<circle cx="-120" cy="0" r="4" fill="none"></circle>
<circle cx="120" cy="0" r="4" fill="none"></circle>
</g>
<g transform="translate(80,80)" opacity="0.09" stroke="#1a3a2a" stroke-width="0.8">
<line x1="0" y1="-50" x2="0" y2="50"></line>
<line x1="-50" y1="0" x2="50" y2="0"></line>
<line x1="-35" y1="-35" x2="35" y2="35"></line>
<line x1="35" y1="-35" x2="-35" y2="35"></line>
<circle cx="0" cy="0" r="5" fill="none"></circle>
</g>
<g transform="translate(520,80)" opacity="0.09" stroke="#1a3a2a" stroke-width="0.8">
<line x1="0" y1="-50" x2="0" y2="50"></line>
<line x1="-50" y1="0" x2="50" y2="0"></line>
<line x1="-35" y1="-35" x2="35" y2="35"></line>
<line x1="35" y1="-35" x2="-35" y2="35"></line>
<circle cx="0" cy="0" r="5" fill="none"></circle>
</g>
<g transform="translate(80,520)" opacity="0.09" stroke="#1a3a2a" stroke-width="0.8">
<line x1="0" y1="-50" x2="0" y2="50"></line>
<line x1="-50" y1="0" x2="50" y2="0"></line>
<line x1="-35" y1="-35" x2="35" y2="35"></line>
<line x1="35" y1="-35" x2="-35" y2="35"></line>
<circle cx="0" cy="0" r="5" fill="none"></circle>
</g>
<g transform="translate(520,520)" opacity="0.09" stroke="#1a3a2a" stroke-width="0.8">
<line x1="0" y1="-50" x2="0" y2="50"></line>
<line x1="-50" y1="0" x2="50" y2="0"></line>
<line x1="-35" y1="-35" x2="35" y2="35"></line>
<line x1="35" y1="-35" x2="-35" y2="35"></line>
<circle cx="0" cy="0" r="5" fill="none"></circle>
</g>
<g transform="translate(300,60)" opacity="0.14" stroke="#c9a058" stroke-width="1">
<line x1="0" y1="-30" x2="0" y2="30"></line>
<line x1="-30" y1="0" x2="30" y2="0"></line>
<line x1="-21" y1="-21" x2="21" y2="21"></line>
<line x1="21" y1="-21" x2="-21" y2="21"></line>
<polygon points="0,-22 5,-8 20,-8 8,2 13,18 0,8 -13,18 -8,2 -20,-8 -5,-8" fill="#c9a058" opacity="0.18" stroke="none"></polygon>
</g>
</svg>
<div class="vg7-snowflakes">
<span class="vg7-sf vg7-sf--1">❄</span>
<span class="vg7-sf vg7-sf--2">❄</span>
<span class="vg7-sf vg7-sf--3">✦</span>
<span class="vg7-sf vg7-sf--4">❄</span>
<span class="vg7-sf vg7-sf--5">✦</span>
<span class="vg7-sf vg7-sf--6">❄</span>
<span class="vg7-sf vg7-sf--7">✦</span>
</div>
</div>
<div class="vg7-grid">
<!-- CARD -->
<article class="vg7-card" itemscope="" itemtype="https://schema.org/Event">
<meta itemprop="name" content="Четыре комнаты">
<meta itemprop="organizer" content="Immersive-Event.Ru">
<meta itemprop="duration" content="PT3H30M">
<!-- COVER STATE -->
<div class="vg7-card__cover">
<div class="vg7-card__cover-media">
<iframe class="vg7-card__video" src="https://rutube.ru/play/embed/a6f01b916484df34da46007b75aa0dba/" frameborder="0" allow="clipboard-write; autoplay" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" title="Новогодний корпоратив «Четыре комнаты» — видео"></iframe>
</div>
<div class="vg7-card__cover-content">
<div class="vg7-card__cover-inner">
<span class="vg7-card__tag">Иммерсивное шоу · 3,5 часа</span>
<h4 class="vg7-card__title t-title t-title_xs" itemprop="name">«Четыре комнаты»</h4>
<p class="vg7-card__excerpt t-descr t-descr_xs">
Гости приходят не на банкет — а на иммерсивное путешествие. Один зал последовательно превращается в четыре мира: от гангстерского подполья до спиритического сеанса. Каждые 30 минут — новый жанр, новая эмоция.
</p>
<div class="vg7-card__acts">
<span class="vg7-card__act">Гангстерский экшн</span>
<span class="vg7-card__act">Кинокастинг</span>
<span class="vg7-card__act">Оперная драма</span>
<span class="vg7-card__act">Мистика</span>
</div>
<button class="vg7-card__btn t-btnflex t-btnflex_smd" aria-expanded="false" aria-controls="vg7-card-detail-1">
<svg class="vg7-card__btn-icon" width="13" height="13" viewBox="0 0 13 13" fill="none" aria-hidden="true">
<polygon points="6.5,1 12,12 1,12" stroke="currentColor" stroke-width="1.2" fill="none"></polygon>
</svg>
<span class="t-btnflex__text">Подробнее</span>
</button>
</div>
</div>
</div>
<!-- EXPANDED STATE -->
<div class="vg7-card__detail vg7-card__detail--collapsed" id="vg7-card-detail-1" role="region" aria-label="Подробное описание программы">
<button class="vg7-card__close" aria-label="Закрыть подробную информацию">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true"><path d="M15 5L5 15M5 5l10 10" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"></path></svg>
</button>
<!-- SLIDESHOW -->
<div class="vg7-slideshow" aria-label="Фотогалерея программы" role="region">
<div class="vg7-slideshow__track">
<div class="vg7-slideshow__slide vg7-slideshow__slide--active">
<img src="https://static.tildacdn.com/tild3063-3237-4665-a361-626565386430/DSC_2657-min.jpg" alt="Артист в образе гангстера исполняет арию у столиков гостей" loading="lazy">
<div class="vg7-slideshow__caption">Блок «Гангстерский экшн» — испытание доверием и риском</div>
</div>
<div class="vg7-slideshow__slide">
<img src="https://static.tildacdn.com/tild6233-3463-4238-b830-623935653763/DSC_2687-min.jpg" alt="Артист в цилиндре и фраке поёт среди гостей" loading="lazy">
<div class="vg7-slideshow__caption">Блок «Кинокастинг» — гости становятся актёрами</div>
</div>
<div class="vg7-slideshow__slide">
<img src="https://static.tildacdn.com/tild6363-3764-4133-b562-373365643033/DSC_2733-min.jpg" alt="Артист в маске среди гостей на корпоративе" loading="lazy">
<div class="vg7-slideshow__caption">Блок «Оперная драма» — угадывание персонажей</div>
</div>
<div class="vg7-slideshow__slide">
<img src="https://static.tildacdn.com/tild6661-3035-4235-a232-323363383737/DSC_2860-min.jpg" alt="Артист-официант и повар поют и танцуют перед гостями" loading="lazy">
<div class="vg7-slideshow__caption">Оперная драма — арии вживую за столиками</div>
</div>
<div class="vg7-slideshow__slide">
<img src="https://static.tildacdn.com/tild3431-6162-4835-a339-383465333331/DSC_2989-min.jpg" alt="Артистка в образе — портретное фото" loading="lazy">
<div class="vg7-slideshow__caption">Блок «Мистика» — спиритический сеанс</div>
</div>
<div class="vg7-slideshow__slide">
<img src="https://static.tildacdn.com/tild3763-6165-4831-a135-663036346233/DSC_3021-min.jpg" alt="Артистка в костюме общается с гостями корпоратива" loading="lazy">
<div class="vg7-slideshow__caption">Мистика — гости вызывают духов</div>
</div>
<div class="vg7-slideshow__slide">
<img src="https://static.tildacdn.com/tild3434-3366-4938-b537-316339313538/DSC_3047-min.jpg" alt="Танцовщица выступает в зале ресторана" loading="lazy">
<div class="vg7-slideshow__caption">Абсурд и тайна после оперных слёз</div>
</div>
<div class="vg7-slideshow__slide">
<img src="https://static.tildacdn.com/tild6630-3461-4231-b638-353465666138/DSC_3141-min.jpg" alt="Певец на корпоративе исполняет арию" loading="lazy">
<div class="vg7-slideshow__caption">Финальный блок — гости и артисты вместе</div>
</div>
<div class="vg7-slideshow__slide">
<img src="https://static.tildacdn.com/tild3230-3962-4934-b639-393863663635/DSC_3328-min.jpg" alt="Гости радостно общаются с артисткой" loading="lazy">
<div class="vg7-slideshow__caption">Финал — новогоднее чудо и общий тост</div>
</div>
</div>
<button class="vg7-slideshow__nav vg7-slideshow__nav--prev" aria-label="Предыдущее фото">
<svg width="18" height="18" viewBox="0 0 20 20" fill="none"><path d="M13 4l-6 6 6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</button>
<button class="vg7-slideshow__nav vg7-slideshow__nav--next" aria-label="Следующее фото">
<svg width="18" height="18" viewBox="0 0 20 20" fill="none"><path d="M7 4l6 6-6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</button>
<div class="vg7-slideshow__dots" aria-hidden="true">
<span class="vg7-slideshow__dot vg7-slideshow__dot--active"></span>
<span class="vg7-slideshow__dot"></span>
<span class="vg7-slideshow__dot"></span>
<span class="vg7-slideshow__dot"></span>
<span class="vg7-slideshow__dot"></span>
<span class="vg7-slideshow__dot"></span>
<span class="vg7-slideshow__dot"></span>
<span class="vg7-slideshow__dot"></span>
<span class="vg7-slideshow__dot"></span>
</div>
</div>
<!-- DETAIL CONTENT -->
<div class="vg7-detail-body">
<div class="vg7-detail-intro">
<h4 class="vg7-detail-intro__title t-title t-title_xs">Концепция: «Четыре комнаты»</h4>
<p class="vg7-detail-intro__text t-text t-text_md">
Мы не делали банкет с ведущим. Мы создали мультисенсорное путешествие, где каждый блок — отдельный спектакль с интерактивом, а зал каждый раз становится другим миром. Гости не просто смотрят — они участвуют: рискуют, смеются, сопереживают, угадывают, вызывают духов. За 3,5 часа они проживают четыре жизни и выходят обновлёнными.
</p>
</div>
<div class="vg7-stages">
<h5 class="vg7-stages__heading">Четыре блока — четыре мира</h5>
<div class="vg7-stages__list">
<div class="vg7-stage">
<div class="vg7-stage__num" aria-hidden="true">I</div>
<div class="vg7-stage__body">
<div class="vg7-stage__label">Гангстерский экшн</div>
<h6 class="vg7-stage__title t-name t-name_md">Испытание доверием</h6>
<p class="vg7-stage__text t-text t-text_sm">Мир зала превращается в подпольное заведение: джаз, полумрак, атмосфера риска. Гости проходят испытание доверием — едят горящие десерты с фитилём. Страх переплавляется в азарт.</p>
<div class="vg7-stage__feel"><span>Азарт</span><span>Риск</span><span>Доверие</span></div>
</div>
</div>
<div class="vg7-stage">
<div class="vg7-stage__num" aria-hidden="true">II</div>
<div class="vg7-stage__body">
<div class="vg7-stage__label">Кинокастинг</div>
<h6 class="vg7-stage__title t-name t-name_md">Испытание творчеством</h6>
<p class="vg7-stage__text t-text t-text_sm">Зал становится съёмочной площадкой. Кастинг на несколько ролей, видеопробы, режиссёрский разбор. Гости становятся актёрами, которым «разрешено» быть неловкими. Снятие барьеров через смех.</p>
<div class="vg7-stage__feel"><span>Смех</span><span>Игра</span><span>Раскрепощение</span></div>
</div>
</div>
<div class="vg7-stage">
<div class="vg7-stage__num" aria-hidden="true">III</div>
<div class="vg7-stage__body">
<div class="vg7-stage__label">Оперная драма</div>
<h6 class="vg7-stage__title t-name t-name_md">Испытание чувствами</h6>
<p class="vg7-stage__text t-text t-text_sm">Коктейльный бар. Авторские коктейли, каждый — своя история. Гости угадывают персонажей в официантах по их рассказам. Угадали — персонаж поёт арию вживую.</p>
<div class="vg7-stage__feel"><span>Лирика</span><span>Сострадание</span><span>Тепло</span></div>
</div>
</div>
<div class="vg7-stage">
<div class="vg7-stage__num" aria-hidden="true">IV</div>
<div class="vg7-stage__body">
<div class="vg7-stage__label">Мистика</div>
<h6 class="vg7-stage__title t-name t-name_md">Испытание тайной</h6>
<p class="vg7-stage__text t-text t-text_sm">Свечи, таинственные предметы, атмосфера потустороннего. Спиритический сеанс. Гости вызывают духов, входят в транс, проявляют экстрасенсорные способности.</p>
<div class="vg7-stage__feel"><span>Интрига</span><span>Мистика</span><span>Восторг</span></div>
</div>
</div>
</div>
</div>
<!-- ЧТО ВХОДИТ В СТОИМОСТЬ -->
<div class="vg7-price-block" itemscope="" itemtype="https://schema.org/Offer">
<div class="vg7-price-block__branch" aria-hidden="true">
<svg width="140" height="90" viewBox="0 0 140 90" fill="none">
<path d="M10 80 Q30 60 50 55 Q35 50 55 40 Q38 35 60 25 Q44 20 68 10" stroke="#2a5a38" stroke-width="2" stroke-linecap="round" fill="none" opacity="0.35"></path>
<path d="M50 55 Q65 45 80 52" stroke="#2a5a38" stroke-width="1.2" stroke-linecap="round" fill="none" opacity="0.25"></path>
<path d="M55 40 Q70 30 82 38" stroke="#2a5a38" stroke-width="1.2" stroke-linecap="round" fill="none" opacity="0.25"></path>
<path d="M60 25 Q72 18 84 24" stroke="#2a5a38" stroke-width="1.2" stroke-linecap="round" fill="none" opacity="0.25"></path>
<circle cx="52" cy="57" r="2.5" fill="#c9a058" opacity="0.5"></circle>
<circle cx="62" cy="42" r="2" fill="#c9a058" opacity="0.4"></circle>
<circle cx="72" cy="28" r="1.8" fill="#c9a058" opacity="0.35"></circle>
</svg>
</div>
<div class="vg7-price-block__header">
<div class="vg7-price-block__seal" aria-hidden="true">
<svg width="56" height="56" viewBox="0 0 56 56" fill="none">
<circle cx="28" cy="28" r="26" stroke="#c9a058" stroke-width="1.5"></circle>
<circle cx="28" cy="28" r="19" stroke="#c9a058" stroke-width="0.8" stroke-dasharray="3 3"></circle>
<polygon points="28,8 32,20 45,20 35,27 39,40 28,33 17,40 21,27 11,20 24,20" stroke="#c9a058" stroke-width="1" fill="#c9a058" fill-opacity="0.12"></polygon>
<circle cx="28" cy="28" r="3.5" fill="#c9a058" opacity="0.8"></circle>
</svg>
</div>
<div>
<span class="vg7-price-block__eyebrow">Манифест шоу</span>
<h5 class="vg7-price-block__title t-name t-name_lg">Что входит в стоимость программы</h5>
</div>
</div>
<div class="vg7-price-block__grid" itemprop="description">
<div class="vg7-price-item">
<div class="vg7-price-item__glyph" aria-hidden="true">✦</div>
<div>
<strong class="vg7-price-item__name">Сценарий</strong>
<p class="vg7-price-item__desc">Авторский сценарий иммерсивного путешествия из четырёх блоков</p>
</div>
</div>
<div class="vg7-price-item">
<div class="vg7-price-item__glyph" aria-hidden="true">✦</div>
<div>
<strong class="vg7-price-item__name">Адаптация</strong>
<p class="vg7-price-item__desc">Персонализация под вашу компанию и команду</p>
</div>
</div>
<div class="vg7-price-item">
<div class="vg7-price-item__glyph" aria-hidden="true">✦</div>
<div>
<strong class="vg7-price-item__name">Режиссура</strong>
<p class="vg7-price-item__desc">Профессиональная постановка всего действия</p>
</div>
</div>
<div class="vg7-price-item">
<div class="vg7-price-item__glyph" aria-hidden="true">✦</div>
<div>
<strong class="vg7-price-item__name">Артисты мюзиклов</strong>
<p class="vg7-price-item__desc">Звёзды Notre-Dame, Призрака Оперы, Монте-Кристо</p>
</div>
</div>
<div class="vg7-price-item">
<div class="vg7-price-item__glyph" aria-hidden="true">✦</div>
<div>
<strong class="vg7-price-item__name">Трансформация зала</strong>
<p class="vg7-price-item__desc">Свет, звук, декорации — четыре смены мира за вечер</p>
</div>
</div>
<div class="vg7-price-item">
<div class="vg7-price-item__glyph" aria-hidden="true">✦</div>
<div>
<strong class="vg7-price-item__name">Костюмы артистов</strong>
<p class="vg7-price-item__desc">Аренда сценических костюмов и реквизита</p>
</div>
</div>
<div class="vg7-price-item">
<div class="vg7-price-item__glyph" aria-hidden="true">✦</div>
<div>
<strong class="vg7-price-item__name">Администрирование</strong>
<p class="vg7-price-item__desc">Полное сопровождение проекта</p>
</div>
</div>
<div class="vg7-price-item">
<div class="vg7-price-item__glyph" aria-hidden="true">✦</div>
<div>
<strong class="vg7-price-item__name">Транспорт</strong>
<p class="vg7-price-item__desc">Транспортные расходы артистов и команды</p>
</div>
</div>
</div>
<div class="vg7-price-block__note">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true">
<polygon points="8,1 15,15 1,15" stroke="#c9a058" stroke-width="1.2" fill="none"></polygon>
<line x1="8" y1="6" x2="8" y2="10" stroke="#c9a058" stroke-width="1.4" stroke-linecap="round"></line>
<circle cx="8" cy="12.5" r="0.9" fill="#c9a058"></circle>
</svg>
<span>Для выступления нужна только площадка и технический райдер — всё остальное мы берём на себя</span>
</div>
</div>
<div class="vg7-team-block">
<h5 class="vg7-detail-col__heading">Команда шоу</h5>
<p class="vg7-detail-col__text t-text t-text_sm">Артисты таких нашумевших московских мюзиклов как <em>«Notre-Dame de Paris»</em>, <em>«Призрак оперы»</em>, <em>«Граф Монте-Кристо»</em>, «Бал Вампиров», «Шахматы», «Граф Орлов», «Анна Каренина», «Не бойся, я с тобой».</p>
</div>
<div class="vg7-detail-footer">
<div class="vg7-detail-cta">
<div class="vg7-detail-cta__info">
<span class="vg7-detail-cta__duration">3,5 часа иммерсивной программы</span>
<a class="vg7-detail-cta__phone" href="tel:+79262161629" itemprop="telephone">+7 926 216-16-29</a>
<div class="vg7-detail-cta__messengers">
<a class="vg7-detail-cta__msg-link" href="https://max.ru/u/f9LHodD0cOKuF7tjjDppHVp6Ulm8SHM0QE0heWvYneITaHjAqf_uWpVyog4" target="_blank" rel="noopener" aria-label="Написать в MAX">
<svg width="17" height="17" viewBox="0 0 24 24" fill="none" aria-hidden="true"><rect x="2" y="2" width="20" height="20" rx="5" stroke="currentColor" stroke-width="1.5"></rect><path d="M7 9l5 4 5-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>
MAX
</a>
<span class="vg7-detail-cta__msg-sep" aria-hidden="true">·</span>
<a class="vg7-detail-cta__msg-link" href="https://telegram.me/mrproducerru" target="_blank" rel="noopener" aria-label="Написать в Telegram">
<svg width="17" height="17" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M21 5L2 12.5l7 1M21 5l-4.5 15-7.5-8M21 5L9 13.5m0 0V19l3.5-3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>
Telegram
</a>
</div>
</div>
<a class="t-btnflex t-btnflex_md vg7-detail-cta__link" href="https://www.immersive-event.ru/franczuzy-v-rossii" target="_blank" rel="noopener" itemprop="url">
<span class="t-btnflex__text">Как мы уже реализовали эту программу</span>
</a>
</div>
</div>
</div>
</div>
</article>
</div>
</section>
<style>
/* ============================================================
RESET
============================================================ */
.vg7-section,
.vg7-section * { box-sizing: border-box; }
.vg7-section input,
.vg7-section textarea,
.vg7-section select { font: inherit; }
/* ============================================================
SECTION — новогодняя светлая тема
============================================================ */
.vg7-section {
position: relative;
background: #f0f5f0;
color: #0f2418;
padding: clamp(4rem, 8vw, 8rem) clamp(1.25rem, 5vw, 4rem);
font-family: var(--t-text-font, 'Georgia', serif);
overflow: hidden;
}
/* ============================================================
ФОН
============================================================ */
.vg7-bg-ornament {
position: absolute;
inset: 0;
pointer-events: none;
overflow: hidden;
}
.vg7-bg-ornament__svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: min(1000px, 160%);
height: auto;
}
.vg7-snowflakes {
position: absolute;
inset: 0;
pointer-events: none;
}
.vg7-sf {
position: absolute;
color: #1a3a2a;
font-size: 1rem;
opacity: 0;
animation: vg7-fall linear infinite;
user-select: none;
}
.vg7-sf--1 { left: 8%; font-size: 0.7rem; animation-duration: 12s; animation-delay: 0s; top: -20px; }
.vg7-sf--2 { left: 22%; font-size: 1.1rem; animation-duration: 15s; animation-delay: 3s; top: -20px; }
.vg7-sf--3 { left: 38%; font-size: 0.5rem; animation-duration: 10s; animation-delay: 1.5s; top: -20px; }
.vg7-sf--4 { left: 55%; font-size: 0.9rem; animation-duration: 14s; animation-delay: 5s; top: -20px; }
.vg7-sf--5 { left: 68%; font-size: 0.5rem; animation-duration: 11s; animation-delay: 2s; top: -20px; }
.vg7-sf--6 { left: 82%; font-size: 0.75rem; animation-duration: 13s; animation-delay: 7s; top: -20px; }
.vg7-sf--7 { left: 92%; font-size: 0.55rem; animation-duration: 16s; animation-delay: 4s; top: -20px; }
@keyframes vg7-fall {
0% { transform: translateY(0) rotate(0deg); opacity: 0; }
5% { opacity: 0.25; }
95% { opacity: 0.15; }
100% { transform: translateY(110vh) rotate(360deg); opacity: 0; }
}
/* ============================================================
GRID
============================================================ */
.vg7-grid {
max-width: 1320px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 3rem;
position: relative;
}
/* ============================================================
CARD
============================================================ */
.vg7-card {
position: relative;
background: #ffffff;
border: 1px solid #c8dbc8;
box-shadow:
0 4px 40px rgba(15,36,24,0.08),
0 0 0 4px rgba(201,160,88,0.07);
}
.vg7-card::before {
content: '❄';
position: absolute;
top: -1px;
right: 14px;
font-size: 1rem;
color: #1a3a2a;
opacity: 0.18;
line-height: 1;
pointer-events: none;
}
/* ---- COVER ---- */
.vg7-card__cover {
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 540px;
}
.vg7-card__cover-media {
position: relative;
background: #0f2418;
overflow: hidden;
}
.vg7-card__video {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
display: block;
}
.vg7-card__cover-content {
display: flex;
align-items: center;
padding: clamp(2rem, 4vw, 4rem);
background: #ffffff;
border-left: 1px solid #c8dbc8;
position: relative;
}
.vg7-card__cover-content::after {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 90px;
height: 90px;
background:
radial-gradient(circle at 100% 100%, rgba(201,160,88,0.07) 60%, transparent 60%);
pointer-events: none;
}
.vg7-card__cover-inner { width: 100%; position: relative; z-index: 1; }
.vg7-card__tag {
display: inline-block;
font-family: var(--t-headline-font, 'Georgia', serif);
font-size: 0.575rem;
letter-spacing: 0.28em;
text-transform: uppercase;
color: #2a5a38;
margin-bottom: 1.25rem;
border-bottom: 1px solid #c9a058;
padding-bottom: 0.5rem;
}
.vg7-card__title {
font-family: var(--t-headline-font, 'Georgia', serif);
color: #0f2418;
margin: 0 0 1.25rem;
text-wrap: balance;
letter-spacing: -0.035em;
line-height: 1.05;
}
.vg7-card__excerpt {
font-family: var(--t-text-font, 'Georgia', serif);
color: #1e3a28;
margin: 0 0 1.75rem;
line-height: 1.7;
font-style: italic;
max-width: 52ch;
}
.vg7-card__acts {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-bottom: 2rem;
}
.vg7-card__act {
font-family: var(--t-headline-font, 'Georgia', serif);
font-size: 0.575rem;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #1a3a2a;
border: 1px solid #b8d4b8;
padding: 0.3rem 0.8rem;
background: rgba(42,90,56,0.06);
}
/* ---- КНОПКА ---- */
.vg7-card__btn {
display: inline-flex;
align-items: center;
gap: 0.65rem;
background: #1a3a2a;
border: 1px solid #1a3a2a;
color: #e8c96a;
font-family: var(--t-headline-font, 'Georgia', serif);
font-size: 0.75rem;
letter-spacing: 0.14em;
text-transform: uppercase;
padding: 0.95rem 2rem;
cursor: pointer;
transition: background 0.3s, color 0.3s, border-color 0.3s;
}
.vg7-card__btn:hover {
background: #c9a058;
border-color: #c9a058;
color: #0f2418;
}
.vg7-card__btn-icon {
flex-shrink: 0;
transition: transform 0.3s;
}
.vg7-card__btn:hover .vg7-card__btn-icon { transform: translateY(-2px); }
/* ============================================================
DETAIL
============================================================ */
.vg7-card__detail {
position: relative;
border-top: 1px solid #c8dbc8;
overflow: hidden;
max-height: 9999px;
transition: max-height 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease;
opacity: 1;
}
.vg7-card__detail--collapsed {
max-height: 0;
opacity: 0;
border-top: none;
pointer-events: none;
}
.vg7-card__detail--opening {
animation: vg7-fadeIn 0.5s cubic-bezier(0.16, 1, 0.3, 1) both;
}
@keyframes vg7-fadeIn {
from { opacity: 0; transform: translateY(-12px); }
to { opacity: 1; transform: translateY(0); }
}
.vg7-card__close {
position: absolute;
top: 1.5rem;
right: 1.5rem;
background: transparent;
border: 1px solid #b8d4b8;
color: #2a5a38;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 10;
transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.vg7-card__close:hover {
background: #1a3a2a;
color: #e8c96a;
border-color: #1a3a2a;
}
/* ============================================================
SLIDESHOW
============================================================ */
.vg7-slideshow {
position: relative;
aspect-ratio: 16/6;
background: #0f2418;
overflow: hidden;
}
.vg7-slideshow__track {
position: relative;
width: 100%;
height: 100%;
}
.vg7-slideshow__slide {
position: absolute;
inset: 0;
opacity: 0;
transition: opacity 0.7s ease;
}
.vg7-slideshow__slide--active { opacity: 1; }
.vg7-slideshow__slide img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.vg7-slideshow__caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 3.5rem 2rem 1.5rem;
background: linear-gradient(transparent, rgba(15,36,24,0.88));
font-family: var(--t-text-font, 'Georgia', serif);
font-size: 0.85rem;
font-style: italic;
color: #e8f0e8;
letter-spacing: 0.03em;
}
.vg7-slideshow__nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(240,245,240,0.92);
border: 1px solid #b8d4b8;
color: #1a3a2a;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 5;
transition: background 0.2s, color 0.2s;
}
.vg7-slideshow__nav:hover { background: #c9a058; color: #0f2418; border-color: #c9a058; }
.vg7-slideshow__nav--prev { left: 1.25rem; }
.vg7-slideshow__nav--next { right: 1.25rem; }
.vg7-slideshow__dots {
position: absolute;
bottom: 1.25rem;
right: 1.5rem;
display: flex;
gap: 0.35rem;
flex-wrap: wrap;
justify-content: flex-end;
max-width: 160px;
}
.vg7-slideshow__dot {
width: 6px;
height: 6px;
background: rgba(240,245,240,0.3);
border-radius: 50%;
cursor: pointer;
transition: background 0.3s;
flex-shrink: 0;
}
.vg7-slideshow__dot--active { background: #c9a058; }
/* ============================================================
DETAIL BODY
============================================================ */
.vg7-detail-body {
padding: clamp(2.5rem, 5vw, 4rem) clamp(1.5rem, 5vw, 4rem);
background: #ffffff;
}
.vg7-detail-intro {
max-width: 800px;
margin-bottom: 3.5rem;
padding-bottom: 3rem;
border-bottom: 1px solid #c8dbc8;
}
.vg7-detail-intro__title {
font-family: var(--t-headline-font, 'Georgia', serif);
color: #0f2418;
margin: 0 0 1.25rem;
letter-spacing: -0.03em;
}
.vg7-detail-intro__text {
font-family: var(--t-text-font, 'Georgia', serif);
color: #1a3020;
line-height: 1.8;
margin: 0;
max-width: 70ch;
}
/* ============================================================
STAGES
============================================================ */
.vg7-stages { margin-bottom: 3.5rem; }
.vg7-stages__heading {
font-family: var(--t-headline-font, 'Georgia', serif);
color: #2a5a38;
letter-spacing: 0.22em;
text-transform: uppercase;
font-size: 0.575rem;
margin: 0 0 2rem;
}
.vg7-stages__list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
border: 1px solid #c8dbc8;
}
.vg7-stage {
padding: 2rem 1.75rem;
border-right: 1px solid #c8dbc8;
background: #ffffff;
transition: background 0.25s;
}
.vg7-stage:hover { background: #f0f5f0; }
.vg7-stage:last-child { border-right: none; }
.vg7-stage__num {
font-family: var(--t-headline-font, 'Georgia', serif);
font-size: clamp(2.5rem, 5vw, 4rem);
font-style: italic;
color: #d0e4d0;
line-height: 1;
margin-bottom: 0.5rem;
letter-spacing: -0.04em;
user-select: none;
}
.vg7-stage__label {
font-family: var(--t-text-font, 'Georgia', serif);
font-size: 0.575rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #2a5a38;
margin-bottom: 0.5rem;
}
.vg7-stage__title {
font-family: var(--t-headline-font, 'Georgia', serif);
color: #0f2418;
margin: 0 0 1rem;
letter-spacing: -0.02em;
}
.vg7-stage__text {
font-family: var(--t-text-font, 'Georgia', serif);
color: #1a3020;
line-height: 1.65;
margin: 0 0 1.25rem;
font-size: 0.875rem;
}
.vg7-stage__feel {
display: flex;
flex-wrap: wrap;
gap: 0.35rem;
}
.vg7-stage__feel span {
font-family: var(--t-text-font, 'Georgia', serif);
font-size: 0.575rem;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #1a3a2a;
border: 1px solid #b8d4b8;
padding: 0.2rem 0.6rem;
background: rgba(42,90,56,0.06);
}
/* ============================================================
БЛОК СТОИМОСТИ
============================================================ */
.vg7-price-block {
background: #0f2418;
border: 2px solid #2a5a38;
padding: clamp(2rem, 4vw, 3.5rem);
margin-bottom: 3rem;
position: relative;
overflow: hidden;
}
.vg7-price-block::before,
.vg7-price-block::after {
content: '';
position: absolute;
width: 26px;
height: 26px;
border-color: #c9a058;
border-style: solid;
}
.vg7-price-block::before { top: 10px; left: 10px; border-width: 1.5px 0 0 1.5px; }
.vg7-price-block::after { bottom: 10px; right: 10px; border-width: