html {
	font-size: 15px;
}

.wrapper {
	max-width: 1920px;
	margin-top: 30px !important;
}

.header-butter i::before, .header-butter i::after, .header-butter i {
	height: 3px;
}
.header-menu-list cus {
	border-bottom: 1px solid #424a7c !important
}

  /* Основные стили для таблиц */
  .artpeople-table {
    width: 100%;
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 16px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
  }
  
  .artpeople-table thead tr {
    background-color: #4c84c3;
    color: #ffffff;
    text-align: left;
  }
  
  .artpeople-table th,
  .artpeople-table td {
    padding: 16px 20px;
    border-bottom: 1px solid #e1e1e1;
  }
  
  .artpeople-table tbody tr {
    transition: background-color 0.2s;
  }
  
  .artpeople-table tbody tr:nth-of-type(even) {
    background-color: #f8f9fa;
  }
  
  .artpeople-table tbody tr:last-of-type {
    border-bottom: 2px solid #4c84c3;
  }
  
  .artpeople-table tbody tr:hover {
    background-color: #e8f4fc;
    cursor: pointer;
  }
  
  /* Адаптивность для мобильных устройств */
  @media screen and (max-width: 768px) {
    .artpeople-table {
      display: block;
      width: 100%;
    }
    
    .artpeople-table thead,
    .artpeople-table tbody,
    .artpeople-table th,
    .artpeople-table td,
    .artpeople-table tr {
      display: block;
    }
    
    .artpeople-table thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px;
    }
    
    .artpeople-table tr {
      border: 1px solid #e1e1e1;
      margin-bottom: 15px;
      border-radius: 8px;
      padding: 10px;
    }
    
    .artpeople-table td {
      position: relative;
      padding-left: 50%;
      border: none;
      border-bottom: 1px solid #e1e1e1;
    }
    
    .artpeople-table td:last-child {
      border-bottom: none;
    }
    
    .artpeople-table td:before {
      content: attr(data-label);
      position: absolute;
      left: 10px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap;
      font-weight: bold;
      color: #4c84c3;
    }
  }
  
  /* Контейнер для таблицы с возможностью прокрутки на мобильных */
  .table-container {
    overflow-x: auto;
    margin: 20px 0;
  }
  
  /* Заголовок для таблицы */
  .table-caption {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
    text-align: center;
  }

@media screen and (max-width: 1920px) {
	html {
		font-size: .733vw;
	}
}

@media screen and (max-width: 30rem) {
	.article-title2 {
		display: none;

	}
}

.grecaptcha-badge {
	right: -500px !important;
}

