/* Homepage-only: defer paint work for below-the-fold sections */
.home-portfolio-youtube .logo-bar,
.home-portfolio-youtube .problem-section,
.home-portfolio-youtube .fails-section,
.home-portfolio-youtube .assistant-section,
.home-portfolio-youtube .pricing-sec,
.home-portfolio-youtube .faq-section,
.home-portfolio-youtube .cta-section,
.home-portfolio-youtube footer {
  content-visibility: auto;
  contain-intrinsic-size: auto 720px;
}

/* Exclude observer-driven / scroll-capture / marquee sections (Safari WebKit). */
.home-portfolio-youtube .solution-section,
.home-portfolio-youtube .hiw-section,
.home-portfolio-youtube .teams-section,
.home-portfolio-youtube .portfolio-section,
.home-portfolio-youtube .testimonials-section {
  content-visibility: visible;
}

.home-portfolio-youtube .hero,
.home-portfolio-youtube nav {
  content-visibility: visible;
}

.home-portfolio-youtube .solution-section video.media-bg,
.home-portfolio-youtube .teams-section video {
  content-visibility: auto;
}

/* Homepage only: What We Do mega — match /what-we-do/ pages (kill style.min gap overrides) */
.home-portfolio-youtube .nav-links li.nav-item--what-we-do > ul:has(> li:nth-child(16)),
.home-portfolio-youtube .nav-links li.nav-item--what-we-do > ul:has(> li:nth-child(17)),
.home-portfolio-youtube .nav-links li.nav-item--what-we-do > ul.nav-mega--cols {
  min-width: min(1020px, 96vw) !important;
  max-width: min(96vw, 1140px) !important;
  padding: 10px 16px 8px !important;
  gap: 12px 28px !important;
  border-radius: 10px !important;
  grid-auto-rows: auto !important;
  align-items: start !important;
  align-content: start !important;
  overflow: hidden !important;
}

.home-portfolio-youtube .nav-links li.nav-item--what-we-do > ul.nav-mega--cols {
  display: flex !important;
  flex-direction: row !important;
  gap: 0 28px !important;
}

.home-portfolio-youtube .nav-links li.nav-item--what-we-do > ul.nav-mega--cols > li.nav-mega-col > ul {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  grid-auto-rows: unset !important;
  grid-template-rows: none !important;
}

.home-portfolio-youtube .nav-links li.nav-item--what-we-do > ul.nav-mega--cols > li.nav-mega-col > ul > li {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.home-portfolio-youtube .nav-links li.nav-item--what-we-do > ul:not(.nav-mega--cols) > li {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.home-portfolio-youtube .nav-links li.nav-item--what-we-do > ul > li > a,
.home-portfolio-youtube .nav-links li.nav-item--what-we-do > ul.nav-mega--cols > li.nav-mega-col > ul > li > a {
  padding: 6px 8px !important;
  align-items: center !important;
  gap: 10px !important;
  height: auto !important;
  min-height: 52px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.home-portfolio-youtube .nav-links li.nav-item--what-we-do > ul > li > a > span:last-child,
.home-portfolio-youtube .nav-links li.nav-item--what-we-do > ul.nav-mega--cols > li.nav-mega-col > ul > li > a > span:last-child {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.home-portfolio-youtube .nav-links li.nav-item--what-we-do > ul span.nav-icon,
.home-portfolio-youtube .nav-links li.nav-item--what-we-do > ul span.nav-icon.default,
.home-portfolio-youtube .nav-links li.nav-item--what-we-do > ul span.nav-icon.green,
.home-portfolio-youtube .nav-links li.nav-item--what-we-do > ul span.nav-icon.purple {
  min-height: 40px !important;
  min-width: 40px !important;
  width: 40px !important;
  height: 40px !important;
  flex-shrink: 0 !important;
}

.home-portfolio-youtube .nav-links li.nav-item--what-we-do > ul.nav-mega--cols h4,
.home-portfolio-youtube .nav-links li.nav-item--what-we-do > ul.nav-mega--cols .nav-mega-heading,
.home-portfolio-youtube .nav-links li.nav-item--what-we-do > ul.nav-mega--cols p,
.home-portfolio-youtube .nav-links li.nav-item--what-we-do > ul h4,
.home-portfolio-youtube .nav-links li.nav-item--what-we-do > ul .nav-mega-heading,
.home-portfolio-youtube .nav-links li.nav-item--what-we-do > ul p {
  min-height: 0 !important;
  max-width: 100% !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

.home-portfolio-youtube .nav-links li.nav-item--what-we-do > ul .nav-mega-heading,
.home-portfolio-youtube .nav-links li.nav-item--what-we-do > ul h4 {
  line-height: 1.25 !important;
  margin: 0 !important;
}

.home-portfolio-youtube .nav-links li.nav-item--what-we-do > ul p {
  font-size: 11px !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}

/* Homepage quiz/form Back — text/arrow colour only (no bg) */
.home-portfolio-youtube .quiz-back,
.home-portfolio-youtube .back-btn.quiz-back {
  color: #2f3458 !important;
}

.home-portfolio-youtube .quiz-back:disabled,
.home-portfolio-youtube .back-btn.quiz-back:disabled {
  color: #3a4066 !important;
  opacity: 0.75;
}

/* Homepage review avatars — keep face centered in the circle */
.home-portfolio-youtube #testimonials .testi-avatar {
  object-fit: cover !important;
  object-position: center center !important;
}