/* Responsive guardrails shared by the public VCM pages. */
html,
body {
  max-width: 100%;
  overflow-x: clip;
}

body.vcm-home .site-logo {
  position: relative;
  z-index: 0;
}

body.vcm-home .site-logo::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -3px;
  left: 0;
  z-index: -1;
  height: 2px;
  background: #E6EE4D;
}

/* Membership rhythm: branded energy without changing the offer structure. */
body.vcm-home #incubator {
  padding-top: 110px !important;
  padding-bottom: 110px !important;
  background: #F1F0EA !important;
}

body.vcm-home #incubator .incubator-hero {
  padding: 34px !important;
  gap: 38px !important;
  background: #C7C3B8 !important;
  border: 1px solid #B8B3A7 !important;
}

body.vcm-home #incubator .incubator-hero h2 {
  width: auto !important;
  max-width: 660px;
  margin-bottom: 0 !important;
  font-size: clamp(42px, 4vw, 64px) !important;
}

body.vcm-home #incubator .membership-signal {
  min-height: 300px;
  padding: 30px !important;
  gap: 28px !important;
  background: #E6EE4D !important;
  color: #1F1F1F !important;
}

body.vcm-home #incubator .membership-signal span {
  color: #1F1F1F !important;
}

body.vcm-home #incubator .incubator-inclusions {
  margin-top: 68px !important;
}

body.vcm-home #incubator .incubator-inclusions > p {
  margin: 26px 0 32px !important;
}

body.vcm-home #incubator .incubator-inclusions > div[data-reveal] {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}

body.vcm-home #incubator .incubator-pricing {
  margin-top: 34px !important;
  padding: 28px 32px !important;
  background: #1F1F1F !important;
  border: 1px solid #1F1F1F !important;
  border-top: 4px solid #E6EE4D !important;
}

body.vcm-home #incubator .incubator-pricing p,
body.vcm-home #incubator .incubator-pricing div {
  color: #F8F6EF !important;
}

body.vcm-home #incubator .membership-price {
  display: inline-block;
  margin-top: 14px;
  padding: 7px 10px;
  background: #E6EE4D;
  color: #1F1F1F;
  font-family: 'DM Mono', monospace;
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

body.vcm-home #incubator .incubator-pricing a {
  color: #1F1F1F !important;
  background: #C7C3B8 !important;
}

body.vcm-home #faqs {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
  background: #D8D4C9 !important;
  border-top: 1px solid #B8B3A7 !important;
}

body.vcm-home #faqs [data-faq] {
  border-color: rgba(31, 31, 31, 0.28) !important;
}

body.vcm-home #faqs [data-faq-q] {
  padding: 18px 0 !important;
}

body.vcm-home #faqs [data-faq-icon] {
  color: #1F1F1F !important;
}

body.vcm-home #faqs [data-faq-a] p {
  margin-bottom: 18px !important;
  line-height: 1.55 !important;
}

body.vcm-home #faqs [data-faq-a] {
  overflow-anchor: none;
}

/* Horizontal community gallery on every viewport. */
body.vcm-home .mobile-gallery-grid {
  display: flex !important;
  gap: 18px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

body.vcm-home .mobile-gallery-grid::-webkit-scrollbar,
body.vcm-home #events .events-carousel::-webkit-scrollbar {
  display: none;
}

body.vcm-home .mobile-gallery-grid > img {
  flex: 0 0 min(28vw, 320px) !important;
  width: min(28vw, 320px) !important;
  scroll-snap-align: start;
}

/* Luma-linked event cards: visual, compact, and swipeable. */
body.vcm-home #events .events-carousel {
  display: flex !important;
  gap: 16px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding-bottom: 12px !important;
  scroll-snap-type: x mandatory;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

body.vcm-home #events .event-card {
  flex: 0 0 294px;
  width: 294px;
  min-width: 0;
  overflow: hidden;
  scroll-snap-align: start;
  color: #F8F6EF;
  background: #1F1F1F;
  border: 1px solid #343434;
  border-radius: 3px;
  text-decoration: none;
}

body.vcm-home #events .event-card.is-upcoming {
  border-top: 5px solid #C7C3B8;
}

body.vcm-home #events .event-card > img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  background: #E7E5DE;
}

body.vcm-home #events .event-card-body {
  min-height: 166px;
  padding: 18px;
  display: flex;
  flex-direction: column;
}

body.vcm-home #events .event-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
  font-family: 'DM Mono', monospace;
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #9f9f96;
}

body.vcm-home #events .event-card.is-upcoming .event-meta > span {
  color: #C7C3B8;
}

body.vcm-home #events .event-card h3 {
  margin: 0 0 16px;
  font-family: 'Playfair Display', serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.015em;
}

body.vcm-home #events .event-card p {
  margin: auto 0 0;
  font-size: 13px;
  line-height: 1.45;
  color: #b9b7ae;
}

body.vcm-home .final-cta-section {
  isolation: isolate;
}

body.vcm-home .final-cta-section::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(248,246,239,0.18) 0%, rgba(248,246,239,0.04) 52%, rgba(31,31,31,0.02) 100%);
}

@media (max-width: 767px) {
  body.vcm-home [data-screen-label="Why VCM"] .expert-network-track > article.expert-profile-card {
    flex-basis: min(88vw, 342px) !important;
    width: min(88vw, 342px) !important;
    min-height: 218px !important;
    padding: 16px !important;
    grid-template-columns: 88px minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  body.vcm-home .expert-profile-card > img {
    width: 88px !important;
    height: 100% !important;
    min-height: 186px !important;
  }

  body.vcm-home .expert-profile-card h3 {
    font-size: 25px !important;
  }

  body.vcm-home .expert-profile-card p {
    font-size: 12px !important;
    line-height: 1.4 !important;
  }
}

/* Editorial ticker for The Edit topic taxonomy. */
body.vcm-home #the-edit .edit-topics.edit-topics-marquee {
  display: block !important;
  width: 100% !important;
  margin-top: 48px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-top: 1px solid #E4E2DC !important;
  border-bottom: 1px solid #E4E2DC !important;
  background: #F1EEE5 !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

body.vcm-home #the-edit .edit-topics-marquee > div {
  display: flex !important;
  width: max-content !important;
}

