/* Херо-блок главной */

.front-hero {
  padding: 160px 16px 60px;
}

.front-hero__inner {
  max-width: 1400px;
  margin: 0 auto;
}

.front-hero__title {
  margin: 0 0 40px;
  font-size: clamp(40px, 7vw, 100px);
  line-height: 1;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 100;
  white-space: nowrap;
  display: block;
  word-break: normal;
  overflow-wrap: normal;
}

p {
  font-weight: 300;
}

.front-hero__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: 48px;
  align-items: center;
}

.front-hero__content {
  font-size: 16px;
  line-height: 1.5;
  color: #f5f5f5;
}

@media (max-width: 1024px) {
  .front-hero {
    padding: 120px 20px 20px;
  }

  .front-hero__layout {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .front-hero__title {
    margin-bottom: 28px;
  }
}

@media (max-width: 768px) {
  .front-hero__title {
    white-space: normal;
    font-size: clamp(32px, 9vw, 48px);
    line-height: 1.08;
    letter-spacing: 0.08em;
    text-wrap: balance;
  }
}




.front-hero__video {
  width: 100%;
}

/* Контейнер под видео/постер */
.hero-video {
  width: 100%;
  overflow: hidden;
}

/* Видео и картинка — одинаковое поведение */
.hero-video__tag,
.hero-video__poster {
  display: block;
  width: 100%;
  height: auto;          /* сохраняем пропорции, НЕ обрезаем */
}

.accent {
  color: var(--color-accent);
}



























/* Секция Будет интересно*/

/* Заголовок секции (h2 в контенте) — копия стиля .event-subtitle */
.event-content > h2.wp-block-heading:first-of-type {
  margin: 0;
  font-family: var(--font-base, 'Noto Sans', sans-serif);
  font-size: 42px;
  line-height: 1.4;
  color: var(--color-white);
  font-weight: 250;
  max-width: 600px;
}

/* Адаптив под 1200px только для этого h2 */
@media (max-width: 1200px) {
  .event-content > h2.wp-block-heading:first-of-type {
    max-width: none;
    font-size: 32px;
    line-height: 1.2;
  }
}

/* ---------- ДВЕ КОЛОНКИ: слева картинка, справа текст ---------- */

/* На десктопе: превращаем event-content в двухколоночную сетку */
@media (min-width: 1200px) {
  .event-content {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.5fr);
    column-gap: 40px;
    align-items: flex-start;
  }

  /* Первая картинка в контенте — в левую колонку,
     растягиваем по высоте секции (хватает span 3) */
  .event-content > figure.wp-block-image:first-of-type {
    grid-column: 1;
    grid-row: 1 / 4;
  }

  /* Заголовок, таблица и пояснение — в правую колонку */
  .event-content > h2.wp-block-heading:first-of-type,
  .event-content > figure.wp-block-table,
  .event-content > figure.wp-block-table + p {
    grid-column: 2;
  }
}

/* На экранах меньше 1200: обычный поток, картинку прячем совсем */
@media (max-width: 1199.98px) {
  .event-content {
    display: block;
  }

  .event-content > figure.wp-block-image:first-of-type {
    display: none;
  }
}

/* ---------- Таблица ---------- */

/* Обёртка таблицы (без :first-of-type, чтобы не ловить картинку) */
.event-content figure.wp-block-table {
  margin:  0;
}

/* Таблица: убиваем РАМКИ темы и рисуем только линии между строками */
.event-content figure.wp-block-table table,
.event-content figure.wp-block-table th,
.event-content figure.wp-block-table td {
  border: none !important;
}

.event-content figure.wp-block-table table {
  width: 100%;
  border-collapse: collapse;
}

/* Строки — только горизонтальные линии между ними */
.event-content figure.wp-block-table tbody tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.event-content figure.wp-block-table tbody tr:last-child {
  border-bottom: none;
}

/* Ячейки — текст как у event-cta-text */
.event-content figure.wp-block-table td {
  padding: 16px 0;
  vertical-align: top;
  font-family: var(--font-base, 'Noto Sans', sans-serif);
  font-size: 16px;
  line-height: 1.6;
  color: var(--color-white);
}

