/* Манифест — секция vgmnroot1 на посте 133, чисто визуальная (не Voxel),
   один HTML-виджет внутри контейнера, как cta1.css. */

.elementor-element-vgmnroot1 {
  background-color: var(--vg-ink) !important;
  border-bottom: var(--vg-border-width) solid var(--vg-ink) !important;
  color: #FFFFFF;
  padding: 0 16px;
}
@media (min-width: 768px) { .elementor-element-vgmnroot1 { padding: 0 24px; } }
@media (min-width: 1025px) { .elementor-element-vgmnroot1 { padding: 0 30px; } }

.vgmn1__inner {
  display: grid;
  max-width: 1600px;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .vgmn1__inner { grid-template-columns: repeat(12, minmax(0, 1fr)); }
}

.vgmn1__side {
  padding: 24px;
  border-bottom: 1px solid rgba(255, 255, 255, .2);
}
@media (min-width: 640px) {
  .vgmn1__side { padding: 40px; }
}
@media (min-width: 1024px) {
  .vgmn1__side {
    grid-column: span 4 / span 4;
    padding: 56px;
    border-bottom: none;
    border-right: 1px solid rgba(255, 255, 255, .2);
  }
}

.vgmn1__eyebrow {
  margin: 0 !important;
  font-family: var(--vg-font-mono);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .16em;
  color: var(--vg-lightblue);
}

.vgmn1__glyph {
  margin-top: 64px;
  font-family: 'Noto Sans SC', var(--vg-font-body);
  font-size: 96px;
  font-weight: 400;
  line-height: 1;
  color: var(--vg-yellow);
}
@media (min-width: 640px) {
  .vgmn1__glyph { margin-top: 80px; }
}

.vgmn1__caption {
  margin: 20px 0 0 !important;
  font-family: var(--vg-font-mono);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: rgba(255, 255, 255, .55);
}

.vgmn1__main {
  padding: 24px;
}
@media (min-width: 640px) {
  .vgmn1__main { padding: 40px; }
}
@media (min-width: 1024px) {
  .vgmn1__main { grid-column: span 8 / span 8; padding: 56px; }
}

.vgmn1__h2 {
  max-width: 960px;
  margin: 0;
  font-family: var(--vg-font-body);
  font-size: 36px;
  font-weight: 500;
  line-height: 1.03;
  letter-spacing: -0.05em;
  color: #FFFFFF;
}
@media (min-width: 640px) {
  .vgmn1__h2 { font-size: 60px; }
}
@media (min-width: 1024px) {
  .vgmn1__h2 { font-size: 72px; }
}

.vgmn1__accent {
  font-family: var(--vg-font-serif);
  font-style: italic;
  font-weight: 500;
  color: var(--vg-yellow);
}

.vgmn1__grid {
  display: grid;
  gap: 1px;
  margin-top: 48px;
  overflow: hidden;
  border-radius: var(--vg-radius-card);
  background-color: rgba(255, 255, 255, .2);
}
@media (min-width: 640px) {
  .vgmn1__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.vgmn1__item {
  background-color: var(--vg-ink);
  padding: 24px;
}

.vgmn1__num {
  font-family: var(--vg-font-mono);
  font-size: 12px;
  color: var(--vg-lightblue);
}
.vgmn1__num--2 { color: var(--vg-yellow); }
.vgmn1__num--3 { color: #FF718F; }

.vgmn1__itemtitle {
  margin: 32px 0 0;
  font-family: var(--vg-font-body);
  font-size: 20px;
  font-weight: 500;
  color: #FFFFFF;
}

.vgmn1__itemtext {
  margin: 12px 0 0 !important;
  font-family: var(--vg-font-body);
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255, 255, 255, .6);
}