/* ========================================
   Full immersive WebGL layer
   High-contrast glass panels + readable type
   ======================================== */

.world-canvas {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none !important;
  display: block;
}

.world-canvas.is-disabled {
  display: none;
}

body.immersive-3d {
  background: #030b16;
  color: #f2f7fc;
  font-size: 1.08rem;
}

body.immersive-3d .topbar,
body.immersive-3d .site-header {
  position: fixed;
  z-index: 200;
}

body.immersive-3d .site-header {
  pointer-events: none;
}

body.immersive-3d .site-header .nav,
body.immersive-3d .site-header .brand,
body.immersive-3d .site-header .nav-toggle,
body.immersive-3d .site-header .header-inner {
  pointer-events: auto;
}

body.immersive-3d main,
body.immersive-3d .site-footer {
  position: relative;
  z-index: 1;
}

body.immersive-3d .topbar {
  background: rgba(4, 18, 34, 0.88);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(157, 216, 245, 0.12);
  color: #e8f4fc;
  font-size: 0.9rem;
}

body.immersive-3d .topbar a {
  color: #e8f4fc;
}

body.immersive-3d .topbar-link {
  color: #9ad8f5;
}

body.immersive-3d .site-header {
  background: rgba(7, 26, 51, 0.82);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

body.immersive-3d .site-header.is-scrolled {
  background: rgba(4, 18, 34, 0.92);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.35);
}

body.immersive-3d .brand-name,
body.immersive-3d .nav a {
  color: #f2f7fc;
}

body.immersive-3d .nav a {
  font-size: 0.82rem;
  font-weight: 500;
  white-space: nowrap;
}

body.immersive-3d .nav a:hover {
  color: #9ad8f5;
}

body.immersive-3d .brand-tag {
  color: #9ad8f5;
  font-size: 0.58rem;
}

@media (max-width: 1280px) {
  body.immersive-3d .nav {
    z-index: 205;
    background: rgba(4, 18, 34, 0.96);
    backdrop-filter: blur(18px);
    border-bottom-color: rgba(157, 216, 245, 0.14);
  }

  body.immersive-3d .nav a {
    border-bottom-color: rgba(157, 216, 245, 0.12);
    font-size: 0.95rem;
    white-space: normal;
  }

  body.immersive-3d .nav-toggle span {
    background: #f2f7fc;
  }
}

body.immersive-3d .hero {
  background: transparent;
  isolation: isolate;
}

body.immersive-3d .hero-canvas {
  display: none !important;
}

body.immersive-3d .hero-overlay {
  background:
    radial-gradient(ellipse 50% 45% at 70% 40%, rgba(0, 160, 227, 0.16), transparent 70%),
    linear-gradient(180deg, rgba(3, 11, 22, 0.35), rgba(3, 11, 22, 0.62));
}

body.immersive-3d .hero-sub,
body.immersive-3d .portrait-caption {
  color: rgba(242, 247, 252, 0.92);
}

body.immersive-3d .hero-sub {
  font-size: 1.12rem;
}

body.immersive-3d .value-strip {
  margin-top: -2rem;
}

body.immersive-3d .section,
body.immersive-3d .why-section,
body.immersive-3d .cta-banner,
body.immersive-3d .industries,
body.immersive-3d .who-help,
body.immersive-3d .experience,
body.immersive-3d .services,
body.immersive-3d .expertise,
body.immersive-3d .publications,
body.immersive-3d .testimonials,
body.immersive-3d .contact,
body.immersive-3d .about,
body.immersive-3d .featured-in,
body.immersive-3d .outcomes,
body.immersive-3d .impact,
body.immersive-3d .capabilities,
body.immersive-3d .book,
body.immersive-3d .speaking,
body.immersive-3d .whitepapers,
body.immersive-3d .growth-advisory,
body.immersive-3d .engagement,
body.immersive-3d .final-cta {
  background: transparent !important;
}