/* 1-я колонка — номер, акцентный цвет */
.event-content figure.wp-block-table td:first-child {
  width: 40px;
  padding-right: 16px;
  font-weight: 500;
  color: var(--color-accent);
}

/* 2-я колонка — заголовок строки */
.event-content figure.wp-block-table td:nth-child(2) {
  width: 35%;
  padding-right: 24px;
}

/* 3-я колонка — описание, 14px */
.event-content figure.wp-block-table td:nth-child(3) {
  font-size: 14px;
  line-height: 1.6;
opacity: 0.6;
}

/* ---------- Пояснение под таблицей ---------- */

.event-content figure.wp-block-table + p {
  font-family: var(--font-base, 'Noto Sans', sans-serif);
  font-size: 16px;
  line-height: 1.6;
  color: var(--color-white);
  opacity: 0.9;
  max-width: 800px;
  margin-top: 24px;
}

/* ---------- Адаптив таблицы (мобилка) ---------- */

@media (max-width: 768px) {
  .event-content figure.wp-block-table tbody tr {
    display: grid;
    grid-template-columns: auto 1fr; /* слева цифра, справа текст */
    column-gap: 16px;
    row-gap: 4px;
    padding: 12px 0;
  }

  .event-content figure.wp-block-table td {
    padding: 2px 0;
    width: auto !important;
  }

  /* Цифра слева занимает весь столбец по высоте блока */
  .event-content figure.wp-block-table td:first-child {
    grid-row: 1 / span 2;
    align-self: flex-start;
  }

  /* Заголовок и описание оба идут в правую колонку, друг под другом */
  .event-content figure.wp-block-table td:nth-child(2),
  .event-content figure.wp-block-table td:nth-child(3) {
    grid-column: 2;

  }

  .event-content {
margin-bottom: 120px;
  }

  .event-logos {
  margin: 60px 0 120px 0;
}

.event-content figure.wp-block-table td:nth-child(2) {
        color: var(--color-accent);
}



}


/* ===== Секция "Будет интересно" ===== */

/* Контейнер 1400px */
.event-interesno-section .event-article {
  max-width: 1400px;
  margin: 0 auto;
}



/* Заголовок сверху секции */
.event-interesno-section .event-subtitle {
  margin-bottom: 32px;
}

.event-subtitle {
  margin: 0;
  font-family: var(--font-base, 'Noto Sans', sans-serif);
  font-size: 42px;
  line-height: 1.4;
  color: var(--color-white); /* как просил */
  flex: 1 1 auto;
  font-weight: 250;
  max-width: 600px;
}

@media (max-width: 1400px) {
.event-interesno-section  {
    padding: 0px 20px 40px;
}

.event-subtitle {
font-size: 32px;
}
}


/* Обёртка двух колонок */
@media (min-width: 1200px) {

.event-interesno-section .event-subtitle {
    padding: 0px 20px 0px;
}


  .event-interesno-layout {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.9fr);
    column-gap: 60px;
    align-items: flex-start;
  }

  .event-interesno-img {
    grid-column: 1;
  }

  .event-interesno-img__img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 16px; /* если нужно — можешь убрать */
  }

  /* Внутренний контент в правой колонке.
     Перекрываем старое правило, где .event-content делался grid'ом */
  .event-interesno-section .event-content {
    display: block;
    grid-column: 2;
  }

  /* Снимаем лишние grid-координаты, которые прописаны глобально */
  .event-interesno-section .event-content > figure.wp-block-image:first-of-type,
  .event-interesno-section .event-content > h2.wp-block-heading:first-of-type,
  .event-interesno-section .event-content > figure.wp-block-table,
  .event-interesno-section .event-content > figure.wp-block-table + p {
    grid-column: auto;
    grid-row: auto;
  }
}

/* На мобилке/планшете: одна колонка, картинку прячем */
@media (max-width: 1199.98px) {
  .event-interesno-layout {
    display: block;
  }

  .event-interesno-section {
padding-bottom: 0;}

  .event-interesno-img {
    display: none;
  }
}


.wp-block-table p {
    margin-top: 30px;
}



