<!-- ============ БЛОК 0 · ХЕДЕР ============ -->
<div class="glp-header" id="glp-header">
  <div class="glp-header__inner">
    <a href="#hero" class="glp-header__logo">Твериум</a>

    <button class="glp-header__burger" id="glp-burger" type="button" aria-label="Открыть меню" aria-expanded="false" aria-controls="glp-mobile">
      </span>
      </span>
      </span>
    </button>

    <nav class="glp-header__nav" id="glp-nav">
      <a href="#program" class="glp-header__link">Программа</a>
      <a href="#guests" class="glp-header__link">Гости</a>
      <a href="#venue" class="glp-header__link">Место</a>
      <a href="#faq" class="glp-header__link">Вопросы</a>
    </nav>

    <a href="#tickets" class="glp-header__cta t-btnflex t-btnflex_sm">
      <span class="t-btnflex__text">Купить билет</span>
    </a>
  </div>

  <div class="glp-header__mobile" id="glp-mobile">
    <a href="#program" class="glp-header__mobile-link">Программа</a>
    <a href="#guests" class="glp-header__mobile-link">Гости</a>
    <a href="#venue" class="glp-header__mobile-link">Место</a>
    <a href="#faq" class="glp-header__mobile-link">Вопросы</a>
  </div>
</div>


.glp-header,
.glp-header * {
  box-sizing: border-box;
}

.glp-header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  background: rgba(28, 32, 24, 0.92);
  border-bottom: 1px solid rgba(232, 224, 204, 0.08);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  font-family: var(--t-headline-font);
}