/* Stronger glass so text stays readable over WebGL */
body.immersive-3d .value-item,
body.immersive-3d .service-card,
body.immersive-3d .expertise-card,
body.immersive-3d .capability-group,
body.immersive-3d .timeline-item,
body.immersive-3d .testimonial,
body.immersive-3d .channel,
body.immersive-3d .why-card,
body.immersive-3d .contact-form,
body.immersive-3d .about-focus,
body.immersive-3d .about-profile,
body.immersive-3d .impact-intro,
body.immersive-3d .research-block,
body.immersive-3d .insight-grid article,
body.immersive-3d .research-item,
body.immersive-3d .emerging-frameworks,
body.immersive-3d .topic-item,
body.immersive-3d .industry-grid li,
body.immersive-3d .featured-badge,
body.immersive-3d .outcome-card,
body.immersive-3d .speaking-card,
body.immersive-3d .speaking-topics li,
body.immersive-3d .speaking-formats span,
body.immersive-3d .whitepaper-card,
body.immersive-3d .wp-featured,
body.immersive-3d .wp-focus,
body.immersive-3d .wp-future,
body.immersive-3d .book-card,
body.immersive-3d .growth-layout,
body.immersive-3d .who-card,
body.immersive-3d .engage-card,
body.immersive-3d .impact-card,
body.immersive-3d .cap-card,
body.immersive-3d .cap-detail {
  background: rgba(6, 22, 42, 0.82) !important;
  border: 1px solid rgba(157, 216, 245, 0.22) !important;
  backdrop-filter: blur(18px);
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.35);
  color: #f2f7fc !important;
}

body.immersive-3d .section-head h2,
body.immersive-3d .about-profile h3,
body.immersive-3d .about-copy .lead,
body.immersive-3d .about-copy p,
body.immersive-3d .impact-intro p,
body.immersive-3d .impact-card h3,
body.immersive-3d .impact-card p,
body.immersive-3d .impact-sub,
body.immersive-3d .impact-close h3,
body.immersive-3d .impact-close p,
body.immersive-3d .capabilities-intro,
body.immersive-3d .cap-card h3,
body.immersive-3d .cap-card p,
body.immersive-3d .cap-detail h3,
body.immersive-3d .cap-detail p,
body.immersive-3d .cap-detail li,
body.immersive-3d .about-focus h3,
body.immersive-3d .pub-topics h3,
body.immersive-3d .research-intro,
body.immersive-3d .research-block h3,
body.immersive-3d .research-block > p,
body.immersive-3d .insight-grid h4,
body.immersive-3d .insight-grid p,
body.immersive-3d .research-item h4,
body.immersive-3d .research-item p,
body.immersive-3d .emerging-frameworks h4,
body.immersive-3d .emerging-frameworks p,
body.immersive-3d .emerging-frameworks li,
body.immersive-3d .focus-points li,
body.immersive-3d .research-action h3,
body.immersive-3d .research-action p,
body.immersive-3d .pub-types h3,
body.immersive-3d .timeline-item h3,
body.immersive-3d .timeline-item > p:last-child,
body.immersive-3d .timeline-list li,
body.immersive-3d .timeline-co,
body.immersive-3d .timeline-meta,
body.immersive-3d .service-card h3,
body.immersive-3d .service-card > p,
body.immersive-3d .service-for,
body.immersive-3d .service-note,
body.immersive-3d .service-list li,
body.immersive-3d .service-num,
body.immersive-3d .service-badge,
body.immersive-3d .growth-lead,
body.immersive-3d .growth-intro p,
body.immersive-3d .growth-list li,
body.immersive-3d .who-card h3,
body.immersive-3d .who-card p,
body.immersive-3d .engage-card h3,
body.immersive-3d .engage-card p,
body.immersive-3d .expertise-card h3,
body.immersive-3d .capability-label,
body.immersive-3d .capability-group h3,
body.immersive-3d .capability-group li,
body.immersive-3d .topic-item,
body.immersive-3d .testimonial p,
body.immersive-3d .testimonial-quote,
body.immersive-3d .testimonial cite,
body.immersive-3d .testimonial cite a,
body.immersive-3d .testimonial span,
body.immersive-3d .testimonial-role,
body.immersive-3d .testimonial-org,
body.immersive-3d .testimonial-source,
body.immersive-3d .contact-note p,
body.immersive-3d .form-row label,
body.immersive-3d .channel strong,
body.immersive-3d .channel-meta,
body.immersive-3d .pillars li,
body.immersive-3d .experience-note,
body.immersive-3d .section-sub,
body.immersive-3d .form-status,
body.immersive-3d .value-item h3,
body.immersive-3d .value-item p,
body.immersive-3d .why-card h3,
body.immersive-3d .why-card p,
body.immersive-3d .why-card li,
body.immersive-3d .pub-types li,
body.immersive-3d .industry-grid li,
body.immersive-3d .featured-badge span,
body.immersive-3d .outcome-card h3,
body.immersive-3d .outcome-card p,
body.immersive-3d .speaking-card h3,
body.immersive-3d .speaking-card p,
body.immersive-3d .speaking-topics-head h3,
body.immersive-3d .speaking-topics-head p,
body.immersive-3d .speaking-topics .topic-num,
body.immersive-3d .speaking-topics .topic-title,
body.immersive-3d .speaking-formats span,
body.immersive-3d .whitepaper-card h3,
body.immersive-3d .whitepaper-card p,
body.immersive-3d .wp-intro,
body.immersive-3d .wp-featured h3,
body.immersive-3d .wp-featured p,
body.immersive-3d .wp-featured-sub,
body.immersive-3d .wp-focus h3,
body.immersive-3d .wp-focus p,
body.immersive-3d .wp-future h3,
body.immersive-3d .wp-future p,
body.immersive-3d .wp-focus-list li,
body.immersive-3d .book-card h3,
body.immersive-3d .book-card p,
body.immersive-3d .cta-banner h2,
body.immersive-3d .cta-banner p {
  color: #f2f7fc !important;
}