/* В секции "Будет интересно" не показывать пустые заголовки */
.event-interesno-section .event-content h1:empty,
.event-interesno-section .event-content h2:empty,
.event-interesno-section .event-content h3:empty,
.event-interesno-section .event-content h4:empty,
.event-interesno-section .event-content h5:empty,
.event-interesno-section .event-content h6:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}



/* Чтобы в секции "Партнёрам" не пряталась кнопка на мобилке */
@media (max-width: 768px) {
  .event-partners-section .header-action-card {
    display: block !important;
  }

  .btn-ticket {
width: 100%;}

  .event-partners-section .header-action {
    display: block;           /* на всякий случай */
  }
}



.btn-ticket4 {
      background-color: var(--color-accent);
      color: var(--color-bg-main);
      border-color: var(--color-bg-main);
}


.btn-ticket4:hover {
  background: var(--color-white);
  color: var(--color-bg-main);
  border: 1px solid var(--color-bg-main);
}












/* ===== Секция "Партнёрам" ===== */

/* Контейнер 1400px */
.event-partners-section .event-article {
  max-width: 1400px;
  margin: 0 auto;
}

/* Заголовок как .event-subtitle уже есть, только отступ вниз */
.event-partners-section .event-subtitle {
  margin-bottom: 32px;
}
@media (max-width: 1200px) {

.event-partners-section .event-article {
  padding-left: 20px;
  padding-right: 20px;
}
}

/* Две колонки: слева текст, справа логотипы — десктоп */
@media (min-width: 1200px) {
  .event-partners-layout {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.9fr);
    column-gap: 60px;
    align-items: flex-start;
  }
}

/* Левая колонка — текст и кнопка */
.event-partners-text {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.event-partners-content {
  font-family: var(--font-base, 'Noto Sans', sans-serif);
  font-size: 16px;
  line-height: 1.6;
  color: var(--color-white);
}

.event-partners-btn {
  margin-top: 8px;
}

/* Правая колонка — сетка логотипов */
.event-partners-logos {
  /* если нужно, можно задать min-height */
}

.event-partners-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 20px 32px;
}

.event-partners-content p {
margin-bottom: 40px;
}

.event-partner-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  box-sizing: border-box;
  min-width: 0;
}

.event-partner-logo img {
  max-width: 100%;
  max-height: 60px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  filter: brightness(0.95);
}

/* Мобилка / планшет — одна колонка, логотипы вниз */
@media (max-width: 1199.98px) {
  .event-partners-layout {
    display: block;
  }

    .event-partner-logo img {
    max-height: 35px;
  }

  .event-partners-logos {
    margin-top: 32px;
  }

  .event-partners-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px 20px;
  }
}

@media (max-width: 767.98px) {
  .event-partners-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px 16px;
  }

    .event-partner-logo img {
    max-height: 26px;
  }
}








/* Нумерованный список: цифры в кружках */
.event-partners-content ol{
  list-style: none;
  counter-reset: ap;
  padding-left: 0;
  margin-left: 0;
}

.event-partners-content li{
margin-bottom: 14px;
}

.event-partners-content ol > li{
  counter-increment: ap;
  margin-bottom: 20px;
  position: relative;
  padding-left: 44px; /* место под кружок */
      color: var(--color-accent);
}

.event-partners-content ol > li::before{
  content: counter(ap);
  position: absolute;
  left: 0;
  top: 0.15em;

  width: 30px;
  height: 30px;
  border-radius: 999px;

  display: grid;
  place-items: center;

  background: linear-gradient(180deg, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.03) 100%);
  border: 1px solid rgba(255,255,255,0.18);

  color: var(--color-accent);
  font-weight: 700;
  line-height: 1;
}




















/* ===== Секция "Спикерам" ===== */

.event-speakers-section {
  max-width: 1400px;
  margin: 0 auto;
}

@media (max-width: 1199.98px) {
    .event-speakers-section {
padding-left: 20px;
padding-right: 20px;
}
}

.event-speakers-section .event-subtitle {
  margin-bottom: 24px;
}

.event-speakers-intro p {
  font-family: var(--font-base, 'Noto Sans', sans-serif);
  font-size: 16px;
  line-height: 1.6;
  color: var(--color-white);
  opacity: 0.9;
  max-width: 640px;
  margin: 0 0 8px;
}