body.vcm-home #the-edit .edit-topics-marquee .edit-topics-run {
  display: block !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 14px 30px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #4F4F49 !important;
  font-family: 'DM Mono', monospace !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

@media (max-width: 767px) {
  body.vcm-home #the-edit .edit-topics.edit-topics-marquee {
    width: calc(100% + 40px) !important;
    margin-top: 28px !important;
    margin-right: -20px !important;
    margin-left: -20px !important;
  }

  body.vcm-home #the-edit .edit-topics-marquee .edit-topics-run {
    padding: 12px 24px !important;
    font-size: 11px !important;
  }
}

body.vcm-home .mobile-page-jump,
body.vcm-home .hero-photo-mobile {
  display: none;
}

@media (max-width: 767px) {
  body.vcm-home .mobile-page-jump {
    position: fixed !important;
    right: 14px !important;
    bottom: 96px !important;
    z-index: 950 !important;
    display: grid !important;
    grid-template-columns: 40px !important;
    overflow: hidden !important;
    border: 1px solid #1F1F1F !important;
    background: rgba(248, 246, 239, 0.94) !important;
    box-shadow: 4px 4px 0 rgba(31, 31, 31, 0.12) !important;
    backdrop-filter: blur(10px);
  }

  body.vcm-home .mobile-page-jump a {
    display: grid !important;
    width: 40px !important;
    height: 40px !important;
    place-items: center !important;
    color: #1F1F1F !important;
    font-family: 'DM Mono', monospace !important;
    font-size: 18px !important;
    line-height: 1 !important;
    background: transparent !important;
    touch-action: manipulation;
  }

  body.vcm-home .mobile-page-jump a + a {
    border-top: 1px solid #1F1F1F !important;
  }

  body.vcm-home #top .hero-photo,
  body.vcm-home #top .hero-photo + [data-clouds],
  body.vcm-home #top > div:nth-child(3) {
    display: none !important;
  }

  body.vcm-home #top .hero-body {
    margin-bottom: 24px !important;
  }

  body.vcm-home #top .hero-photo-mobile {
    display: block !important;
    width: 100% !important;
    height: 320px !important;
    margin: 0 0 26px !important;
    border: 1px solid rgba(31, 31, 31, 0.12) !important;
    background-image: url('./assets/hero-photo.png') !important;
    background-repeat: no-repeat !important;
    background-position: 72% center !important;
    background-size: cover !important;
  }
}

/* Final phone-width pass: compact navigation, full-width editorial modules, and
   one consistent VCM accent treatment. */
.mobile-nav {
  display: none;
}

body.vcm-home .signup-panel {
  border-color: #E6EE4D !important;
  border-width: 2px !important;
}