.video-box video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.video-box {
	position: absolute;
	top: 0;
	left: 0;

	overflow: hidden;
	z-index: 1;
	width: 100%;
	height: 100%;
}
.video-box::after {
	position: absolute;
	/* content: ''; */
	background: linear-gradient(90deg, rgba(55, 55, 55, 0.6), rgba(55, 55, 55, 0));
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.firstScreen .video-box video {
	object-fit: contain;
}
.firstScreen .video-box::after {
	display: none;
}
.bannerNew-main .video-box::after {
	background: linear-gradient(90deg, rgba(55, 55, 55, 0), rgba(55, 55, 55, 0.6));
}

.popup.active .popup-content {
	overflow-y: auto;
}

/* ===== Mobile layout hotfix 2026-08-17 ===== */
@media screen and (max-width: 768px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box;
    min-width: 0;
  }

  .site,
  main,
  section,
  .wrapper,
  .container,
  .nh,
  .nh-wrap {
    max-width: 100%;
  }

  .nh-wrap {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  /* Mobile grids must not remain wider than the viewport */
  .nh-steps-grid,
  .nh-team-discs,
  .nh-team-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .nh-step,
  .nh-disc,
  .nh-person {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Photos, videos and logos: preserve the complete source frame */
  img,
  video,
  svg {
    max-width: 100% !important;
  }

  img,
  svg {
    height: auto !important;
  }

  video,
  .video-box video,
  .firstScreen .video-box video,
  .nh video {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
  }

  .logo img,
  .header-logo img,
  .site-logo img,
  [class*="logo"] img,
  [class*="partner"] img,
  [class*="client"] img {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  /* Embedded content keeps page gutters */
  iframe,
  embed,
  object {
    display: block;
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
  }

  /* Tables stay inside the screen and scroll only inside their wrapper */
  .table-container,
  .wp-block-table,
  .artpeople-table-wrap {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  table {
    max-width: 100%;
  }

  /* Form/card gutters */
  .nh form,
  .nh-form,
  .nh-card,
  .nh-quiz,
  .nh-audit {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Hero content must start below the header and wrap safely */
  .nh h1,
  .nh h2,
  .nh h3,
  .firstScreen h1,
  .bannerNew-main h1 {
    max-width: 100% !important;
    overflow-wrap: anywhere;
  }}
/* ===== End mobile layout hotfix ===== */


/* ===== Mobile hero and natural media sizing 2026-08-17 ===== */
@media screen and (max-width: 768px) {
  /* Video is the first, independent 16:9 block below the header */
  .nh-hero {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 0 28px !important;
    background: linear-gradient(160deg, #222b4b 0%, #3d4773 100%) !important;
    overflow: hidden;
  }

  .nh-hero > .video-box {
    position: relative !important;
    inset: auto !important;
    order: 1;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
    background: #111629;
    overflow: hidden;
  }

  .nh-hero > .video-box::after {
    display: none !important;
  }

  .nh-hero > .video-box video {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  .nh-hero > .wrapper {
    position: relative !important;
    z-index: 2;
    order: 2;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 24px 16px 0 !important;
  }

  .nh-hero-content {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
  }

  .nh-hero-title {
    margin: 0 !important;
    font-size: clamp(28px, 8vw, 38px) !important;
    line-height: 1.05 !important;
    text-align: left !important;
  }

  .nh-hero-title br {
    display: none;
  }

  .nh-hero-sub {
    margin: 18px 0 0 !important;
    font-size: 17px !important;
    line-height: 1.45 !important;
    text-align: left !important;
  }

  .nh-hero-proofs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 14px !important;
    width: 100% !important;
    margin-top: 20px !important;
  }

  .nh-hero-proofs span {
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  .nh-hero-proofs span:last-child {
    grid-column: 1 / -1;
  }

  .nh-hero-cta {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    margin-top: 22px !important;
  }

  .nh-hero-cta a {
    width: 100% !important;
    min-height: 52px;
    margin: 0 !important;
  }

  /* Image wrappers follow the real image ratio instead of leaving blank space */
  .nh-fmt-tile,
  .nh-pf-img,
  .nh-invest-photo,
  .nh-steps-photo,
  .nh-person-photo,
  .nh-blog-img,
  main figure,
  main .wp-block-image,
  main .cover {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
  }

  .nh-fmt-tile > img,
  .nh-pf-img > img,
  .nh-invest-photo > img,
  .nh-steps-photo > img,
  .nh-person-photo > img,
  .nh-blog-img > img,
  main figure > img,
  main .wp-block-image > img,
  main .cover > img {
    position: static !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
  }
}
/* ===== End mobile hero and natural media sizing ===== */


/* ===== Compact mobile hero typography 2026-08-17 ===== */
@media screen and (max-width: 768px) {
  .nh-hero > .wrapper {
    padding-top: 20px !important;
  }

  .nh-hero-title,
  .nh h1.nh-hero-title,
  .bannerNew-main h1.nh-hero-title {
    font-size: 24px !important;
    line-height: 1.08 !important;
    letter-spacing: -0.3px !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }

  .nh-hero-sub {
    margin-top: 14px !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  .nh-hero-proofs {
    margin-top: 16px !important;
  }

  .nh-hero-cta {
    margin-top: 18px !important;
  }
}
/* ===== End compact mobile hero typography ===== */


/* ===== Keep mobile hero below fixed header 2026-08-17 ===== */
@media screen and (max-width: 768px) {
  .nh-hero {
    margin-top: 78px !important;
  }

  body.admin-bar .nh-hero {
    margin-top: 78px !important;
  }
}
/* ===== End fixed header offset ===== */


/* ===== Mobile header participates in page flow 2026-08-17 ===== */
@media screen and (max-width: 768px) {
  header.header {
    position: sticky !important;
    top: 0 !important;
  }

  .nh-hero,
  body.admin-bar .nh-hero {
    margin-top: 0 !important;
  }
}
/* ===== End mobile header flow fix ===== */


/* ===== Remove legacy fixed-header spacer on mobile 2026-08-17 ===== */
@media screen and (max-width: 768px) {
  .site {
    padding-top: 0 !important;
  }
}
/* ===== End legacy header spacer fix ===== */


/* ===== Mobile format-card caption overlay 2026-08-17 ===== */
@media screen and (max-width: 768px) {
  .nh-fmt-tile {
    position: relative !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  .nh-fmt-tile::after {
    content: none !important;
    display: none !important;
  }

  .nh-fmt-cap {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 3 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 46px 16px 16px !important;
    background: linear-gradient(180deg, rgba(20, 27, 57, 0) 0%, rgba(20, 27, 57, .9) 58%, rgba(20, 27, 57, .98) 100%) !important;
  }

  .nh-fmt-cap h3,
  .nh-fmt-cap .nh-fmt-no {
    position: relative;
    z-index: 1;
  }
}
/* ===== End mobile format-card caption overlay ===== */


/* ===== Mobile mosaic cards end with their images 2026-08-17 ===== */
@media screen and (max-width: 768px) {
  .nh-fmt-mosaic {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 16px !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    grid-auto-rows: auto !important;
  }

  .nh-fmt-tile,
  .nh-fmt-a,
  .nh-fmt-b,
  .nh-fmt-c,
  .nh-fmt-d,
  .nh-fmt-e,
  .nh-fmt-f,
  .nh-fmt-g,
  .nh-fmt-h {
    display: block !important;
    flex: 0 0 auto !important;
    grid-area: auto !important;
    align-self: auto !important;
    width: 100% !important;
    height: fit-content !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
  }

  .nh-fmt-tile > img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
  }
}
/* ===== End mobile mosaic natural heights ===== */


/* ===== Mobile vertical process timeline 2026-08-17 ===== */
@media screen and (max-width: 768px) {
  .nh-steps-grid {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    width: 100% !important;
    padding: 0 4px !important;
  }

  .nh-steps-grid::before {
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    top: 25px !important;
    bottom: 25px !important;
    left: 29px !important;
    width: 2px !important;
    height: auto !important;
    background: #e8dedb !important;
  }

  .nh-step {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    grid-template-columns: 50px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 16px !important;
    width: 100% !important;
    min-height: 78px !important;
    margin: 0 !important;
    padding: 0 0 28px !important;
    text-align: left !important;
  }

  .nh-step:last-child {
    min-height: 50px !important;
    padding-bottom: 0 !important;
  }

  .nh-step::before,
  .nh-step::after,
  .nh-step-num::before,
  .nh-step-num::after {
    content: none !important;
    display: none !important;
  }

  .nh-step-num {
    position: relative !important;
    z-index: 2 !important;
    grid-column: 1 !important;
    width: 50px !important;
    height: 50px !important;
    margin: 0 !important;
  }

  .nh-step p {
    grid-column: 2 !important;
    width: auto !important;
    margin: 0 !important;
    text-align: left !important;
  }
}
/* ===== End mobile vertical process timeline ===== */


/* ===== Mobile system for all new page templates 2026-08-17 ===== */
@media screen and (max-width: 768px) {
  /* Shared one-column layouts */
  .nh-thesis-grid,
  .nh-calc-grid,
  .nh-model-grid,
  .nh-capex-grid,
  .nh-fmt2-grid,
  .nh-trends-grid,
  .nh-audience-grid,
  .nh-invest-grid,
  .nh-serv-grid,
  .nh-manage-grid,
  .nh-seo-grid,
  .apd-value-grid,
  .apd-grid,
  .apd-grid-2,
  .apd-grid-3,
  .apd-grid-4,
  .apd-pf-grid,
  .srz-stats-grid,
  .srz-grid,
  .srz-c3,
  .srz-form-grid,
  .srz-final-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .apd-wrap,
  .srz-wrap {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* Natural media height across NH, APD and SRZ templates */
  .nh-thesis-photo,
  .nh-founder-photo,
  .nh-seo-photo,
  .nh-post-img,
  .apd-card-img,
  .apd-pf-img,
  .srz-roi-photo,
  .srz-card-img,
  .srz-certs {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    overflow: hidden;
  }

  .nh-thesis-photo > img,
  .nh-founder-photo > img,
  .nh-seo-photo > img,
  .nh-post-img > img,
  .apd-card-img > img,
  .apd-pf-img > img,
  .srz-roi-photo > img,
  .srz-card-img > img,
  .srz-certs > img {
    position: static !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  /* APD hero: full video first, content below */
  .apd-hero {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 0 28px !important;
    background: linear-gradient(160deg, #222b4b 0%, #3d4773 100%) !important;
  }

  .apd-hero > .video-box {
    position: relative !important;
    inset: auto !important;
    order: 1;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
  }

  .apd-hero > .video-box::after {
    display: none !important;
  }

  .apd-hero > .video-box video {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  .apd-hero > .apd-wrap {
    position: relative !important;
    z-index: 2;
    order: 2;
    padding-top: 22px !important;
  }

  /* SRZ hero: full video first, content below */
  .srz-hero {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 0 28px !important;
    background: linear-gradient(160deg, #222b4b 0%, #3d4773 100%) !important;
  }

  .srz-hero > .srz-hero-video {
    position: relative !important;
    inset: auto !important;
    z-index: 1 !important;
    order: 1;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
    object-fit: contain !important;
    background: #111629;
  }

  .srz-hero > .srz-wrap {
    position: relative !important;
    z-index: 2;
    order: 2;
    padding-top: 22px !important;
  }

  .apd-hero h1,
  .srz-hero h1 {
    font-size: 24px !important;
    line-height: 1.08 !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }

  .apd-hero h1 br {
    display: none;
  }

  .apd-actions,
  .srz-hero-cta {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
  }

  .apd-actions a,
  .srz-hero-cta a {
    width: 100% !important;
    margin: 0 !important;
  }

  .apd-form,
  .srz-form,
  .apd-form-grid,
  .srz-form-grid {
    width: 100% !important;
    max-width: 100% !important;
  }
}
/* ===== End mobile system for new templates ===== */


/* ===== Investor matrix as mobile cards 2026-08-17 ===== */
@media screen and (max-width: 768px) {
  .nh-mtable-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: visible !important;
  }

  .nh-mtable {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  .nh-mtable thead {
    display: none !important;
  }

  .nh-mtable tbody {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    width: 100% !important;
  }

  .nh-mtable tbody tr {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px 16px !important;
    width: 100% !important;
    padding: 18px 16px !important;
    border: 1px solid rgba(66, 74, 124, .14) !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(34, 43, 75, .06);
  }

  .nh-mtable tbody td {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
  }

  .nh-mtable tbody td:first-child {
    grid-column: 1 / -1 !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid rgba(66, 74, 124, .12) !important;
    color: #424a7c !important;
    font-size: 17px !important;
    font-weight: 800 !important;
  }

  .nh-mtable tbody td small {
    display: block !important;
    margin-top: 3px !important;
    color: #777 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
  }

  .nh-mtable tbody td:not(:first-child)::before {
    display: block !important;
    margin-bottom: 4px !important;
    color: #777 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-transform: uppercase;
    letter-spacing: .02em;
  }

  .nh-mtable tbody td:nth-child(2)::before {
    content: "Формат";
  }

  .nh-mtable tbody td:nth-child(3)::before {
    content: "Инвестиции";
  }

  .nh-mtable tbody td:nth-child(4)::before {
    content: "Окупаемость";
  }

  .nh-mtable tbody td:nth-child(5)::before {
    content: "Входной чек";
  }
}
/* ===== End investor mobile cards ===== */