.event-speakers-intro__label {
  margin-top: 16px;
  font-weight: 500;
  opacity: 1;
}

/* Карточки преимуществ */

.event-speakers-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 24px 0 40px;
}

.event-speaker-card {
  flex: 1 1 260px;
  display: flex;
  align-items: center; /* центрируем текст по вертикали */
  gap: 16px;
  padding: 20px 24px;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);
  border: 1px solid rgba(255,255,255,0.18);
}
.event-speaker-card__icon img {
  display: block;
  width: 90px;
  height: 90px;
  object-fit: contain;
}

.event-speaker-card__text {
  font-family: var(--font-base, 'Noto Sans', sans-serif);
  font-size: 16px;
  line-height: 1.6;
  color: var(--color-white);
}

/* CTA внизу */

.event-speakers-cta__text {
  font-family: var(--font-base, 'Noto Sans', sans-serif);
  font-size: 28px;
  line-height: 1.3;
  color: var(--color-white);
  margin: 0 0 24px;
  max-width: 700px;
}

.event-speakers-cta__btn .btn-ticket {
  /* стиль берётся из существующего .btn-ticket;
     если нужно, только центрируем на мобиле/десктопе */
}

/* Адаптив */

@media (max-width: 1024px) {
  .event-speakers-grid {
    flex-direction: column;
  }

  .event-speaker-card {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .event-speakers-cta__text {
    font-size: 22px;
  }

  .event-speakers-cta__btn {
    display: inline-block;
  }
}


@media (max-width: 1024px) {
  .event-speaker-card {
    flex: 0 0 auto;  /* или просто flex: none; */
  }

  .event-speakers-grid {
    flex-direction: column;
  }
}



.event-subtitle {
margin-top: 100px;
}

@media (max-width: 1024px) {
.event-subtitle {
margin-top: 50px;
}
  }












.event-partners-btn--mobile{
  display: none;
}

  @media (max-width: 768px){
  .event-partners-layout{
    grid-template-columns: 1fr;
    row-gap: 24px;
  }

  .event-partners-btn--desktop{
    display: none;
  }

  .event-partners-btn--mobile{
    display: block;
    margin-top: 24px; /* отступ от логотипов */
  }
}
















/* ===== Секция "Блогерам" ===== */
.event-bloggers-cta-section {
  max-width: 1400px;
  margin: 0 auto;
}

@media (max-width: 1199.98px) {
.event-bloggers-cta-section {
padding-left: 20px;
padding-right: 20px;
}
}


.event-bloggers-cta-section .event-subtitle {
  margin-bottom: 24px;
}

.event-bloggers-cta-text p,
.event-bloggers-cta-text li {
  font-family: var(--font-base, 'Noto Sans', sans-serif);
  font-size: 16px;
  line-height: 1.6;
  color: var(--color-white);
}

.event-bloggers-cta-text p {
  margin: 0 0 8px;
  max-width: 640px;
}

.event-bloggers-cta-text ul {
  margin: 8px 0 0 0;
  padding-left: 20px;
}

/* Кнопки в одну линию на десктопе */

.event-bloggers-cta-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 32px;
}

/* Если нужно чуть сузить кнопки на очень широких экранах */
.event-bloggers-cta-buttons .btn-ticket {
  white-space: nowrap;
}

/* Мобилка: кнопки в столбик */

@media (max-width: 768px) {
  .event-bloggers-cta-buttons {
    flex-direction: column;
    align-items: flex-start;
  }

  .event-bloggers-cta-buttons .btn-ticket {
    width: 100%;
    text-align: center;
  }
}














.event-bloggers-cta-text ol{
  list-style: none;
  counter-reset: ap;
  padding-left: 0;
  margin-left: 0;
}

.event-bloggers-cta-text li{
margin-bottom: 14px;
}

.event-bloggers-cta-text ol > li{
  counter-increment: ap;
  margin-bottom: 20px;
  position: relative;
  padding-left: 44px; /* место под кружок */
      color: var(--color-accent);
}