body.immersive-3d .section-head h2 {
  font-size: clamp(1.95rem, 3.2vw, 2.55rem);
}

body.immersive-3d .about-copy .lead {
  font-size: 1.28rem;
  color: #ffffff !important;
}

body.immersive-3d .about-role {
  color: #9ad8f5 !important;
}

body.immersive-3d .advisory-download {
  background: rgba(6, 22, 42, 0.82) !important;
  border: 1px solid rgba(157, 216, 245, 0.22) !important;
}

body.immersive-3d .profile-download {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.immersive-3d .cap-link {
  color: #9ad8f5 !important;
}

body.immersive-3d .impact-perspective strong,
body.immersive-3d .cap-detail li strong,
body.immersive-3d .wp-meta strong,
body.immersive-3d .emerging-frameworks li strong {
  color: #9ad8f5 !important;
}

body.immersive-3d .impact-perspective {
  border-top-color: rgba(157, 216, 245, 0.18) !important;
}

body.immersive-3d .section-sub,
body.immersive-3d .who-card p,
body.immersive-3d .engage-card p,
body.immersive-3d .service-card > p,
body.immersive-3d .outcome-card p,
body.immersive-3d .speaking-card p,
body.immersive-3d .whitepaper-card p,
body.immersive-3d .book-card p,
body.immersive-3d .value-item p,
body.immersive-3d .channel-meta,
body.immersive-3d .experience-note,
body.immersive-3d .testimonial span {
  color: rgba(232, 244, 252, 0.88) !important;
  font-size: 1.02rem;
}

body.immersive-3d .testimonial-person {
  background: rgba(8, 28, 52, 0.98) !important;
  background-image: none !important;
  border-bottom-color: rgba(157, 216, 245, 0.18) !important;
}

body.immersive-3d .testimonial-person cite,
body.immersive-3d .testimonial-person cite a,
body.immersive-3d .testimonial-person cite a:visited,
body.immersive-3d .testimonial cite,
body.immersive-3d .testimonial cite a,
body.immersive-3d .testimonial cite a:visited {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

body.immersive-3d .testimonial cite a:hover,
body.immersive-3d .testimonial-person cite a:hover {
  color: #c8ebf9 !important;
  -webkit-text-fill-color: #c8ebf9 !important;
}

body.immersive-3d .testimonial-person .testimonial-role,
body.immersive-3d .testimonial-role {
  color: #9ad8f5 !important;
  font-size: 0.86rem !important;
}

body.immersive-3d .testimonial-person .testimonial-org,
body.immersive-3d .testimonial-org {
  color: rgba(232, 244, 252, 0.75) !important;
  font-size: 0.8rem !important;
}

body.immersive-3d .testimonial-quote {
  font-size: 0.95rem !important;
  color: #f2f7fc !important;
}

body.immersive-3d .eyebrow {
  color: #9ad8f5 !important;
  font-size: 0.84rem;
}

body.immersive-3d .title-line {
  background: linear-gradient(90deg, #0077c8, #00a0e3);
}

body.immersive-3d .service-num,
body.immersive-3d .service-badge {
  color: #9ad8f5 !important;
}

body.immersive-3d .service-badge {
  background: rgba(0, 160, 227, 0.18);
}

body.immersive-3d .research-status {
  color: #9ad8f5 !important;
}

body.immersive-3d .focus-points li,
body.immersive-3d .wp-focus-list li,
body.immersive-3d .growth-list li,
body.immersive-3d .cap-focus-list li {
  background: rgba(3, 11, 22, 0.55) !important;
  border-color: rgba(157, 216, 245, 0.18) !important;
  color: #f2f7fc !important;
}

body.immersive-3d .growth-lead {
  color: #ffffff !important;
}

body.immersive-3d .capability-label {
  color: #9ad8f5 !important;
}

body.immersive-3d .capability-group li {
  color: rgba(232, 244, 252, 0.88) !important;
}

body.immersive-3d .speaking-topics .topic-num {
  color: #9ad8f5 !important;
}

body.immersive-3d .outcome-num,
body.immersive-3d .book-cta,
body.immersive-3d .wp-tag,
body.immersive-3d .wp-link,
body.immersive-3d .wp-featured-sub,
body.immersive-3d .timeline-meta,
body.immersive-3d .timeline-co,
body.immersive-3d .service-note {
  color: #9ad8f5 !important;
}

body.immersive-3d .outcome-num {
  font-size: clamp(1.55rem, 2.6vw, 2rem);
}

body.immersive-3d .value-icon,
body.immersive-3d .service-icon,
body.immersive-3d .channel-icon {
  color: #9ad8f5;
  background: rgba(0, 160, 227, 0.18);
}

body.immersive-3d .industry-grid li {
  background: linear-gradient(160deg, rgba(10, 47, 92, 0.9), rgba(0, 119, 200, 0.65)) !important;
  font-size: 1rem;
}

body.immersive-3d .cta-banner {
  background: linear-gradient(120deg, rgba(0, 74, 130, 0.82), rgba(0, 160, 227, 0.55)) !important;
  border-block: 1px solid rgba(157, 216, 245, 0.22);
  backdrop-filter: blur(12px);
}

body.immersive-3d .cta-banner h2 {
  font-size: clamp(1.55rem, 2.8vw, 2.05rem);
}

body.immersive-3d .btn-secondary {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.35);
}

body.immersive-3d .btn-secondary:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: #9ad8f5;
}

body.immersive-3d .form-row label {
  color: #9ad8f5 !important;
  font-size: 0.86rem;
}

body.immersive-3d .form-row input,
body.immersive-3d .form-row select,
body.immersive-3d .form-row textarea {
  background: rgba(3, 11, 22, 0.78);
  border-color: rgba(157, 216, 245, 0.28);
  color: #ffffff;
  font-size: 1.02rem;
}

body.immersive-3d .form-row input::placeholder,
body.immersive-3d .form-row textarea::placeholder {
  color: rgba(232, 244, 252, 0.55);
}

body.immersive-3d .form-row input:focus,
body.immersive-3d .form-row select:focus,
body.immersive-3d .form-row textarea:focus {
  background: rgba(3, 11, 22, 0.9);
  border-color: #00a0e3;
  box-shadow: 0 0 0 4px rgba(0, 160, 227, 0.18);
}

body.immersive-3d .site-footer {
  background: rgba(2, 8, 16, 0.9);
  backdrop-filter: blur(16px);
  border-top: 1px solid rgba(157, 216, 245, 0.14);
}

body.immersive-3d .footer-brand strong,
body.immersive-3d .footer-col h4 {
  color: #ffffff !important;
  font-size: 1.05rem;
}

body.immersive-3d .footer-brand p,
body.immersive-3d .footer-col a,
body.immersive-3d .footer-bottom,
body.immersive-3d .footer-bottom p {
  color: rgba(232, 244, 252, 0.85) !important;
  font-size: 0.98rem;
}

body.immersive-3d .footer-col a:hover {
  color: #9ad8f5 !important;
}

body.immersive-3d .timeline::before {
  background: linear-gradient(180deg, #00a0e3, #0077c8);
}

body.immersive-3d .timeline-item::before {
  background: #00a0e3;
  box-shadow: 0 0 0 2px #00a0e3, 0 0 18px rgba(0, 160, 227, 0.6);
}

body.immersive-3d main > section.in-3d-view .section-head h2,
body.immersive-3d main > section.in-3d-view .eyebrow {
  text-shadow: 0 0 28px rgba(0, 160, 227, 0.35);
}

body.immersive-3d .final-cta {
  background: linear-gradient(135deg, rgba(4, 18, 34, 0.88), rgba(0, 119, 200, 0.55)) !important;
  border-block: 1px solid rgba(157, 216, 245, 0.2);
  backdrop-filter: blur(12px);
}

body.immersive-3d .final-cta h2 {
  color: #ffffff !important;
  font-size: clamp(1.55rem, 2.9vw, 2.15rem);
}

body.immersive-3d .contact-note a {
  color: #9ad8f5 !important;
}

@media (max-width: 900px) {
  body.immersive-3d .service-card,
  body.immersive-3d .timeline-item,
  body.immersive-3d .contact-form,
  body.immersive-3d .book-card,
  body.immersive-3d .outcome-card {
    backdrop-filter: blur(12px);
    background: rgba(6, 22, 42, 0.9) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.immersive-3d {
    background: linear-gradient(165deg, #041222, #0a2f5c);
  }
}