@media (max-width: 767px) {
  body.vcm-home x-dc > header.site-header {
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 60px !important;
    padding: 0 18px !important;
    background: rgba(248, 246, 239, 0.97) !important;
    backdrop-filter: blur(14px) !important;
    border-bottom: 1px solid #D9D3C7 !important;
    z-index: 1000 !important;
    overflow: visible !important;
  }

  .site-logo {
    display: block !important;
    font-size: 18px !important;
    white-space: nowrap !important;
  }

  .desktop-nav {
    display: none !important;
  }

  .mobile-nav {
    display: block !important;
    position: relative;
    margin-left: auto;
  }

  .mobile-nav summary {
    list-style: none;
    cursor: pointer;
    padding: 10px 12px;
    border: 1px solid #1F1F1F;
    background: #E6EE4D;
    color: #1F1F1F;
    font-family: 'DM Mono', monospace;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .mobile-nav summary::-webkit-details-marker {
    display: none;
  }

  .mobile-nav-panel {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    display: grid;
    width: min(280px, calc(100vw - 36px));
    background: #F8F6EF;
    border: 1px solid #1F1F1F;
    box-shadow: 0 12px 30px rgba(31, 31, 31, 0.14);
  }

  .mobile-nav-panel a {
    display: block !important;
    padding: 14px 16px;
    border-bottom: 1px solid #D9D3C7;
    background: #F8F6EF !important;
    color: #1F1F1F !important;
    font-family: 'DM Mono', monospace;
    font-size: 12px;
    line-height: 1.35;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }

  .mobile-nav-panel a:last-child {
    background: #E6EE4D !important;
    border-bottom: 0;
  }

  body.vcm-home x-dc > section[data-screen-label]:not(#top) {
    padding: 52px 18px !important;
  }

  body.vcm-home #top .hero-content-shell {
    padding: 48px 18px 38px !important;
  }

  body.vcm-home #top .hero-eyebrow {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    margin-bottom: 22px !important;
  }

  body.vcm-home [data-reveal] {
    max-width: 100% !important;
  }

  body.vcm-home h1,
  body.vcm-home h2,
  body.vcm-home h3,
  body.vcm-home p,
  body.vcm-home a,
  body.vcm-home span {
    overflow-wrap: break-word;
    word-break: normal;
  }

  body.vcm-home .signup-panel {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 24px !important;
    padding: 28px 22px !important;
    border: 2px solid #E6EE4D !important;
    background: #F8F6EF !important;
  }

  body.vcm-home .signup-panel form,
  body.vcm-home .signup-panel input {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.vcm-home .signup-panel button,
  body.vcm-home #top .hero-actions a:first-child,
  body.vcm-home a[href*="/join"],
  body.vcm-home a[href="#subscribe"],
  body.vcm-home button[type="submit"] {
    background-color: #E6EE4D !important;
    color: #1F1F1F !important;
    border-color: #1F1F1F !important;
  }

  body.vcm-home .signup-panel button {
    width: 100% !important;
  }

  body.vcm-home section [style*="grid-template-columns:minmax"],
  body.vcm-home section [style*="grid-template-columns: minmax"],
  body.vcm-home section [style*="grid-template-columns:1.1fr"],
  body.vcm-home section [style*="grid-template-columns: 1.1fr"],
  body.vcm-home section [style*="grid-template-columns:1fr 1fr"],
  body.vcm-home section [style*="grid-template-columns: 1fr 1fr"] {
    grid-template-columns: minmax(0, 1fr) !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.vcm-home section [style*="overflow-x:auto"],
  body.vcm-home section [style*="overflow-x: auto"] {
    box-sizing: border-box !important;
    width: calc(100% + 36px) !important;
    max-width: none !important;
    margin-left: -18px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}

/* Final mobile geometry: the exported site wraps every page in <x-dc>. */
@media (max-width: 767px) {
  html,
  body,
  body.vcm-home,
  body.vcm-home x-dc {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  body.vcm-home x-dc {
    display: block !important;
  }

  body.vcm-home x-dc > header[data-nav="1"] {
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 62px !important;
    padding: 0 18px !important;
    z-index: 1000 !important;
  }

  body.vcm-home x-dc > header[data-nav="1"] nav {
    gap: 18px !important;
    font-size: 12px !important;
  }

  body.vcm-home x-dc > header[data-nav="1"] nav a:nth-child(2),
  body.vcm-home x-dc > header[data-nav="1"] nav a:nth-child(3) {
    display: none !important;
  }

  body.vcm-home x-dc > section[data-screen-label],
  body.vcm-home x-dc > footer[data-screen-label] {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    transform: none !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body.vcm-home x-dc > [data-screen-label^="Break"] {
    display: none !important;
  }

  body.vcm-home x-dc > section[data-screen-label]:not(#top) {
    padding: 64px 20px !important;
  }

  body.vcm-home x-dc > section[data-screen-label] > div,
  body.vcm-home x-dc > footer[data-screen-label] > div {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.vcm-home x-dc > section[data-screen-label] [style*="grid-template-columns"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.vcm-home x-dc > section[data-screen-label] [style*="width: 528px"],
  body.vcm-home x-dc > section[data-screen-label] [style*="width:528px"],
  body.vcm-home x-dc > section[data-screen-label] [style*="width: 560px"],
  body.vcm-home x-dc > section[data-screen-label] [style*="width:560px"] {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.vcm-home #top {
    padding-top: 0 !important;
  }

  body.vcm-home #top > div:nth-child(4) {
    padding: 46px 20px 34px !important;
  }

  body.vcm-home #top > div:nth-child(5) {
    position: relative !important;
    inset: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    padding: 26px 20px !important;
  }

  body.vcm-home #top > div:nth-child(5) > div {
    width: auto !important;
    min-width: 0 !important;
  }

  body.vcm-home h1 {
    font-size: clamp(48px, 15vw, 68px) !important;
    line-height: 0.96 !important;
  }

  body.vcm-home h2 {
    font-size: clamp(39px, 12vw, 56px) !important;
    line-height: 1 !important;
  }

  body.vcm-home p,
  body.vcm-home li {
    overflow-wrap: anywhere;
  }

  body.vcm-home footer[data-screen-label] {
    padding: 44px 20px !important;
  }
}

/* Final mobile geometry: target the imported homepage's actual layer order. */
@media (max-width: 767px) {
  body.vcm-home {
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden !important;
  }

  body.vcm-home #top {
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
    padding-top: 62px !important;
    overflow: hidden !important;
  }

  body.vcm-home #top > div:nth-child(4) {
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 54px 20px 38px !important;
  }

  body.vcm-home #top > div:nth-child(4) > div {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  body.vcm-home #top > div:nth-child(5) {
    position: relative !important;
    inset: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    padding: 18px 20px !important;
  }

  body.vcm-home section:not(#top),
  body.vcm-home footer {
    box-sizing: border-box !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  body.vcm-home section:not(#top) > *,
  body.vcm-home section:not(#top) form,
  body.vcm-home section:not(#top) input,
  body.vcm-home section:not(#top) button {
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

img,
video,
svg,
canvas {
  max-width: 100%;
}

@media (max-width: 1024px) {
  .vcm-home main section,
  .vcm-home > section {
    padding-left: 44px !important;
    padding-right: 44px !important;
  }

  .vcm-home [style*="grid-template-columns: repeat(4"],
  .vcm-home [style*="grid-template-columns:repeat(4"],
  .vcm-home [style*="grid-template-columns: repeat(3"],
  .vcm-home [style*="grid-template-columns:repeat(3"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  :where(.vcm-home, .vcm-join, .vcm-founderos, .vcm-partner) {
    width: 100%;
    min-width: 0;
    overflow-x: clip;
  }

  :where(.vcm-home, .vcm-join, .vcm-founderos, .vcm-partner) *,
  :where(.vcm-home, .vcm-join, .vcm-founderos, .vcm-partner) *::before,
  :where(.vcm-home, .vcm-join, .vcm-founderos, .vcm-partner) *::after {
    box-sizing: border-box;
  }

  :where(.vcm-home, .vcm-join, .vcm-founderos, .vcm-partner) [data-reveal] {
    opacity: 1 !important;
    transform: none !important;
  }

  :where(.vcm-home, .vcm-join, .vcm-founderos, .vcm-partner) [style*="min-width"] {
    min-width: 0 !important;
  }

  :where(.vcm-home, .vcm-join, .vcm-founderos, .vcm-partner) [style*="width: 50%"],
  :where(.vcm-home, .vcm-join, .vcm-founderos, .vcm-partner) [style*="width:50%"] {
    width: 100% !important;
  }

  :where(.vcm-home, .vcm-join, .vcm-founderos, .vcm-partner) h1 {
    max-width: 100%;
    font-size: clamp(42px, 13vw, 62px) !important;
    line-height: 0.98 !important;
    overflow-wrap: anywhere;
  }

  :where(.vcm-home, .vcm-join, .vcm-founderos, .vcm-partner) h2 {
    max-width: 100%;
    font-size: clamp(34px, 10vw, 48px) !important;
    line-height: 1.02 !important;
    overflow-wrap: anywhere;
  }

  :where(.vcm-home, .vcm-join, .vcm-founderos, .vcm-partner) h3,
  :where(.vcm-home, .vcm-join, .vcm-founderos, .vcm-partner) p,
  :where(.vcm-home, .vcm-join, .vcm-founderos, .vcm-partner) li,
  :where(.vcm-home, .vcm-join, .vcm-founderos, .vcm-partner) a {
    overflow-wrap: anywhere;
  }

  .vcm-home > header {
    height: 62px !important;
    padding: 0 18px !important;
  }

  .vcm-home > header > a {
    font-size: 19px !important;
    line-height: 1 !important;
  }

  .vcm-home > header nav {
    gap: 15px !important;
  }

  .vcm-home > header nav a {
    font-size: 11px !important;
    letter-spacing: 0.08em !important;
    white-space: nowrap;
  }

  .vcm-home > header nav a:nth-child(2),
  .vcm-home > header nav a:nth-child(3) {
    display: none !important;
  }

  .vcm-home > section:first-of-type {
    min-height: 0 !important;
    height: auto !important;
    padding-top: 62px !important;
  }

  .vcm-home > section:first-of-type > div:first-child {
    min-height: 0 !important;
    padding: 72px 22px 52px !important;
  }

  .vcm-home > section:first-of-type h1 {
    margin-bottom: 26px !important;
  }

  .vcm-home > section:first-of-type p {
    max-width: 34rem !important;
    font-size: 17px !important;
    line-height: 1.55 !important;
  }

  .vcm-home > section:first-of-type a {
    width: 100%;
    max-width: 360px;
    justify-content: center;
  }

  .vcm-home > section:first-of-type > div:last-child {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 18px 22px !important;
  }

  .vcm-home [data-screen-label^="Break"] {
    display: none !important;
  }

  .vcm-home main,
  .vcm-home main section,
  .vcm-home main > section,
  .vcm-home > section:not(:first-of-type) {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 68px 22px !important;
    transform: none !important;
    box-shadow: none !important;
  }

  .vcm-home main section > div,
  .vcm-home > section:not(:first-of-type) > div {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .vcm-home main [style*="grid-template-columns"],
  .vcm-home > section:not(:first-of-type) [style*="grid-template-columns"] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 28px !important;
  }

  .vcm-home main [style*="padding: 150px"],
  .vcm-home main [style*="padding:150px"] {
    padding: 68px 22px !important;
  }

  .vcm-home main img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  .vcm-home #the-edit form,
  .vcm-home #subscribe form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    width: 100% !important;
  }

  .vcm-home #the-edit input,
  .vcm-home #subscribe input,
  .vcm-home #the-edit button,
  .vcm-home #subscribe button {
    width: 100% !important;
    min-width: 0 !important;
  }

  .vcm-home footer {
    padding: 48px 22px 30px !important;
  }

  .vcm-home footer > div,
  .vcm-home footer nav {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    align-items: start !important;
  }

  :where(.vcm-join, .vcm-founderos, .vcm-partner) > header,
  :where(.vcm-join, .vcm-founderos, .vcm-partner) .site-header,
  :where(.vcm-join, .vcm-founderos, .vcm-partner) .vcm-topbar {
    width: 100% !important;
    min-width: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  :where(.vcm-join, .vcm-founderos, .vcm-partner) main,
  :where(.vcm-join, .vcm-founderos, .vcm-partner) section,
  :where(.vcm-join, .vcm-founderos, .vcm-partner) footer {
    width: 100% !important;
    min-width: 0 !important;
  }

  :where(.vcm-join, .vcm-founderos, .vcm-partner) main [style*="grid-template-columns"],
  :where(.vcm-join, .vcm-founderos, .vcm-partner) section [style*="grid-template-columns"],
  :where(.vcm-join, .vcm-founderos, .vcm-partner) .grid,
  :where(.vcm-join, .vcm-founderos, .vcm-partner) .form-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 24px !important;
  }

  :where(.vcm-join, .vcm-founderos, .vcm-partner) main,
  :where(.vcm-join, .vcm-founderos, .vcm-partner) .page-shell,
  :where(.vcm-join, .vcm-founderos, .vcm-partner) .container,
  :where(.vcm-join, .vcm-founderos, .vcm-partner) .inner {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  :where(.vcm-join, .vcm-founderos, .vcm-partner) input,
  :where(.vcm-join, .vcm-founderos, .vcm-partner) select,
  :where(.vcm-join, .vcm-founderos, .vcm-partner) textarea,
  :where(.vcm-join, .vcm-founderos, .vcm-partner) button {
    max-width: 100%;
  }
}

/* Must remain last: imported inline geometry otherwise wins in the cascade. */
@media (max-width: 767px) {
  body.vcm-home #top {
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
    padding-top: 62px !important;
    overflow: hidden !important;
  }

  body.vcm-home #top > div:nth-child(4) {
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 54px 20px 38px !important;
  }

  body.vcm-home #top > div:nth-child(4) > div {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  body.vcm-home #top > div:nth-child(5) {
    position: relative !important;
    inset: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    padding: 18px 20px !important;
  }

  body.vcm-home section:not(#top),
  body.vcm-home footer {
    box-sizing: border-box !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }
}

/* Final cascade lock: the imported homepage is wrapped by x-dc. */
@media (max-width: 767px) {
  html,
  body,
  body.vcm-home,
  body.vcm-home x-dc {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  body.vcm-home x-dc {
    display: block !important;
  }

  body.vcm-home x-dc > header[data-nav="1"] {
    position: sticky !important;
    inset: 0 0 auto !important;
    width: 100% !important;
    height: 62px !important;
    padding: 0 18px !important;
    z-index: 1000 !important;
  }

  body.vcm-home x-dc > header[data-nav="1"] nav {
    gap: 16px !important;
    font-size: 11px !important;
  }

  body.vcm-home x-dc > header[data-nav="1"] nav a:nth-child(2),
  body.vcm-home x-dc > header[data-nav="1"] nav a:nth-child(3) {
    display: none !important;
  }

  body.vcm-home x-dc > [data-screen-label^="Break"] {
    display: none !important;
  }

  body.vcm-home x-dc > section[data-screen-label],
  body.vcm-home x-dc > footer[data-screen-label] {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    transform: none !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body.vcm-home x-dc > section[data-screen-label]:not(#top) {
    padding: 64px 20px !important;
  }

  body.vcm-home x-dc > section[data-screen-label] > div,
  body.vcm-home x-dc > footer[data-screen-label] > div,
  body.vcm-home x-dc > section[data-screen-label] form {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.vcm-home x-dc > section[data-screen-label] [style*="grid-template-columns"] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 26px !important;
  }

  body.vcm-home x-dc > section[data-screen-label] [style*="width: 528px"],
  body.vcm-home x-dc > section[data-screen-label] [style*="width:528px"],
  body.vcm-home x-dc > section[data-screen-label] [style*="width: 560px"],
  body.vcm-home x-dc > section[data-screen-label] [style*="width:560px"] {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.vcm-home #top {
    display: block !important;
    padding-top: 0 !important;
  }

  body.vcm-home #top > div:nth-child(4) {
    padding: 46px 20px 34px !important;
  }

  body.vcm-home #top > div:nth-child(5) {
    position: relative !important;
    inset: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 24px 20px !important;
  }

  body.vcm-home h1 {
    max-width: 100% !important;
    font-size: clamp(46px, 14vw, 66px) !important;
    line-height: 0.97 !important;
  }

  body.vcm-home h2 {
    max-width: 100% !important;
    font-size: clamp(38px, 11vw, 54px) !important;
    line-height: 1 !important;
  }

  body.vcm-home footer[data-screen-label] {
    padding: 44px 20px !important;
  }
}

/* Hero copy lock: keep the editorial composition readable on narrow screens. */
@media (max-width: 767px) {
  body.vcm-home #top .hero-content-shell {
    box-sizing: border-box !important;
    width: 100% !important;
    padding: 52px 22px 40px !important;
  }

  body.vcm-home #top .hero-copy {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.vcm-home #top .hero-title {
    max-width: 100% !important;
    font-size: clamp(42px, 12.5vw, 54px) !important;
    line-height: 0.96 !important;
    letter-spacing: -0.025em !important;
    overflow-wrap: normal !important;
  }

  body.vcm-home #top .hero-body {
    max-width: 100% !important;
    font-size: 17px !important;
    line-height: 1.5 !important;
    overflow-wrap: normal !important;
  }

  body.vcm-home #top .hero-actions {
    width: 100% !important;
    gap: 12px !important;
  }

  body.vcm-home #top .hero-actions a {
    box-sizing: border-box !important;
    width: 100% !important;
    padding: 16px 18px !important;
    text-align: center !important;
  }
}