.event-bloggers-cta-text ol > li::before{
  content: counter(ap);
  position: absolute;
  left: 0;
  top: 0.15em;

  width: 30px;
  height: 30px;
  border-radius: 999px;

  display: grid;
  place-items: center;

  background: linear-gradient(180deg, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.03) 100%);
  border: 1px solid rgba(255,255,255,0.18);

  color: var(--color-accent);
  font-weight: 700;
  line-height: 1;
}























.event-bloggers-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 30px;
  margin-top: 30px;
}

.event-blogger-card{
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.03) 100%);
    padding: 20px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.09);
}

.event-blogger-photo{
  width: 96px;
  height: 96px;
  border-radius: 999px; /* максимальное скругление */
  overflow: hidden;

}

.event-blogger-photo img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.event-blogger-name{
  color: var(--color-white);
  font-size: 20px;
}

.event-blogger-desc{
  margin-top: 6px;
  opacity: 0.6;
  line-height: 1.35;
  font-size: 14px;
    color: var(--color-white);
}

.event-blogger-link{
  display: inline-block;
  margin-top: 10px;
  text-decoration: none;
  color: var(--color-accent);
}

.event-blogger-link:hover{
  text-decoration: underline;
}

@media (max-width: 980px){
  .event-bloggers-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }

.event-speaker-name {
  font-size: 16px;
}
.event-speaker-position {
font-size: 12px;
}

.event-blogger-name {
    font-size: 16px;
}

.event-blogger-desc {
  font-size: 12px;
}

.event-blogger-link {
  font-size: 12px;
}


}

@media (max-width: 640px){
  .event-bloggers-grid{ grid-template-columns: 1fr; }
  .event-blogger-card{ grid-template-columns: 72px minmax(0, 1fr); }
  .event-blogger-photo{ width: 72px; height: 72px; }

  .event-blogger-card {
    padding: 14px;
  }
}


@media (max-width: 420px){

.event-program-tab-btn {
font-size: 12px;

}

}

/* Скрытые карточки блогеров (по умолчанию всё выше лимита) */
.event-blogger-card--hidden {
  display: none !important;
}


































.tickets__container {
  max-width: 1400px;
  margin: 0 auto;
}

@media (max-width: 1199.98px) {
.tickets__container {
padding-left: 20px;
padding-right: 20px;
}
}


.contacts{
margin-bottom: 120px;
}


.contacts__grid{
  display: grid;
  grid-template-columns: 1.2fr 1fr;

  gap: 24px;
  margin-top: 18px;
  align-items: center;
  color: var(--color-white);
}

.contacts__note a{
  color: var(--color-accent);
}

.contacts__img{
  overflow: hidden;
}

.contacts__img img{
  width: 100%;
  height: auto;
  display: block;
}

.contacts__info{
  margin-top: 14px;
}

.contacts__buttons{
  display: grid;
  gap: 26px;
}

.contacts__tg-btn{
  display: inline-flex;
  align-items: center;      /* вертикально */
  justify-content: center;  /* горизонтально */
  gap: 10px;
  padding: 14px 16px;
  border-radius: 18px;
  text-decoration: none;
  color: var(--color-accent);
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.06);

}


.contacts__tg-ico{
  display: block;
}

.contacts__note{
  margin-top: 16px;
  opacity: 0.9;
}

.contacts__note a{
  text-decoration: underline;
  text-underline-offset: 3px;
}

.cont-button {
min-width: 100%;
}

@media (max-width: 768px){
  .contacts__grid{
    grid-template-columns: 1fr;
  }

}


  
.contacts__tg-btn{
  width: 100%;
}

.subtitleh2 {
  margin-bottom: 30px;
}

.afterparty__info {
  font-size: 14px;

}

.contacts__buttons{
  gap: 14px;
}





@media (max-width: 768px) {
  .contacts__grid .header-action-card {
    display: block !important;
  }

  .contacts__grid .header-action {
    display: block;           /* на всякий случай */
  }

.event-partners-section .event-subtitle {
  margin-top: -40px;
}

}





















#partners {
  scroll-margin-top: 100px;
}

#speakers {
  scroll-margin-top: 100px;
}


#bloggers-cta {
  scroll-margin-top: 100px;
}