.glp-header__inner {
  max-width: 1200px;
  height: 72px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

.glp-header__logo {
  flex-shrink: 0;
  font-family: "PT Mono", monospace;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #e8e0cc;
  text-decoration: none;
}

.glp-header__nav {
  display: flex;
  align-items: center;
  gap: 40px;
}

.glp-header__link {
  font-family: "PT Mono", monospace;
  font-size: 14px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #e8e0cc;
  text-decoration: none;
  transition: color 0.25s ease;
}

.glp-header__link:hover {
  color: #e86a2a;
}

.glp-header__cta {
  flex-shrink: 0;
  background: #e86a2a;
  color: #1c2018 !important;
  border: none;
  text-decoration: none;
  cursor: pointer;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.glp-header__cta .t-btnflex__text {
  color: #1c2018;
}

.glp-header__burger {
  display: none;
  width: 32px;
  height: 32px;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
}

.glp-header__burger span {
  display: block;
  width: 24px;
  height: 2px;
  background: #e8e0cc;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.glp-header__mobile {
  display: none;
  flex-direction: column;
  padding: 20px 20px 28px;
  background: rgba(28, 32, 24, 0.98);
  border-top: 1px solid rgba(232, 224, 204, 0.08);
}

.glp-header__mobile-link {
  padding: 14px 0;
  font-family: "PT Mono", monospace;
  font-size: 14px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #e8e0cc;
  text-decoration: none;
  border-bottom: 1px solid rgba(232, 224, 204, 0.08);
}

.glp-header__mobile.is-open {
  display: flex;
}

.glp-header__burger.is-open span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.glp-header__burger.is-open span:nth-child(2) {
  opacity: 0;
}

.glp-header__burger.is-open span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

@media (max-width: 960px) {
  .glp-header__nav {
    display: none;
  }

  .glp-header__burger {
    display: flex;
    order: 1;
  }

  .glp-header__logo {
    position: absolute;
    left: 50%;
    order: 2;
    transform: translateX(-50%);
  }

  .glp-header__inner {
    position: relative;
    height: 60px;
  }

  .glp-header__cta {
    order: 3;
    padding: 10px 16px !important;
    font-size: 12px;
  }

  .glp-header__cta .t-btnflex__text {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  .glp-header__inner {
    padding: 0 14px;
  }

  .glp-header__logo {
    font-size: 12px;
  }

  .glp-header__cta {
    padding: 9px 11px !important;
  }

  .glp-header__cta .t-btnflex__text {
    font-size: 10px;
  }
}
</style>

<!-- ============ БЛОК 1 · HERO ============ -->
<div class="glp-hero" id="hero">
  <div class="glp-hero__bg" style="background-image:url('https://static.tildacdn.com/tild3133-6364-4162-a561-646132396134/bbbc26fe728d54320925.jpg');"></div>

  <div class="glp-hero__mask"></div>

  <div class="glp-hero__content">
    <div class="glp-hero__eyebrow tv-eyebrow">
      Твериум · Публичная программа · Закрытый вечер
    </div>

    <h1 class="glp-hero__title">
      Глуповское
      чаепитие
    </h1>

    <div class="glp-hero__subtitle">
      Разговор по душам в доме тверского вице-губернатора
    </div>

    <div class="glp-hero__divider">
      </span>
      </i>
      </span>
    </div>

    <div class="glp-hero__meta">
      30 июля 2026 · четверг · 18:30 · Тверь, Рыбацкая ул., 11/37
    </div>

    <a href="#tickets" class="glp-hero__cta t-btnflex t-btnflex_lg">
      <span class="t-btnflex__text">Купить билет</span>
    </a>

    <div class="glp-hero__note">
      От 5 000 ₽ за гостя · Количество мест ограничено · Дресс-код: шеби-шик
    </div>
  </div>
</div>


.glp-hero,
.glp-hero * {
  box-sizing: border-box;
}

.glp-hero {
  position: relative;
  min-height: 100vh;
  padding: 120px 20px 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #e8e0cc;
  font-family: var(--t-text-font);
}

.glp-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-size: cover;
  background-position: center;
  filter: sepia(25%) saturate(85%) brightness(0.85);
}

.glp-hero__mask {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: #1c2018;
  opacity: 0.45;
}

.glp-hero__content {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 900px;
  text-align: center;
}

.glp-hero__eyebrow {
  margin-bottom: 36px;
  font-family: "PT Mono", monospace;
  font-size: 14px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #e86a2a;
}

.glp-hero__title {
  margin: 0 0 28px;
  font-family: var(--t-headline-font);
  font-size: 84px;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.01em;
  color: #e8e0cc;
}

.glp-hero__subtitle {
  margin-bottom: 36px;
  font-family: var(--t-headline-font);
  font-size: 26px;
  font-style: italic;
  line-height: 1.3;
  color: #c8b88a;
}

.glp-hero__divider {
  margin-bottom: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.glp-hero__divider span {
  display: block;
  width: 22px;
  height: 1px;
  background: #e86a2a;
}

.glp-hero__divider i {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #e86a2a;
}

.glp-hero__meta {
  margin-bottom: 48px;
  font-family: "PT Mono", monospace;
  font-size: 18px;
  letter-spacing: 0.05em;
  color: #e8e0cc;
}

.glp-hero__cta {
  display: inline-block;
  background: #e86a2a;
  color: #1c2018 !important;
  border: none;
  text-decoration: none;
  cursor: pointer;
  font-weight: 700;
}

.glp-hero__cta .t-btnflex__text {
  color: #1c2018;
}

.glp-hero__note {
  margin-top: 24px;
  font-family: "PT Mono", monospace;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #e8e0cc;
  opacity: 0.85;
}

@media (max-width: 960px) {
  .glp-hero {
    min-height: auto;
    padding-top: 120px;
  }

  .glp-hero__title {
    font-size: 52px;
  }

  .glp-hero__subtitle {
    font-size: 20px;
  }

  .glp-hero__meta {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  .glp-hero {
    padding: 100px 16px 60px;
  }

  .glp-hero__title {
    font-size: 44px;
  }

  .glp-hero__subtitle {
    font-size: 18px;
  }

  .glp-hero__eyebrow {
    font-size: 11px;
    line-height: 1.6;
  }

  .glp-hero__meta {
    line-height: 1.7;
  }
}
</style>

<!-- ============ БЛОК 2 · ПРИГЛАШЕНИЕ ============ -->
<div class="glp-invite" id="invitation">
  <div class="glp-invite__inner">
    <h2 class="glp-invite__title">Один вечер в году</h2>
    <div class="glp-invite__line"></div>

    <p class="glp-invite__text">
      30 июля мы открываем гостям дом Михаила Евграфовича Салтыкова-Щедрина —
      тот самый, где он жил, будучи тверским вице-губернатором, и где рождалась
      ирония, с которой он потом описал город Глупов. Один вечер, три часа,
      чай из самовара, угощение по архивным рецептам XIX века от Bonneville,
      живая музыка, разговор по душам и та особенная легкость, которая случается
      только в правильно собранной компании.
    </p>
  </div>
</div>


.glp-invite,
.glp-invite * {
  box-sizing: border-box;
}

.glp-invite {
  padding: 120px 20px;
  background: #e8e0cc;
  color: #1c2018;
  font-family: var(--t-text-font);
}

.glp-invite__inner {
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}

.glp-invite__title {
  margin: 0 0 28px;
  font-family: var(--t-headline-font);
  font-size: 48px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: #1c2018;
}

.glp-invite__line {
  width: 40px;
  height: 2px;
  margin: 0 auto 40px;
  background: #e86a2a;
}

.glp-invite__text {
  margin: 0;
  font-family: var(--t-headline-font);
  font-size: 22px;
  font-weight: 400;
  line-height: 1.6;
  color: #1c2018;
  text-align: left;
}

@media (max-width: 640px) {
  .glp-invite {
    padding: 80px 20px;
  }

  .glp-invite__title {
    font-size: 32px;
  }

  .glp-invite__text {
    font-size: 18px;
  }
}
</style>

<!-- ============ БЛОК 3 · ПРОГРАММА ============ -->
<div class="glp-program" id="program">
  <div class="glp-program__inner">
    <div class="glp-program__eyebrow tv-eyebrow">
      Что будет происходить
    </div>

    <h2 class="glp-program__title">Программа вечера</h2>

    <div class="glp-program__items">
      <div class="glp-program__item">
        <div class="glp-program__time">18:30 — 19:30</div>

        <div class="glp-program__body">
          <h3 class="glp-program__heading">Встреча гостей</h3>

          <p class="glp-program__desc">
            Встречаемся во внутреннем дворике Музея М. Е. Салтыкова-Щедрина,
            который на несколько часов берет на себя роль дома. Гостиная,
            чайная, купеческие смотрины, ярмарочная площадь возникают как
            анфилада сцен одного дня XIX века, через которую проходит гость.
            Антикварный граммофон, исторический парфюм-бар, интерактивные
            инсталляции, фотосессия.
          </p>
        </div>
      </div>

      <div class="glp-program__item">
        <div class="glp-program__time">19:30 — 22:00</div>

        <div class="glp-program__body">
          <h3 class="glp-program__heading">Вечер за общим столом</h3>

          <p class="glp-program__desc">
            Купеческий стол. Чай из самовара, сытные и сладкие угощения
            от Bonneville.
          </p>

          <p class="glp-program__desc">
            Андрей Колбасинов о чае и до-чая.</strong>
            Чемпион России по чайной миксологии проведет дегустацию редких
            позиций и сезонных купажей. Расскажет, что пили в русских домах
            до появления чая и как его правильно заваривать.
          </p>

          <p class="glp-program__desc">
            «Истории уездного города».</strong>
            Интерактивный музыкальный вечер от фолк-коллектива
            «Средняя полоса».
          </p>

          <p class="glp-program__desc">
            Разговор по душам.</strong>
            Свободная часть вечера. Обмениваемся впечатлениями, продолжаем чай.
          </p>
        </div>
      </div>
    </div>
  </div>
</div>


.glp-program,
.glp-program * {
  box-sizing: border-box;
}

.glp-program {
  padding: 100px 20px;
  background: #e8e0cc;
  font-family: var(--t-text-font);
  color: #1c2018;
}

.glp-program__inner {
  max-width: 900px;
  margin: 0 auto;
}

.glp-program__eyebrow {
  margin-bottom: 20px;
  font-family: "PT Mono", monospace;
  font-size: 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #e86a2a;
  text-align: center;
}

.glp-program__title {
  margin: 0 0 60px;
  font-family: var(--t-headline-font);
  font-size: 48px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: #1c2018;
  text-align: center;
}

.glp-program__item {
  padding: 36px 0;
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 40px;
  border-top: 1px solid rgba(138, 154, 112, 0.3);
}

.glp-program__item:last-child {
  border-bottom: 1px solid rgba(138, 154, 112, 0.3);
}

.glp-program__time {
  font-family: "PT Mono", monospace;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: #e86a2a;
}

.glp-program__heading {
  margin: 0 0 16px;
  font-family: var(--t-headline-font);
  font-size: 24px;
  font-weight: 700;
  color: #1c2018;
}

.glp-program__desc {
  margin: 0 0 12px;
  font-family: var(--t-headline-font);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #1c2018;
}

.glp-program__desc:last-child {
  margin-bottom: 0;
}

.glp-program__desc strong {
  font-weight: 700;
}

@media (max-width: 640px) {
  .glp-program {
    padding: 80px 20px;
  }

  .glp-program__title {
    margin-bottom: 40px;
    font-size: 32px;
  }

  .glp-program__item {
    padding: 28px 0;
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .glp-program__heading {
    font-size: 20px;
  }
}
</style>

<!-- ============ БЛОК 4 · СПЕЦИАЛЬНЫЕ ГОСТИ ============ -->
<div class="glp-guests" id="guests">
  <div class="glp-guests__inner">
    <div class="glp-guests__eyebrow tv-eyebrow">
      Специальные гости
    </div>

    <h2 class="glp-guests__title">Кто будет с нами</h2>

    <div class="glp-guests__cards">
      <div class="glp-guest">
        <div class="glp-guest__photo">
          <img src="https://static.tildacdn.com/tild3034-3933-4265-b166-623631343231/kolbasinov.jpg" alt="Андрей Колбасинов">
        </div>

        <h3 class="glp-guest__name">Андрей Колбасинов</h3>

        <div class="glp-guest__role">
          Чемпион России по чайной миксологии. Основатель русской чайной
          «Нитка». Пионер спешалти-чая в стране.
        </div>

        <div class="glp-guest__line"></div>

        <p class="glp-guest__text">
          Гости узнают, как пили чай в разных сословиях России, как его
          правильно заваривать, и продегустируют фирменные купажи.
        </p>
      </div>

      <div class="glp-guest">
        <div class="glp-guest__photo">
          <img src="https://static.tildacdn.com/tild3364-6136-4631-b737-623739396662/b31e644c7f3a4c5ba8d7.png" alt="Александра Федорова">
        </div>

        <h3 class="glp-guest__name">Александра Федорова</h3>

        <div class="glp-guest__role">
          Основатель телеграм-канала «Новый Русский культурный код» —
          о российской культуре, локальной идентичности и культурном
          предпринимательстве.
        </div>

        <div class="glp-guest__line"></div>

        <p class="glp-guest__text">
          Ведет разговор о том, как культурные проекты становятся частью
          новой русской идентичности и почему сегодня локальность работает
          сильнее, чем столичность.
        </p>
      </div>
    </div>

    <div class="glp-guests__strip">
      <div class="glp-guests__strip-line"></div>

      <div class="glp-guests__strip-eyebrow tv-eyebrow">
        С нами также
      </div>

      <p class="glp-guests__strip-text">
        Специальные гости — главные редакторы телеграм-каналов
        «Унежить душу», «Русская барыня», «Музейный сувенир»,
        «Я поведу тебя в музей», «Кермен про стильный PR»,
        а также глянцевый журнал Fashion Look.
      </p>
    </div>
  </div>
</div>


.glp-guests,
.glp-guests * {
  box-sizing: border-box;
}

.glp-guests {
  padding: 100px 20px;
  background: #1c2018;
  color: #e8e0cc;
  font-family: var(--t-text-font);
}

.glp-guests__inner {
  max-width: 1200px;
  margin: 0 auto;
}

.glp-guests__eyebrow {
  margin-bottom: 20px;
  font-family: "PT Mono", monospace;
  font-size: 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #e86a2a;
  text-align: center;
}

.glp-guests__title {
  margin: 0 0 64px;
  font-family: var(--t-headline-font);
  font-size: 48px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: #e8e0cc;
  text-align: center;
}

.glp-guests__cards {
  margin-bottom: 64px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
}

.glp-guest {
  min-width: 0;
}

.glp-guest__photo {
  width: 88%;
  max-width: 460px;
  aspect-ratio: 3 / 4;
  margin: 0 auto 28px;
  overflow: hidden;
  background: #2a2f24;
}

.glp-guest__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  filter: sepia(15%) saturate(90%);
}

.glp-guest__name {
  margin: 0 0 12px;
  font-family: var(--t-headline-font);
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
  color: #e8e0cc;
}

.glp-guest__role {
  margin-bottom: 20px;
  font-family: var(--t-headline-font);
  font-size: 18px;
  font-style: italic;
  line-height: 1.4;
  color: #c8b88a;
}

.glp-guest__line {
  width: 30px;
  height: 2px;
  margin-bottom: 20px;
  background: #e86a2a;
}

.glp-guest__text {
  margin: 0;
  font-family: var(--t-headline-font);
  font-size: 16px;
  line-height: 1.6;
  color: #e8e0cc;
}

.glp-guests__strip {
  padding: 40px 0 0;
  text-align: center;
}

.glp-guests__strip-line {
  width: 100%;
  height: 1px;
  margin-bottom: 40px;
  background: #e86a2a;
}

.glp-guests__strip-eyebrow {
  margin-bottom: 24px;
  font-family: "PT Mono", monospace;
  font-size: 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #e86a2a;
}

.glp-guests__strip-text {
  max-width: 900px;
  margin: 0 auto;
  font-family: var(--t-headline-font);
  font-size: 20px;
  line-height: 1.6;
  color: #e8e0cc;
}

@media (max-width: 960px) {
  .glp-guests__cards {
    grid-template-columns: 1fr;
    gap: 48px;
  }
}

@media (max-width: 640px) {
  .glp-guests {
    padding: 80px 20px;
  }

  .glp-guests__title {
    margin-bottom: 40px;
    font-size: 32px;
  }

  .glp-guest__photo {
    width: 82%;
    max-width: 320px;
  }

  .glp-guest__name {
    font-size: 24px;
  }

  .glp-guest__role {
    font-size: 16px;
  }

  .glp-guests__strip-text {
    font-size: 16px;
  }
}
</style>

<!-- ============ БЛОК 5 · МУЗЫКА ============ -->
<div class="glp-music" id="music">
  <div class="glp-music__inner">
    <div class="glp-music__eyebrow tv-eyebrow">
      Музыкальная часть
    </div>

    <h2 class="glp-music__title">«Истории уездного города»</h2>

    <div class="glp-music__subtitle">
      Интерактивный музыкальный вечер, где зрители становятся главными героями
    </div>

    <p class="glp-music__lead">
      Живое погружение в атмосферу русской провинции рубежа XIX и XX веков —
      серия музыкально-перформативных зарисовок от фолк-коллектива
      «Средняя полоса». Легкие, ироничные, переносящие зрителя вглубь эпох.
      Побываем в старинной чайной, на купеческих смотринах, на ярмарочной
      площади. Научимся танцевать давно забытые «Краковяк» и «Падэспань»,
      споем когда-то популярные романсы. Живой аккомпанемент: баян, гармонь,
      балалайка, жалейки, гусли, гитара.
    </p>

    <div class="glp-music__cards">
      <div class="glp-musician">
        <div class="glp-musician__photo">
          <img src="https://static.tildacdn.com/tild3839-6164-4232-b466-303634363664/noroot.png" alt="Ольга Пластинкина">
        </div>

        <h3 class="glp-musician__name">Ольга Пластинкина</h3>
        <div class="glp-musician__role">этнопевица, педагог</div>
      </div>

      <div class="glp-musician">
        <div class="glp-musician__photo">
          <img src="https://static.tildacdn.com/tild3763-6537-4835-b331-313862356234/__2026-07-15_133818.png" alt="Евгений Листунов">
        </div>

        <h3 class="glp-musician__name">Евгений Листунов</h3>
        <div class="glp-musician__role">
          мультиинструменталист, преподаватель
        </div>
      </div>

      <div class="glp-musician">
        <div class="glp-musician__photo">
          <img src="https://static.tildacdn.com/tild3664-3833-4961-a634-303766303465/__2026-07-15_133829.png" alt="Мария Ерохина">
        </div>

        <h3 class="glp-musician__name">Мария Ерохина</h3>
        <div class="glp-musician__role">этнопевица, историк</div>
      </div>
    </div>
  </div>
</div>


.glp-music,
.glp-music * {
  box-sizing: border-box;
}

.glp-music {
  padding: 100px 20px;
  background: #e8e0cc;
  color: #1c2018;
  font-family: var(--t-text-font);
}

.glp-music__inner {
  max-width: 1000px;
  margin: 0 auto;
}

.glp-music__eyebrow {
  margin-bottom: 20px;
  font-family: "PT Mono", monospace;
  font-size: 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #e86a2a;
  text-align: center;
}

.glp-music__title {
  margin: 0 0 16px;
  font-family: var(--t-headline-font);
  font-size: 48px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: #1c2018;
  text-align: center;
}

.glp-music__subtitle {
  margin-bottom: 40px;
  font-family: var(--t-headline-font);
  font-size: 22px;
  font-style: italic;
  line-height: 1.4;
  color: #4a6b3a;
  text-align: center;
}

.glp-music__lead {
  margin: 0 0 64px;
  font-family: var(--t-headline-font);
  font-size: 18px;
  line-height: 1.6;
  color: #1c2018;
  text-align: left;
}

.glp-music__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

.glp-musician__photo {
  aspect-ratio: 1 / 1;
  margin-bottom: 20px;
  overflow: hidden;
  background: #d9cfb4;
}

.glp-musician__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: sepia(15%) saturate(90%);
}

.glp-musician__name {
  margin: 0 0 6px;
  font-family: var(--t-headline-font);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  color: #1c2018;
}

.glp-musician__role {
  font-family: var(--t-headline-font);
  font-size: 14px;
  font-style: italic;
  line-height: 1.4;
  color: #4a6b3a;
}

@media (max-width: 960px) {
  .glp-music__cards {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

@media (max-width: 640px) {
  .glp-music {
    padding: 80px 20px;
  }

  .glp-music__title {
    font-size: 32px;
  }

  .glp-music__subtitle {
    font-size: 18px;
  }

  .glp-music__lead {
    margin-bottom: 40px;
    font-size: 16px;
  }
}
</style>

<!-- ============ БЛОК 6 · АТМОСФЕРА ============ -->
<div class="glp-atmos" id="atmosphere">
  <div class="glp-atmos__inner">
    <h2 class="glp-atmos__title">Атмосфера вечера</h2>
    <div class="glp-atmos__subtitle">Как это будет</div>
  </div>

  <div class="glp-atmos__grid">
    <div class="glp-atmos__cell">
      <img src="https://static.tildacdn.com/tild3133-6364-4162-a561-646132396134/bbbc26fe728d54320925.jpg" alt="Чайный сервиз">
    </div>

    <div class="glp-atmos__cell">
      <img src="https://static.tildacdn.com/tild6438-6431-4435-b530-343533643765/E51A4739_resized.jpg" alt="Самовар">
    </div>

    <div class="glp-atmos__cell">
      <img src="https://static.tildacdn.com/tild3739-6334-4936-a332-363137646463/E51A4640_resized.jpg" alt="Интерьер">
    </div>

    <div class="glp-atmos__cell">
      <img src="https://static.tildacdn.com/tild3162-6433-4662-b962-636432383931/photo-1585838017777-.jpg" alt="Граммофон">
    </div>

    <div class="glp-atmos__cell">
      <img src="https://static.tildacdn.com/tild3566-3933-4561-b764-633063626165/noroot.png" alt="Букет">
    </div>

    <div class="glp-atmos__cell">
      <img src="https://static.tildacdn.com/tild6463-3138-4733-b837-613566623637/DDS_3413.JPG" alt="Гости">
    </div>

    <div class="glp-atmos__cell">
      <img src="https://static.tildacdn.com/tild3538-3038-4235-b264-623438356462/noroot.png" alt="Сахар">
    </div>

    <div class="glp-atmos__cell">
      <img src="https://static.tildacdn.com/tild3266-6238-4231-a562-623736373236/noroot.png" alt="Чашка чая">
    </div>
  </div>
</div>


.glp-atmos,
.glp-atmos * {
  box-sizing: border-box;
}

.glp-atmos {
  padding: 80px 0;
  background: #e8e0cc;
  color: #1c2018;
  font-family: var(--t-text-font);
}

.glp-atmos__inner {
  max-width: 1000px;
  margin: 0 auto 48px;
  padding: 0 20px;
  text-align: center;
}

.glp-atmos__title {
  margin: 0 0 12px;
  font-family: var(--t-headline-font);
  font-size: 40px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: #1c2018;
}

.glp-atmos__subtitle {
  font-family: var(--t-headline-font);
  font-size: 18px;
  font-style: italic;
  color: #4a6b3a;
}

.glp-atmos__grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
}

.glp-atmos__cell {
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #d9cfb4;
}

.glp-atmos__cell img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: sepia(20%) saturate(85%);
  transition: transform 0.6s ease, filter 0.4s ease;
}

.glp-atmos__cell:hover img {
  transform: scale(1.04);
  filter: sepia(10%) saturate(95%);
}

@media (max-width: 960px) {
  .glp-atmos__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .glp-atmos {
    padding: 60px 0;
  }

  .glp-atmos__title {
    font-size: 32px;
  }

  .glp-atmos__grid {
    grid-template-columns: 1fr;
  }
}
</style>

<!-- ============ БЛОК 7 · ДРЕСС-КОД ============ -->
<div class="glp-dress" id="dresscode">
  <div class="glp-dress__inner">
    <div class="glp-dress__eyebrow tv-eyebrow">Дресс-код</div>

    <h2 class="glp-dress__title">Шеби-шик</h2>

    <div class="glp-dress__line"></div>

    <div class="glp-dress__palette">
      <span style="background:#f5d3d9;"></span>
      <span style="background:#c7bad1;"></span>
      <span style="background:#c1d7c0;"></span>
      <span style="background:#e8e0cc;"></span>
      <span style="background:#c7d5de;"></span>
    </div>

    <p class="glp-dress__text">
      Романтичный и мягкий стиль — «потертая роскошь». Лен, хлопок, батист,
      муслин, кружево. Юбки макси или миди, завышенная талия, свободный крой.
      Ленты, шляпки, брошь-цветок, нитка жемчуга, кружевные перчатки.
      Мы просим гостей поддержать образ — это часть вечера, а не формальность.
    </p>
  </div>
</div>


.glp-dress,
.glp-dress * {
  box-sizing: border-box;
}

.glp-dress {
  padding: 100px 20px;
  background: #1c2018;
  color: #e8e0cc;
  font-family: var(--t-text-font);
}

.glp-dress__inner {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.glp-dress__eyebrow {
  margin-bottom: 24px;
  font-family: "PT Mono", monospace;
  font-size: 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #e86a2a;
}

.glp-dress__title {
  margin: 0 0 32px;
  font-family: var(--t-headline-font);
  font-size: 72px;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.02em;
  color: #e8e0cc;
}

.glp-dress__line {
  width: 60px;
  height: 2px;
  margin: 0 auto 40px;
  background: #e86a2a;
}

.glp-dress__palette {
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
  gap: 12px;
}

.glp-dress__palette span {
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(232, 224, 204, 0.15);
}

.glp-dress__text {
  max-width: 640px;
  margin: 0 auto;
  font-family: var(--t-headline-font);
  font-size: 18px;
  line-height: 1.6;
  color: #c8b88a;
}

@media (max-width: 640px) {
  .glp-dress {
    padding: 80px 20px;
  }

  .glp-dress__title {
    font-size: 44px;
  }

  .glp-dress__text {
    font-size: 16px;
  }
}
</style>

<!-- ============ БЛОК 8 · ДОМ САЛТЫКОВА-ЩЕДРИНА ============ -->
<div class="glp-house">
  <div class="glp-house__inner">
    <div class="glp-house__photo">
      <img src="https://static.tildacdn.com/tild3962-6138-4838-b764-326333313664/photo_2026-07-07_17-.jpg" alt="Музей Салтыкова-Щедрина">
    </div>

    <div class="glp-house__body">
      <div class="glp-house__eyebrow tv-eyebrow">Место события</div>

      <h2 class="glp-house__title">Почему именно этот дом</h2>

      <p class="glp-house__text">
        Музей открыт в 1976 году, к 150-летию писателя, в доме, где Михаил
        Евграфович жил в 1860–1862 годах, занимая пост тверского
        вице-губернатора. Именно тверские впечатления легли в основу
        собирательного образа города Глупова в «Истории одного города».
        В 2026 году писателю исполняется 200 лет — и мы делаем вечер в самом
        центре той среды, которую он наблюдал и с иронией описывал.
      </p>
    </div>
  </div>
</div>


.glp-house,
.glp-house * {
  box-sizing: border-box;
}

.glp-house {
  padding: 100px 20px;
  background: #e8e0cc;
  color: #1c2018;
  font-family: var(--t-text-font);
}

.glp-house__inner {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}

.glp-house__photo {
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #d9cfb4;
}

.glp-house__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: sepia(20%) saturate(85%);
}

.glp-house__eyebrow {
  margin-bottom: 16px;
  font-family: "PT Mono", monospace;
  font-size: 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #e86a2a;
}

.glp-house__title {
  margin: 0 0 28px;
  font-family: var(--t-headline-font);
  font-size: 42px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: #1c2018;
}

.glp-house__text {
  margin: 0;
  font-family: var(--t-headline-font);
  font-size: 18px;
  line-height: 1.7;
  color: #1c2018;
}

@media (max-width: 960px) {
  .glp-house__inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

@media (max-width: 640px) {
  .glp-house {
    padding: 80px 20px;
  }

  .glp-house__title {
    font-size: 28px;
  }

  .glp-house__text {
    font-size: 16px;
  }
}
</style>

<!-- ============ БЛОК 9 · МЕСТО И КАРТА ============ -->
<div class="glp-venue" id="venue">
  <div class="glp-venue__inner">
    <div class="glp-venue__map">
      
    </div>

    <div class="glp-venue__body">
      <div class="glp-venue__eyebrow tv-eyebrow">Как добраться</div>

      <h2 class="glp-venue__title">
        Тверь, Рыбацкая ул., 11/37
      </h2>

      <p class="glp-venue__text">
        Из центра Твери — 7 минут пешком от Тверского городского сада.
        От вокзала — 15 минут на автобусе или 10 минут на такси.
        Парковка вдоль Рыбацкой улицы, вечером обычно свободно.
      </p>

      <a href="https://yandex.ru/maps/?text=%D0%A2%D0%B2%D0%B5%D1%80%D1%8C%2C%20%D0%A0%D1%8B%D0%B1%D0%B0%D1%86%D0%BA%D0%B0%D1%8F%20%D1%83%D0%BB%D0%B8%D1%86%D0%B0%2C%2011%2F37" target="_blank" rel="noopener" class="glp-venue__link">
        → Открыть в Яндекс.Картах
      </a>
    </div>
  </div>
</div>


.glp-venue,
.glp-venue * {
  box-sizing: border-box;
}

.glp-venue {
  padding: 60px 20px 100px;
  background: #e8e0cc;
  color: #1c2018;
  font-family: var(--t-text-font);
}

.glp-venue__inner {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: stretch;
}

.glp-venue__map {
  height: 400px;
  overflow: hidden;
  background: #d9cfb4;
}

.glp-venue__map iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  filter: sepia(15%) saturate(85%);
}

.glp-venue__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.glp-venue__eyebrow {
  margin-bottom: 16px;
  font-family: "PT Mono", monospace;
  font-size: 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #e86a2a;
}

.glp-venue__title {
  margin: 0 0 24px;
  font-family: var(--t-headline-font);
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #1c2018;
}

.glp-venue__text {
  margin: 0 0 32px;
  font-family: var(--t-headline-font);
  font-size: 18px;
  line-height: 1.6;
  color: #1c2018;
}

.glp-venue__link {
  align-self: flex-start;
  display: inline-block;
  padding: 14px 24px;
  font-family: "PT Mono", monospace;
  font-size: 14px;
  letter-spacing: 0.05em;
  color: #1c2018;
  text-decoration: none;
  border: 1px solid #1c2018;
  transition: background 0.25s ease, color 0.25s ease;
}

.glp-venue__link:hover {
  background: #1c2018;
  color: #e8e0cc;
}

@media (max-width: 960px) {
  .glp-venue__inner {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

@media (max-width: 640px) {
  .glp-venue {
    padding: 40px 20px 80px;
  }

  .glp-venue__title {
    font-size: 26px;
  }

  .glp-venue__text {
    font-size: 16px;
  }

  .glp-venue__map {
    height: 320px;
  }
}
</style>

<!-- ============ БЛОК 10 · FAQ ============ -->
<div class="glp-faq" id="faq">
  <div class="glp-faq__inner">
    <div class="glp-faq__eyebrow tv-eyebrow">
      Часто спрашивают
    </div>

    <h2 class="glp-faq__title">Прежде чем купить</h2>

    <div class="glp-faq__list">
      <div class="glp-faq__item">
        <button class="glp-faq__trigger" type="button" aria-expanded="false">
          Что взять с собой?</span>
          <i class="glp-faq__plus"></i>
        </button>

        <div class="glp-faq__panel">
          
            Ничего кроме себя. Все — от чая и угощений до пледа,
            если станет прохладно — уже готово.
          </p>
        </div>
      </div>

      <div class="glp-faq__item">
        <button class="glp-faq__trigger" type="button" aria-expanded="false">
          Обязателен ли дресс-код?</span>
          <i class="glp-faq__plus"></i>
        </button>

        <div class="glp-faq__panel">
          
            Не обязателен, но настоятельно рекомендуем. Это часть вечера,
            и в общей стилистике находиться приятнее.
          </p>
        </div>
      </div>

      <div class="glp-faq__item">
        <button class="glp-faq__trigger" type="button" aria-expanded="false">
          Могу ли прийти с ребенком?</span>
          <i class="glp-faq__plus"></i>
        </button>

        <div class="glp-faq__panel">
          
            Формат рассчитан на взрослую аудиторию — с чтением
            Салтыкова-Щедрина и вечерней музыкальной программой.
            Для детей от 12 лет возможно по согласованию.
          </p>
        </div>
      </div>

      <div class="glp-faq__item">
        <button class="glp-faq__trigger" type="button" aria-expanded="false">
          Что, если я опоздаю?</span>
          <i class="glp-faq__plus"></i>
        </button>

        <div class="glp-faq__panel">
          
            Прийти можно до 19:15. После 19:30 начнется дегустация
            с Андреем Колбасиновым — присоединиться позже, к сожалению,
            будет неудобно и вам, и другим гостям.
          </p>
        </div>
      </div>

      <div class="glp-faq__item">
        <button class="glp-faq__trigger" type="button" aria-expanded="false">
          Есть ли парковка?</span>
          <i class="glp-faq__plus"></i>
        </button>

        <div class="glp-faq__panel">
          
            Уличная парковка вдоль Рыбацкой улицы — обычно свободно.
            Ближайшая охраняемая — на Тверской площади.
          </p>
        </div>
      </div>

      <div class="glp-faq__item">
        <button class="glp-faq__trigger" type="button" aria-expanded="false">
          Возвращаются ли билеты?</span>
          <i class="glp-faq__plus"></i>
        </button>

        <div class="glp-faq__panel">
          
            Полный возврат — за 7 дней до вечера. За 3–7 дней — 50%.
            Позже — только передача билета на другое имя.
          </p>
        </div>
      </div>

      <div class="glp-faq__item">
        <button class="glp-faq__trigger" type="button" aria-expanded="false">
          Как узнать, есть ли еще места?</span>
          <i class="glp-faq__plus"></i>
        </button>

        <div class="glp-faq__panel">
          
            Напишите нам в Telegram или позвоните. Мы ответим и подтвердим
            актуальное количество свободных мест.
          </p>
        </div>
      </div>

      <div class="glp-faq__item">
        <button class="glp-faq__trigger" type="button" aria-expanded="false">
          Что за подарок входит в билет?</span>
          <i class="glp-faq__plus"></i>
        </button>

        <div class="glp-faq__panel">
          
            Каждый гость увозит с собой авторский подарок от Твериума.
            Деталей не раскрываем, но обещаем, что он останется
            приятным напоминанием о вечере.
          </p>
        </div>
      </div>
    </div>
  </div>
</div>


.glp-faq,
.glp-faq * {
  box-sizing: border-box;
}

.glp-faq {
  padding: 100px 20px;
  background: #e8e0cc;
  color: #1c2018;
  font-family: var(--t-text-font);
}

.glp-faq__inner {
  max-width: 800px;
  margin: 0 auto;
}

.glp-faq__eyebrow {
  margin-bottom: 20px;
  font-family: "PT Mono", monospace;
  font-size: 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #e86a2a;
  text-align: center;
}

.glp-faq__title {
  margin: 0 0 48px;
  font-family: var(--t-headline-font);
  font-size: 40px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: #1c2018;
  text-align: center;
}

.glp-faq__item {
  border-top: 1px solid rgba(28, 32, 24, 0.15);
}

.glp-faq__item:last-child {
  border-bottom: 1px solid rgba(28, 32, 24, 0.15);
}

.glp-faq__trigger {
  width: 100%;
  padding: 24px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  background: none;
  border: none;
  cursor: pointer;
  font-family: var(--t-headline-font);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.005em;
  color: #1c2018;
  text-align: left;
}

.glp-faq__plus {
  position: relative;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

.glp-faq__plus::before,
.glp-faq__plus::after {
  content: "";
  position: absolute;
  background: #e86a2a;
  transition: transform 0.3s ease;
}

.glp-faq__plus::before {
  top: 50%;
  right: 0;
  left: 0;
  height: 2px;
  transform: translateY(-50%);
}

.glp-faq__plus::after {
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  transform: translateX(-50%);
}

.glp-faq__trigger[aria-expanded="true"] .glp-faq__plus::after {
  transform: translateX(-50%) scaleY(0);
}

.glp-faq__panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.glp-faq__panel p {
  margin: 0;
  padding: 0 0 24px;
  font-family: var(--t-headline-font);
  font-size: 16px;
  line-height: 1.6;
  color: #1c2018;
  opacity: 0.85;
}

@media (max-width: 640px) {
  .glp-faq {
    padding: 80px 20px;
  }

  .glp-faq__title {
    margin-bottom: 32px;
    font-size: 28px;
  }

  .glp-faq__trigger {
    padding: 20px 0;
    font-size: 17px;
  }
}
</style>

<!-- ============ БЛОК 11 · БИЛЕТЫ ============ -->
<div class="glp-tickets" id="tickets">
  <div class="glp-tickets__inner">
    <div class="glp-tickets__eyebrow tv-eyebrow">
      Бронь открыта
    </div>

    <h2 class="glp-tickets__title">
      Выберите свой формат вечера
    </h2>

    <p class="glp-tickets__lead">
      В стоимость каждого билета уже входит вся программа вечера:
      чаепитие и угощение, дегустация, музыкальный спектакль,
      общение с гостями и авторский подарок от Твериума.
      Никаких обязательных доплат на месте.
    </p>

    <div class="glp-tickets__cards">
      <!-- ОДИН ГОСТЬ -->
      <div class="glp-ticket">
        <div class="glp-ticket__label tv-eyebrow">
          Индивидуальный билет
        </div>

        <h3 class="glp-ticket__name">
          Полный вечер для одного гостя
        </h3>

        <div class="glp-ticket__benefit">
          Вся программа без дополнительных оплат
        </div>

        <div class="glp-ticket__price">
          6 000 ₽
        </div>

        <div class="glp-ticket__price-note">
          фиксированная итоговая стоимость
        </div>

        <div class="glp-ticket__line"></div>

        <p class="glp-ticket__desc">
          Вы получаете доступ ко всем частям вечера: встрече гостей,
          историческим инсталляциям и фотосессии, чаепитию и угощению
          от Bonneville, дегустации с Андреем Колбасиновым,
          музыкальной программе «Истории уездного города»,
          свободному общению и разговору по душам.
        </p>

        <div class="glp-ticket__included">
          <div class="glp-ticket__included-title">В билет уже включены:</div>

          <ul class="glp-ticket__list">
            вход на всю программу с 18:30 до 22:00;</li>
            чай из самовара и угощение от Bonneville;</li>
            дегустация редких чаев и сезонных купажей;</li>
            интерактивная музыкальная программа;</li>
            авторский подарок от Твериума.</li>
          </ul>
        </div>

        <div class="glp-ticket__advantage">
          Оптимальный вариант, если вы приходите самостоятельно:
          в течение вечера гости знакомятся, участвуют в общей программе
          и собираются за одним столом.
        </div>

        <button type="button"
                class="glp-ticket__btn t-btnflex t-btnflex_lg js-ticket-buy"
                data-order-hash="#order:Один%20билет=6000">
          <span class="t-btnflex__text">Забронировать одно место</span>
        </button>
      </div>

      <!-- ДВА ГОСТЯ -->
      <div class="glp-ticket glp-ticket--featured">
        <div class="glp-ticket__saving">
          Выгода 2 000 ₽
        </div>

        <div class="glp-ticket__label tv-eyebrow">
          Парный билет
        </div>

        <h3 class="glp-ticket__name">
          Полный вечер для двоих
        </h3>

        <div class="glp-ticket__benefit glp-ticket__benefit--featured">
          5 000 ₽ за гостя вместо 6 000 ₽
        </div>

        <div class="glp-ticket__price">
          10 000 ₽
        </div>

        <div class="glp-ticket__comparison">
          <span class="glp-ticket__old-price">12 000 ₽</span>

          <span class="glp-ticket__comparison-text">
            стоили бы два отдельных билета
          </span>
        </div>

        <div class="glp-ticket__line"></div>

        <p class="glp-ticket__desc">
          Вы получаете два полноценных билета без сокращения программы.
          Для каждого гостя включены чаепитие и угощение, дегустация,
          музыкальный вечер, все интерактивные части программы
          и отдельный авторский подарок от Твериума.
        </p>

        <div class="glp-ticket__included glp-ticket__included--featured">
          <div class="glp-ticket__included-title">
            В парный билет входят:
          </div>

          <ul class="glp-ticket__list">
            два места на всей программе вечера;</li>
            чаепитие и угощение для двух гостей;</li>
            дегустация для двух гостей;</li>
            два авторских подарка от Твериума;</li>
            экономия 1 000 ₽ на каждом билете.</li>
          </ul>
        </div>

        <div class="glp-ticket__value">
          <div class="glp-ticket__value-label">
            Ваша выгода
          </div>

          <div class="glp-ticket__value-row">
            Два билета отдельно</span>
            12 000 ₽</strong>
          </div>

          <div class="glp-ticket__value-row">
            Парный тариф</span>
            10 000 ₽</strong>
          </div>

          <div class="glp-ticket__value-total">
            Вы сохраняете 2 000 ₽
          </div>
        </div>

        <div class="glp-ticket__advantage glp-ticket__advantage--featured">
          Лучший выбор для пары, друзей или родственников:
          вы получаете два полноценных места, платите меньше
          и ничего не теряете в составе программы.
        </div>

        <button type="button"
                class="glp-ticket__btn t-btnflex t-btnflex_lg js-ticket-buy"
                data-order-hash="#order:Пара%20билетов=10000">
          <span class="t-btnflex__text">Забронировать два места</span>
        </button>
      </div>
    </div>

    <div class="glp-tickets__or">
      </span>
      или забронируйте напрямую</em>
      </span>
    </div>

    <div class="glp-tickets__contacts">
      <div class="glp-tickets__person">
        Надин Кулешова ·
        <a href="tel:+79038002235">+7 903 800 22 35</a>
      </div>

      <div class="glp-tickets__person">
        Анастасия Грушецкая ·
        <a href="tel:+79163233999">+7 916 323 39 99</a>
      </div>
    </div>

    <div class="glp-tickets__messengers">
      <a href="https://t.me/jurgenson_tvermuseum" target="_blank" rel="noopener">
        Музей-аптека Братьев Юргенсонъ
      </a>

      · VK:

      <a href="https://vk.ru/tverseasons" target="_blank" rel="noopener">
        Тверские сезоны
      </a>
    </div>
  </div>
</div>

<!-- ============ МОДАЛЬНОЕ ОКНО · ОФОРМЛЕНИЕ И ОПЛАТА ============ -->
<div class="glp-modal" id="glp-modal" aria-hidden="true" role="dialog" aria-modal="true" aria-labelledby="glp-modal-title">
  <div class="glp-modal__overlay js-modal-close"></div>

  <div class="glp-modal__dialog" role="document">
    <button type="button" class="glp-modal__close js-modal-close" aria-label="Закрыть"></button>

    <div class="glp-modal__head">
      <div class="glp-modal__eyebrow tv-eyebrow">Оформление билета</div>
      <h3 class="glp-modal__title" id="glp-modal-title">Заполните данные</h3>
    </div>

    <div class="glp-modal__summary">
      <div class="glp-modal__summary-row">
        <span class="glp-modal__summary-label">Тариф</span>
        <span class="glp-modal__summary-value" id="glp-modal-tariff">—</span>
      </div>
      <div class="glp-modal__summary-row">
        <span class="glp-modal__summary-label">К оплате</span>
        <span class="glp-modal__summary-value glp-modal__summary-value--price" id="glp-modal-price">—</span>
      </div>
    </div>

    <form
      id="glp-order-form"
      name="glp-order-form"
      class="glp-form t-form js-form-proccess"
      role="form"
      action="#"
      method="POST"
      data-vibeblock-form="true"
      data-inputbox=".vb-input-group"
      data-formactiontype="2"
      data-error-popup="y"
      data-success-popup="y"
      novalidate
    >
      <input type="hidden" name="formservices[]" value="ab8fec0f7fbefa24064d5574229488b5" class="js-formaction-services">
      <input type="hidden" name="formservices[]" value="998abc2b9f4e5b634d0fd6198bb80adf" class="js-formaction-services">
      <input type="hidden" name="formservices[]" value="aa3c5638fff3bd350641eef1ccd8043d" class="js-formaction-services">
      <input type="hidden" name="formservices[]" value="ad374184c3bd45663a2beb00dfdc0cc9" class="js-formaction-services">

      <input type="hidden" name="Ticket" id="glp-form-ticket" value="">
      <input type="hidden" name="Price" id="glp-form-price" value="">
      <input type="hidden" name="OrderHash" id="glp-form-hash" value="">

      <div class="js-successbox t-form__successbox" style="display:none;"></div>

      <div class="vb-input-group">
        <label class="glp-form__label" for="glp-field-name">Имя и фамилия</label>
        <input type="text"
               id="glp-field-name"
               name="Name"
               class="glp-form__input js-tilda-rule"
               data-tilda-req="1"
               data-tilda-rule="name"
               placeholder="Как к вам обращаться"
               autocomplete="name">
        <div class="t-input-error"></div>
      </div>

      <div class="vb-input-group">
        <label class="glp-form__label" for="glp-field-email">Email</label>
        <input type="email"
               id="glp-field-email"
               name="Email"
               class="glp-form__input js-tilda-rule"
               data-tilda-req="1"
               data-tilda-rule="email"
               placeholder="для отправки билета и чека"
               autocomplete="email">
        <div class="t-input-error"></div>
      </div>

      <div class="vb-input-group">
        <label class="glp-form__label" for="glp-field-phone">Телефон</label>
        <input type="tel"
               id="glp-field-phone"
               name="Phone"
               class="glp-form__input js-tilda-mask js-tilda-rule"
               data-tilda-req="1"
               data-tilda-rule="phone"
               data-tilda-mask="+7 (999) 999-99-99"
               data-tilda-mask-holder="_"
               placeholder="+7 (___) ___-__-__"
               autocomplete="tel">
        <div class="t-input-error"></div>
      </div>

      <div class="vb-input-group glp-form__group--payment">
        <span class="glp-form__label">Способ оплаты</span>

        <label class="glp-form__pay-option">
          <input type="radio" name="PaymentMethod" value="OzonPay" checked>
          <span class="glp-form__pay-mark"></i></span>
          <span class="glp-form__pay-body">
            <span class="glp-form__pay-title">
              Ozon Pay
              <span class="glp-form__pay-badge">моментально</span>
            </span>
            <span class="glp-form__pay-note">
              Картой, СБП или кошельком Ozon. После подтверждения заявки
              откроется защищённая страница оплаты.
            </span>
          </span>
        </label>

        <label class="glp-form__pay-option">
          <input type="radio" name="PaymentMethod" value="Invoice">
          <span class="glp-form__pay-mark"></i></span>
          <span class="glp-form__pay-body">
            <span class="glp-form__pay-title">
              Оплата по счёту
              <span class="glp-form__pay-badge glp-form__pay-badge--alt">для юрлиц</span>
            </span>
            <span class="glp-form__pay-note">
              Пришлём реквизиты на email — подходит компаниям и ИП.
            </span>
          </span>
        </label>
      </div>

      <button type="submit" class="glp-form__submit t-submit t-btnflex t-btnflex_lg" id="glp-form-submit">
        <span class="t-btnflex__text">
          <span id="glp-form-submit-prefix">Оплатить через Ozon Pay</span>
          <span id="glp-form-submit-price">—</span>
        </span>
      </button>

      <div class="glp-form__legal">
        Нажимая «Оплатить», вы соглашаетесь с обработкой персональных данных
        и бронированием места на вечер 30 июля 2026. После подтверждения
        заявки мы автоматически перенаправим вас на защищённую страницу Ozon Pay.
      </div>
    </form>
  </div>
</div>


.glp-tickets,
.glp-tickets * {
  box-sizing: border-box;
}

.glp-tickets {
  padding: 100px 20px;
  background: #e86a2a;
  color: #1c2018;
  font-family: var(--t-text-font);
}

.glp-tickets__inner {
  max-width: 1040px;
  margin: 0 auto;
  text-align: center;
}

.glp-tickets__eyebrow {
  margin-bottom: 20px;
  font-family: "PT Mono", monospace;
  font-size: 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #1c2018;
}

.glp-tickets__title {
  margin: 0 0 24px;
  font-family: var(--t-headline-font);
  font-size: 56px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.015em;
  color: #1c2018;
}

.glp-tickets__lead {
  max-width: 720px;
  margin: 0 auto 56px;
  font-family: var(--t-headline-font);
  font-size: 20px;
  font-style: italic;
  line-height: 1.5;
  color: #1c2018;
}

.glp-tickets__cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 36px;
  align-items: stretch;
  text-align: left;
}

.glp-ticket {
  position: relative;
  min-width: 0;
  padding: 40px;
  display: flex;
  flex-direction: column;
  background: #e8e0cc;
}

.glp-ticket--featured {
  background: #f3ebd9;
  box-shadow: inset 0 0 0 3px #1c2018;
}

.glp-ticket__saving {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px 16px;
  background: #1c2018;
  color: #e8e0cc;
  font-family: "PT Mono", monospace;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.glp-ticket__label {
  margin-bottom: 20px;
  font-family: "PT Mono", monospace;
  font-size: 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #e86a2a;
}

.glp-ticket__name {
  margin: 0 0 14px;
  font-family: var(--t-headline-font);
  font-size: 32px;
  font-weight: 700;
  line-height: 1.15;
  color: #1c2018;
}

.glp-ticket__benefit {
  min-height: 48px;
  margin-bottom: 26px;
  font-family: var(--t-headline-font);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
  color: #4a6b3a;
}

.glp-ticket__benefit--featured {
  color: #e86a2a;
}

.glp-ticket__price {
  font-family: var(--t-headline-font);
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #1c2018;
}

.glp-ticket__price-note {
  min-height: 38px;
  margin-top: 8px;
  font-family: "PT Mono", monospace;
  font-size: 12px;
  line-height: 1.5;
  color: #4a6b3a;
}

.glp-ticket__comparison {
  min-height: 38px;
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 10px;
  font-family: "PT Mono", monospace;
  font-size: 12px;
  line-height: 1.5;
  color: #4a6b3a;
}

.glp-ticket__old-price {
  position: relative;
  display: inline-block;
  color: #1c2018;
  opacity: 0.65;
}

.glp-ticket__old-price::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -2px;
  left: -2px;
  height: 2px;
  background: #e86a2a;
  transform: rotate(-5deg);
}

.glp-ticket__comparison-text {
  flex: 1 1 190px;
}

.glp-ticket__line {
  width: 40px;
  height: 2px;
  margin: 24px 0;
  background: #e86a2a;
}

.glp-ticket__desc {
  margin: 0 0 24px;
  font-family: var(--t-headline-font);
  font-size: 16px;
  line-height: 1.6;
  color: #1c2018;
}

.glp-ticket__included {
  margin-bottom: 24px;
  padding: 20px;
  background: rgba(74, 107, 58, 0.08);
  border-left: 3px solid #4a6b3a;
}

.glp-ticket__included--featured {
  background: rgba(232, 106, 42, 0.08);
  border-left-color: #e86a2a;
}

.glp-ticket__included-title {
  margin-bottom: 12px;
  font-family: var(--t-headline-font);
  font-size: 15px;
  font-weight: 700;
  color: #1c2018;
}

.glp-ticket__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.glp-ticket__list li {
  position: relative;
  margin-bottom: 8px;
  padding-left: 18px;
  font-family: var(--t-headline-font);
  font-size: 14px;
  line-height: 1.45;
  color: #1c2018;
}

.glp-ticket__list li:last-child {
  margin-bottom: 0;
}

.glp-ticket__list li::before {
  content: "—";
  position: absolute;
  top: 0;
  left: 0;
  color: #e86a2a;
}

.glp-ticket__value {
  margin-bottom: 24px;
  padding: 20px;
  background: #1c2018;
  color: #e8e0cc;
}

.glp-ticket__value-label {
  margin-bottom: 16px;
  font-family: "PT Mono", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #e86a2a;
}

.glp-ticket__value-row {
  padding: 8px 0;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  font-family: var(--t-headline-font);
  font-size: 14px;
  line-height: 1.4;
  border-bottom: 1px solid rgba(232, 224, 204, 0.12);
}

.glp-ticket__value-row strong {
  white-space: nowrap;
}

.glp-ticket__value-total {
  margin-top: 16px;
  font-family: var(--t-headline-font);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  color: #e8e0cc;
}

.glp-ticket__advantage {
  margin: auto 0 28px;
  padding: 18px 0;
  font-family: var(--t-headline-font);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.45;
  color: #1c2018;
  border-top: 1px solid rgba(28, 32, 24, 0.18);
  border-bottom: 1px solid rgba(28, 32, 24, 0.18);
}

.glp-ticket__advantage--featured {
  color: #4a6b3a;
}

.glp-ticket__btn {
  display: block;
  width: 100%;
  padding: 0;
  background: #1c2018;
  color: #e8e0cc !important;
  border: none;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  font-family: inherit;
  font-weight: 700;
  transition: background 0.25s ease, transform 0.25s ease;
}

.glp-ticket__btn .t-btnflex__text {
  color: #e8e0cc;
}

.glp-ticket__btn:hover {
  background: #2a3550;
  transform: translateY(-2px);
}

.glp-tickets__or {
  max-width: 440px;
  margin: 56px auto 32px;
  display: flex;
  align-items: center;
  gap: 20px;
}

.glp-tickets__or span {
  flex: 1;
  height: 1px;
  background: #1c2018;
  opacity: 0.4;
}

.glp-tickets__or em {
  font-family: var(--t-headline-font);
  font-size: 14px;
  font-style: italic;
  color: #1c2018;
  white-space: nowrap;
}

.glp-tickets__contacts {
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.glp-tickets__person {
  font-family: var(--t-headline-font);
  font-size: 20px;
  font-weight: 700;
  color: #1c2018;
}

.glp-tickets__person a,
.glp-tickets__messengers a {
  color: #1c2018;
  text-decoration: none;
  border-bottom: 1px solid rgba(28, 32, 24, 0.35);
}

.glp-tickets__messengers {
  font-family: "PT Mono", monospace;
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: 0.02em;
  color: #1c2018;
}

/* ============ MODAL ============ */
.glp-modal {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.glp-modal.is-open {
  display: flex;
}

.glp-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(28, 32, 24, 0.7);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.glp-modal__dialog {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 520px;
  max-height: calc(100vh - 48px);
  overflow-y: auto;
  padding: 40px 40px 36px;
  background: #e8e0cc;
  color: #1c2018;
  font-family: var(--t-text-font);
  border-top: 4px solid #e86a2a;
}

.glp-modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  color: #1c2018;
  opacity: 0.6;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.glp-modal__close:hover {
  opacity: 1;
  transform: rotate(90deg);
}

.glp-modal__close::before,
.glp-modal__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 2px;
  background: currentColor;
}

.glp-modal__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.glp-modal__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.glp-modal__head {
  margin-bottom: 20px;
}

.glp-modal__eyebrow {
  margin-bottom: 8px;
  font-family: "PT Mono", monospace;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #e86a2a;
}

.glp-modal__title {
  margin: 0;
  font-family: var(--t-headline-font);
  font-size: 28px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: #1c2018;
}

.glp-modal__summary {
  margin-bottom: 24px;
  padding: 16px 18px;
  background: #1c2018;
  color: #e8e0cc;
}

.glp-modal__summary-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
}

.glp-modal__summary-row + .glp-modal__summary-row {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(232, 224, 204, 0.12);
}

.glp-modal__summary-label {
  font-family: "PT Mono", monospace;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #c8b88a;
}

.glp-modal__summary-value {
  font-family: var(--t-headline-font);
  font-size: 16px;
  font-weight: 700;
  color: #e8e0cc;
}

.glp-modal__summary-value--price {
  font-size: 22px;
  color: #e86a2a;
}

/* ============ FORM ============ */
.glp-form {
  font-family: var(--t-text-font);
}

.glp-form input,
.glp-form textarea,
.glp-form select {
  font: inherit;
}

.glp-form__label {
  display: block;
  margin-bottom: 8px;
  font-family: "PT Mono", monospace;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #4a6b3a;
}

.glp-form__input {
  width: 100%;
  padding: 14px 16px;
  background: #f3ebd9;
  border: 1px solid rgba(28, 32, 24, 0.15);
  font-family: var(--t-text-font);
  font-size: 16px;
  line-height: 1.4;
  color: #1c2018;
  transition: border-color 0.2s ease, background 0.2s ease;
}

.glp-form__input::placeholder {
  color: rgba(28, 32, 24, 0.45);
}

.glp-form__input:focus {
  outline: none;
  border-color: #e86a2a;
  background: #e8e0cc;
}

.vb-input-group {
  margin-bottom: 16px;
}

.vb-input-group .t-input-error {
  margin-top: 6px;
  font-family: "PT Mono", monospace;
  font-size: 12px;
  color: #b8331a;
}

/* PAYMENT */
.glp-form__group--payment {
  margin-top: 8px;
  margin-bottom: 20px;
}

.glp-form__pay-option {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  margin-bottom: 10px;
  background: #f3ebd9;
  border: 1px solid rgba(28, 32, 24, 0.12);
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease;
}

.glp-form__pay-option:last-child {
  margin-bottom: 0;
}

.glp-form__pay-option:hover {
  border-color: rgba(28, 32, 24, 0.25);
}

.glp-form__pay-option input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}

.glp-form__pay-mark {
  position: relative;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  border: 1.5px solid rgba(28, 32, 24, 0.35);
  border-radius: 50%;
  background: transparent;
  transition: border-color 0.2s ease, background 0.2s ease;
}

.glp-form__pay-mark i {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #e86a2a;
  transform: scale(0);
  transition: transform 0.2s ease;
}

.glp-form__pay-option input[type="radio"]:checked + .glp-form__pay-mark {
  border-color: #e86a2a;
}

.glp-form__pay-option input[type="radio"]:checked + .glp-form__pay-mark i {
  transform: scale(1);
}

.glp-form__pay-option:has(input[type="radio"]:checked) {
  background: rgba(232, 106, 42, 0.08);
  border-color: #e86a2a;
}

.glp-form__pay-body {
  flex: 1;
  min-width: 0;
}

.glp-form__pay-title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 4px;
  font-family: var(--t-headline-font);
  font-size: 15px;
  font-weight: 700;
  color: #1c2018;
}

.glp-form__pay-badge {
  display: inline-block;
  padding: 2px 8px;
  background: #1c2018;
  color: #e86a2a;
  font-family: "PT Mono", monospace;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.glp-form__pay-badge--alt {
  background: #e86a2a;
  color: #1c2018;
}

.glp-form__pay-note {
  font-family: var(--t-headline-font);
  font-size: 13px;
  line-height: 1.45;
  color: #1c2018;
  opacity: 0.78;
}

.glp-form__submit {
  display: block;
  width: 100%;
  padding: 0;
  margin-top: 4px;
  background: #1c2018;
  color: #e8e0cc !important;
  border: none;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  font-family: inherit;
  font-weight: 700;
  transition: background 0.25s ease, transform 0.25s ease;
}

.glp-form__submit .t-btnflex__text {
  color: #e8e0cc;
}

.glp-form__submit:hover {
  background: #2a3550;
  transform: translateY(-2px);
}

.glp-form__legal {
  margin-top: 14px;
  font-family: "PT Mono", monospace;
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: 0.04em;
  color: rgba(28, 32, 24, 0.55);
  text-align: center;
}

body.glp-modal-open {
  overflow: hidden;
}

@media (max-width: 960px) {
  .glp-tickets__cards {
    grid-template-columns: 1fr;
  }

  .glp-ticket__benefit {
    min-height: 0;
  }
}

@media (max-width: 640px) {
  .glp-tickets {
    padding: 80px 20px;
  }

  .glp-tickets__title {
    font-size: 36px;
  }

  .glp-tickets__lead {
    margin-bottom: 40px;
    font-size: 16px;
  }

  .glp-ticket {
    padding: 28px;
  }

  .glp-ticket__saving {
    position: static;
    align-self: flex-start;
    margin: -28px 0 24px -28px;
  }

  .glp-ticket__name {
    font-size: 24px;
  }

  .glp-ticket__benefit {
    margin-bottom: 22px;
    font-size: 16px;
  }

  .glp-ticket__price {
    font-size: 36px;
  }

  .glp-ticket__desc,
  .glp-ticket__advantage {
    font-size: 15px;
  }

  .glp-ticket__included,
  .glp-ticket__value {
    padding: 16px;
  }

  .glp-tickets__person {
    font-size: 16px;
  }

  .glp-tickets__or em {
    white-space: normal;
  }

  .glp-modal {
    padding: 12px;
  }

  .glp-modal__dialog {
    padding: 32px 24px 28px;
  }

  .glp-modal__title {
    font-size: 24px;
  }
}
</style>

<!-- ============ БЛОК 12 · ОРГАНИЗАТОРЫ И ПАРТНЕРЫ ============ -->
<section class="glp-partners" id="partners">
  <div class="glp-partners__inner">

    <div class="glp-partners__eyebrow tv-eyebrow">
      Собираем вместе
    </div>

    <h2 class="glp-partners__title">
      Организаторы и партнеры вечера
    </h2>

    <!-- ОСНОВНЫЕ КАТЕГОРИИ -->
    <div class="glp-partners__primary">

      <div class="glp-partners__group">
        <h3 class="glp-partners__category">
          Организатор
        </h3>

        <a href="#" class="glp-partners__logo-card glp-partners__logo-card--anchor">
          <img src="https://static.tildacdn.com/tild3432-3564-4863-b134-663438326563/__.png" alt="АНО Город-Музей и Твериум" class="glp-partners__logo" loading="lazy">
        </a>
      </div>

      <div class="glp-partners__group">
        <h3 class="glp-partners__category">
          При поддержке
        </h3>

        <a href="#" class="glp-partners__logo-card glp-partners__logo-card--anchor">
          <img src="https://static.tildacdn.com/tild3962-6330-4630-b339-373032313434/__.png" alt="Президентский фонд культурных инициатив" class="glp-partners__logo" loading="lazy">
        </a>
      </div>

      <div class="glp-partners__group">
        <h3 class="glp-partners__category">
          Стратегический партнер
        </h3>

        <a href="#" class="glp-partners__logo-card glp-partners__logo-card--anchor">
          <img src="https://static.tildacdn.com/tild6564-3132-4938-b633-626238636461/_.png" alt="Центр капитализации наследия" class="glp-partners__logo" loading="lazy">
        </a>
      </div>

      <div class="glp-partners__group">
        <h3 class="glp-partners__category">
          Партнер площадки
        </h3>

        <a href="#" class="glp-partners__logo-card glp-partners__logo-card--anchor">
          <img src="https://static.tildacdn.com/tild3931-6231-4233-b235-393938323864/photo.png" alt="Музей М. Е. Салтыкова-Щедрина" class="glp-partners__logo" loading="lazy">
        </a>
      </div>

    </div>

    <!-- ПАРТНЕРЫ -->
    <div class="glp-partners__row">
      <div class="glp-partners__row-head">
        </span>
        <h3 class="glp-partners__row-title">Партнеры</h3>
        </span>
      </div>

      <div class="glp-partners__grid glp-partners__grid--four">

        <a href="#" class="glp-partners__logo-card glp-partners__logo-card--anchor">
          <img src="https://static.tildacdn.com/tild6133-3364-4966-b039-643564383966/photo.jpg" alt="Bonneville" class="glp-partners__logo" loading="lazy">
        </a>

        <a href="#" class="glp-partners__logo-card glp-partners__logo-card--anchor">
          <img src="https://static.tildacdn.com/tild3362-3130-4730-b937-376631356462/2_527638177570099259.png" alt="Смола" class="glp-partners__logo" loading="lazy">
        </a>

        <a href="#" class="glp-partners__logo-card glp-partners__logo-card--anchor">
          <img src="https://static.tildacdn.com/tild6638-6333-4161-b039-333564653835/__2026-07-15_151242.png" alt="Партнер проекта" class="glp-partners__logo" loading="lazy">
        </a>

        <div class="glp-partners__slot-empty"></div>

      </div>
    </div>

    <!-- МЕДИАПАРТНЕРЫ -->
    <div class="glp-partners__row glp-partners__row--last">
      <div class="glp-partners__row-head">
        </span>
        <h3 class="glp-partners__row-title">Медиапартнеры</h3>
        </span>
      </div>

      <div class="glp-partners__grid glp-partners__grid--media">

        <a href="#" class="glp-partners__logo-card glp-partners__logo-card--anchor">
          <img src="https://static.tildacdn.com/tild3335-3564-4637-b964-366335636263/_-1_1.png" alt="Серебряный дождь" class="glp-partners__logo" loading="lazy">
        </a>

        <a href="#" class="glp-partners__logo-card glp-partners__logo-card--anchor">
          <img src="https://static.tildacdn.com/tild6331-3232-4538-b163-393638646535/1.png" alt="Go Travel" class="glp-partners__logo" loading="lazy">
        </a>

        <a href="#" class="glp-partners__logo-card glp-partners__logo-card--anchor">
          <img src="https://static.tildacdn.com/tild3835-6464-4265-b638-343266616462/___.png" alt="Новый Русский культурный код" class="glp-partners__logo" loading="lazy">
        </a>

      </div>
    </div>

  </div>
</section>


.glp-partners,
.glp-partners * {
  box-sizing: border-box;
}

.glp-partners {
  width: 100%;
  padding: 88px 20px 92px;
  overflow: hidden;
  background: #e8e0cc;
  color: #1c2018;
  font-family: var(--t-text-font, Arial, sans-serif);
}

.glp-partners__inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.glp-partners__eyebrow {
  margin-bottom: 16px;
  font-family: "PT Mono", monospace;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.2em;
  text-align: center;
  text-transform: uppercase;
  color: #e86a2a;
}

.glp-partners__title {
  max-width: 760px;
  margin: 0 auto 56px;
  font-family: var(--t-headline-font, Arial, sans-serif);
  font-size: clamp(32px, 4vw, 48px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -0.03em;
  text-align: center;
  color: #1c2018;
}

.glp-partners__primary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  margin-bottom: 56px;
}

.glp-partners__group {
  min-width: 0;
}

.glp-partners__category {
  min-height: 32px;
  margin: 0 0 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "PT Mono", monospace;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: 0.14em;
  text-align: center;
  text-transform: uppercase;
  color: #695f4e;
}

.glp-partners__row {
  margin-bottom: 48px;
}

.glp-partners__row--last {
  margin-bottom: 0;
}

.glp-partners__row-head {
  margin-bottom: 22px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 18px;
}

.glp-partners__row-head span {
  width: 100%;
  height: 1px;
  background: rgba(28, 32, 24, 0.14);
}

.glp-partners__row-title {
  margin: 0;
  font-family: "PT Mono", monospace;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.15em;
  text-align: center;
  text-transform: uppercase;
  color: #695f4e;
}

.glp-partners__grid {
  display: grid;
  gap: 20px;
  justify-content: center;
}

.glp-partners__grid--four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.glp-partners__grid--media {
  grid-template-columns: repeat(2, minmax(0, 285px));
}

.glp-partners__logo-card {
  width: 100%;
  height: 136px;
  padding: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: transparent;
  border: none;
  text-decoration: none;
  color: inherit;
  transition:
    transform 0.25s ease,
    background-color 0.25s ease,
    border-color 0.25s ease;
}

.glp-partners__logo-card--anchor:hover {
  transform: translateY(-3px);
}

.glp-partners__logo {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 220px;
  max-height: 84px;
  object-fit: contain;
  object-position: center;
  filter: none;
  opacity: 1;
  mix-blend-mode: normal;
}

.glp-partners__primary .glp-partners__group:first-of-type .glp-partners__logo {
  max-height: 90px;
}

.glp-partners__slot-empty {
  width: 100%;
  height: 136px;
  border: 1px dashed #8A9A70;
  border-radius: 2px;
  opacity: 0.4;
}

@media (max-width: 1000px) {
  .glp-partners__primary,
  .glp-partners__grid--four {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .glp-partners__category {
    min-height: auto;
  }
}

@media (max-width: 640px) {
  .glp-partners {
    padding: 68px 16px 72px;
  }

  .glp-partners__title {
    margin-bottom: 40px;
    font-size: 30px;
  }

  .glp-partners__primary,
  .glp-partners__grid--four,
  .glp-partners__grid--media {
    grid-template-columns: 1fr;
  }

  .glp-partners__primary {
    gap: 26px;
    margin-bottom: 44px;
  }

  .glp-partners__row {
    margin-bottom: 40px;
  }

  .glp-partners__row-head {
    gap: 12px;
  }

  .glp-partners__logo-card {
    height: 126px;
    padding: 20px;
  }

  .glp-partners__logo {
    max-width: 220px;
    max-height: 80px;
  }

  .glp-partners__slot-empty {
    height: 126px;
  }
}
</style>

<!-- ============ БЛОК 13 · СЛЕДУЮЩИЕ СОБЫТИЯ ============ -->
<section class="glp-next" id="next-events">
  <div class="glp-next__inner">

    <div class="glp-next__head">
      
        <div class="glp-next__eyebrow tv-eyebrow">
          Если не 30 июля
        </div>

        <h2 class="glp-next__title">
          Следующие события Твериума
        </h2>
      </div>

      <div class="glp-next__note">
        Новые встречи, публичные программы и специальные события проекта
      </div>
    </div>

    <div class="glp-next__cards">

      <article class="glp-event">
        <div class="glp-event__photo">
          <img src="https://static.tildacdn.com/tild3133-3130-4139-a136-626237393430/noroot.png" alt="Мари Буше в Знаменском-Раек" loading="lazy">
        </div>

        <div class="glp-event__body">
          <div class="glp-event__date">
            13–14 августа 2026
          </div>

          <h3 class="glp-event__heading">
            Мари Буше в Знаменском-Раек
          </h3>

          <p class="glp-event__desc">
            Спектакль-пикник в дореволюционном стиле в усадьбе XVIII века.
          </p>
        </div>
      </article>

      <article class="glp-event">
        <div class="glp-event__photo">
          <img src="https://static.tildacdn.com/tild3137-6338-4635-b866-343035343863/IMG_8316.jpg" alt="Публичная программа с Петром Аксеновым" loading="lazy">
        </div>

        <div class="glp-event__body">
          <div class="glp-event__date">
            Август 2026
          </div>

          <h3 class="glp-event__heading">
            Публичная программа с Петром Аксеновым
          </h3>

          <p class="glp-event__desc">
            Паблик-ток и званый вечер.
          </p>
        </div>
      </article>

      <article class="glp-event">
        <div class="glp-event__photo">
          <img src="https://static.tildacdn.com/tild6534-3933-4933-b530-633466363538/DSC_5502.JPG" alt="Премьера итогового фильма" loading="lazy">
        </div>

        <div class="glp-event__body">
          <div class="glp-event__date">
            30 сентября 2026
          </div>

          <h3 class="glp-event__heading">
            Премьера итогового фильма
          </h3>

          <p class="glp-event__desc">
            Первый показ документального фильма о проекте «Твериум»
            в кинотеатре «Звезда».
          </p>
        </div>
      </article>

    </div>
  </div>
</section>


.glp-next,
.glp-next * {
  box-sizing: border-box;
}

.glp-next {
  padding: 80px 20px;
  background: #1c2018;
  color: #e8e0cc;
  font-family: var(--t-text-font, Arial, sans-serif);
}

.glp-next__inner {
  max-width: 1200px;
  margin: 0 auto;
}

.glp-next__head {
  margin-bottom: 42px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 40px;
}

.glp-next__eyebrow {
  margin-bottom: 12px;
  font-family: "PT Mono", monospace;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #e86a2a;
}

.glp-next__title {
  margin: 0;
  max-width: 650px;
  font-family: var(--t-headline-font);
  font-size: 40px;
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.02em;
  color: #e8e0cc;
}

.glp-next__note {
  max-width: 350px;
  font-family: var(--t-headline-font);
  font-size: 15px;
  line-height: 1.55;
  color: #c8b88a;
  text-align: right;
}

.glp-next__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.glp-event {
  min-width: 0;
  background: rgba(232, 224, 204, 0.04);
  border: 1px solid rgba(232, 224, 204, 0.09);
}

.glp-event__photo {
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: #2a2f24;
}

.glp-event__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: sepia(18%) saturate(86%) brightness(0.94);
  transition: transform 0.5s ease, filter 0.4s ease;
}

.glp-event:hover .glp-event__photo img {
  transform: scale(1.035);
  filter: sepia(8%) saturate(96%) brightness(1);
}

.glp-event__body {
  padding: 22px 22px 26px;
}

.glp-event__date {
  margin-bottom: 10px;
  font-family: "PT Mono", monospace;
  font-size: 10px;
  line-height: 1.4;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #e86a2a;
}

.glp-event__heading {
  margin: 0 0 10px;
  font-family: var(--t-headline-font);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
  color: #e8e0cc;
}

.glp-event__desc {
  margin: 0;
  font-family: var(--t-headline-font);
  font-size: 14px;
  line-height: 1.5;
  color: #c8b88a;
}

@media (max-width: 960px) {
  .glp-next__head {
    align-items: flex-start;
    flex-direction: column;
    gap: 18px;
  }

  .glp-next__note {
    max-width: 600px;
    text-align: left;
  }

  .glp-next__cards {
    grid-template-columns: 1fr;
  }

  .glp-event {
    display: grid;
    grid-template-columns: minmax(220px, 34%) 1fr;
  }

  .glp-event__photo {
    height: 100%;
    aspect-ratio: auto;
  }
}

@media (max-width: 640px) {
  .glp-next {
    padding: 64px 16px;
  }

  .glp-next__title {
    font-size: 30px;
  }

  .glp-event {
    display: block;
  }

  .glp-event__photo {
    aspect-ratio: 16 / 10;
  }
}
</style>

<!-- ============ БЛОК 14 · ПОДВАЛ ============ -->



.glp-footer,
.glp-footer * {
  box-sizing: border-box;
}

.glp-footer {
  width: 100%;
  padding: 64px 20px 28px;
  background: #11150f;
  color: #e8e0cc;
  font-family: var(--t-text-font, Arial, sans-serif);
  border-top: 1px solid rgba(232, 224, 204, 0.1);
}

.glp-footer__inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.glp-footer__top {
  padding-bottom: 48px;
  display: grid;
  grid-template-columns: minmax(280px, 1.4fr) 1fr 1fr;
  gap: 72px;
}

.glp-footer__logo {
  display: inline-block;
  margin-bottom: 20px;
  font-family: "PT Mono", monospace;
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #e8e0cc;
  text-decoration: none;
}

.glp-footer__description {
  max-width: 420px;
  margin: 0;
  font-family: var(--t-headline-font);
  font-size: 17px;
  line-height: 1.55;
  color: #c8b88a;
}

.glp-footer__nav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-content: start;
  gap: 14px 28px;
}

.glp-footer__nav a,
.glp-footer__contacts a {
  font-family: "PT Mono", monospace;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #e8e0cc;
  text-decoration: none;
  transition: color 0.25s ease;
}

.glp-footer__nav a:hover,
.glp-footer__contacts a:hover {
  color: #e86a2a;
}

.glp-footer__contacts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

.glp-footer__contacts-title {
  margin-bottom: 4px;
  font-family: "PT Mono", monospace;
  font-size: 10px;
  line-height: 1.4;
  letter-spacing: 0.17em;
  text-transform: uppercase;
  color: #e86a2a;
}

.glp-footer__bottom {
  padding-top: 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  font-family: "PT Mono", monospace;
  font-size: 10px;
  line-height: 1.5;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(232, 224, 204, 0.55);
  border-top: 1px solid rgba(232, 224, 204, 0.1);
}

@media (max-width: 900px) {
  .glp-footer__top {
    grid-template-columns: 1fr 1fr;
    gap: 48px;
  }

  .glp-footer__brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 560px) {
  .glp-footer {
    padding: 52px 16px 24px;
  }

  .glp-footer__top {
    padding-bottom: 36px;
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .glp-footer__brand {
    grid-column: auto;
  }

  .glp-footer__nav {
    grid-template-columns: 1fr 1fr;
  }

  .glp-footer__bottom {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
}
</style>