/* Final deployed mobile lock: keep every module inside the phone viewport. */
body.vcm-home .mobile-nav {
  display: none;
}

body.vcm-home .signup-panel {
  border: 2px solid #E6EE4D !important;
}

@media (max-width: 767px) {
  html,
  body.vcm-home {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body.vcm-home x-dc > header.site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    height: 60px !important;
    min-height: 60px !important;
    padding: 0 18px !important;
    overflow: visible !important;
  }

  body.vcm-home .site-logo {
    display: block !important;
    max-width: calc(100% - 58px) !important;
    font-size: 18px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body.vcm-home .desktop-nav {
    display: none !important;
  }

  body.vcm-home .mobile-nav {
    position: relative !important;
    display: block !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
  }

  body.vcm-home .mobile-nav summary {
    display: grid !important;
    width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    place-items: center !important;
    border: 1px solid #1F1F1F !important;
    border-radius: 0 !important;
    color: #1F1F1F !important;
    background: #E6EE4D !important;
    font-family: 'DM Mono', monospace !important;
    font-size: 22px !important;
    cursor: pointer !important;
    list-style: none !important;
  }

  body.vcm-home .mobile-nav summary::-webkit-details-marker {
    display: none !important;
  }

  body.vcm-home .mobile-nav-panel {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    display: grid !important;
    width: min(286px, calc(100vw - 36px)) !important;
    padding: 10px !important;
    gap: 4px !important;
    border: 1px solid #1F1F1F !important;
    background: #F8F6EF !important;
    box-shadow: 8px 8px 0 rgba(31, 31, 31, 0.14) !important;
  }

  body.vcm-home .mobile-nav-panel a {
    display: block !important;
    width: 100% !important;
    padding: 13px 12px !important;
    color: #1F1F1F !important;
    font-family: 'DM Mono', monospace !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
  }

  body.vcm-home .mobile-nav-panel a:last-child {
    background: #E6EE4D !important;
  }

  body.vcm-home x-dc > section[data-screen-label]:not(#top) {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 52px 18px !important;
  }

  body.vcm-home #top .hero-content-shell {
    box-sizing: border-box !important;
    width: 100% !important;
    padding: 48px 18px 38px !important;
  }

  body.vcm-home #top .hero-eyebrow {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    margin-bottom: 22px !important;
  }

  body.vcm-home x-dc > section[data-screen-label] > div,
  body.vcm-home [data-reveal],
  body.vcm-home .hero-copy {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.vcm-home h1,
  body.vcm-home h2,
  body.vcm-home h3,
  body.vcm-home p,
  body.vcm-home a,
  body.vcm-home span {
    max-width: 100% !important;
    overflow-wrap: break-word !important;
  }

  body.vcm-home .signup-panel {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    padding: 28px 22px !important;
    gap: 22px !important;
    border: 2px solid #E6EE4D !important;
  }

  body.vcm-home .signup-panel form,
  body.vcm-home .signup-panel input,
  body.vcm-home .signup-panel button {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.vcm-home .signup-panel form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  body.vcm-home a[style*="background: var(--brown)"],
  body.vcm-home button[style*="background: var(--brown)"],
  body.vcm-home a[style*="background:var(--brown)"],
  body.vcm-home button[style*="background:var(--brown)"] {
    color: #1F1F1F !important;
    background: #E6EE4D !important;
    border-color: #1F1F1F !important;
  }

  body.vcm-home section [style*="grid-template-columns: repeat"],
  body.vcm-home section [style*="grid-template-columns:repeat"],
  body.vcm-home section [style*="grid-template-columns: 1fr 1fr"],
  body.vcm-home section [style*="grid-template-columns:1fr 1fr"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.vcm-home [style*="overflow-x: auto"],
  body.vcm-home [style*="overflow-x:auto"] {
    box-sizing: border-box !important;
    width: calc(100% + 36px) !important;
    max-width: none !important;
    margin-left: -18px !important;
    padding-right: 18px !important;
    padding-left: 18px !important;
    scroll-padding-left: 18px !important;
  }

  body.vcm-home footer[data-screen-label] {
    box-sizing: border-box !important;
    width: 100% !important;
    padding: 42px 18px !important;
  }
}

/* 2026-08-25 mobile interaction patch: hero CTAs, eyebrow, and menu only. */
@media (max-width: 767px) {
  body.vcm-home header.site-header {
    overflow: visible !important;
  }

  body.vcm-home #top > div:nth-child(-n + 3) {
    pointer-events: none !important;
  }

  body.vcm-home #top .hero-content-shell,
  body.vcm-home #top .hero-copy,
  body.vcm-home #top .hero-actions {
    position: relative !important;
    z-index: 10 !important;
    pointer-events: auto !important;
  }

  body.vcm-home #top > div.hero-content-shell:nth-child(4) {
    padding: 82px 18px 38px !important;
  }

  body.vcm-home #top .hero-actions a {
    position: relative !important;
    z-index: 11 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 52px !important;
    pointer-events: auto !important;
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(230, 238, 77, 0.28);
  }

  body.vcm-home #top .hero-eyebrow {
    position: relative !important;
    z-index: 11 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
  }

  body.vcm-home #top .hero-eyebrow > span:first-child {
    flex: 0 0 28px !important;
  }

  body.vcm-home #top .hero-eyebrow > span:last-child {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  body.vcm-home .mobile-nav summary {
    display: grid !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    place-items: center !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.vcm-home .mobile-nav summary:focus {
    outline: none !important;
  }

  body.vcm-home .mobile-nav summary:focus-visible {
    outline: 1px solid #1F1F1F !important;
    outline-offset: 2px !important;
  }

  body.vcm-home .hamburger-icon {
    display: grid !important;
    width: 24px !important;
    gap: 5px !important;
  }

  body.vcm-home .hamburger-icon i {
    display: block !important;
    width: 24px !important;
    height: 2px !important;
    background: #1F1F1F !important;
    transition: transform 180ms ease, opacity 180ms ease;
  }

  body.vcm-home .mobile-nav[open] .hamburger-icon i:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }

  body.vcm-home .mobile-nav[open] .hamburger-icon i:nth-child(2) {
    opacity: 0;
  }

  body.vcm-home .mobile-nav[open] .hamburger-icon i:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }

  body.vcm-home .mobile-nav-panel {
    position: fixed !important;
    top: 68px !important;
    right: 18px !important;
    width: min(286px, calc(100vw - 36px)) !important;
    max-width: calc(100vw - 36px) !important;
    max-height: calc(100dvh - 86px) !important;
    z-index: 1200 !important;
    overflow: hidden !important;
  }

  body.vcm-home .mobile-nav:not([open]) > .mobile-nav-panel {
    display: none !important;
  }

  body.vcm-home .mobile-nav[open] > .mobile-nav-panel {
    display: grid !important;
  }

  body.vcm-home #events .events-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
    margin-bottom: 34px !important;
  }

  body.vcm-home #events .events-heading-group {
    width: 100% !important;
  }

  body.vcm-home #events .events-eyebrow {
    margin-bottom: 14px !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    letter-spacing: 0.1em !important;
  }

  body.vcm-home #events .events-heading-group h2 {
    max-width: 9ch !important;
    font-size: clamp(40px, 11vw, 48px) !important;
    line-height: 0.98 !important;
  }

  body.vcm-home #events .events-intro {
    max-width: 32rem !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
  }
}

/* Compact mobile rhythm: reduce inherited desktop whitespace only. */
@media (max-width: 767px) {
  body.vcm-home section[data-screen-label]:not(#top) {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  body.vcm-home #top .hero-photo {
    background-position: 72% 40% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }

  body.vcm-home .partner-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.vcm-home .partner-stats-grid {
    margin-bottom: 40px !important;
  }

  body.vcm-home .partner-stats-grid > div {
    padding: 22px 16px !important;
  }

  body.vcm-home .partner-stats-grid > div > div:first-child {
    font-size: 40px !important;
  }

  body.vcm-home .mobile-scroll-carousel {
    display: flex !important;
    width: calc(100% + 40px) !important;
    max-width: none !important;
    margin-left: -20px !important;
    padding-right: 20px !important;
    padding-bottom: 14px !important;
    padding-left: 20px !important;
    gap: 14px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 20px;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  body.vcm-home .mobile-scroll-carousel::-webkit-scrollbar {
    display: none;
  }

  body.vcm-home .mobile-scroll-carousel > * {
    flex: 0 0 min(78vw, 306px) !important;
    width: min(78vw, 306px) !important;
    max-width: none !important;
    scroll-snap-align: start;
  }

  body.vcm-home .edit-card-carousel {
    padding-top: 38px !important;
  }

  body.vcm-home .mobile-gallery-grid > img {
    flex-basis: min(72vw, 282px) !important;
    width: min(72vw, 282px) !important;
  }

  body.vcm-home .mobile-gallery-grid {
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
  }

  body.vcm-home .events-card-list {
    display: grid !important;
    width: 100% !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  body.vcm-home .events-card-list > div {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 6px 12px !important;
    min-height: 0 !important;
    padding: 16px 0 !important;
    border-top: 1px solid #DFE1E6 !important;
    background: transparent !important;
  }

  body.vcm-home .events-card-list > div > span:first-child {
    grid-column: 1 !important;
    grid-row: 1 !important;
    font-size: 12px !important;
  }

  body.vcm-home .events-card-list > div > span:nth-child(2) {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    font-size: 20px !important;
    line-height: 1.15 !important;
  }

  body.vcm-home .events-card-list > div > span:last-child {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: start !important;
    justify-self: end !important;
    padding: 6px 9px !important;
    font-size: 10px !important;
  }

  body.vcm-home .founders-carousel > div {
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) !important;
    gap: 16px !important;
    align-items: start !important;
  }

  body.vcm-home .founders-carousel > div > img {
    width: 92px !important;
    height: 116px !important;
  }
}

/* Final condensed mobile rhythm. */
@media (max-width: 767px) {
  body.vcm-home section[data-screen-label]:not(#top) {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }

  body.vcm-home #the-edit .edit-section-inner {
    display: flex !important;
    flex-direction: column !important;
  }

  body.vcm-home #the-edit .edit-header {
    order: 1;
    gap: 16px !important;
    padding-bottom: 22px !important;
  }

  body.vcm-home #the-edit .edit-signup-wrap {
    order: 2;
    margin-top: 0 !important;
  }

  body.vcm-home #the-edit .edit-topics {
    order: 3;
    margin-top: 28px !important;
    gap: 8px !important;
  }

  body.vcm-home #the-edit .edit-topics span {
    padding: 8px 10px !important;
    font-size: 11px !important;
  }

  body.vcm-home #the-edit .edit-card-carousel {
    order: 4;
    padding-top: 24px !important;
  }

  body.vcm-home #the-edit .signup-panel {
    padding: 22px 18px !important;
    gap: 16px !important;
  }

  body.vcm-home #the-edit .signup-panel h3 {
    margin-bottom: 10px !important;
    font-size: 32px !important;
  }

  body.vcm-home #the-edit .signup-panel p {
    font-size: 16px !important;
    line-height: 1.45 !important;
  }

  body.vcm-home [data-screen-label="Why VCM"] .why-eyebrow {
    margin-bottom: 20px !important;
  }

  body.vcm-home [data-screen-label="Why VCM"] .why-title {
    margin-bottom: 30px !important;
  }

  body.vcm-home [data-screen-label="Why VCM"] .why-body {
    gap: 20px !important;
  }

  body.vcm-home [data-screen-label="Why VCM"] .why-quote {
    margin-top: 30px !important;
  }

  body.vcm-home [data-screen-label="Why VCM"] .founding-team-wrap {
    margin-top: 42px !important;
    padding-top: 26px !important;
  }

  body.vcm-home [data-screen-label="Why VCM"] .founding-team-wrap > div:first-child {
    margin-bottom: 24px !important;
  }

  body.vcm-home [data-screen-label="Why VCM"] .expert-network-banner {
    margin-top: 30px !important;
    padding-top: 22px !important;
  }

  body.vcm-home [data-screen-label="Why VCM"] .expert-network-banner > div:first-child {
    display: grid !important;
    gap: 7px !important;
    margin-bottom: 14px !important;
  }

  body.vcm-home [data-screen-label="Why VCM"] .expert-network-track {
    gap: 12px !important;
    padding-bottom: 10px !important;
  }

  body.vcm-home [data-screen-label="Why VCM"] .expert-network-track > article {
    flex-basis: min(82vw, 308px) !important;
    width: min(82vw, 308px) !important;
    min-height: 170px !important;
    padding: 20px !important;
  }

  body.vcm-home [data-screen-label="Why VCM"] .expert-network-levels {
    display: grid !important;
    width: 100% !important;
    gap: 4px !important;
    padding-bottom: 4px !important;
    font-size: 10px !important;
    line-height: 1.5 !important;
  }

  body.vcm-home #incubator .incubator-inclusions {
    margin-top: 32px !important;
  }

  body.vcm-home #incubator .incubator-inclusions > p {
    margin: 22px 0 26px !important;
    font-size: 17px !important;
    line-height: 1.5 !important;
  }

  body.vcm-home #incubator .incubator-inclusions > div[data-reveal] {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 7px 14px !important;
    padding: 15px 0 !important;
  }

  body.vcm-home #incubator .incubator-inclusions > div[data-reveal] > span:first-child {
    grid-column: 1;
    grid-row: 1;
  }

  body.vcm-home #incubator .incubator-inclusions > div[data-reveal] > span:nth-child(2) {
    grid-column: 1 / -1;
    grid-row: 2;
    font-size: 15px !important;
    line-height: 1.4 !important;
  }

  body.vcm-home #incubator .incubator-inclusions > div[data-reveal] > span:nth-child(3) {
    grid-column: 2;
    grid-row: 1;
    max-width: 118px;
    text-align: right;
    font-size: 10px !important;
    line-height: 1.3 !important;
  }

  body.vcm-home #incubator .incubator-inclusions > div[data-reveal] > span:nth-child(3) br {
    display: none;
  }

  body.vcm-home #incubator .incubator-inclusions > .founder-programming-item {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.vcm-home #incubator .incubator-inclusions > .founder-programming-item > span:first-child,
  body.vcm-home #incubator .incubator-inclusions > .founder-programming-item > span:nth-child(2),
  body.vcm-home #incubator .incubator-inclusions > .founder-programming-item > span:nth-child(3) {
    grid-column: 1 / -1 !important;
    max-width: none !important;
    text-align: left !important;
  }

  body.vcm-home #incubator .incubator-inclusions > .founder-programming-item > span:first-child {
    grid-row: 1 !important;
  }

  body.vcm-home #incubator .incubator-inclusions > .founder-programming-item > span:nth-child(2) {
    grid-row: 2 !important;
  }

  body.vcm-home #incubator .incubator-inclusions > .founder-programming-item > span:nth-child(3) {
    grid-row: 3 !important;
    margin-top: 3px;
  }

  body.vcm-home #incubator .incubator-pricing {
    margin-top: 34px !important;
    padding: 24px 20px !important;
    gap: 20px !important;
  }

  body.vcm-home #faqs [data-faq-q] {
    padding: 15px 0 !important;
    font-size: 20px !important;
  }

  body.vcm-home #incubator {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  body.vcm-home #incubator .incubator-hero {
    padding: 20px !important;
    gap: 18px !important;
  }

  body.vcm-home #incubator .incubator-hero h2 {
    font-size: clamp(39px, 11vw, 48px) !important;
  }

  body.vcm-home #incubator .membership-signal {
    min-height: 150px;
    padding: 20px !important;
    gap: 18px !important;
  }

  body.vcm-home #incubator .membership-signal strong {
    font-size: 34px !important;
  }

  body.vcm-home #faqs {
    padding: 38px 20px !important;
  }

  body.vcm-home footer[data-screen-label] {
    padding-top: 34px !important;
    padding-bottom: 24px !important;
  }
}

/* Final mobile menu hierarchy: low-friction entry, context, primary offer, B2B. */
@media (max-width: 767px) {
  body.vcm-home .mobile-nav summary {
    width: 42px !important;
    height: 42px !important;
    border: 1px solid #B8B3A7 !important;
    border-radius: 2px !important;
    background: #C7C3B8 !important;
    transition: background 180ms ease, border-color 180ms ease !important;
  }

  body.vcm-home .mobile-nav[open] summary {
    border-color: #1F1F1F !important;
    background: #1F1F1F !important;
  }

  body.vcm-home .mobile-nav[open] .hamburger-icon i {
    background: #E6EE4D !important;
  }

  body.vcm-home .mobile-nav-panel {
    top: 70px !important;
    right: 18px !important;
    width: min(306px, calc(100vw - 36px)) !important;
    padding: 8px !important;
    gap: 3px !important;
    overflow: hidden !important;
    border: 1px solid #B8B3A7 !important;
    border-radius: 3px !important;
    background: #F8F6EF !important;
    box-shadow: 0 18px 45px rgba(31, 31, 31, 0.2) !important;
  }

  body.vcm-home .mobile-nav-panel a {
    display: flex !important;
    min-height: 50px !important;
    align-items: center !important;
    padding: 13px 15px !important;
    border: 0 !important;
    border-radius: 1px !important;
    color: #1F1F1F !important;
    background: #F8F6EF !important;
    font-size: 13px !important;
    letter-spacing: 0.1em !important;
  }

  body.vcm-home .mobile-nav-panel a.nav-newsletter {
    background: #C7C3B8 !important;
  }

  body.vcm-home .mobile-nav-panel a.nav-membership {
    background: #E6EE4D !important;
  }

  body.vcm-home .mobile-nav-panel a.nav-about,
  body.vcm-home .mobile-nav-panel a.nav-partnership {
    background: #F8F6EF !important;
  }

  body.vcm-home section#final-cta.final-cta-section {
    min-height: 0 !important;
    padding: 300px 20px 48px !important;
    align-items: flex-end !important;
    background-color: #E8E4DE !important;
    background-size: auto 350px !important;
    background-position: 72% top !important;
  }

  body.vcm-home section#final-cta.final-cta-section::after {
    background: linear-gradient(180deg, rgba(248,246,239,0) 0, rgba(248,246,239,0.08) 250px, rgba(232,228,222,0.96) 340px, #E8E4DE 100%) !important;
  }

  body.vcm-home .final-cta-panel {
    width: 100% !important;
    padding: 28px 22px !important;
    border-color: #B8B3A7 !important;
    background: rgba(248,246,239,0.94) !important;
    backdrop-filter: blur(7px) !important;
  }

  body.vcm-home .final-cta-panel h3 {
    font-size: clamp(38px, 11vw, 48px) !important;
  }

  body.vcm-home #footer a[href*="/join"] {
    display: inline-block !important;
    width: fit-content !important;
    padding: 0 !important;
    color: #E6EE4D !important;
    background: transparent !important;
    border: 0 !important;
  }
}