/* MiGo Axis theme update: revert by removing this file/link. */
/* ==========================================================================
   MIGO AXIS EXECUTIVE CONTRAST THEME SYSTEM
   Tokens & Color Architecture
   Phase 1: Token definitions
   Phase 2: Homepage light/dark section rhythm and text contrast
   ========================================================================== */

:root {
  /* Brand Theme Tokens */
  --ink:          #211F20;   /* text on light */
  --midnight:     #0D0F24;   /* dark section background (never pure black) */
  --indigo:       #3E4095;   /* brand mark, primary buttons and links on LIGHT (logo verified) */
  --indigo-light: #9DA0FF;   /* links and text accents on DARK */
  --gold:         #C59B27;   /* accent only: thin rules, eyebrow labels on dark, numerals, hover (logo verified) */
  --paper:        #FAFAFC;   /* main light background */
  --mist:         #F0F1F8;   /* alternate light band */
  --white:        #FFFFFF;
}

/* ==========================================================================
   EXECUTIVE TYPOGRAPHY INTEGRITY: ZERO TEXT-SHADOW ACROSS ENTIRE PLATFORM
   Ensures razor-sharp, pristine, boardroom-caliber typography without muddy glows.
   ========================================================================== */
*,
*::before,
*::after {
  text-shadow: none !important;
}

/* ==========================================================================
   LEFT-EDGE SHADOW CURTAIN ERADICATION
   Eliminates all box-shadow bleed from off-screen nav drawers across all viewports.
   ========================================================================== */
.nav-drawer:not(.open),
.side-nav-drawer:not(.open),
#sideNavDrawer:not(.open) {
  box-shadow: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.nav-drawer.open,
.side-nav-drawer.open,
#sideNavDrawer.open {
  box-shadow: 20px 0 50px rgba(0, 0, 0, 0.7) !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* ==========================================================================
   PHASE 2: HOMEPAGE LIGHT/DARK RHYTHM
   Distribution: 70% Light (Reading / Grids) | 30% Dark (Punctuation Bands)
   Sequence:
     1. Navbar & Hero (Dark)
     2. Intel Reel (Light - Paper)
     3. Sovereign AI Pipeline Showcase (Light - Mist)
     4. Core Practices Reel (Light - Paper)
     5. Industries Reel (Dark Feature Band - Midnight)
     6. Consulting Frameworks & Outcomes (Light - Paper)
     7. Clients Ecosystem Strip (Light - Mist)
     8. About Us Final Banner (Light - Paper)
     9. Talent Gateway Closing CTA (Dark - Midnight)
    10. Institutional Footer (Dark - Midnight)
   ========================================================================== */

/* 1. Navbar & Top Bar: Dark Foundation */
.top-bar {
  background: #080A1A !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.top-bar-announce,
.top-bar-meta span {
  color: #CBD5E1 !important;
}

.top-bar-link {
  color: var(--indigo-light) !important;
}

.top-bar-link:hover {
  color: #FFFFFF !important;
}

#navbar.navbar {
  background: rgba(13, 15, 36, 0.94) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  transform: none !important;
}

.navbar.navbar-hidden {
  transform: none !important;
}

.navbar.navbar-visible {
  transform: none !important;
}

/* 2. Hero Slider: Dark Anchor */
#heroSlider.hanwha-hero-slider {
  background: var(--midnight) !important;
}

/* 3. Section 2: Intel Reel (#intel-reel-section) -> LIGHT (Paper) */
#intel-reel-section {
  background: var(--paper) !important;
  border-top: 1px solid rgba(33, 31, 32, 0.08) !important;
  border-bottom: 1px solid rgba(33, 31, 32, 0.08) !important;
}

#intel-reel-section::before {
  display: none !important; /* suppress dark ambient glow on light */
}

#intel-reel-section .section-kicker,
#intel-reel-section .section-kicker-alt {
  color: var(--indigo) !important; /* Indigo leads on light */
}

#intel-reel-section .section-title-large,
#intel-reel-section h2 {
  color: var(--ink) !important;
}

#intel-reel-section .section-head-desc {
  color: #4A4849 !important;
}

#intel-reel-section .cinematic-card {
  border: 1px solid rgba(33, 31, 32, 0.1) !important;
  box-shadow: 0 10px 25px rgba(13, 15, 36, 0.08) !important;
}

#intel-reel-section .cinematic-card:hover {
  border-color: var(--indigo) !important;
  box-shadow: 0 16px 36px rgba(62, 64, 149, 0.15) !important;
}

#intel-reel-section .reel-asset-tag {
  background: rgba(62, 64, 149, 0.9) !important;
  color: #FFFFFF !important;
  border: 1px solid var(--indigo) !important;
}

#intel-reel-section .reel-download-btn {
  background: var(--indigo) !important;
  color: #FFFFFF !important;
  border-color: var(--indigo) !important;
}

#intel-reel-section .reel-download-btn:hover {
  background: #2E3075 !important;
  box-shadow: 0 4px 14px rgba(62, 64, 149, 0.3) !important;
}

#intel-reel-section .cinematic-arrow-btn {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.15) !important;
  color: var(--indigo) !important;
  box-shadow: 0 4px 12px rgba(13, 15, 36, 0.06) !important;
}

#intel-reel-section .cinematic-arrow-btn:hover {
  background: var(--indigo) !important;
  color: #FFFFFF !important;
  border-color: var(--indigo) !important;
}

#intel-reel-section .cinematic-counter,
.section-paper .cinematic-counter,
.section-mist .cinematic-counter,
.section-light .cinematic-counter {
  color: var(--ink, #211F20) !important;
  font-weight: 700 !important;
}

/* 4. Section 3: Sovereign Pipeline Showcase (#sovereign-pipeline-showcase) -> LIGHT (Mist) */
#sovereign-pipeline-showcase {
  background: var(--mist) !important;
  border-top: 1px solid rgba(33, 31, 32, 0.06) !important;
  border-bottom: 1px solid rgba(33, 31, 32, 0.06) !important;
  padding: clamp(3.5rem, 6vw, 5.5rem) 0 !important;
}

#sovereign-pipeline-showcase .executive-split-container {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.08) !important;
  box-shadow: 0 14px 34px rgba(13, 15, 36, 0.06) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

#sovereign-pipeline-showcase .split-showcase-content {
  padding: clamp(2.5rem, 4vw, 3.75rem) !important;
}

#sovereign-pipeline-showcase .split-showcase-kicker {
  color: var(--indigo) !important; /* Indigo leads on light */
}

#sovereign-pipeline-showcase .split-showcase-title {
  color: var(--ink) !important;
}

#sovereign-pipeline-showcase .split-showcase-subtitle {
  color: #4A4849 !important;
}

#sovereign-pipeline-showcase .split-spec-item {
  background: var(--mist) !important;
  border: 1px solid rgba(33, 31, 32, 0.08) !important;
  box-shadow: 0 4px 14px rgba(13, 15, 36, 0.04) !important;
}

#sovereign-pipeline-showcase .split-spec-val {
  color: var(--indigo) !important; /* Large numeral in indigo on light */
}

#sovereign-pipeline-showcase .split-spec-desc {
  color: #555355 !important;
}

#sovereign-pipeline-showcase .split-showcase-visual {
  position: relative !important;
  overflow: hidden !important;
  border: none !important;
  border-radius: 0 16px 16px 0 !important;
}

#sovereign-pipeline-showcase .split-showcase-media {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

@media (max-width: 992px) {
  #sovereign-pipeline-showcase .executive-split-container {
    grid-template-columns: 1fr !important;
  }
  #sovereign-pipeline-showcase .split-showcase-visual {
    border-radius: 16px 16px 0 0 !important;
    max-height: 340px !important;
    order: -1 !important;
  }
}

/* 5. Section 4: Strategic Practices (#practices-section) -> LIGHT (Paper) */
#practices-section {
  background: var(--paper) !important;
  border-top: 1px solid rgba(33, 31, 32, 0.08) !important;
  border-bottom: 1px solid rgba(33, 31, 32, 0.08) !important;
}

#practices-section::before {
  display: none !important;
}

#practices-section .section-kicker-alt,
#practices-section .section-kicker {
  color: var(--indigo) !important; /* Indigo leads on light */
}

#practices-section .section-title-large,
#practices-section h2 {
  color: var(--ink) !important;
}

#practices-section .section-head-desc {
  color: #4A4849 !important;
}

#practices-section .cinematic-card {
  border: 1px solid rgba(33, 31, 32, 0.1) !important;
  box-shadow: 0 10px 25px rgba(13, 15, 36, 0.08) !important;
}

#practices-section .cinematic-card:hover {
  border-color: var(--indigo) !important;
  box-shadow: 0 16px 36px rgba(62, 64, 149, 0.15) !important;
}

#practices-section .cinematic-arrow-btn {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.15) !important;
  color: var(--indigo) !important;
  box-shadow: 0 4px 12px rgba(13, 15, 36, 0.06) !important;
}

#practices-section .cinematic-arrow-btn:hover {
  background: var(--indigo) !important;
  color: #FFFFFF !important;
  border-color: var(--indigo) !important;
}

/* 6. Section 5: Industries Reel (#industries-section) -> DARK FEATURE BAND (Midnight) */
#industries-section {
  background: var(--midnight) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

#industries-section .section-kicker-alt,
#industries-section .section-kicker {
  color: var(--gold) !important; /* Gold leads on dark */
}

#industries-section .section-title-large,
#industries-section h2 {
  color: var(--white) !important;
}

#industries-section .section-head-desc {
  color: #CBD5E1 !important;
}

#industries-section .cinematic-arrow-btn {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #FFFFFF !important;
}

#industries-section .cinematic-arrow-btn:hover {
  background: var(--gold) !important;
  color: #060B13 !important;
  border-color: var(--gold) !important;
}

/* 7. Section 6: Consulting Frameworks (#consulting-frameworks) -> LIGHT (Paper) */
#consulting-frameworks {
  background: var(--paper) !important;
  border-top: 1px solid rgba(33, 31, 32, 0.08) !important;
  border-bottom: 1px solid rgba(33, 31, 32, 0.08) !important;
}

#consulting-frameworks::before {
  display: none !important;
}

#consulting-frameworks .section-kicker-alt,
#consulting-frameworks .section-kicker {
  color: var(--indigo) !important; /* Indigo leads on light */
}

#consulting-frameworks .section-title-large,
#consulting-frameworks h2 {
  color: var(--ink) !important;
}

#consulting-frameworks .section-head-desc {
  color: #4A4849 !important;
}

#consulting-frameworks .framework-middle-arrow-btn {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.15) !important;
  color: var(--indigo) !important;
  box-shadow: 0 4px 12px rgba(13, 15, 36, 0.06) !important;
}

#consulting-frameworks .framework-middle-arrow-btn:hover {
  background: var(--indigo) !important;
  color: #FFFFFF !important;
  border-color: var(--indigo) !important;
}

#consulting-frameworks .framework-reel-slide {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.08) !important;
  box-shadow: 0 10px 30px rgba(13, 15, 36, 0.05) !important;
  border-radius: 12px;
  padding: clamp(1.25rem, 2vw, 1.75rem) !important;
  height: auto !important;
}

#consulting-frameworks .framework-meta-grid h3 {
  color: var(--ink) !important;
}

#consulting-frameworks .framework-meta-grid p {
  color: #4A4849 !important;
}

#consulting-frameworks .framework-meta-grid > div:last-child {
  background: var(--mist) !important;
  border: 1px solid rgba(33, 31, 32, 0.08) !important;
}

#consulting-frameworks .framework-meta-grid > div:last-child div {
  color: var(--indigo) !important;
}

#consulting-frameworks .d-tag {
  background: var(--mist) !important;
  color: var(--ink) !important;
  border: 1px solid rgba(33, 31, 32, 0.1) !important;
}

/* Frameworks Outcome Cards on Light */
#consulting-frameworks .impact-section-header {
  border-top-color: rgba(33, 31, 32, 0.08) !important;
}

#consulting-frameworks .impact-metric-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.08) !important;
  border-top: 3px solid var(--indigo) !important;
  box-shadow: 0 8px 24px rgba(13, 15, 36, 0.05) !important;
}

#consulting-frameworks .impact-metric-card:hover {
  box-shadow: 0 16px 36px rgba(62, 64, 149, 0.12) !important;
  transform: translateY(-3px);
}

#consulting-frameworks .impact-stat {
  color: var(--indigo) !important; /* Numerals in indigo on light */
}

#consulting-frameworks .impact-badge {
  background: var(--mist) !important;
  color: var(--indigo) !important;
  border: 1px solid rgba(62, 64, 149, 0.2) !important;
}

#consulting-frameworks .impact-title {
  color: var(--ink) !important;
}

#consulting-frameworks .impact-sub {
  color: #555355 !important;
}

#consulting-frameworks .impact-action {
  color: var(--indigo) !important;
}

/* 8. Section 7: Clients Ecosystem Strip (#clients-reel) -> LIGHT (Mist) */
#clients-reel {
  background: var(--mist) !important;
  border-top: 1px solid rgba(33, 31, 32, 0.06) !important;
  border-bottom: 1px solid rgba(33, 31, 32, 0.06) !important;
}

#clients-reel .section-kicker-alt {
  color: var(--indigo) !important; /* Indigo leads on light */
}

#clients-reel .section-title-large {
  color: var(--ink) !important;
}

#clients-reel p {
  color: #4A4849 !important;
}

#clients-reel .client-logo-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.08) !important;
  box-shadow: 0 2px 8px rgba(13, 15, 36, 0.04) !important;
}

#clients-reel .client-logo-card:hover {
  border-color: var(--gold-primary) !important;
  box-shadow: 0 4px 12px rgba(197, 155, 39, 0.15) !important;
}

/* 9. Section 8: About Us Final (#about-final) -> LIGHT (Paper) */
#about-final {
  background: var(--paper) !important;
  border-top: 1px solid rgba(33, 31, 32, 0.08) !important;
  border-bottom: 1px solid rgba(33, 31, 32, 0.08) !important;
}

#about-final .section-kicker-alt {
  color: var(--indigo) !important;
}

#about-final .section-title-large {
  color: var(--ink) !important;
}

#about-final .homepage-about-final-copy {
  color: #333132 !important;
}

/* 10. Section 9: Talent Gateway CTA (#talent-gateway) -> DARK CLOSING CTA (Midnight) */
#talent-gateway.executive-gateway-section {
  background: var(--midnight) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

#talent-gateway .gateway-box {
  background: #11152E !important;
  border: 1px solid rgba(197, 155, 39, 0.35) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5) !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  border-radius: 16px !important;
  padding: clamp(2.5rem, 5vw, 4rem) clamp(2rem, 4.5vw, 3.5rem) !important;
}

#talent-gateway .section-kicker-alt {
  color: var(--gold) !important; /* Gold leads on dark */
}

#talent-gateway .gateway-title {
  color: var(--white) !important;
}

#talent-gateway .gateway-subtitle {
  color: #CBD5E1 !important;
}

/* 11. Footer: Dark Institutional Base */
footer.footer {
  background: #090B1A !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

footer.footer .footer-col-title {
  color: var(--gold) !important; /* Gold eyebrow on dark */
}

footer.footer .footer-tagline,
footer.footer span,
footer.footer p {
  color: #94A3B8 !important;
}

footer.footer a {
  color: #CBD5E1 !important;
}

footer.footer a:hover {
  color: var(--indigo-light) !important; /* Indigo-light for dark links */
}

footer.footer .footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* ==========================================================================
   PHASE 3: BUTTONS, LINKS, HOVER/FOCUS STATES, FORMS, NAVBAR & FOOTER
   ========================================================================== */

/* 1. Global Keyboard Focus Outlines (Accessibility Non-Negotiable) */
:focus-visible {
  outline: 2px solid var(--indigo) !important;
  outline-offset: 3px !important;
}

/* Focus States in Dark Sections, Navbar, Drawer, Footer */
.section-dark :focus-visible,
.section-navy :focus-visible,
.hanwha-hero-slider :focus-visible,
#industries-section :focus-visible,
#talent-gateway :focus-visible,
#navbar.navbar :focus-visible,
.nav-drawer :focus-visible,
footer.footer :focus-visible,
.mega-menu :focus-visible {
  outline: 2px solid var(--gold) !important;
  outline-offset: 3px !important;
}

/* 2. Buttons on LIGHT Sections */
#intel-reel-section .btn-gold,
#sovereign-pipeline-showcase .btn-gold,
#practices-section .btn-gold,
#consulting-frameworks .btn-gold,
#clients-reel .btn-gold,
#about-final .btn-gold,
.section-paper .btn-gold,
.section-mist .btn-gold,
.section-light .btn-gold {
  background: var(--indigo) !important;
  color: #FFFFFF !important;
  border: 1px solid var(--indigo) !important;
  box-shadow: 0 4px 14px rgba(62, 64, 149, 0.25) !important;
}

#intel-reel-section .btn-gold:hover,
#sovereign-pipeline-showcase .btn-gold:hover,
#practices-section .btn-gold:hover,
#consulting-frameworks .btn-gold:hover,
#clients-reel .btn-gold:hover,
#about-final .btn-gold:hover,
.section-paper .btn-gold:hover,
.section-mist .btn-gold:hover,
.section-light .btn-gold:hover {
  background: #2E3075 !important;
  color: #FFFFFF !important;
  border-color: #2E3075 !important;
  box-shadow: 0 6px 18px rgba(62, 64, 149, 0.4) !important;
}

#intel-reel-section .btn-outline,
#sovereign-pipeline-showcase .btn-outline,
#practices-section .btn-outline,
#consulting-frameworks .btn-outline,
#clients-reel .btn-outline,
#about-final .btn-outline,
.section-paper .btn-outline,
.section-mist .btn-outline,
.section-light .btn-outline {
  background: transparent !important;
  color: var(--indigo) !important;
  border: 1px solid var(--indigo) !important;
}

#intel-reel-section .btn-outline:hover,
#sovereign-pipeline-showcase .btn-outline:hover,
#practices-section .btn-outline:hover,
#consulting-frameworks .btn-outline:hover,
#clients-reel .btn-outline:hover,
#about-final .btn-outline:hover,
.section-paper .btn-outline:hover,
.section-mist .btn-outline:hover,
.section-light .btn-outline:hover {
  background: rgba(62, 64, 149, 0.08) !important;
  color: #252766 !important;
}

/* 3. Buttons on DARK Sections */
#heroSlider .btn-gold,
#industries-section .btn-gold,
#talent-gateway .btn-gold,
footer.footer .btn-gold,
.section-dark .btn-gold,
.section-navy .btn-gold {
  background: var(--gold) !important;
  color: #060B13 !important;
  border: 1px solid var(--gold) !important;
  box-shadow: 0 6px 18px rgba(197, 155, 39, 0.3) !important;
}

#heroSlider .btn-gold:hover,
#industries-section .btn-gold:hover,
#talent-gateway .btn-gold:hover,
footer.footer .btn-gold:hover,
.section-dark .btn-gold:hover,
.section-navy .btn-gold:hover {
  background: #E5C05B !important;
  color: #060B13 !important;
  box-shadow: 0 8px 24px rgba(197, 155, 39, 0.45) !important;
}

#heroSlider .btn-outline,
#industries-section .btn-outline,
#talent-gateway .btn-outline,
footer.footer .btn-outline,
.section-dark .btn-outline,
.section-navy .btn-outline {
  background: transparent !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

#heroSlider .btn-outline:hover,
#industries-section .btn-outline:hover,
#talent-gateway .btn-outline:hover,
footer.footer .btn-outline:hover,
.section-dark .btn-outline:hover,
.section-navy .btn-outline:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: #FFFFFF !important;
  color: #FFFFFF !important;
}

.btn-navy-sm {
  background: #141838 !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.btn-navy-sm:hover {
  background: #1D2352 !important;
  border-color: var(--indigo-light) !important;
}

/* 4. Universal Navbar & Mega Menus & Side Drawer Across Site */
.navbar .nav-link,
.navbar .nav-link-dropdown {
  color: #E2E8F0 !important;
  transition: color 0.25s ease !important;
}

.navbar .nav-link:hover,
.navbar .nav-link-dropdown:hover {
  color: var(--indigo-light) !important;
}

.navbar .dropdown-chevron {
  color: var(--indigo-light) !important;
}

.navbar .btn-gold-sm {
  background: var(--gold) !important;
  color: #060B13 !important;
  border: 1px solid var(--gold) !important;
}

.navbar .btn-gold-sm:hover {
  background: #E5C05B !important;
  color: #060B13 !important;
}

.mega-menu {
  background: #0E1126 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.75) !important;
}

.mega-overview-bar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.mega-overview-link {
  color: var(--indigo-light) !important;
}

.mega-overview-link:hover {
  color: #FFFFFF !important;
}

.mega-section-title {
  color: var(--gold) !important;
}

.mega-list a {
  color: #CBD5E1 !important;
}

.mega-list a:hover {
  color: var(--indigo-light) !important;
}

.mega-featured-card {
  background: #141838 !important;
  border: 1px solid rgba(197, 155, 39, 0.3) !important;
}

.mega-featured-card h4 {
  color: #FFFFFF !important;
}

.mega-featured-card p {
  color: #94A3B8 !important;
}

.mega-read-link {
  color: var(--indigo-light) !important;
}

.mega-read-link:hover {
  color: #FFFFFF !important;
}

.nav-drawer {
  background: #0A0D1F !important;
  border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.drawer-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.drawer-close-btn {
  color: #FFFFFF !important;
}

.drawer-section-label {
  color: var(--gold) !important;
}

.drawer-link {
  color: #CBD5E1 !important;
}

.drawer-link:hover {
  color: var(--indigo-light) !important;
}

.drawer-cta-box {
  background: #141838 !important;
  border: 1px solid rgba(197, 155, 39, 0.35) !important;
}

.drawer-cta-box h4 {
  color: var(--gold) !important;
}

.drawer-cta-box p {
  color: #94A3B8 !important;
}

/* 5. Form Fields, Inputs & Borders Across Site */
.form-light input,
.form-light select,
.form-light textarea,
.section-paper input,
.section-paper select,
.section-paper textarea,
.section-mist input,
.section-mist select,
.section-mist textarea {
  background: #FFFFFF !important;
  color: var(--ink) !important;
  border: 1px solid rgba(33, 31, 32, 0.2) !important;
}

.form-light input:focus,
.form-light select:focus,
.form-light textarea:focus,
.section-paper input:focus,
.section-paper select:focus,
.section-paper textarea:focus,
.section-mist input:focus,
.section-mist select:focus,
.section-mist textarea:focus {
  border-color: var(--indigo) !important;
  outline: 2px solid var(--indigo) !important;
  outline-offset: 1px !important;
  box-shadow: 0 0 0 3px rgba(62, 64, 149, 0.15) !important;
}

.executive-form input,
.executive-form select,
.executive-form textarea,
.section-dark input,
.section-dark select,
.section-dark textarea,
.section-navy input,
.section-navy select,
.section-navy textarea {
  background: rgba(255, 255, 255, 0.05) !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.executive-form input:focus,
.executive-form select:focus,
.executive-form textarea:focus,
.section-dark input:focus,
.section-dark select:focus,
.section-dark textarea:focus,
.section-navy input:focus,
.section-navy select:focus,
.section-navy textarea:focus {
  border-color: var(--gold) !important;
  outline: 2px solid var(--gold) !important;
  outline-offset: 1px !important;
  box-shadow: 0 0 0 3px rgba(197, 155, 39, 0.2) !important;
}

/* 6. Text Links Across Site */
.section-paper a:not(.btn):not(.reel-download-btn):not(.cinematic-action),
.section-mist a:not(.btn):not(.reel-download-btn):not(.cinematic-action) {
  color: var(--indigo) !important;
}

.section-paper a:not(.btn):not(.reel-download-btn):not(.cinematic-action):hover,
.section-mist a:not(.btn):not(.reel-download-btn):not(.cinematic-action):hover {
  color: #252766 !important;
}

/* Cinematic Cards ALWAYS feature dark scrims: Action links must be crisp gold/white for WCAG AA compliance (10.2:1) */
.cinematic-card a.cinematic-action,
.cinematic-card .cinematic-action,
#intel-reel-section .cinematic-card a.cinematic-action,
#practices-section .cinematic-card a.cinematic-action,
#industries-section a.cinematic-action {
  color: var(--gold-light, #E5C05B) !important;
  font-weight: 600 !important;
}

.cinematic-card a.cinematic-action:hover,
.cinematic-card .cinematic-action:hover,
#intel-reel-section .cinematic-card a.cinematic-action:hover,
#practices-section .cinematic-card a.cinematic-action:hover,
#industries-section a.cinematic-action:hover {
  color: #FFFFFF !important;
}

#talent-gateway a:not(.btn),
.section-dark a:not(.btn):not(.reel-download-btn),
.section-navy a:not(.btn):not(.reel-download-btn) {
  color: var(--indigo-light) !important;
}

#industries-section a.cinematic-action:hover,
#talent-gateway a:not(.btn):hover,
.section-dark a:not(.btn):not(.reel-download-btn):hover,
.section-navy a:not(.btn):not(.reel-download-btn):hover {
  color: #FFFFFF !important;
}

/* ==========================================================================
   PHASE 4: INNER PAGES - PAGE 1: ABOUT US (about.html)
   Rhythm: Dark Hero -> Light (Paper: #thesis) -> Light (Mist: #leadership) -> Dark Footer
   ========================================================================== */

/* 1. Page Header (Hero): Dark Anchor */
.page-header {
  background: var(--midnight) !important;
}

.page-header .kicker-badge {
  color: var(--gold) !important;
}

.page-header h1 {
  color: var(--white) !important;
}

.page-header p {
  color: #CBD5E1 !important;
}

/* 2. Section: Foundational Thesis (#thesis) -> LIGHT (Paper) */
#thesis.section {
  background: var(--paper) !important;
  border-top: 1px solid rgba(33, 31, 32, 0.08) !important;
  border-bottom: 1px solid rgba(33, 31, 32, 0.08) !important;
}

#thesis .section-kicker,
#thesis .section-kicker-alt {
  color: var(--indigo) !important; /* Indigo leads on light */
}

#thesis h2,
#thesis .section-title-large {
  color: var(--ink) !important;
}

#thesis .lead-text {
  color: var(--ink) !important;
}

#thesis p {
  color: #4A4849 !important;
}

#thesis strong {
  color: var(--ink) !important;
}

#thesis .about-quote-box {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.08) !important;
  border-left: 4px solid var(--gold) !important; /* Decorative gold rule on light */
  box-shadow: 0 4px 16px rgba(13, 15, 36, 0.04) !important;
}

#thesis .about-quote-box blockquote {
  color: #2E2C2D !important;
}

#thesis .about-quote-box span {
  color: var(--indigo) !important;
}

#thesis .principle-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.08) !important;
  box-shadow: 0 4px 14px rgba(13, 15, 36, 0.04) !important;
}

#thesis .principle-card:hover {
  border-color: var(--indigo) !important;
  box-shadow: 0 8px 24px rgba(62, 64, 149, 0.1) !important;
}

#thesis .principle-card h4 {
  color: var(--ink) !important;
}

#thesis .principle-card p {
  color: #4A4849 !important;
}

/* Timeline Horizon on Light */
#thesis .timeline-milestone-node {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.08) !important;
  box-shadow: 0 4px 14px rgba(13, 15, 36, 0.04) !important;
}

#thesis .timeline-node-pin {
  background: rgba(62, 64, 149, 0.08) !important;
  color: var(--indigo) !important;
  border: 1px solid rgba(62, 64, 149, 0.2) !important;
}

#thesis .timeline-node-year {
  color: var(--indigo) !important;
}

#thesis .timeline-node-phase {
  color: var(--indigo) !important;
}

#thesis .timeline-node-title {
  color: var(--ink) !important;
}

#thesis .timeline-node-desc {
  color: #4A4849 !important;
}

/* Evidence Rail on About Page */
#thesis .consulting-evidence-item {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.08) !important;
  border-top: 3px solid var(--indigo) !important;
  box-shadow: 0 6px 18px rgba(13, 15, 36, 0.04) !important;
}

#thesis .consulting-evidence-metric {
  color: var(--indigo) !important;
}

#thesis .consulting-evidence-label {
  color: #555355 !important;
}

/* 3. Section: Leadership (#leadership) -> LIGHT (Mist: #F0F1F8) */
#leadership.section {
  background: var(--mist) !important;
  border-top: 1px solid rgba(33, 31, 32, 0.06) !important;
  border-bottom: 1px solid rgba(33, 31, 32, 0.06) !important;
}

#leadership .section-kicker {
  color: var(--indigo) !important; /* Indigo leads on light */
}

#leadership .section-title {
  color: var(--ink) !important;
}

#leadership .section-subtitle {
  color: #4A4849 !important;
}

#leadership .leader-card-equal {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.08) !important;
  box-shadow: 0 10px 30px rgba(13, 15, 36, 0.05) !important;
}

#leadership .leader-equal-tag {
  color: var(--indigo) !important;
}

#leadership .leader-equal-name {
  color: var(--ink) !important;
}

#leadership .leader-equal-designation {
  color: var(--indigo) !important;
}

#leadership .leader-equal-bio p {
  color: #4A4849 !important;
}

#leadership .leader-topics-box {
  background: var(--mist) !important;
  border: 1px solid rgba(33, 31, 32, 0.08) !important;
}

#leadership .leader-topics-title {
  color: var(--ink) !important;
}

#leadership .leader-topics-list li {
  color: #333132 !important;
}

#leadership .bullet-icon {
  color: var(--indigo) !important;
}

#leadership .leader-equal-contact-bar {
  border-top: 1px solid rgba(33, 31, 32, 0.08) !important;
}

#leadership .leader-equal-contact-link {
  color: var(--indigo) !important;
}

#leadership .leader-equal-contact-link:hover {
  color: #252766 !important;
}

#leadership .leader-location {
  color: #555355 !important;
}

/* ==========================================================================
   PHASE 4: INNER PAGES - PAGE 2: PRACTICES & CAPABILITIES (practices.html)
   Rhythm:
     1. Page Header (Hero): Dark Anchor (Midnight)
     2. Practices Cinematic Showcase Reel: Light (Paper)
     3. Practice Architecture Navigator (#practice-dossiers): Light (Mist)
     4. Cross-Sector Pathway Banner (.section-navy): Dark Feature Band (Midnight)
     5. Industry Portfolios Directory (.practice-portfolio-directory): Light (Paper)
     6. Footer: Dark Closing Anchor (Midnight)
   ========================================================================== */

/* 1. Practices Cinematic Showcase Reel (.cinematic-practices-overview-section) -> LIGHT (Paper) */
.cinematic-practices-overview-section {
  background: var(--paper) !important;
  border-bottom: 1px solid rgba(33, 31, 32, 0.08) !important;
}

.cinematic-practices-overview-section .section-kicker-alt {
  color: var(--indigo) !important; /* Indigo leads on light */
}

.cinematic-practices-overview-section .section-title-large,
.cinematic-practices-overview-section h2 {
  color: var(--ink) !important;
}

.cinematic-practices-overview-section .section-head-desc {
  color: #4A4849 !important;
}

.cinematic-practices-overview-section .cinematic-counter {
  color: var(--ink) !important;
}

.cinematic-practices-overview-section .cinematic-arrow-btn {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.15) !important;
  color: var(--indigo) !important;
  box-shadow: 0 4px 12px rgba(13, 15, 36, 0.06) !important;
}

.cinematic-practices-overview-section .cinematic-arrow-btn:hover {
  background: var(--indigo) !important;
  color: #FFFFFF !important;
  border-color: var(--indigo) !important;
}

.cinematic-practices-overview-section .cinematic-card {
  border: 1px solid rgba(33, 31, 32, 0.1) !important;
  box-shadow: 0 10px 25px rgba(13, 15, 36, 0.08) !important;
}

.cinematic-practices-overview-section .cinematic-card:hover {
  border-color: var(--indigo) !important;
  box-shadow: 0 16px 36px rgba(62, 64, 149, 0.15) !important;
}

.cinematic-practices-overview-section .cinematic-progress-bar,
.cinematic-practices-overview-section .cinematic-progress-track {
  background: rgba(33, 31, 32, 0.08) !important;
}

.cinematic-practices-overview-section .cinematic-progress-fill {
  background: var(--indigo) !important;
}

/* 2. Practice Architectural Blueprints Navigator (#practice-dossiers) -> LIGHT (Mist) */
#practice-dossiers.section {
  background: var(--mist) !important;
  border-top: 1px solid rgba(33, 31, 32, 0.06) !important;
  border-bottom: 1px solid rgba(33, 31, 32, 0.06) !important;
}

#practice-dossiers .section-kicker-alt {
  color: var(--indigo) !important;
}

#practice-dossiers .section-title-large,
#practice-dossiers h2 {
  color: var(--ink) !important;
}

#practice-dossiers .section-head-desc {
  color: #4A4849 !important;
}

/* Segmented Tab Navigation */
#practice-dossiers .segmented-nav-bar {
  border-bottom: 1px solid rgba(33, 31, 32, 0.12) !important;
}

#practice-dossiers .segmented-nav-btn {
  background: #FFFFFF !important;
  color: #4A4849 !important;
  border: 1px solid rgba(33, 31, 32, 0.12) !important;
}

#practice-dossiers .segmented-nav-btn:hover {
  color: var(--indigo) !important;
  border-color: var(--indigo) !important;
  background: rgba(62, 64, 149, 0.04) !important;
}

#practice-dossiers .segmented-nav-btn.active {
  background: var(--indigo) !important;
  color: #FFFFFF !important;
  border-color: var(--indigo) !important;
  box-shadow: 0 4px 12px rgba(62, 64, 149, 0.25) !important;
}

/* Tab Panels & Cards */
#practice-dossiers .segmented-panel > div {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.08) !important;
  box-shadow: 0 10px 30px rgba(13, 15, 36, 0.05) !important;
}

#practice-dossiers .segmented-panel > div > div:first-child {
  border-bottom: 1px solid rgba(33, 31, 32, 0.08) !important;
}

#practice-dossiers h3 {
  color: var(--ink) !important;
}

#practice-dossiers p {
  color: #4A4849 !important;
}

#practice-dossiers .btn-gold-sm {
  background: var(--indigo) !important;
  color: #FFFFFF !important;
  border: 1px solid var(--indigo) !important;
  box-shadow: 0 4px 14px rgba(62, 64, 149, 0.25) !important;
}

#practice-dossiers .btn-gold-sm:hover {
  background: #2E3075 !important;
  border-color: #2E3075 !important;
  color: #FFFFFF !important;
}

#practice-dossiers .segmented-panel div[style*="grid"] > div {
  background: var(--mist) !important;
  border: 1px solid rgba(33, 31, 32, 0.08) !important;
  box-shadow: 0 2px 8px rgba(13, 15, 36, 0.03) !important;
}

#practice-dossiers h4 {
  color: var(--ink) !important;
}

#practice-dossiers .segmented-panel div[style*="grid"] p {
  color: #4A4849 !important;
}

/* 3. Cross-Sector Pathway Banner (section.section-navy) -> DARK FEATURE BAND (Midnight) */
section.section-navy:not(.problem-landscape):not(.methodology-section):not(.proof-section) {
  background: var(--midnight) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

section.section-navy:not(.problem-landscape):not(.methodology-section):not(.proof-section) .section-kicker-alt {
  color: var(--gold) !important; /* Gold leads on dark */
}

section.section-navy:not(.problem-landscape):not(.methodology-section):not(.proof-section) .section-title-large,
section.section-navy:not(.problem-landscape):not(.methodology-section):not(.proof-section) h2 {
  color: var(--white) !important;
}

section.section-navy:not(.problem-landscape):not(.methodology-section):not(.proof-section) p {
  color: #CBD5E1 !important;
}

/* 4. Industry Portfolios Directory (.practice-portfolio-directory) -> LIGHT (Paper) */
.practice-portfolio-directory {
  background: var(--paper) !important;
  border-top: 1px solid rgba(33, 31, 32, 0.08) !important;
  border-bottom: 1px solid rgba(33, 31, 32, 0.08) !important;
}

.practice-portfolio-directory .capability-portfolio-kicker {
  color: var(--indigo) !important;
}

.practice-portfolio-directory .capability-portfolio-heading h2 {
  color: var(--ink) !important;
}

.practice-portfolio-directory .capability-portfolio-heading > p {
  color: #4A4849 !important;
}

.practice-portfolio-directory .industry-portfolio-capability {
  background: #FFFFFF !important;
  color: var(--ink) !important;
  border: 1px solid rgba(33, 31, 32, 0.1) !important;
  box-shadow: 0 4px 14px rgba(13, 15, 36, 0.04) !important;
}

.practice-portfolio-directory .industry-portfolio-capability:hover,
.practice-portfolio-directory .industry-portfolio-capability:focus-visible {
  background: #FFFFFF !important;
  color: var(--indigo) !important;
  border-color: var(--indigo) !important;
  box-shadow: 0 8px 24px rgba(62, 64, 149, 0.12) !important;
}

.practice-portfolio-directory .industry-portfolio-capability span:last-child {
  color: var(--indigo) !important;
}

/* ==========================================================================
   PHASE 4: INNER PAGES - PAGE 3: CASE STUDIES & IMPACT (case-studies.html)
   Rhythm:
     1. Page Header (Hero): Dark Anchor (Midnight)
     2. Cinematic Case Dossiers Showcase Reel: Light (Paper)
     3. Dossier Deep Dives & Verification Navigator: Light (Mist)
     4. Empirical Operational Benchmark: Dark Feature Band (Midnight)
     5. Footer: Dark Closing Anchor (Midnight)
   ========================================================================== */

/* 1. Cinematic Case Dossiers Showcase Reel (.cinematic-case-dossiers-section) -> LIGHT (Paper) */
.cinematic-case-dossiers-section {
  background: var(--paper) !important;
  border-bottom: 1px solid rgba(33, 31, 32, 0.08) !important;
}

.cinematic-case-dossiers-section .section-kicker-alt {
  color: var(--indigo) !important; /* Indigo leads on light */
}

.cinematic-case-dossiers-section .section-title-large,
.cinematic-case-dossiers-section h2 {
  color: var(--ink) !important;
}

.cinematic-case-dossiers-section .section-head-desc {
  color: #4A4849 !important;
}

.cinematic-case-dossiers-section .cinematic-counter {
  color: var(--ink) !important;
}

.cinematic-case-dossiers-section .cinematic-arrow-btn {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.15) !important;
  color: var(--indigo) !important;
  box-shadow: 0 4px 12px rgba(13, 15, 36, 0.06) !important;
}

.cinematic-case-dossiers-section .cinematic-arrow-btn:hover {
  background: var(--indigo) !important;
  color: #FFFFFF !important;
  border-color: var(--indigo) !important;
}

.cinematic-case-dossiers-section .cinematic-card {
  border: 1px solid rgba(33, 31, 32, 0.1) !important;
  box-shadow: 0 10px 25px rgba(13, 15, 36, 0.08) !important;
}

.cinematic-case-dossiers-section .cinematic-card:hover {
  border-color: var(--indigo) !important;
  box-shadow: 0 16px 36px rgba(62, 64, 149, 0.15) !important;
}

.cinematic-case-dossiers-section .cinematic-progress-bar,
.cinematic-case-dossiers-section .cinematic-progress-track {
  background: rgba(33, 31, 32, 0.08) !important;
}

.cinematic-case-dossiers-section .cinematic-progress-fill {
  background: var(--indigo) !important;
}

/* 2. Dossier Deep Dives & Verification Navigator -> LIGHT (Mist) */
.cinematic-case-dossiers-section + section.section-dark {
  background: var(--mist) !important;
  border-top: 1px solid rgba(33, 31, 32, 0.06) !important;
  border-bottom: 1px solid rgba(33, 31, 32, 0.06) !important;
}

/* Sovereign NDA & Auditability Notice */
.cinematic-case-dossiers-section + section.section-dark div[style*="rgba(197, 155, 39"] {
  background: #FFFFFF !important;
  border: 1px solid rgba(197, 155, 39, 0.35) !important;
  box-shadow: 0 4px 16px rgba(13, 15, 36, 0.04) !important;
}

.cinematic-case-dossiers-section + section.section-dark div[style*="rgba(197, 155, 39"] span[style*="text-white"] {
  color: var(--ink) !important;
}

.cinematic-case-dossiers-section + section.section-dark div[style*="rgba(197, 155, 39"] p {
  color: #4A4849 !important;
}

/* Segmented Tab Navigation */
.cinematic-case-dossiers-section + section.section-dark .segmented-nav-bar {
  border-bottom: 1px solid rgba(33, 31, 32, 0.12) !important;
}

.cinematic-case-dossiers-section + section.section-dark .segmented-nav-btn {
  background: #FFFFFF !important;
  color: #4A4849 !important;
  border: 1px solid rgba(33, 31, 32, 0.12) !important;
}

.cinematic-case-dossiers-section + section.section-dark .segmented-nav-btn:hover {
  color: var(--indigo) !important;
  border-color: var(--indigo) !important;
  background: rgba(62, 64, 149, 0.04) !important;
}

.cinematic-case-dossiers-section + section.section-dark .segmented-nav-btn.active {
  background: var(--indigo) !important;
  color: #FFFFFF !important;
  border-color: var(--indigo) !important;
  box-shadow: 0 4px 12px rgba(62, 64, 149, 0.25) !important;
}

/* Dossier Panels */
.cinematic-case-dossiers-section + section.section-dark .segmented-panel > div {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.08) !important;
  box-shadow: 0 10px 30px rgba(13, 15, 36, 0.05) !important;
}

.cinematic-case-dossiers-section + section.section-dark .segmented-panel > div > div:first-child {
  border-bottom: 1px solid rgba(33, 31, 32, 0.08) !important;
}

.cinematic-case-dossiers-section + section.section-dark .section-kicker-alt {
  color: var(--indigo) !important;
}

.cinematic-case-dossiers-section + section.section-dark h3 {
  color: var(--ink) !important;
}

.cinematic-case-dossiers-section + section.section-dark h4 {
  color: var(--indigo) !important;
}

.cinematic-case-dossiers-section + section.section-dark p {
  color: #4A4849 !important;
}

.cinematic-case-dossiers-section + section.section-dark .btn-gold-sm {
  background: var(--indigo) !important;
  color: #FFFFFF !important;
  border: 1px solid var(--indigo) !important;
  box-shadow: 0 4px 14px rgba(62, 64, 149, 0.25) !important;
}

.cinematic-case-dossiers-section + section.section-dark .btn-gold-sm:hover {
  background: #2E3075 !important;
  border-color: #2E3075 !important;
  color: #FFFFFF !important;
}

/* Metric Cards Grid */
.cinematic-case-dossiers-section + section.section-dark div[style*="repeat(3, 1fr)"] {
  background: var(--mist) !important;
  border: 1px solid rgba(33, 31, 32, 0.08) !important;
}

.cinematic-case-dossiers-section + section.section-dark div[style*="repeat(3, 1fr)"] div[style*="font-family: var(--font-display)"] {
  color: var(--indigo) !important;
}

.cinematic-case-dossiers-section + section.section-dark div[style*="repeat(3, 1fr)"] div[style*="text-transform: uppercase"] {
  color: #555355 !important;
}

/* Verified Outcome Breakdown Box */
.cinematic-case-dossiers-section + section.section-dark div[style*="background: var(--navy-deep)"] {
  background: var(--mist) !important;
  border: 1px solid rgba(33, 31, 32, 0.08) !important;
}

.cinematic-case-dossiers-section + section.section-dark div[style*="background: var(--navy-deep)"] div[style*="color: var(--gold-primary)"] {
  color: var(--indigo) !important;
}

.cinematic-case-dossiers-section + section.section-dark div[style*="background: var(--navy-deep)"] div[style*="color: #CBD5E1"] {
  color: var(--ink) !important;
}

/* 3. Empirical Operational Benchmark (#empirical-benchmarks) -> DARK FEATURE BAND (Midnight) */
#empirical-benchmarks {
  background: var(--midnight) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

#empirical-benchmarks .section-kicker-alt {
  color: var(--gold) !important; /* Gold leads on dark */
}

#empirical-benchmarks .section-title-large,
#empirical-benchmarks h2 {
  color: var(--white) !important;
}

#empirical-benchmarks .section-head-desc {
  color: #CBD5E1 !important;
}

#empirical-benchmarks .btn-outline-sm {
  background: transparent !important;
  border: 1px solid var(--indigo-light) !important;
  color: var(--indigo-light) !important;
}

#empirical-benchmarks .btn-outline-sm:hover {
  background: rgba(157, 160, 255, 0.1) !important;
  color: #FFFFFF !important;
  border-color: #FFFFFF !important;
}

#empirical-benchmarks .btn-gold-sm {
  background: var(--gold) !important;
  color: #060B13 !important;
  border: 1px solid var(--gold) !important;
  box-shadow: 0 4px 14px rgba(197, 155, 39, 0.3) !important;
}

#empirical-benchmarks .btn-gold-sm:hover {
  background: #E5C05B !important;
  color: #060B13 !important;
}

#empirical-benchmarks .framework-visual-frame {
  background: #080A1A !important;
  border: 1px solid rgba(197, 155, 39, 0.35) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5) !important;
}

/* ==========================================================================
   PHASE 4: INNER PAGES - PAGE 4: INSIGHTS & WHITE PAPERS (insights.html)
   Rhythm:
     1. Page Header (Hero): Dark Anchor (Midnight)
     2. Cinematic Insights Showcase Reel: Light (Paper)
     3. Macroeconomic Research Exhibit (#macro-research-exhibit): Dark Feature Band (Midnight)
     4. Research Library & Archive Matrix (#research-library): Light (Mist)
     5. Footer: Dark Closing Anchor (Midnight)
   ========================================================================== */

/* 1. Cinematic Insights Showcase Reel (.cinematic-insights-section) -> DARK EXECUTIVE CANVASES */
.cinematic-insights-section {
  background: #070D18 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.cinematic-insights-section .section-kicker-alt {
  color: var(--gold-light, #E5C05B) !important;
}

.cinematic-insights-section .section-title-large,
.cinematic-insights-section h2 {
  color: #FFFFFF !important;
}

.cinematic-insights-section .section-head-desc {
  color: #CBD5E1 !important;
}

.cinematic-insights-section .cinematic-counter {
  color: #CBD5E1 !important;
}

.cinematic-insights-section .cinematic-arrow-btn {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.15) !important;
  color: var(--indigo) !important;
  box-shadow: 0 4px 12px rgba(13, 15, 36, 0.06) !important;
}

.cinematic-insights-section .cinematic-arrow-btn:hover {
  background: var(--indigo) !important;
  color: #FFFFFF !important;
  border-color: var(--indigo) !important;
}

.cinematic-insights-section .cinematic-card {
  border: 1px solid rgba(33, 31, 32, 0.1) !important;
  box-shadow: 0 10px 25px rgba(13, 15, 36, 0.08) !important;
}

.cinematic-insights-section .cinematic-card:hover {
  border-color: var(--indigo) !important;
  box-shadow: 0 16px 36px rgba(62, 64, 149, 0.15) !important;
}

.cinematic-insights-section .cinematic-progress-bar,
.cinematic-insights-section .cinematic-progress-track {
  background: rgba(33, 31, 32, 0.08) !important;
}

.cinematic-insights-section .cinematic-progress-fill {
  background: var(--indigo) !important;
}

/* 2. Macroeconomic Research Exhibit (#macro-research-exhibit) -> DARK FEATURE BAND (Midnight) */
#macro-research-exhibit {
  background: var(--midnight) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

#macro-research-exhibit .section-kicker-alt {
  color: var(--gold) !important; /* Gold leads on dark */
}

#macro-research-exhibit .section-title-large,
#macro-research-exhibit h2 {
  color: var(--white) !important;
}

#macro-research-exhibit .section-head-desc {
  color: #CBD5E1 !important;
}

#macro-research-exhibit .btn-outline-sm {
  background: transparent !important;
  border: 1px solid var(--indigo-light) !important;
  color: var(--indigo-light) !important;
}

#macro-research-exhibit .btn-outline-sm:hover {
  background: rgba(157, 160, 255, 0.1) !important;
  color: #FFFFFF !important;
  border-color: #FFFFFF !important;
}

#macro-research-exhibit .btn-gold-sm {
  background: var(--gold) !important;
  color: #060B13 !important;
  border: 1px solid var(--gold) !important;
  box-shadow: 0 4px 14px rgba(197, 155, 39, 0.3) !important;
}

#macro-research-exhibit .btn-gold-sm:hover {
  background: #E5C05B !important;
  color: #060B13 !important;
}

#macro-research-exhibit .framework-visual-frame {
  background: #080A1A !important;
  border: 1px solid rgba(197, 155, 39, 0.35) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5) !important;
}

/* 3. Research Library & Archive Matrix (#research-library) -> LIGHT (Mist) */
#research-library.section {
  background: var(--mist) !important;
  border-top: 1px solid rgba(33, 31, 32, 0.06) !important;
  border-bottom: 1px solid rgba(33, 31, 32, 0.06) !important;
}

#research-library .section-kicker-alt {
  color: var(--indigo) !important;
}

#research-library .section-title-large,
#research-library h2 {
  color: var(--ink) !important;
}

#research-library .btn-gold-sm {
  background: var(--indigo) !important;
  color: #FFFFFF !important;
  border: 1px solid var(--indigo) !important;
  box-shadow: 0 4px 14px rgba(62, 64, 149, 0.25) !important;
}

#research-library .btn-gold-sm:hover {
  background: #2E3075 !important;
  border-color: #2E3075 !important;
  color: #FFFFFF !important;
}

/* Research Archive Table */
.research-archive-table {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.1) !important;
  box-shadow: 0 10px 30px rgba(13, 15, 36, 0.05) !important;
}

.research-archive-table th {
  background: var(--paper) !important;
  color: var(--indigo) !important;
  border-bottom: 1px solid rgba(33, 31, 32, 0.1) !important;
}

.research-archive-table td {
  color: #4A4849 !important;
  border-bottom: 1px solid rgba(33, 31, 32, 0.06) !important;
}

.research-archive-table tr:hover td {
  background: rgba(62, 64, 149, 0.02) !important;
}

.research-archive-table td strong {
  color: var(--ink) !important;
}

.research-archive-table td span[style*="var(--gold-light)"] {
  color: var(--indigo) !important;
}

.research-archive-table td span[style*="var(--text-muted)"] {
  color: #4A4849 !important;
}

.research-archive-table td span[style*="font-family: var(--font-mono)"] {
  color: #333132 !important;
}

.research-archive-table .btn-navy-sm {
  background: var(--paper) !important;
  color: var(--indigo) !important;
  border: 1px solid var(--indigo) !important;
}

.research-archive-table .btn-navy-sm:hover {
  background: var(--indigo) !important;
  color: #FFFFFF !important;
  border-color: var(--indigo) !important;
}

/* ==========================================================================
   PHASE 4: INNER PAGES - PAGE 5: CAREERS & SENIOR TALENT (careers.html)
   Rhythm:
     1. Page Header (Hero): Dark Anchor (Midnight)
     2. Practice Culture & Operating Ethos: Light (Paper)
     3. Active Mandates Directory (#openings): Light (Mist)
     4. Speculative Executive Applications Box: Dark Closing CTA (Midnight)
     5. Footer: Dark Closing Anchor (Midnight)
   ========================================================================== */

/* 1. Practice Culture & Operating Ethos -> LIGHT (Paper) */
.page-header + section.section-dark {
  background: var(--paper) !important;
  border-bottom: 1px solid rgba(33, 31, 32, 0.08) !important;
}

.page-header + section.section-dark .section-kicker-alt {
  color: var(--indigo) !important; /* Indigo leads on light */
}

.page-header + section.section-dark,
.page-header + section.section-paper,
.careers-page .page-header + section {
  background: var(--paper) !important;
  border-bottom: 1px solid rgba(33, 31, 32, 0.08) !important;
}

.page-header + section.section-dark .section-kicker-alt,
.page-header + section.section-paper .section-kicker-alt,
.careers-page .section-kicker-alt {
  color: var(--indigo) !important; /* Indigo leads on light */
}

.page-header + section.section-dark .section-title-large,
.page-header + section.section-paper .section-title-large,
.page-header + section.section-dark h2,
.page-header + section.section-paper h2,
.careers-page h2 {
  color: var(--ink) !important;
}

.page-header + section.section-dark .section-head-desc,
.page-header + section.section-paper .section-head-desc,
.careers-page .section-head-desc {
  color: #4A4849 !important;
}

/* Consulting Evidence Rail on Careers & Light Surfaces (Universal) */
section.section-paper .consulting-evidence-rail,
section.section-light .consulting-evidence-rail,
section.section-white .consulting-evidence-rail,
section.section-dark:has(.legal-page-container) .consulting-evidence-rail,
section:has(.legal-page-container) .consulting-evidence-rail,
.page-header + section .consulting-evidence-rail,
.careers-page .consulting-evidence-rail,
.legal-content .consulting-evidence-rail,
.contact-page-grid .consulting-evidence-rail,
#profiles .consulting-evidence-rail {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
  gap: 1.15rem !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.1) !important;
  box-shadow: 0 4px 16px rgba(13, 15, 36, 0.04) !important;
  padding: 1.5rem !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

/* Symmetrical 4-column layout on desktop for 4-item rails */
section.section-paper .consulting-evidence-rail:has(> :nth-child(4):last-child),
.page-header + section .consulting-evidence-rail:has(> :nth-child(4):last-child),
.legal-content .consulting-evidence-rail:has(> :nth-child(4):last-child),
.careers-page .consulting-evidence-rail {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

@media (max-width: 960px) {
  section.section-paper .consulting-evidence-rail,
  section.section-light .consulting-evidence-rail,
  section.section-white .consulting-evidence-rail,
  section.section-dark:has(.legal-page-container) .consulting-evidence-rail,
  section:has(.legal-page-container) .consulting-evidence-rail,
  .page-header + section .consulting-evidence-rail,
  .careers-page .consulting-evidence-rail,
  .legal-content .consulting-evidence-rail,
  .contact-page-grid .consulting-evidence-rail,
  #profiles .consulting-evidence-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 520px) {
  section.section-paper .consulting-evidence-rail,
  section.section-light .consulting-evidence-rail,
  section.section-white .consulting-evidence-rail,
  section.section-dark:has(.legal-page-container) .consulting-evidence-rail,
  section:has(.legal-page-container) .consulting-evidence-rail,
  .page-header + section .consulting-evidence-rail,
  .careers-page .consulting-evidence-rail,
  .legal-content .consulting-evidence-rail,
  .contact-page-grid .consulting-evidence-rail,
  #profiles .consulting-evidence-rail {
    grid-template-columns: 1fr !important;
  }
}

section.section-paper .consulting-evidence-item,
section.section-light .consulting-evidence-item,
section.section-white .consulting-evidence-item,
section.section-dark:has(.legal-page-container) .consulting-evidence-item,
section:has(.legal-page-container) .consulting-evidence-item,
.page-header + section .consulting-evidence-item,
.careers-page .consulting-evidence-item,
.legal-content .consulting-evidence-item,
.contact-page-grid .consulting-evidence-item,
#profiles .consulting-evidence-item {
  background: #F8FAFC !important;
  border: 1px solid rgba(33, 31, 32, 0.08) !important;
  border-top: 3px solid var(--gold) !important;
  box-shadow: 0 2px 8px rgba(13, 15, 36, 0.04) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 6px !important;
  padding: 1.25rem 1.35rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.4rem !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

section.section-paper .consulting-evidence-item:hover,
section.section-light .consulting-evidence-item:hover,
section.section-white .consulting-evidence-item:hover,
section.section-dark:has(.legal-page-container) .consulting-evidence-item:hover,
section:has(.legal-page-container) .consulting-evidence-item:hover,
.page-header + section .consulting-evidence-item:hover,
.careers-page .consulting-evidence-item:hover,
.legal-content .consulting-evidence-item:hover,
.contact-page-grid .consulting-evidence-item:hover,
#profiles .consulting-evidence-item:hover {
  background: #FFFFFF !important;
  border-color: rgba(62, 64, 149, 0.3) !important;
  border-top-color: var(--gold) !important;
  box-shadow: 0 8px 24px rgba(62, 64, 149, 0.08) !important;
  transform: translateY(-2px) !important;
}

section.section-paper .consulting-evidence-metric,
section.section-light .consulting-evidence-metric,
section.section-white .consulting-evidence-metric,
section.section-dark:has(.legal-page-container) .consulting-evidence-metric,
section:has(.legal-page-container) .consulting-evidence-metric,
.page-header + section .consulting-evidence-metric,
.careers-page .consulting-evidence-metric,
.legal-content .consulting-evidence-metric,
.contact-page-grid .consulting-evidence-metric,
#profiles .consulting-evidence-metric {
  color: var(--indigo) !important;
  font-family: var(--font-display, 'Lora', serif) !important;
  font-size: clamp(1.4rem, 2vw, 1.85rem) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
}

section.section-paper .consulting-evidence-label,
section.section-light .consulting-evidence-label,
section.section-white .consulting-evidence-label,
section.section-dark:has(.legal-page-container) .consulting-evidence-label,
section:has(.legal-page-container) .consulting-evidence-label,
.page-header + section .consulting-evidence-label,
.careers-page .consulting-evidence-label,
.legal-content .consulting-evidence-label,
.contact-page-grid .consulting-evidence-label,
#profiles .consulting-evidence-label {
  color: #4A4849 !important;
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

/* Principles Monograph Cards */
.principles-monograph-card,
.page-header + section .principles-monograph-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.08) !important;
  border-left: 3px solid var(--indigo) !important;
  box-shadow: 0 6px 20px rgba(13, 15, 36, 0.04) !important;
}

.principles-monograph-card:hover,
.page-header + section .principles-monograph-card:hover {
  background: #FFFFFF !important;
  border-color: rgba(62, 64, 149, 0.3) !important;
  border-left-color: var(--indigo) !important;
  box-shadow: 0 12px 28px rgba(62, 64, 149, 0.1) !important;
}

.monograph-index,
.page-header + section .monograph-index {
  color: var(--indigo) !important;
}

.monograph-title,
.page-header + section .monograph-title {
  color: var(--ink) !important;
}

.monograph-quote,
.page-header + section .monograph-quote {
  color: #333132 !important;
  border-left: 2px solid var(--indigo) !important;
}

.monograph-desc,
.page-header + section .monograph-desc {
  color: #4A4849 !important;
}

/* 2. Active Mandates Directory (#openings) -> LIGHT (Mist) */
#openings.section {
  background: var(--mist) !important;
  border-top: 1px solid rgba(33, 31, 32, 0.06) !important;
  border-bottom: 1px solid rgba(33, 31, 32, 0.06) !important;
}

#openings .section-kicker {
  color: var(--indigo) !important;
}

#openings .section-title,
#openings h2 {
  color: var(--ink) !important;
}

#openings .section-subtitle {
  color: #4A4849 !important;
}

/* Career Mandate Row Cards */
#openings .career-row-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.1) !important;
  border-left: 3px solid var(--indigo) !important;
  box-shadow: 0 6px 20px rgba(13, 15, 36, 0.04) !important;
}

#openings .career-row-card:hover {
  background: #FFFFFF !important;
  border-color: rgba(62, 64, 149, 0.35) !important;
  border-left-color: var(--indigo) !important;
  box-shadow: 0 12px 28px rgba(62, 64, 149, 0.12) !important;
}

#openings .career-row-tag {
  color: var(--indigo) !important;
  background: rgba(62, 64, 149, 0.06) !important;
  border: 1px solid rgba(62, 64, 149, 0.2) !important;
}

#openings .career-row-meta {
  color: #555355 !important;
}

#openings .career-row-title {
  color: var(--ink) !important;
}

#openings .career-row-summary {
  color: #4A4849 !important;
}

#openings .career-row-action .btn-gold-sm {
  background: var(--indigo) !important;
  color: #FFFFFF !important;
  border: 1px solid var(--indigo) !important;
  box-shadow: 0 4px 14px rgba(62, 64, 149, 0.25) !important;
}

#openings .career-row-action .btn-gold-sm:hover {
  background: #2E3075 !important;
  border-color: #2E3075 !important;
  color: #FFFFFF !important;
}

/* 3. Speculative Application Box -> DARK CLOSING CTA (Midnight) */
#openings div[style*="max-width: 860px"] {
  background: var(--midnight) !important;
  border: 1px solid rgba(197, 155, 39, 0.35) !important;
  box-shadow: 0 16px 40px rgba(13, 15, 36, 0.35) !important;
}

#openings div[style*="max-width: 860px"] h3 {
  color: var(--white) !important;
}

#openings div[style*="max-width: 860px"] p {
  color: #CBD5E1 !important;
}

#openings div[style*="max-width: 860px"] .btn-gold {
  background: var(--gold) !important;
  color: #060B13 !important;
  border: 1px solid var(--gold) !important;
  box-shadow: 0 4px 14px rgba(197, 155, 39, 0.3) !important;
}

#openings div[style*="max-width: 860px"] .btn-gold:hover {
  background: #E5C05B !important;
  color: #060B13 !important;
}

#openings div[style*="max-width: 860px"] .btn-outline {
  border: 1px solid var(--indigo-light) !important;
  color: var(--indigo-light) !important;
  background: transparent !important;
}

#openings div[style*="max-width: 860px"] .btn-outline:hover {
  background: rgba(157, 160, 255, 0.1) !important;
  color: #FFFFFF !important;
  border-color: #FFFFFF !important;
}

/* ==========================================================================
   PHASE 4: INNER PAGES - PAGE 6: ADVISORY CONSULTATION & CONTACT (contact.html)
   Rhythm:
     1. Page Header (Hero): Dark Anchor (Midnight)
     2. Advisory Engagement & Executive Form: Light (Paper)
     3. Footer: Dark Closing Anchor (Midnight)
   ========================================================================== */

/* 1. Main Advisory Engagement Section -> LIGHT (Paper) */
.page-header + section.section-dark:has(.contact-page-grid),
section.section-dark:has(.contact-page-grid) {
  background: var(--paper) !important;
  border-bottom: 1px solid rgba(33, 31, 32, 0.08) !important;
}

.contact-page-grid .section-kicker {
  color: var(--indigo) !important; /* Indigo leads on light */
}

.contact-page-grid h2 {
  color: var(--ink) !important;
}

.contact-page-grid p {
  color: #4A4849 !important;
}

/* Consulting Evidence Rail on Contact Page (Balanced 2x2 Grid) */
.contact-page-grid .consulting-evidence-rail,
.contact-evidence-rail {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1.15rem !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.1) !important;
  box-shadow: 0 4px 16px rgba(13, 15, 36, 0.04) !important;
  padding: 1.25rem !important;
  border-radius: 8px !important;
}

.contact-page-grid .consulting-evidence-item,
.contact-evidence-rail .consulting-evidence-item {
  background: #F8FAFC !important;
  border: 1px solid rgba(33, 31, 32, 0.08) !important;
  border-top: 3px solid var(--gold) !important;
  padding: 1.15rem 1rem !important;
  border-radius: 6px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.35rem !important;
  align-items: center !important;
  text-align: center !important;
  min-width: 0 !important;
}

.contact-page-grid .consulting-evidence-metric,
.contact-evidence-rail .consulting-evidence-metric,
.consulting-evidence-metric {
  color: var(--indigo) !important;
  white-space: nowrap !important;
  display: block !important;
  font-size: 1.75rem !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
  word-break: keep-all !important;
}

.contact-page-grid .consulting-evidence-label,
.contact-evidence-rail .consulting-evidence-label,
.consulting-evidence-label {
  color: #4A4849 !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  text-align: center !important;
}

@media (max-width: 440px) {
  .contact-page-grid .consulting-evidence-rail,
  .contact-evidence-rail {
    grid-template-columns: 1fr !important;
  }
}

/* Advisory Cadence & SLA Box */
.contact-page-grid div[style*="rgba(16, 26, 46, 0.7)"] {
  background: var(--mist) !important;
  border: 1px solid rgba(33, 31, 32, 0.1) !important;
  box-shadow: 0 4px 14px rgba(13, 15, 36, 0.03) !important;
}

.contact-page-grid div[style*="rgba(16, 26, 46, 0.7)"] div[style*="font-family: var(--font-mono)"] {
  color: var(--indigo) !important;
}

.contact-page-grid div[style*="rgba(16, 26, 46, 0.7)"] ul {
  color: #4A4849 !important;
}

.contact-page-grid div[style*="rgba(16, 26, 46, 0.7)"] li strong {
  color: var(--ink) !important;
}

/* Direct Advisory Channel Items */
.contact-page-grid span[style*="color: var(--gold-primary)"] {
  color: var(--indigo) !important;
}

.contact-page-grid strong[style*="color: var(--white)"] {
  color: var(--ink) !important;
}

.contact-page-grid a[href^="mailto:"] {
  color: var(--indigo) !important;
}

.contact-page-grid a[href^="mailto:"]:hover {
  color: #2E3075 !important;
}

/* 2. Executive Form Pane */
.executive-form {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.1) !important;
  box-shadow: 0 12px 36px rgba(13, 15, 36, 0.06) !important;
}

.executive-form label {
  color: var(--ink) !important;
}

.executive-form input,
.executive-form select,
.executive-form textarea {
  background: var(--paper) !important;
  border: 1px solid rgba(33, 31, 32, 0.15) !important;
  color: var(--ink) !important;
}

.executive-form input:focus,
.executive-form select:focus,
.executive-form textarea:focus {
  border-color: var(--indigo) !important;
  box-shadow: 0 0 0 3px rgba(62, 64, 149, 0.15) !important;
  background: #FFFFFF !important;
}

.executive-form #submitBtn.btn-gold {
  background: var(--indigo) !important;
  color: #FFFFFF !important;
  border: 1px solid var(--indigo) !important;
  box-shadow: 0 4px 14px rgba(62, 64, 149, 0.25) !important;
}

.executive-form #submitBtn.btn-gold:hover {
  background: #2E3075 !important;
  border-color: #2E3075 !important;
  color: #FFFFFF !important;
  box-shadow: 0 6px 18px rgba(62, 64, 149, 0.4) !important;
}

/* ==========================================================================
   PHASE 4: INNER PAGES - PAGE 7: TRUST & COMPLIANCE (trust.html)
   Rhythm:
     1. Top Bar & Navbar: Dark Foundation (Midnight)
     2. Trust Center & Institutional Governance: Light (Paper)
     3. Direct Data Deletion & Privacy Inquiry Callout: Dark Closing CTA (Midnight)
     4. Footer: Dark Closing Anchor (Midnight)
   ========================================================================== */

/* ==========================================================================
   PHASE 4: INNER PAGES - PAGE 7: TRUST & COMPLIANCE, MONOGRAPHS & GOVERNANCE
   Applies to digital-public-infrastructure.html, telecom-ai-consulting.html,
   sovereign-ai.html, enterprise-architecture.html, autonomous-networks.html,
   trust.html, terms.html, privacy.html, legal.html, corporate.html, disclosures.html
   Rhythm:
     1. Page Header: Dark Anchor (Midnight Navy)
     2. Practice Content & Monograph Grid: Light (Paper #FAFAFC)
     3. Closing Advisory Callout: Dark Feature Band (Midnight Navy)
     4. Footer: Dark Closing Anchor (Midnight Navy)
   ========================================================================== */

/* 1. Main Monograph & Legal Page Section Container */
section.section-dark:has(.legal-page-container),
section.section-paper:has(.legal-page-container),
section:has(.legal-page-container) {
  background: var(--paper) !important;
  border-bottom: 1px solid rgba(33, 31, 32, 0.08) !important;
}

/* Legal Tab Bar */
.legal-tab-bar {
  border-bottom: 1px solid rgba(33, 31, 32, 0.12) !important;
}

.legal-tab-btn {
  background: #FFFFFF !important;
  color: #4A4849 !important;
  border: 1px solid rgba(33, 31, 32, 0.12) !important;
}

.legal-tab-btn:hover {
  color: var(--indigo) !important;
  border-color: var(--indigo) !important;
  background: rgba(62, 64, 149, 0.04) !important;
}

.legal-tab-btn.active {
  background: var(--indigo) !important;
  color: #FFFFFF !important;
  border-color: var(--indigo) !important;
  box-shadow: 0 4px 14px rgba(62, 64, 149, 0.25) !important;
}

/* Table of Contents Sidebar */
.legal-toc {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.1) !important;
  box-shadow: 0 4px 16px rgba(13, 15, 36, 0.04) !important;
  border-radius: 8px !important;
}

.legal-toc-title {
  color: var(--indigo) !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
}

.legal-toc-link {
  color: #4A4849 !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
}

.legal-toc-link:hover,
.legal-toc-link.active {
  color: var(--indigo) !important;
  font-weight: 600 !important;
  transform: translateX(3px) !important;
}

.legal-toc div[style*="border-top"] {
  border-top: 1px solid rgba(33, 31, 32, 0.08) !important;
}

.legal-toc div[style*="border-top"] span {
  color: var(--indigo) !important;
  font-weight: 700 !important;
}

.legal-toc div[style*="border-top"] p {
  color: #4A4849 !important;
}

.legal-toc div[style*="border-top"] a.btn-gold-sm {
  background: var(--gold) !important;
  color: #060B13 !important;
  font-weight: 600 !important;
  border: 1px solid var(--gold) !important;
  box-shadow: 0 2px 8px rgba(197, 155, 39, 0.2) !important;
}

.legal-toc div[style*="border-top"] a.btn-gold-sm:hover {
  background: #E5C05B !important;
  color: #060B13 !important;
}

/* Header Card */
.legal-header-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.08) !important;
  border-left: 4px solid var(--indigo) !important;
  box-shadow: 0 10px 30px rgba(13, 15, 36, 0.05) !important;
}

.legal-header-card .section-kicker-alt {
  color: var(--indigo) !important;
}

.legal-header-card h1,
.legal-h1 {
  color: var(--ink, #211F20) !important;
}

.legal-header-card p[style*="monospace"] {
  color: #555355 !important;
}

.legal-lead-p {
  color: #4A4849 !important;
}

/* 2. Monograph & Legal Article Cards (Universal High Contrast) */
.legal-article-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.08) !important;
  box-shadow: 0 6px 20px rgba(13, 15, 36, 0.03) !important;
  border-radius: 8px !important;
  padding: clamp(2rem, 4vw, 3rem) !important;
  margin-bottom: 2rem !important;
  transition: all 0.25s ease !important;
}

.legal-article-card:hover {
  border-color: rgba(62, 64, 149, 0.3) !important;
  box-shadow: 0 12px 28px rgba(62, 64, 149, 0.08) !important;
}

/* Article Headings */
.legal-article-card h2,
.legal-article-card .legal-h2 {
  color: var(--ink, #211F20) !important;
  font-family: var(--font-display, 'Lora', serif) !important;
  font-size: clamp(1.4rem, 2.2vw, 1.75rem) !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin-top: 0 !important;
  margin-bottom: 1.25rem !important;
  border-bottom: 1px solid rgba(33, 31, 32, 0.08) !important;
  padding-bottom: 0.75rem !important;
  letter-spacing: -0.01em !important;
}

.legal-article-card h3,
.legal-article-card h4 {
  color: var(--ink, #211F20) !important;
  font-family: var(--font-display, 'Lora', serif) !important;
  font-weight: 700 !important;
  margin-top: 1.25rem !important;
  margin-bottom: 0.65rem !important;
  line-height: 1.35 !important;
}

.h2-hash {
  color: var(--indigo) !important;
}

/* Paragraphs & Lead Text */
.legal-article-card p,
.legal-article-card .legal-lead-p {
  color: #334155 !important; /* Deep Slate Ink - WCAG AAA (9.5:1 on #FFFFFF) */
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  font-size: 1rem !important;
  line-height: 1.75 !important;
  margin-bottom: 1.15rem !important;
}

/* Lists & Bullet Items */
.legal-article-card ul,
.legal-article-card ol {
  color: #334155 !important;
  padding-left: 1.5rem !important;
  margin-bottom: 1.25rem !important;
}

.legal-article-card li,
.legal-article-card .legal-bullet-item {
  color: #334155 !important;
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  font-size: 0.98rem !important;
  line-height: 1.7 !important;
  margin-bottom: 0.65rem !important;
}

.legal-bullet-item::before {
  background-color: var(--indigo) !important;
}

/* Strong & Emphasis */
.legal-article-card strong,
.legal-article-card b,
.legal-bullet-item strong {
  color: var(--ink, #211F20) !important;
  font-weight: 700 !important;
}

/* Links inside Articles */
.legal-article-card a:not(.btn) {
  color: var(--indigo, #3E4095) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  font-weight: 600 !important;
}

.legal-article-card a:not(.btn):hover {
  color: #2E3075 !important;
}

/* Code & Pre inside Articles */
.legal-article-card code {
  background: #F1F5F9 !important;
  color: #0F172A !important;
  padding: 0.2rem 0.4rem !important;
  border-radius: 4px !important;
  font-family: var(--font-mono, 'JetBrains Mono', monospace) !important;
  font-size: 0.88em !important;
  border: 1px solid rgba(33, 31, 32, 0.08) !important;
}

/* 3. Monograph & Legal Closing CTA Box -> DARK FEATURE BAND (Midnight Navy) */
.legal-content div[style*="background: var(--navy-surface)"],
.legal-content div[style*="background:var(--navy-surface)"],
.legal-callout-card {
  background: var(--midnight, #0D0F24) !important;
  border: 1px solid rgba(197, 155, 39, 0.35) !important;
  box-shadow: 0 16px 40px rgba(13, 15, 36, 0.25) !important;
  border-radius: 8px !important;
  padding: clamp(2rem, 4vw, 3rem) !important;
  margin-top: 3rem !important;
  text-align: center !important;
}

.legal-content div[style*="background: var(--navy-surface)"] div[style*="color: var(--gold-primary)"],
.legal-content div[style*="background:var(--navy-surface)"] div[style*="color:var(--gold-primary)"],
.legal-callout-card .section-kicker {
  color: var(--gold) !important;
  font-size: 0.75rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  font-weight: 700 !important;
  margin-bottom: 0.5rem !important;
}

.legal-content div[style*="background: var(--navy-surface)"] h3,
.legal-content div[style*="background:var(--navy-surface)"] h3,
.legal-callout-card h3 {
  color: #FFFFFF !important;
  font-family: var(--font-display, 'Lora', serif) !important;
  font-size: clamp(1.4rem, 2.5vw, 1.75rem) !important;
  font-weight: 700 !important;
  margin-bottom: 0.75rem !important;
}

.legal-content div[style*="background: var(--navy-surface)"] p,
.legal-content div[style*="background:var(--navy-surface)"] p,
.legal-callout-card p {
  color: #CBD5E1 !important;
  font-size: 0.98rem !important;
  line-height: 1.65 !important;
  max-width: 620px !important;
  margin: 0 auto 1.75rem !important;
}

.legal-content div[style*="background: var(--navy-surface)"] .btn-gold,
.legal-content div[style*="background:var(--navy-surface)"] .btn-gold,
.legal-callout-card .btn-gold {
  background: var(--gold) !important;
  color: #060B13 !important;
  border: 1px solid var(--gold) !important;
  box-shadow: 0 4px 14px rgba(197, 155, 39, 0.3) !important;
  font-weight: 600 !important;
}

.legal-content div[style*="background: var(--navy-surface)"] .btn-gold:hover,
.legal-content div[style*="background:var(--navy-surface)"] .btn-gold:hover,
.legal-callout-card .btn-gold:hover {
  background: #E5C05B !important;
  color: #060B13 !important;
}

.legal-content div[style*="background: var(--navy-surface)"] .btn-outline,
.legal-content div[style*="background:var(--navy-surface)"] .btn-outline,
.legal-callout-card .btn-outline {
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  color: #FFFFFF !important;
  background: transparent !important;
  font-weight: 600 !important;
}

.legal-content div[style*="background: var(--navy-surface)"] .btn-outline:hover,
.legal-content div[style*="background:var(--navy-surface)"] .btn-outline:hover,
.legal-callout-card .btn-outline:hover {
  border-color: #FFFFFF !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: #FFFFFF !important;
}

/* ==========================================================================
   PHASE 4: INNER PAGES - PAGE 8: SENIOR EXPERT & PARTNER NETWORK (work-with-us.html)
   Rhythm:
     1. Page Header (Hero): Dark Anchor (Midnight)
     2. Ecosystem Participants (#profiles): Light (Paper)
     3. Engagement Architecture (Section 2): Light (Mist)
     4. Principles of Our Network (Section 3): Light (Paper)
     5. Affiliation Intake Form (#network-form): Dark Feature Band (Midnight)
     6. Footer: Dark Closing Anchor (Midnight)
/* ==========================================================================
   WORK WITH US PAGE (work-with-us.html)
   Enforces 70/30 Executive Contrast Theme:
     1. Page Header: Dark Canvas (Midnight Navy)
     2. Ecosystem Participants (#profiles): Light (Paper #FAFAFC)
     3. Engagement Architecture (#engagement-models): Light (Mist #F0F1F8)
     4. Principles of Our Network (#network-charter): Light (Paper #FAFAFC)
     5. Affiliation Intake Form (#network-form): Dark Feature Band (Midnight Navy)
     6. Footer: Dark Closing Anchor (Midnight Navy)
   ========================================================================== */

/* Page Header */
.work-with-us-page .page-header h1 {
  font-size: clamp(2.2rem, 4.5vw, 3.25rem) !important;
  line-height: 1.15 !important;
  max-width: 950px !important;
  margin-top: 0.75rem !important;
}

.work-with-us-page .work-page-lead {
  color: #CBD5E1 !important;
  font-size: clamp(1.05rem, 1.8vw, 1.25rem) !important;
  line-height: 1.6 !important;
  max-width: 800px !important;
}

.work-with-us-page .distinction-banner {
  margin-top: 2rem !important;
  background: rgba(197, 155, 39, 0.08) !important;
  border-top: 2px solid var(--gold) !important;
  border-left: 1px solid rgba(197, 155, 39, 0.25) !important;
  border-right: 1px solid rgba(197, 155, 39, 0.25) !important;
  border-bottom: 1px solid rgba(197, 155, 39, 0.25) !important;
  padding: 1.25rem 1.75rem !important;
  border-radius: 6px !important;
  max-width: 880px !important;
}

.work-with-us-page .distinction-badge {
  color: var(--gold-light, #E5C05B) !important;
  font-weight: 700 !important;
  font-size: 0.82rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  display: block !important;
  margin-bottom: 0.35rem !important;
}

.work-with-us-page .work-page-note {
  color: #CBD5E1 !important;
  font-size: 0.92rem !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

.work-with-us-page .work-page-note a {
  color: var(--gold) !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 0.2em !important;
}

.work-with-us-page .work-page-note a:hover {
  color: #E5C05B !important;
}

.work-with-us-page .hero-action-group {
  display: flex !important;
  gap: 1.25rem !important;
  flex-wrap: wrap !important;
  margin-top: 2.25rem !important;
}

/* 1. Ecosystem Participants (#profiles) -> LIGHT (Paper) */
.work-with-us-page #profiles,
#profiles.section {
  background: var(--paper) !important;
  border-bottom: 1px solid rgba(33, 31, 32, 0.08) !important;
}

#profiles .section-kicker {
  color: var(--indigo) !important;
}

#profiles .section-title,
#profiles h2 {
  color: var(--ink) !important;
}

#profiles .section-subtitle {
  color: #4A4849 !important;
}

/* Consulting Evidence Rail on Light Surface — Guaranteed 6-Card / 3-Card Responsive Grid */
#profiles .consulting-evidence-rail,
.work-with-us-page #profiles .consulting-evidence-rail {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 1rem !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.1) !important;
  box-shadow: 0 4px 16px rgba(13, 15, 36, 0.04) !important;
  padding: 1.5rem 1.5rem !important;
  border-radius: 8px !important;
  margin-top: 2rem !important;
  margin-bottom: 3rem !important;
  box-sizing: border-box !important;
}

@media (max-width: 1280px) {
  #profiles .consulting-evidence-rail,
  .work-with-us-page #profiles .consulting-evidence-rail {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 1.25rem !important;
  }
}

@media (max-width: 640px) {
  #profiles .consulting-evidence-rail,
  .work-with-us-page #profiles .consulting-evidence-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.85rem !important;
  }
}

@media (max-width: 420px) {
  #profiles .consulting-evidence-rail,
  .work-with-us-page #profiles .consulting-evidence-rail {
    grid-template-columns: 1fr !important;
  }
}

#profiles .consulting-evidence-item {
  background: #F8FAFC !important;
  border: 1px solid rgba(33, 31, 32, 0.08) !important;
  border-top: 2px solid var(--indigo) !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 8px rgba(13, 15, 36, 0.02) !important;
  padding: 1.25rem 1.4rem !important;
  transition: all 0.25s ease !important;
}

#profiles .consulting-evidence-item:hover {
  background: #FFFFFF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(62, 64, 149, 0.08) !important;
}

#profiles .consulting-evidence-metric {
  color: var(--ink, #0D0F24) !important;
  font-family: var(--font-display) !important;
  font-size: 1.45rem !important;
  font-weight: 700 !important;
}

#profiles .consulting-evidence-label {
  color: #555355 !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

/* Profiles Grid & Cards */
.work-with-us-page .profiles-grid,
#profiles .pillars-4-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)) !important;
  gap: 1.75rem !important;
}

#profiles .pillar-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.08) !important;
  border-left: 3px solid var(--indigo) !important;
  border-radius: 6px !important;
  padding: 2rem !important;
  box-shadow: 0 4px 16px rgba(13, 15, 36, 0.03) !important;
  transition: all 0.25s ease !important;
}

#profiles .pillar-card:hover {
  background: #FFFFFF !important;
  border-color: rgba(62, 64, 149, 0.3) !important;
  border-left-color: var(--gold) !important;
  box-shadow: 0 12px 28px rgba(62, 64, 149, 0.1) !important;
  transform: translateY(-3px) !important;
}

#profiles .pillar-num {
  color: var(--indigo) !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  margin-bottom: 0.35rem !important;
}

#profiles .pillar-title {
  color: var(--ink, #0D0F24) !important;
  font-family: var(--font-display) !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  margin: 0.4rem 0 0.75rem 0 !important;
}

#profiles .pillar-desc {
  color: #4A4849 !important;
  font-size: 0.92rem !important;
  line-height: 1.65 !important;
}

/* 2. Engagement Architecture (#engagement-models) -> LIGHT (Mist) */
.work-with-us-page #engagement-models,
.work-with-us-page section.section-mist,
.work-with-us-page #profiles + section {
  background: var(--mist) !important;
  border-top: 1px solid rgba(33, 31, 32, 0.06) !important;
  border-bottom: 1px solid rgba(33, 31, 32, 0.06) !important;
}

.work-with-us-page #engagement-models .section-kicker,
.work-with-us-page section:has(.editorial-featured-card) .section-kicker {
  color: var(--indigo) !important;
}

.work-with-us-page #engagement-models .section-title,
.work-with-us-page section:has(.editorial-featured-card) .section-title,
.work-with-us-page section:has(.editorial-featured-card) h2 {
  color: var(--ink) !important;
}

.work-with-us-page #engagement-models .section-subtitle,
.work-with-us-page section:has(.editorial-featured-card) .section-subtitle {
  color: #4A4849 !important;
}

.work-with-us-page .engagement-grid,
.work-with-us-page .editorial-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)) !important;
  gap: 2rem !important;
}

/* Editorial Featured Cards on Light */
.work-with-us-page .editorial-featured-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.08) !important;
  border-top: 3px solid var(--gold) !important;
  border-radius: 8px !important;
  padding: 2.25rem !important;
  box-shadow: 0 6px 20px rgba(13, 15, 36, 0.04) !important;
  transition: all 0.25s ease !important;
}

.work-with-us-page .editorial-featured-card:hover {
  border-color: rgba(62, 64, 149, 0.3) !important;
  border-top-color: var(--gold) !important;
  box-shadow: 0 12px 28px rgba(62, 64, 149, 0.08) !important;
  transform: translateY(-3px) !important;
}

.work-with-us-page .editorial-featured-card .section-kicker {
  color: var(--indigo) !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.08em !important;
  font-weight: 700 !important;
  display: block !important;
  margin-bottom: 0.35rem !important;
}

.work-with-us-page .editorial-featured-card h3 {
  color: var(--ink) !important;
  font-family: var(--font-display) !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  margin: 0.5rem 0 0.85rem 0 !important;
}

.work-with-us-page .editorial-featured-card p {
  color: #4A4849 !important;
  font-size: 0.92rem !important;
  line-height: 1.65 !important;
}

.work-with-us-page .editorial-featured-card ul {
  color: #4A4849 !important;
  font-size: 0.88rem !important;
  padding-left: 1.25rem !important;
  margin-top: 1rem !important;
  line-height: 1.65 !important;
}

.work-with-us-page .editorial-featured-card li {
  color: #4A4849 !important;
  margin-bottom: 0.4rem !important;
}

/* 3. Principles of Our Network (#network-charter) -> LIGHT (Paper) */
.work-with-us-page #network-charter,
.work-with-us-page section:has(.thrive-card) {
  background: var(--paper) !important;
  border-top: 1px solid rgba(33, 31, 32, 0.06) !important;
  border-bottom: 1px solid rgba(33, 31, 32, 0.08) !important;
}

.work-with-us-page #network-charter .section-kicker,
.work-with-us-page section:has(.thrive-card) .section-kicker {
  color: var(--indigo) !important;
}

.work-with-us-page #network-charter .section-title,
.work-with-us-page section:has(.thrive-card) .section-title,
.work-with-us-page section:has(.thrive-card) h2 {
  color: var(--ink) !important;
}

.work-with-us-page #network-charter .section-subtitle,
.work-with-us-page section:has(.thrive-card) .section-subtitle {
  color: #4A4849 !important;
}

.work-with-us-page .charter-grid,
.work-with-us-page .thrive-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)) !important;
  gap: 1.75rem !important;
}

/* Thrive Cards on Light */
.work-with-us-page .thrive-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.08) !important;
  border-left: 3px solid var(--indigo) !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 16px rgba(13, 15, 36, 0.03) !important;
  padding: 2rem !important;
  transition: all 0.25s ease !important;
}

.work-with-us-page .thrive-card:hover {
  background: #FFFFFF !important;
  border-color: rgba(62, 64, 149, 0.3) !important;
  border-left-color: var(--gold) !important;
  box-shadow: 0 12px 28px rgba(62, 64, 149, 0.1) !important;
  transform: translateY(-3px) !important;
}

.work-with-us-page .thrive-card h3,
.work-with-us-page .thrive-card h4 {
  color: var(--ink) !important;
  font-family: var(--font-display) !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  margin-bottom: 0.65rem !important;
}

.work-with-us-page .thrive-card p {
  color: #4A4849 !important;
  font-size: 0.92rem !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

/* 4. Affiliation Intake Form (#network-form) -> DARK FEATURE BAND (Midnight Navy) */
.work-with-us-page #network-form.section,
#network-form.section-navy,
#network-form {
  background: var(--midnight) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

#network-form .section-kicker {
  color: var(--gold) !important;
}

#network-form .section-title,
#network-form h2 {
  color: var(--white) !important;
}

#network-form .lead-desc {
  color: #CBD5E1 !important;
  font-size: 1.05rem !important;
  line-height: 1.7 !important;
  margin-bottom: 2rem !important;
}

/* Direct Partner Channel Card */
.work-with-us-page .partner-channel-card,
#network-form div[style*="background: var(--navy-dark)"] {
  background: #080A1A !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 8px !important;
  padding: 1.75rem !important;
  margin-bottom: 1.5rem !important;
}

.work-with-us-page .partner-channel-card h3,
#network-form div[style*="background: var(--navy-dark)"] h4 {
  color: var(--white) !important;
  font-family: var(--font-display) !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  margin-bottom: 0.5rem !important;
}

.work-with-us-page .partner-channel-card p,
#network-form div[style*="background: var(--navy-dark)"] p:first-of-type {
  color: #CBD5E1 !important;
  font-size: 0.88rem !important;
  line-height: 1.6 !important;
  margin-bottom: 0.85rem !important;
}

.work-with-us-page .partner-channel-email,
#network-form div[style*="background: var(--navy-dark)"] p[style*="color: var(--gold-primary)"] {
  color: var(--gold) !important;
  font-family: var(--font-display) !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  margin: 0 !important;
}

/* Review Process & SLA Card */
.work-with-us-page .review-sla-card,
#network-form div[style*="rgba(197, 155, 39, 0.05)"] {
  background: rgba(197, 155, 39, 0.08) !important;
  border: 1px solid rgba(197, 155, 39, 0.3) !important;
  border-radius: 8px !important;
  padding: 1.5rem 1.75rem !important;
}

.work-with-us-page .review-sla-card h3,
#network-form div[style*="rgba(197, 155, 39, 0.05)"] h5 {
  color: var(--gold) !important;
  font-size: 0.84rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  margin-bottom: 0.4rem !important;
}

.work-with-us-page .review-sla-card p,
#network-form div[style*="rgba(197, 155, 39, 0.05)"] p {
  color: #CBD5E1 !important;
  font-size: 0.86rem !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* Form Container Card */
.work-with-us-page .network-form-pane,
#network-form div[style*="background: var(--navy-surface)"] {
  background: #0D0F24 !important;
  border: 1px solid rgba(197, 155, 39, 0.35) !important;
  border-top: 3px solid var(--gold) !important;
  border-radius: 8px !important;
  padding: clamp(1.5rem, 4vw, 2.5rem) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5) !important;
}

.work-with-us-page .network-form-pane h3,
#network-form div[style*="background: var(--navy-surface)"] h3 {
  color: var(--white) !important;
  font-family: var(--font-display) !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  margin-bottom: 1.5rem !important;
}

#network-form .executive-form {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

#network-form .executive-form label {
  color: #CBD5E1 !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  margin-bottom: 0.4rem !important;
  display: block !important;
}

#network-form .executive-form input,
#network-form .executive-form select,
#network-form .executive-form textarea {
  background: #060B13 !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 4px !important;
  color: #FFFFFF !important;
  font-size: 0.95rem !important;
  padding: 0.85rem 1rem !important;
  font-family: inherit !important;
}

#network-form .executive-form input:focus,
#network-form .executive-form select:focus,
#network-form .executive-form textarea:focus {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 3px rgba(197, 155, 39, 0.25) !important;
  background: #0A0F1D !important;
  outline: none !important;
}

#network-form .executive-form button[type="submit"].btn-gold {
  background: var(--gold) !important;
  color: #060B13 !important;
  border: 1px solid var(--gold) !important;
  box-shadow: 0 4px 14px rgba(197, 155, 39, 0.3) !important;
  font-weight: 700 !important;
  padding: 0.95rem 1.5rem !important;
  font-size: 0.95rem !important;
  border-radius: 4px !important;
  width: 100% !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

#network-form .executive-form button[type="submit"].btn-gold:hover {
  background: #E5C05B !important;
  color: #060B13 !important;
  box-shadow: 0 6px 18px rgba(197, 155, 39, 0.45) !important;
  transform: translateY(-1px) !important;
}

.work-with-us-page .form-trust-row {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0.75rem !important;
  margin-top: 1.25rem !important;
  font-size: 0.8rem !important;
  color: #94A3B8 !important;
  flex-wrap: wrap !important;
  text-align: center !important;
}


/* ==========================================================================
   CHILD & SUB-OFFERING PAGES THEME EXPANSION
   Applies 70% Light / 30% Dark executive contrast system across:
     - 19 Practice & Service Offering Pages
     - 8 Industry Vertical Sector Pages
     - 59 Deep Capability Detail Pages
     - 3 Senior Mandate / Job Detail Pages
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. PRACTICE & SERVICE OFFERING PAGES (Root)
   -------------------------------------------------------------------------- */

/* Problem / Market Landscape -> LIGHT (Paper) */
section.problem-landscape,
section.problem-landscape.section-navy,
section.problem-landscape.section-dark,
.problem-landscape,
.problem-landscape.section-navy,
.problem-landscape.section-dark {
  background: var(--paper) !important;
  color: var(--ink) !important;
  border-top: 1px solid rgba(33, 31, 32, 0.08) !important;
  border-bottom: 1px solid rgba(33, 31, 32, 0.08) !important;
}

section.problem-landscape .section-kicker,
section.problem-landscape .section-kicker-alt,
section.problem-landscape.section-navy .section-kicker,
section.problem-landscape.section-navy .section-kicker-alt,
.problem-landscape .section-kicker,
.problem-landscape .section-kicker-alt {
  color: var(--indigo) !important;
}

section.problem-landscape .section-title-large,
section.problem-landscape.section-navy .section-title-large,
section.problem-landscape.section-dark .section-title-large,
section.problem-landscape h2,
section.problem-landscape.section-navy h2,
section.problem-landscape.section-dark h2,
.problem-landscape .section-title-large,
.problem-landscape.section-navy .section-title-large,
.problem-landscape h2 {
  color: var(--ink) !important;
}

section.problem-landscape p,
section.problem-landscape.section-navy p,
section.problem-landscape.section-dark p,
.problem-landscape p,
.problem-landscape .section-head-desc,
.problem-landscape .section-lead {
  color: #4A4849 !important;
}

section.problem-landscape .problem-card,
.problem-landscape .problem-card,
.industry-page .problem-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.1) !important;
  border-left: 3px solid var(--indigo) !important;
  box-shadow: 0 6px 20px rgba(13, 15, 36, 0.04) !important;
}

section.problem-landscape .problem-card h3,
section.problem-landscape .problem-card h4,
.problem-landscape .problem-card h3,
.problem-landscape .problem-card h4,
.industry-page .problem-card h3,
.industry-page .problem-card h4 {
  color: var(--ink) !important;
}

section.problem-landscape .problem-card p,
.problem-landscape .problem-card p,
.industry-page .problem-card p {
  color: #4A4849 !important;
}

/* Cinematic Capability Reel on Child Pages -> LIGHT (Mist) */
.cinematic-capability-reel-section:not(.section-dark) {
  background: var(--mist) !important;
  border-bottom: 1px solid rgba(33, 31, 32, 0.08) !important;
}

.cinematic-capability-reel-section:not(.section-dark) .section-kicker-alt {
  color: var(--indigo) !important;
}

.cinematic-capability-reel-section:not(.section-dark) .section-title-large,
.cinematic-capability-reel-section:not(.section-dark) h2 {
  color: var(--ink) !important;
}

.cinematic-capability-reel-section:not(.section-dark) .section-head-desc {
  color: #4A4849 !important;
}

.cinematic-capability-reel-section:not(.section-dark) .cinematic-counter {
  color: var(--ink) !important;
}

.cinematic-capability-reel-section .cinematic-arrow-btn {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.15) !important;
  color: var(--indigo) !important;
  box-shadow: 0 4px 12px rgba(13, 15, 36, 0.06) !important;
}

.cinematic-capability-reel-section .cinematic-arrow-btn:hover {
  background: var(--indigo) !important;
  color: #FFFFFF !important;
  border-color: var(--indigo) !important;
}

.cinematic-capability-reel-section .cinematic-progress-bar,
.cinematic-capability-reel-section .cinematic-progress-track {
  background: rgba(33, 31, 32, 0.08) !important;
}

.cinematic-capability-reel-section .cinematic-progress-fill {
  background: var(--indigo) !important;
}

/* Strategic Framework & Analytical Frame on Child Pages */
.framework-visual-frame {
  background: #080A1A !important;
  border: 1px solid rgba(197, 155, 39, 0.35) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5) !important;
}

/* Methodology Framework -> LIGHT (Paper) */
section.methodology-section,
section.methodology-section.section-navy,
section.methodology-section.section-dark,
.methodology-section,
.methodology-section.section-navy,
.methodology-section.section-dark {
  background: var(--paper) !important;
  color: var(--ink) !important;
  border-top: 1px solid rgba(33, 31, 32, 0.08) !important;
  border-bottom: 1px solid rgba(33, 31, 32, 0.08) !important;
}

section.methodology-section .section-kicker,
section.methodology-section .section-kicker-alt,
section.methodology-section.section-navy .section-kicker,
section.methodology-section.section-navy .section-kicker-alt,
.methodology-section .section-kicker,
.methodology-section .section-kicker-alt {
  color: var(--indigo) !important;
}

section.methodology-section .section-title-large,
section.methodology-section.section-navy .section-title-large,
section.methodology-section.section-dark .section-title-large,
section.methodology-section h2,
section.methodology-section.section-navy h2,
section.methodology-section.section-dark h2,
.methodology-section .section-title-large,
.methodology-section.section-navy .section-title-large,
.methodology-section h2 {
  color: var(--ink) !important;
}

section.methodology-section p,
section.methodology-section.section-navy p,
section.methodology-section.section-dark p,
.methodology-section p,
.methodology-section .section-head-desc,
.methodology-section .section-lead {
  color: #4A4849 !important;
}

section.methodology-section .method-card,
.methodology-section .method-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.1) !important;
  box-shadow: 0 6px 20px rgba(13, 15, 36, 0.04) !important;
}

section.methodology-section .method-card:hover,
.methodology-section .method-card:hover {
  border-color: rgba(62, 64, 149, 0.3) !important;
  box-shadow: 0 12px 28px rgba(62, 64, 149, 0.1) !important;
}

section.methodology-section .method-card h3,
section.methodology-section .method-card h4,
.methodology-section .method-card h3,
.methodology-section .method-card h4 {
  color: var(--ink) !important;
}

section.methodology-section .method-card p,
.methodology-section .method-card p {
  color: #4A4849 !important;
}

section.methodology-section .method-card div[style*="border-radius: 50%"],
.methodology-section .method-card div[style*="border-radius: 50%"] {
  background: var(--indigo) !important;
  color: #FFFFFF !important;
}

/* Realized Value & Proven Impact -> LIGHT (Mist) */
section.proof-section,
section.proof-section.section-navy,
section.proof-section.section-dark,
.proof-section,
.proof-section.section-navy,
.proof-section.section-dark {
  background: var(--mist) !important;
  color: var(--ink) !important;
  border-top: 1px solid rgba(33, 31, 32, 0.06) !important;
  border-bottom: 1px solid rgba(33, 31, 32, 0.06) !important;
}

section.proof-section .section-kicker,
section.proof-section .section-kicker-alt,
section.proof-section.section-navy .section-kicker,
section.proof-section.section-navy .section-kicker-alt,
.proof-section .section-kicker,
.proof-section .section-kicker-alt {
  color: var(--indigo) !important;
}

section.proof-section .section-title-large,
section.proof-section.section-navy .section-title-large,
section.proof-section.section-dark .section-title-large,
section.proof-section h2,
section.proof-section.section-navy h2,
section.proof-section.section-dark h2,
.proof-section .section-title-large,
.proof-section.section-navy .section-title-large,
.proof-section h2 {
  color: var(--ink) !important;
}

section.proof-section p,
section.proof-section.section-navy p,
section.proof-section.section-dark p,
.proof-section p,
.proof-section .section-head-desc,
.proof-section .section-lead {
  color: #4A4849 !important;
}

/* Universal High-Contrast Proof Cards & Case Studies (White Canvas) */
section.proof-section .proof-card,
.proof-section .proof-card,
.proof-grid .proof-card,
.proof-card[style*="background: #FFFFFF"],
.proof-card[style*="background:#FFFFFF"] {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.12) !important;
  box-shadow: 0 6px 20px rgba(13, 15, 36, 0.04) !important;
}

section.proof-section .proof-card h1,
section.proof-section .proof-card h2,
section.proof-section .proof-card h3,
section.proof-section .proof-card h4,
section.proof-section .proof-card h5,
section.proof-section .proof-card h6,
.proof-section .proof-card h1,
.proof-section .proof-card h2,
.proof-section .proof-card h3,
.proof-section .proof-card h4,
.proof-section .proof-card h5,
.proof-section .proof-card h6,
.proof-grid .proof-card h1,
.proof-grid .proof-card h2,
.proof-grid .proof-card h3,
.proof-grid .proof-card h4,
.proof-grid .proof-card h5,
.proof-grid .proof-card h6,
.proof-card[style*="background: #FFFFFF"] h1,
.proof-card[style*="background: #FFFFFF"] h2,
.proof-card[style*="background: #FFFFFF"] h3,
.proof-card[style*="background: #FFFFFF"] h4,
.proof-card[style*="background:#FFFFFF"] h1,
.proof-card[style*="background:#FFFFFF"] h2,
.proof-card[style*="background:#FFFFFF"] h3,
.proof-card[style*="background:#FFFFFF"] h4 {
  color: #0D0F24 !important;
  font-weight: 700 !important;
}

section.proof-section .proof-card p,
.proof-section .proof-card p,
.proof-grid .proof-card p,
.proof-card[style*="background: #FFFFFF"] p,
.proof-card[style*="background:#FFFFFF"] p {
  color: #334155 !important;
  font-weight: 500 !important;
}

section.proof-section .proof-card ul,
section.proof-section .proof-card ol,
section.proof-section .proof-card li,
.proof-section .proof-card ul,
.proof-section .proof-card ol,
.proof-section .proof-card li,
.proof-grid .proof-card li,
.proof-card[style*="background: #FFFFFF"] li,
.proof-card[style*="background:#FFFFFF"] li {
  color: #334155 !important;
}

section.proof-section .proof-card strong,
.proof-section .proof-card strong,
.proof-grid .proof-card strong,
.proof-card[style*="background: #FFFFFF"] strong,
.proof-card[style*="background:#FFFFFF"] strong {
  color: #3E4095 !important;
  font-weight: 700 !important;
}

.proof-section .proof-card div[style*="font-family: var(--font-display)"],
.proof-card div[style*="font-family: var(--font-display)"] {
  color: var(--indigo) !important;
}

.proof-section .proof-card div[style*="font-weight: 600"],
.proof-card div[style*="font-weight: 600"] {
  color: var(--ink) !important;
}

.proof-section div[style*="border-left: 4px solid var(--gold-primary)"] {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.1) !important;
  border-left: 4px solid var(--indigo) !important;
  box-shadow: 0 8px 24px rgba(13, 15, 36, 0.05) !important;
}

.proof-section div[style*="border-left: 4px solid var(--gold-primary)"] div[style*="text-transform: uppercase"] {
  color: var(--indigo) !important;
}

.proof-section div[style*="border-left: 4px solid var(--gold-primary)"] h3 {
  color: var(--ink) !important;
}

.proof-section div[style*="border-left: 4px solid var(--gold-primary)"] p {
  color: #4A4849 !important;
}

/* --------------------------------------------------------------------------
   2. INDUSTRY VERTICAL PAGES (industries/*.html)
   -------------------------------------------------------------------------- */

.industry-page .problem-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.1) !important;
  border-left: 3px solid var(--indigo) !important;
  box-shadow: 0 6px 20px rgba(13, 15, 36, 0.04) !important;
}

.industry-page .problem-card h4 {
  color: var(--ink) !important;
}

.industry-page .problem-card p {
  color: #4A4849 !important;
}

.industry-page .narrative-hero .consulting-evidence-rail {
  background: rgba(13, 15, 36, 0.75) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.industry-page .narrative-hero .consulting-evidence-metric {
  color: var(--gold) !important;
}

.industry-page .narrative-hero .consulting-evidence-label {
  color: #CBD5E1 !important;
}

/* --------------------------------------------------------------------------
   3. DEEP CAPABILITY DETAIL PAGES (capabilities/<sector>/*.html)
   -------------------------------------------------------------------------- */

.capability-detail-page .capability-detail-hero {
  background: var(--midnight) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.capability-detail-page .capability-detail-hero .breadcrumb a {
  color: #CBD5E1 !important;
}

.capability-detail-page .capability-detail-hero .breadcrumb span {
  color: var(--gold) !important;
}

.capability-detail-page .capability-detail-hero .section-tag {
  color: var(--gold) !important;
  border: 1px solid rgba(197, 155, 39, 0.4) !important;
  background: rgba(197, 155, 39, 0.08) !important;
}

.capability-detail-page .capability-detail-hero h1 {
  color: #FFFFFF !important;
}

.capability-detail-page .capability-detail-hero .capability-detail-lead {
  color: var(--gold) !important;
}

.capability-detail-page .capability-detail-hero p {
  color: #CBD5E1 !important;
}

/* The Client Question & Sector Context -> LIGHT (Paper) */
.capability-detail-page .capability-portfolio-section {
  background: var(--paper) !important;
  border-top: 1px solid rgba(33, 31, 32, 0.08) !important;
  border-bottom: 1px solid rgba(33, 31, 32, 0.08) !important;
}

.capability-detail-page .capability-portfolio-kicker {
  color: var(--indigo) !important;
}

.capability-detail-page .capability-portfolio-grid h2 {
  color: var(--ink) !important;
}

.capability-detail-page .capability-portfolio-grid p {
  color: #4A4849 !important;
}

.capability-detail-page .capability-portfolio-grid strong {
  color: var(--ink) !important;
}

.capability-detail-page .capability-detail-aside {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.1) !important;
  border-left: 3px solid var(--indigo) !important;
  box-shadow: 0 6px 20px rgba(13, 15, 36, 0.04) !important;
}

.capability-detail-page .capability-detail-aside strong {
  color: var(--indigo) !important;
}

.capability-detail-page .capability-detail-aside p {
  color: #4A4849 !important;
}

.capability-detail-page .capability-detail-aside a {
  color: var(--indigo) !important;
}

/* Portfolio of Work (Diagnose, Design, Mobilize) -> LIGHT (Mist) */
.capability-detail-page .section-surface.capability-portfolio-section {
  background: var(--mist) !important;
  border-top: 1px solid rgba(33, 31, 32, 0.06) !important;
  border-bottom: 1px solid rgba(33, 31, 32, 0.06) !important;
}

.capability-detail-page .capability-portfolio-heading h2 {
  color: var(--ink) !important;
}

.capability-detail-page .capability-portfolio-heading p {
  color: #4A4849 !important;
}

.capability-detail-page .capability-work-grid article {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.1) !important;
  box-shadow: 0 6px 20px rgba(13, 15, 36, 0.04) !important;
}

.capability-detail-page .capability-work-grid article:hover {
  border-color: rgba(62, 64, 149, 0.3) !important;
  box-shadow: 0 12px 28px rgba(62, 64, 149, 0.1) !important;
}

.capability-detail-page .capability-work-grid article span {
  color: var(--indigo) !important;
}

.capability-detail-page .capability-work-grid article h3 {
  color: var(--ink) !important;
}

.capability-detail-page .capability-work-grid article p {
  color: #4A4849 !important;
}

/* The MiGo Axis Difference -> Proof Panel */
.capability-detail-page .capability-proof-panel {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.1) !important;
  box-shadow: 0 6px 20px rgba(13, 15, 36, 0.04) !important;
}

.capability-detail-page .capability-proof-panel span {
  color: var(--indigo) !important;
}

.capability-detail-page .capability-proof-panel p {
  color: #4A4849 !important;
}

.capability-detail-page .capability-proof-panel a {
  color: var(--indigo) !important;
}

/* Continue Exploring Section */
.capability-detail-page section:has(.capability-related) {
  background: var(--paper) !important;
}

.capability-detail-page .capability-related h2 {
  color: var(--ink) !important;
}

.capability-detail-page .capability-related-links a {
  background: #FFFFFF !important;
  color: var(--ink) !important;
  border: 1px solid rgba(33, 31, 32, 0.12) !important;
  box-shadow: 0 2px 8px rgba(13, 15, 36, 0.03) !important;
}

.capability-detail-page .capability-related-links a:hover {
  background: #FFFFFF !important;
  color: var(--indigo) !important;
  border-color: var(--indigo) !important;
  box-shadow: 0 6px 16px rgba(62, 64, 149, 0.12) !important;
}

.capability-detail-page .capability-related-links a span {
  color: var(--indigo) !important;
}

/* --------------------------------------------------------------------------
   4. SENIOR MANDATE / JOB DETAIL PAGES (job-*.html)
   -------------------------------------------------------------------------- */

section.section-dark:has(.job-detail-layout) {
  background: var(--paper) !important;
  border-bottom: 1px solid rgba(33, 31, 32, 0.08) !important;
}

.job-main-content .legal-article-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.08) !important;
  box-shadow: 0 6px 20px rgba(13, 15, 36, 0.04) !important;
}

.job-main-content .legal-article-card h2 {
  color: var(--ink) !important;
}

.job-main-content .legal-article-card p {
  color: #4A4849 !important;
}

.job-main-content .legal-article-card p[style*="font-size: 1.05rem"] {
  color: var(--ink) !important;
}

.job-main-content .legal-article-card li {
  color: #4A4849 !important;
}

.job-main-content .legal-article-card strong {
  color: var(--ink) !important;
}

.job-sidebar .job-sidebar-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(33, 31, 32, 0.1) !important;
  box-shadow: 0 8px 24px rgba(13, 15, 36, 0.05) !important;
}

.job-sidebar .job-sidebar-card h3 {
  color: var(--ink) !important;
  border-bottom: 1px solid rgba(33, 31, 32, 0.1) !important;
}

.job-sidebar .job-fact-label {
  color: #555355 !important;
}

.job-sidebar .job-fact-val {
  color: var(--ink) !important;
}

.job-sidebar .job-sidebar-card h4 {
  color: var(--indigo) !important;
}

.job-sidebar .job-sidebar-card p {
  color: #4A4849 !important;
}

.job-sidebar .executive-form input,
.job-sidebar .executive-form textarea {
  background: var(--paper) !important;
  border: 1px solid rgba(33, 31, 32, 0.15) !important;
  color: var(--ink) !important;
}

.job-sidebar .executive-form input:focus,
.job-sidebar .executive-form textarea:focus {
  border-color: var(--indigo) !important;
  box-shadow: 0 0 0 3px rgba(62, 64, 149, 0.15) !important;
  background: #FFFFFF !important;
}

.job-sidebar .executive-form .btn-gold {
  background: var(--indigo) !important;
  color: #FFFFFF !important;
  border: 1px solid var(--indigo) !important;
  box-shadow: 0 4px 14px rgba(62, 64, 149, 0.25) !important;
}

.job-sidebar .executive-form .btn-gold:hover {
  background: #2E3075 !important;
  border-color: #2E3075 !important;
  color: #FFFFFF !important;
}

/* ==========================================================================
   STOCK MEDIA & HERO OVERLAYS: MIDNIGHT BRAND GRADIENT OVERLAYS
   Ensures text contrast on stock media and videos adheres to WCAG AAA.
   ========================================================================== */

.hero-overlay-dark {
  background: linear-gradient(180deg, rgba(13, 15, 36, 0.85) 0%, rgba(13, 15, 36, 0.95) 100%),
              linear-gradient(90deg, rgba(13, 15, 36, 0.92) 0%, rgba(13, 15, 36, 0.6) 65%, transparent 100%) !important;
}

.page-header {
  background: linear-gradient(180deg, rgba(13, 15, 36, 0.85) 0%, rgba(13, 15, 36, 0.95) 100%),
              url("hero_composable_poster.jpg") center / cover no-repeat,
              var(--midnight) !important;
}

.page-header[style] {
  background: linear-gradient(180deg, rgba(13, 15, 36, 0.85) 0%, rgba(13, 15, 36, 0.95) 100%),
              url("hero_composable_poster.jpg") center / cover no-repeat !important;
}

.narrative-hero {
  background: linear-gradient(180deg, rgba(13, 15, 36, 0.85) 0%, rgba(13, 15, 36, 0.95) 100%) !important;
}

.narrative-hero::before {
  background: radial-gradient(ellipse at 20% 50%, rgba(196, 154, 37, 0.08) 0%, transparent 60%) !important;
}

.cinematic-card-scrim {
  background: linear-gradient(180deg, rgba(13, 15, 36, 0.2) 0%, rgba(13, 15, 36, 0.92) 80%, rgba(13, 15, 36, 0.98) 100%) !important;
}

.capability-detail-hero {
  background: linear-gradient(180deg, rgba(13, 15, 36, 0.85) 0%, rgba(13, 15, 36, 0.95) 100%),
              var(--midnight) !important;
}

.portfolio-media-frame {
  background: var(--midnight) !important;
}

.video-overlay-badge {
  background: rgba(13, 15, 36, 0.92) !important;
  color: var(--gold) !important;
  border-color: rgba(196, 154, 37, 0.35) !important;
}

.page-header::after {
  border-color: rgba(196, 154, 37, 0.28) !important;
  box-shadow: 0 0 0 34px rgba(196, 154, 37, 0.04), 0 0 0 70px rgba(157, 160, 255, 0.025) !important;
}

/* ==========================================================================
   UNIVERSAL RESPONSIVE FRAMEWORK & MULTI-SCREEN COMPATIBILITY
   Ensures seamless fidelity across Mobile (320px-480px), Tablet (768px-1024px),
   Desktop (1280px-1440px), and Ultra-Wide / 4K displays (1920px-2560px+).
   ========================================================================== */

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

html, body {
  max-width: 100%;
  overflow-x: clip; /* Modern standard: prevents horizontal scrollout without breaking sticky/anchor */
}

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

/* Fluid Typography Protection across all devices */
h1, h2, h3, h4, h5, h6,
.section-title-large, .section-title, .hero-content h1, .narrative-hero h1, .page-header h1 {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

p, span, a, li {
  overflow-wrap: break-word;
}

/* Responsive Table & Code Block Protection */
.table-responsive,
.table-container,
.data-table-wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* 1. Ultra-Wide & 4K Optimization (>= 1920px) */
@media (min-width: 1920px) {
  .container {
    max-width: 1480px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .nav-container {
    max-width: 1540px !important;
  }
}

/* 2. Desktop Navigation Density Protection */
@media (max-width: 1240px) {
  .nav-links {
    gap: 1.15rem !important;
  }
  .nav-links > a {
    font-size: 0.86rem !important;
  }
}

/* 3. Tablet & Hybrid Devices (769px - 1024px) */
@media (max-width: 1024px) {
  .narrative-hero .container,
  .hero-split-grid,
  .executive-split-container,
  .about-split {
    grid-template-columns: 1fr !important;
    gap: 2.5rem !important;
  }
  .split-showcase-visual {
    max-height: 380px !important;
  }
  .problem-grid,
  .proof-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)) !important;
  }
  .footer-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 2rem !important;
  }
}

/* 4. Mobile Landscape & Standard Smart Devices (481px - 768px) */
@media (max-width: 768px) {
  .section {
    padding: clamp(3rem, 7vw, 4.5rem) 0 !important;
  }
  .section-header {
    margin-bottom: 2rem !important;
  }
  .section-title-large, h2 {
    font-size: clamp(1.75rem, 5vw, 2.35rem) !important;
  }
  .problem-grid,
  .capabilities-grid,
  .methodology-grid,
  .proof-grid,
  .editorial-grid,
  .thrive-grid,
  .testimonials-grid,
  .careers-grid {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
  }
  .problem-card,
  .proof-card,
  .method-card,
  .capability-route-card {
    padding: 1.5rem 1.25rem !important;
  }
  .footer-content {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }
  .footer-nav {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }
  .drawer-accordion-link {
    padding: 0.65rem 0.5rem !important;
    font-size: 0.95rem !important;
    min-height: 44px;
    display: flex;
    align-items: center;
  }
}

/* 5. Smartphone & Compact Mobile Devices (<= 480px, including 320px & 360px) */
@media (max-width: 480px) {
  .container {
    padding-left: 1.15rem !important;
    padding-right: 1.15rem !important;
  }
  .brand-logo-img {
    max-height: 32px !important;
  }
  .section-kicker-alt,
  .section-kicker,
  .kicker-badge {
    font-size: 0.7rem !important;
    letter-spacing: 0.08em !important;
  }
  .narrative-hero {
    padding: 3rem 0 !important;
  }
  .narrative-hero h1,
  .page-header h1 {
    font-size: clamp(1.85rem, 7.5vw, 2.4rem) !important;
    line-height: 1.18 !important;
  }
  .btn-gold-sm, .btn-gold {
    padding: 0.75rem 1.25rem !important;
    font-size: 0.86rem !important;
  }
  .nav-drawer {
    width: 100vw !important;
    max-width: 100vw !important;
  }
  /* Card paddings and deliveries scaling on small devices */
  div[style*="padding: 3rem"],
  div[style*="padding: 2.5rem"],
  div[style*="padding: 4rem"] {
    padding: 1.25rem 1rem !important;
  }
  ul[style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================================
   GLOBAL CONTRAST GUARANTEE — ZERO LOW-CONTRAST TEXT ACROSS PLATFORM (WCAG AA)
   ========================================================================== */
.section-dark,
.section-navy,
#macro-research-exhibit,
#ai-native-operating-model,
#interactive-tools,
.hanwha-hero-slider,
.page-header,
.footer,
footer,
.drawer-cta-box,
[data-theme="dark"] section:not(.section-paper):not(.section-mist) {
  --text-muted: #CBD5E1;
  --text-dim: #94A3B8;
}

.section-dark p:not(.cinematic-desc),
.section-navy p:not(.cinematic-desc),
#macro-research-exhibit p:not(.cinematic-desc),
#ai-native-operating-model p:not(.cinematic-desc),
#interactive-tools p:not(.cinematic-desc),
.hanwha-hero-slider p:not(.cinematic-desc),
.page-header p:not(.cinematic-desc),
.footer p:not(.cinematic-desc),
footer p:not(.cinematic-desc),
.drawer-cta-box p:not(.cinematic-desc) {
  color: #CBD5E1 !important;
}

.section-dark .section-head-desc,
.section-navy .section-head-desc,
#macro-research-exhibit .section-head-desc,
.page-header .section-head-desc {
  color: #CBD5E1 !important;
}

.section-dark span.spec-label,
.section-navy span.spec-label {
  color: #CBD5E1 !important;
}

.section-dark .exhibit-card-footer,
.section-navy .exhibit-card-footer,
#macro-research-exhibit .exhibit-card-footer {
  color: #CBD5E1 !important;
}

.section-dark .exhibit-card-footer span,
.section-navy .exhibit-card-footer span,
#macro-research-exhibit .exhibit-card-footer span {
  color: #CBD5E1 !important;
}

.section-dark .exhibit-card-source,
.section-navy .exhibit-card-source,
#macro-research-exhibit .exhibit-card-source {
  color: var(--gold-light, #E5C05B) !important;
}

/* Ensure all paragraphs on light surfaces are deep ink/slate (>= 8.5:1) */
.section-paper p:not(.cinematic-desc),
.section-mist p:not(.cinematic-desc),
.section-light p:not(.cinematic-desc),
[data-theme="light"] section:not(#heroSlider):not(.footer):not(#macro-research-exhibit) p:not(.cinematic-desc) {
  color: #334155 !important;
}

.section-paper .section-head-desc,
.section-mist .section-head-desc,
.section-light .section-head-desc {
  color: #334155 !important;
}

/* High-contrast kickers and badges on light backgrounds */
.section-paper .section-kicker,
.section-mist .section-kicker,
.section-light .section-kicker,
.section-paper .section-kicker-alt,
.section-mist .section-kicker-alt,
.section-light .section-kicker-alt,
[data-theme="light"] .section-kicker,
[data-theme="light"] .section-kicker-alt {
  color: var(--indigo, #3E4095) !important;
}

.section-paper [style*="color: var(--gold-primary)"],
.section-paper [style*="color: #C59B27"],
.section-mist [style*="color: var(--gold-primary)"],
.section-mist [style*="color: #C59B27"],
.section-light [style*="color: var(--gold-primary)"],
.section-light [style*="color: #C59B27"],
[data-theme="light"] [style*="color: var(--gold-primary)"],
[data-theme="light"] [style*="color: #C59B27"] {
  color: #8D650B !important;
}

/* ==========================================================================
   AUTOMATIC SYSTEM THEME ADAPTATION (PREFERS-COLOR-SCHEME & DATA-THEME)
   Supports automatic switching based on OS/device settings (laptop & mobile)
   Light theme: Clean Paper (#FAFAFC), Midnight text (#0D0F24), Charcoal Logo
   Dark theme: Midnight Navy (#0D0F24), Clean Paper text (#FAFAFC), White Logo
   ========================================================================== */
/* Media prefers-color-scheme light disabled in favor of canonical Migo Axis 70/30 dark executive architecture */
@media (prefers-color-scheme: disabled-light) {
  :root {
    --canvas-bg: var(--paper, #FAFAFC);
    --canvas-text: var(--ink, #211F20);
    --canvas-subtext: #475569;
    --canvas-border: rgba(33, 31, 32, 0.12);
  }
  
  html:not([data-theme="dark"]),
  body:not([data-theme="dark"]) {
    background-color: var(--paper, #FAFAFC) !important;
    color: var(--ink, #211F20) !important;
  }

  /* html:not([data-theme=dark]) #navbar removed */

  /* html:not([data-theme=dark]) nav-links removed */

  /* html:not([data-theme=dark]) nav-links hover removed */

  /* html:not([data-theme=dark]) side-nav-toggle removed */  /* Clean light reading canvas for light-designated sections in light mode */
  html:not([data-theme="dark"]) section.section-paper,
  html:not([data-theme="dark"]) section.section-mist,
  html:not([data-theme="dark"]) section.section-light,
  html:not([data-theme="dark"]) section:not(.section-dark):not(.section-navy):not(#heroSlider):not(.footer):not(#macro-research-exhibit):not(#ai-native-operating-model):not(#interactive-tools):not(.hanwha-hero-slider):not(.insights-filter-section) {
    background: var(--paper, #FAFAFC) !important;
    color: var(--ink, #211F20) !important;
    border-color: rgba(33, 31, 32, 0.08) !important;
  }

  html:not([data-theme="dark"]) section.section-paper h2,
  html:not([data-theme="dark"]) section.section-paper h3,
  html:not([data-theme="dark"]) section.section-mist h2,
  html:not([data-theme="dark"]) section.section-mist h3,
  html:not([data-theme="dark"]) section.section-light h2,
  html:not([data-theme="dark"]) section.section-light h3,
  html:not([data-theme="dark"]) section:not(.section-dark):not(.section-navy):not(#heroSlider):not(.footer):not(#macro-research-exhibit):not(#ai-native-operating-model):not(#interactive-tools):not(.hanwha-hero-slider):not(.insights-filter-section) h2:not(.cinematic-title),
  html:not([data-theme="dark"]) section:not(.section-dark):not(.section-navy):not(#heroSlider):not(.footer):not(#macro-research-exhibit):not(#ai-native-operating-model):not(#interactive-tools):not(.hanwha-hero-slider):not(.insights-filter-section) h3:not(.cinematic-title) {
    color: var(--midnight, #0D0F24) !important;
  }

  html:not([data-theme="dark"]) section.section-paper p:not(.cinematic-desc),
  html:not([data-theme="dark"]) section.section-mist p:not(.cinematic-desc),
  html:not([data-theme="dark"]) section.section-light p:not(.cinematic-desc),
  html:not([data-theme="dark"]) .section-head-desc:not(.section-dark .section-head-desc):not(.section-navy .section-head-desc):not(#industries-section .section-head-desc):not(#ai-native-operating-model .section-head-desc):not(#interactive-tools .section-head-desc):not(.modern-risk-offerings-section .section-head-desc) {
    color: #334155 !important;
  }

  /* Breadcrumb Navigation WCAG AA Contrast */
  .breadcrumb-nav a,
  .breadcrumb a,
  .breadcrumbs a {
    color: var(--indigo, #3E4095) !important;
    font-weight: 600 !important;
  }
  .breadcrumb-nav span,
  .breadcrumb span,
  .breadcrumbs span {
    color: var(--ink, #211F20) !important;
  }

  /* Cinematic Cards & Dark Scrim Panels ALWAYS retain high-contrast white & gold typography */
  .cinematic-card h2,
  .cinematic-card h3,
  .cinematic-card .cinematic-title {
    color: #FFFFFF !important;
  }

  .cinematic-card p,
  .cinematic-card .cinematic-desc {
    color: rgba(255, 255, 255, 0.88) !important;
  }

  .cinematic-card a.cinematic-action,
  .cinematic-card .cinematic-action {
    color: var(--gold-light, #E5C05B) !important;
  }

  /* Dark Sections Explicit Background & Contrast Protection */
  .section-dark,
  .section-navy,
  #ai-native-operating-model,
  #macro-research-exhibit,
  .section-dark.cinematic-insights-section,
  .section-dark.cinematic-practices-overview-section,
  .section-dark.cinematic-case-dossiers-section,
  .executive-gateway-section,
  #talent-gateway,
  .gateway-box {
    background-color: var(--midnight, #0D0F24) !important;
  }

  .section-dark h2,
  .section-dark h3,
  .section-navy h2,
  .section-navy h3,
  #ai-native-operating-model h2,
  #ai-native-operating-model h3,
  #macro-research-exhibit h2,
  #macro-research-exhibit h3,
  .section-dark.cinematic-insights-section h2,
  .section-dark.cinematic-insights-section .section-title-large,
  .section-dark.cinematic-practices-overview-section h2,
  .section-dark.cinematic-practices-overview-section .section-title-large,
  .section-dark.cinematic-case-dossiers-section h2,
  .section-dark.cinematic-case-dossiers-section .section-title-large,
  .gateway-title,
  .cyber-risk-wheel-card strong,
  .cyber-risk-wheel-card h3,
  .cyber-risk-wheel-card h4,
  .cyber-wheel-caption strong,
  .modern-risk-offerings-section h2,
  .modern-risk-offerings-section h3,
  .modern-risk-offerings-section strong,
  .dossier-title,
  .capabilities-heading,
  .cap-name {
    color: #FFFFFF !important;
  }

  .section-dark .section-kicker,
  .section-dark .section-kicker-alt,
  .section-navy .section-kicker,
  .section-navy .section-kicker-alt,
  .section-dark.cinematic-insights-section .section-kicker,
  .section-dark.cinematic-insights-section .section-kicker-alt,
  .section-dark.cinematic-practices-overview-section .section-kicker,
  .section-dark.cinematic-practices-overview-section .section-kicker-alt,
  .section-dark.cinematic-insights-section .cinematic-counter,
  .section-dark.cinematic-practices-overview-section .cinematic-counter,
  .gateway-box .section-kicker-alt,
  .dossier-kicker,
  .modern-risk-offerings-section .section-kicker-alt {
    color: var(--gold-light, #E5C05B) !important;
  }

  .section-dark p,
  .section-navy p,
  #ai-native-operating-model p,
  #macro-research-exhibit p,
  #ai-native-operating-model .section-head-desc,
  .section-dark.cinematic-insights-section .section-head-desc,
  .section-dark.cinematic-practices-overview-section .section-head-desc,
  .section-navy .section-head-desc,
  .gateway-subtitle,
  .modern-risk-offerings-section p,
  .modern-risk-offerings-section .section-head-desc,
  #interactive-tools .section-head-desc,
  .cyber-wheel-caption,
  .dossier-sequence,
  .dossier-tagline,
  .need-body,
  .cap-desc,
  .modern-risk-offerings-section span,
  .modern-risk-offerings-section summary,
  .modern-risk-offerings-section summary span,
  .dossier-need-header span,
  .dossier-footer-bar span,
  .footer-spec-badge span,
  .footer-outcome-badge span {
    color: #CBD5E1 !important;
  }

  .footer-spec-badge .spec-value,
  .footer-outcome-badge .outcome-value,
  .dossier-need-header .need-title {
    color: #FFFFFF !important;
  }

  /* Map and Data Viz Notes High-Contrast */
  .map-visual-wrapper span,
  .map-visual-wrapper div,
  .map-visual-wrapper .migo-viz-notes,
  .map-visual-wrapper .migo-viz-source,
  .map-visual-wrapper .migo-map-zoom-readout,
  .migo-viz-notes,
  .migo-viz-source,
  .map-filter-label {
    color: #CBD5E1 !important;
  }

  .section-dark.cinematic-insights-section .cinematic-arrow-btn,
  .section-dark.cinematic-practices-overview-section .cinematic-arrow-btn {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #FFFFFF !important;
  }

  /* Insights Filter Ribbon High-Contrast Bar */
  .insights-filter-section {
    background-color: #080E1A !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  }
  .insights-filter-section span,
  .insights-filter-section div {
    color: #CBD5E1 !important;
  }
  .insights-filter-section strong {
    color: #FFFFFF !important;
  }
  .insights-filter-section .btn-filter-dropdown {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF !important;
  }

  /* Deep Navy Inset Panels & Cards Text Protection */
  [style*="background: var(--navy"],
  [style*="background: #0A"],
  [style*="background: #0a"],
  [style*="background: #06"],
  [style*="background: #09"],
  [style*="background: #0D"],
  [style*="background: #10"],
  .navy-card,
  .dark-card {
    color: #CBD5E1 !important;
  }

  [style*="background: var(--navy"] p,
  [style*="background: #0A"] p,
  [style*="background: #0a"] p,
  [style*="background: #06"] p,
  [style*="background: #09"] p,
  [style*="background: #0D"] p,
  [style*="background: #10"] p,
  .navy-card p,
  .dark-card p,
  #thesis [style*="background: var(--navy"] p,
  #thesis [style*="background: #0"] p {
    color: #CBD5E1 !important;
  }

  html:not([data-theme="dark"]) section [style*="background: var(--navy"]:not(.method-card) h2,
  html:not([data-theme="dark"]) section [style*="background: var(--navy"]:not(.method-card) h3,
  html:not([data-theme="dark"]) section [style*="background: var(--navy"]:not(.method-card) h4,
  html:not([data-theme="dark"]) section .navy-card:not(.method-card) h2,
  html:not([data-theme="dark"]) section .navy-card:not(.method-card) h3,
  html:not([data-theme="dark"]) section .navy-card:not(.method-card) h4,
  html:not([data-theme="dark"]) section .dark-card:not(.method-card) h2,
  html:not([data-theme="dark"]) section .dark-card:not(.method-card) h3,
  html:not([data-theme="dark"]) section .dark-card:not(.method-card) h4,
  [style*="background: var(--navy"]:not(.method-card) h2,
  [style*="background: var(--navy"]:not(.method-card) h3,
  [style*="background: var(--navy"]:not(.method-card) h4,
  [style*="background: #0A"]:not(.method-card) h2,
  [style*="background: #0A"]:not(.method-card) h3,
  [style*="background: #0A"]:not(.method-card) h4,
  [style*="background: #16"]:not(.method-card) h2,
  [style*="background: #16"]:not(.method-card) h3,
  [style*="background: #16"]:not(.method-card) h4,
  .navy-card:not(.method-card) h2,
  .navy-card:not(.method-card) h3,
  .navy-card:not(.method-card) h4,
  .dark-card:not(.method-card) h2,
  .dark-card:not(.method-card) h3,
  .dark-card:not(.method-card) h4 {
    color: #FFFFFF !important;
  }

  html:not([data-theme="dark"]) section [style*="background: var(--navy"]:not(.method-card) p,
  html:not([data-theme="dark"]) section .navy-card:not(.method-card) p,
  html:not([data-theme="dark"]) section .dark-card:not(.method-card) p,
  [style*="background: var(--navy"]:not(.method-card) p,
  [style*="background: #0A"]:not(.method-card) p,
  [style*="background: #16"]:not(.method-card) p,
  .navy-card:not(.method-card) p,
  .dark-card:not(.method-card) p {
    color: #CBD5E1 !important;
  }

  /* In light mode, swap to Charcoal logo */
  /* html:not([data-theme=dark]) logo swap removed */
}

/* Explicit theme data attributes for manual override or JS synchronization */
[data-theme="light"] {
  --canvas-bg: var(--paper, #FAFAFC);
  --canvas-text: var(--ink, #211F20);
}

[data-theme="light"] body {
  background-color: var(--paper, #FAFAFC) !important;
  color: var(--ink, #211F20) !important;
}

/* [data-theme=light] #navbar removed */

/* [data-theme=light] nav-links removed */

/* [data-theme=light] side-nav-toggle removed */

[data-theme="light"] .breadcrumb-nav a,
[data-theme="light"] .breadcrumb a {
  color: var(--indigo, #3E4095) !important;
}

[data-theme="light"] .breadcrumb-nav span,
[data-theme="light"] .breadcrumb span {
  color: var(--ink, #211F20) !important;
}

/* [data-theme=light] logo swap removed */

[data-theme="dark"] .brand-logo-img,
[data-theme="dark"] .drawer-logo-img {
  content: url("Migo Axis Logo Final_Dark Background.png");
}

[data-theme="dark"] .breadcrumb-nav a,
[data-theme="dark"] .breadcrumb a {
  color: var(--indigo-light, #9DA0FF) !important;
}

[data-theme="dark"] .breadcrumb-nav span,
[data-theme="dark"] .breadcrumb span {
  color: #CBD5E1 !important;
}

/* Universal Dark Card Typography Override */
[style*="background: var(--navy"]:not(.method-card) h2,
[style*="background: var(--navy"]:not(.method-card) h3,
[style*="background: var(--navy"]:not(.method-card) h4,
[style*="background: #0A"]:not(.method-card) h2,
[style*="background: #0A"]:not(.method-card) h3,
[style*="background: #0A"]:not(.method-card) h4,
[style*="background: #10"]:not(.method-card) h2,
[style*="background: #10"]:not(.method-card) h3,
[style*="background: #10"]:not(.method-card) h4,
[style*="background: #16"]:not(.method-card) h2,
[style*="background: #16"]:not(.method-card) h3,
[style*="background: #16"]:not(.method-card) h4 {
  color: #FFFFFF !important;
}

[style*="background: var(--navy"]:not(.method-card) p,
[style*="background: #0A"]:not(.method-card) p,
[style*="background: #10"]:not(.method-card) p,
[style*="background: #16"]:not(.method-card) p {
  color: #CBD5E1 !important;
}



/* ==========================================================================
   TIER-1 BIG 4 / BAIN EXECUTIVE VIDEO PRESENTATION SHOWCASE
   Ultra-clean, distraction-free container with letterbox framing for 9:16 mobile
   ========================================================================== */
.migo-bain-video-section {
  padding: clamp(3.5rem, 6vw, 5.5rem) 0;
  position: relative;
  background: #060913;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  overflow: hidden;
}

.migo-bain-video-section.light-canvas {
  background: #FAFAFC;
  border-top: 1px solid rgba(33, 31, 32, 0.08);
  border-bottom: 1px solid rgba(33, 31, 32, 0.08);
}

.migo-bain-video-header {
  text-align: center;
  max-width: 820px;
  margin: 0 auto clamp(2rem, 4vw, 3rem) auto;
}

.migo-bain-video-kicker {
  font-family: var(--font-mono, monospace);
  font-size: 0.78rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--gold-primary, #C59B27);
  font-weight: 700;
  display: inline-block;
  margin-bottom: 0.5rem;
}

.light-canvas .migo-bain-video-kicker {
  color: var(--indigo, #3E4095);
}

.migo-bain-video-title {
  font-family: var(--font-display, 'Space Grotesk', sans-serif);
  font-size: clamp(1.8rem, 3.2vw, 2.6rem);
  font-weight: 700;
  color: #FFFFFF;
  line-height: 1.25;
  margin-bottom: 0.75rem;
  letter-spacing: -0.02em;
}

.light-canvas .migo-bain-video-title {
  color: var(--ink, #211F20);
}

.migo-bain-video-subtitle {
  font-size: clamp(0.95rem, 1.2vw, 1.08rem);
  color: #94A3B8;
  line-height: 1.6;
  margin: 0 auto;
  max-width: 680px;
}

.light-canvas .migo-bain-video-subtitle {
  color: #4A4849;
}

/* Bain-style Theater Container: letterboxed canvas that flatters vertical 9:16 on desktop & mobile */
.migo-bain-theater-card {
  max-width: 980px;
  margin: 0 auto;
  background: #02040A;
  border: 1px solid rgba(197, 155, 39, 0.22);
  border-radius: 12px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.04);
  position: relative;
  overflow: hidden;
}

.migo-bain-theater-inner {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  max-height: 580px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle at center, #0B1124 0%, #03050C 100%);
  overflow: hidden;
}

.migo-bain-ambient-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 90%;
  background: radial-gradient(ellipse at center, rgba(62, 64, 149, 0.35) 0%, rgba(197, 155, 39, 0.12) 50%, transparent 75%);
  filter: blur(40px);
  pointer-events: none;
  z-index: 1;
}

.migo-bain-video-element {
  position: relative;
  z-index: 2;
  height: 100%;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  border-radius: 6px;
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.6);
  outline: none;
}

.migo-bain-theater-footer {
  padding: 0.9rem 1.5rem;
  background: rgba(13, 15, 36, 0.95);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: 0.82rem;
  color: #94A3B8;
  position: relative;
  z-index: 3;
}

.migo-bain-theater-footer-left {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--font-mono, monospace);
  font-size: 0.75rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #CBD5E1;
}

.migo-bain-live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--gold-primary, #C59B27);
  box-shadow: 0 0 8px var(--gold-primary, #C59B27);
  display: inline-block;
}

.migo-bain-theater-footer-right {
  font-family: var(--font-mono, monospace);
  font-size: 0.74rem;
  color: var(--gold-primary, #C59B27);
  font-weight: 600;
  letter-spacing: 0.04em;
}

@media (max-width: 768px) {
  .migo-bain-theater-inner {
    aspect-ratio: 9 / 16;
    max-height: 82vh;
    background: #000;
  }
  .migo-bain-video-element {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .migo-bain-theater-footer {
    padding: 0.75rem 1rem;
    font-size: 0.75rem;
  }
}


/* ==========================================================================
   MIGO AXIS EXECUTIVE HIGH-CONTRAST CANONICAL COLOR ENFORCEMENT
   Prevents low-contrast text on dark surfaces across all client OS theme settings
   ========================================================================== */

/* Universal Dark Navbar Stability */
#navbar.navbar,
header.navbar {
  background: rgba(13, 15, 36, 0.96) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

#navbar .nav-links a:not(.btn-gold-sm):not(.btn-gold),
header.navbar .nav-links a:not(.btn-gold-sm):not(.btn-gold),
.capability-top-nav a:not(.btn-gold-sm):not(.btn-gold) {
  color: #FAFAFC !important;
}

#navbar .nav-links a.btn-gold-sm,
#navbar .nav-links a.btn-gold,
header.navbar .nav-links a.btn-gold-sm,
header.navbar .nav-links a.btn-gold {
  color: #060B13 !important;
  font-weight: 700 !important;
}

#navbar .nav-links a:hover,
header.navbar .nav-links a:hover,
.capability-top-nav a:hover {
  color: var(--gold-primary, #C59B27) !important;
}

/* Ensure Logo uses Dark Background Asset on Navbar */
.brand-logo-img,
.drawer-logo-img,
.footer-logo-img {
  content: url("Migo Axis Logo Final_Dark Background.png") !important;
}

/* Suppress synthetic plain text badges when real logo image is present */
.brand-logo-text {
  display: none !important;
}

/* Talent Gateway Executive Dark Box Contrast (#talent-gateway) */
.executive-gateway-section,
#talent-gateway {
  background: #080A1A !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

#talent-gateway .gateway-box {
  background: #0D0F24 !important;
  border: 1px solid rgba(197, 155, 39, 0.35) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6) !important;
}

#talent-gateway .section-kicker-alt,
.gateway-box .section-kicker-alt {
  color: #C59B27 !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
}

#talent-gateway .gateway-title,
.gateway-box .gateway-title {
  color: #FFFFFF !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  text-shadow: none !important;
}

#talent-gateway .gateway-subtitle,
.gateway-box .gateway-subtitle {
  color: #CBD5E1 !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  text-shadow: none !important;
}

#talent-gateway .btn-gold,
.gateway-box .btn-gold {
  background: #C59B27 !important;
  color: #0D0F24 !important;
  font-weight: 700 !important;
  border: 1px solid #C59B27 !important;
}

#talent-gateway .btn-outline,
.gateway-box .btn-outline {
  background: transparent !important;
  color: #FAFAFC !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

#talent-gateway .btn-navy-sm,
.gateway-box .btn-navy-sm {
  background: rgba(62, 64, 149, 0.4) !important;
  color: #FAFAFC !important;
  border: 1px solid rgba(165, 180, 252, 0.3) !important;
}

/* Comprehensive Dark Container Contrast Enforcement (Zero Dark-on-Dark Text) */
.section-dark h1, .section-dark h2, .section-dark h3, .section-dark h4,
.section-navy h1, .section-navy h2, .section-navy h3, .section-navy h4,
.cinematic-section h1, .cinematic-section h2, .cinematic-section h3, .cinematic-section h4 {
  color: #FFFFFF !important;
}

.section-dark p,
.section-navy p,
.cinematic-section p {
  color: #CBD5E1 !important;
}

.section-dark .section-kicker,
.section-dark .section-kicker-alt,
.section-navy .section-kicker,
.section-navy .section-kicker-alt {
  color: #C59B27 !important;
}


/* ==========================================================================
   MIGO AXIS UNIFIED EXECUTIVE HERO OPENER & BAIN THEATER
   High-contrast, distraction-free executive presentation layout
   ========================================================================== */

.migo-hero-opener {
  position: relative;
  background: var(--midnight, #0D0F24);
  padding: clamp(3.5rem, 6vw, 5.5rem) 0 clamp(4rem, 7vw, 6rem) 0;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.migo-hero-backdrop-glow {
  position: absolute;
  top: -20%;
  left: 50%;
  transform: translateX(-50%);
  width: 85%;
  height: 60%;
  background: radial-gradient(ellipse at center, rgba(62, 64, 149, 0.28) 0%, rgba(197, 155, 39, 0.08) 45%, transparent 70%);
  filter: blur(60px);
  pointer-events: none;
  z-index: 1;
}

.migo-hero-container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.migo-hero-header {
  text-align: center;
  max-width: 940px;
  margin: 0 auto clamp(2rem, 4vw, 3rem) auto;
}

.migo-hero-header .hero-trinity-banner {
  margin-bottom: 1.25rem;
}

.migo-hero-header .hero-slide-kicker {
  font-family: var(--font-display, 'Space Grotesk', sans-serif);
  font-size: 0.82rem;
  letter-spacing: 0.16em;
  color: var(--gold-primary, #C59B27);
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0.85rem;
}

.migo-hero-title {
  font-family: var(--font-display, 'Space Grotesk', sans-serif);
  font-size: clamp(2.3rem, 5vw, 4.1rem);
  font-weight: 800;
  line-height: 1.15;
  color: #FFFFFF;
  letter-spacing: -0.025em;
  margin: 0 auto 1.25rem auto;
  max-width: 880px;
}

.migo-hero-lead {
  font-size: clamp(1.05rem, 1.4vw, 1.25rem);
  line-height: 1.6;
  color: #CBD5E1;
  max-width: 760px;
  margin: 0 auto 2rem auto;
}

.migo-hero-cta-group {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
  flex-wrap: wrap;
  margin-bottom: 2.5rem;
}

/* Ensure Bain theater card fits seamlessly in the unified hero container */
.migo-hero-opener .migo-bain-theater-card {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  background: #02040A;
  border: 1px solid rgba(197, 155, 39, 0.25);
  border-radius: 12px;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.04);
}

@media (max-width: 768px) {
  .migo-hero-opener {
    padding: 2.5rem 0 3.5rem 0;
  }
  .migo-hero-title {
    font-size: clamp(1.85rem, 8vw, 2.5rem);
  }
  .migo-hero-lead {
    font-size: 0.98rem;
    margin-bottom: 1.5rem;
  }
  .migo-hero-cta-group {
    flex-direction: column;
    width: 100%;
    gap: 0.75rem;
    margin-bottom: 1.75rem;
  }
  .migo-hero-cta-group .btn {
    width: 100%;
    text-align: center;
  }
}

/* ==========================================================================
   MIGO AXIS VISIO-CALIBER MODERN AESTHETIC OVERHAUL
   Inspired by Reference Architecture:
     - Pure Modern Raleway & Inter Hierarchy
     - Italic Emphasis on Key Words in Action Titles
     - Generous Card Radii (border-radius: 20px)
     - Full Pill CTA Buttons (border-radius: 9999px)
     - Minimal Atmospheric Glows & Subtle Glass Framing
     - Generous Breathing Space & Section Padding
   ========================================================================== */

/* Universal Heading & Display Modernization */
h1, h2, h3, h4,
.migo-hero-title,
.section-title-large,
.section-title,
.card-title,
.offerings-hero-title,
.hero-title {
  font-family: 'Raleway', 'Inter', -apple-system, sans-serif !important;
  letter-spacing: -0.02em !important;
}

/* Elegant Italic Word Accent for Display Headlines (as seen in Visionary reference) */
.migo-hero-title em,
.section-title-large em,
.hero-title em {
  font-style: italic !important;
  font-weight: 300 !important;
  color: var(--gold, #C59B27) !important;
}

/* Universal Button Modernization: Pill Geometry (border-radius: 9999px) */
.btn,
.btn-gold,
.btn-gold-sm,
.btn-outline,
.btn-navy-sm,
.btn-secondary,
.hero-cta,
.cta-btn,
.gateway-btn {
  border-radius: 9999px !important;
  font-family: 'Raleway', 'Inter', -apple-system, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.btn-gold {
  background-color: #C59B27 !important;
  background: #C59B27 !important;
  color: #080A1A !important;
  box-shadow: 0 4px 18px rgba(197, 155, 39, 0.28) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.btn-gold:hover {
  background: linear-gradient(135deg, #E5C05B 0%, #D4AF37 100%) !important;
  color: #080A1A !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(197, 155, 39, 0.42) !important;
}

.btn-outline {
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  color: #FAFAFC !important;
  background: rgba(255, 255, 255, 0.04) !important;
  backdrop-filter: blur(10px) !important;
}

.btn-outline:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
  color: #FFFFFF !important;
  transform: translateY(-2px) !important;
}

/* Universal Card & Module Modernization: 20px - 24px Radius */
.cinematic-card,
.exhibit-reel-card,
.gateway-box,
.client-logo-card,
.practice-deep-dive,
.intel-card,
.metric-card,
.pillar-card,
.case-card,
.migo-bain-theater-card,
.migo-bain-theater-inner,
.corridor-card {
  border-radius: 20px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.35s ease !important;
}

/* Clean Hover Lift & Atmospheric Glow */
.cinematic-card:hover,
.exhibit-reel-card:hover,
.corridor-card:hover,
.intel-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35), 0 0 30px rgba(62, 64, 149, 0.18) !important;
  border-color: rgba(197, 155, 39, 0.3) !important;
}

/* Light Theme Card Borders */
body.light-theme .cinematic-card,
body.light-theme .corridor-card,
body.light-theme .intel-card {
  border: 1px solid rgba(33, 31, 32, 0.08) !important;
  box-shadow: 0 10px 30px rgba(13, 15, 36, 0.04) !important;
}

body.light-theme .cinematic-card:hover,
body.light-theme .corridor-card:hover {
  box-shadow: 0 20px 40px rgba(13, 15, 36, 0.08) !important;
  border-color: rgba(62, 64, 149, 0.25) !important;
}

/* Bain Video Theater Card Geometry & Modern Framing */
.migo-bain-theater-card {
  border-radius: 24px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: radial-gradient(circle at 50% 0%, rgba(62, 64, 149, 0.15) 0%, rgba(8, 10, 26, 0.85) 75%) !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.5), 0 0 50px rgba(62, 64, 149, 0.15) !important;
}

.migo-bain-theater-inner {
  border-radius: 20px !important;
}

.migo-bain-video-element {
  border-radius: 16px !important;
}

/* Floating Stats & Metric Numerals (Matching VisioAI High-Impact Layout) */
.hero-stat-value,
.metric-number,
.stat-big,
.kpi-figure {
  font-family: 'Raleway', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
}

/* Section Spacing & Atmospheric Cleanliness */
.section {
  padding: clamp(5rem, 8vw, 7.5rem) 0 !important;
}

.section-kicker,
.hero-slide-kicker,
.eyebrow {
  font-family: 'Raleway', 'Inter', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  font-size: 0.75rem !important;
}

/* ==========================================================================
   MIGO AXIS CINEMATIC TRINITY PILL (INCEPT. INNOVATE. INTEGRATE.)
   Authoritative Executive Branding Element
   Complies with:
     - 70/30 Contrast Principle (Midnight Navy #0D0F24 canvas & Clean Paper #FAFAFC)
     - Pill Geometry (border-radius: 9999px)
     - Raleway Variable Sans Typography
     - Atmospheric Depth & Glow
   ========================================================================== */
.migo-cinematic-trinity-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0.6rem, 1.2vw, 1rem);
  padding: clamp(0.45rem, 0.8vw, 0.6rem) clamp(1.2rem, 2vw, 1.8rem);
  border-radius: 9999px;
  background: rgba(13, 15, 36, 0.78);
  border: 1px solid rgba(197, 155, 39, 0.42);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35), 0 0 24px rgba(62, 64, 149, 0.28);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  margin-bottom: clamp(1.25rem, 2vw, 1.75rem);
  width: fit-content;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.migo-cinematic-trinity-pill:hover {
  border-color: rgba(197, 155, 39, 0.7);
  box-shadow: 0 6px 28px rgba(0, 0, 0, 0.45), 0 0 35px rgba(197, 155, 39, 0.25);
  transform: translateY(-1px);
}

.cinematic-trinity-word {
  font-family: 'Raleway', sans-serif;
  font-size: clamp(0.76rem, 0.95vw, 0.86rem);
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #FAFAFC;
  line-height: 1;
}

.cinematic-trinity-word:first-child {
  color: var(--gold-primary, #C59B27);
}

.cinematic-trinity-dot {
  color: rgba(197, 155, 39, 0.65);
  font-size: 0.85rem;
  line-height: 1;
}

/* Light canvas variation if placed in white/paper sections */
.light-canvas .migo-cinematic-trinity-pill,
body.light-theme .migo-cinematic-trinity-pill {
  background: rgba(250, 250, 252, 0.9);
  border: 1px solid rgba(62, 64, 149, 0.25);
  box-shadow: 0 4px 18px rgba(13, 15, 36, 0.06);
}

.light-canvas .cinematic-trinity-word,
body.light-theme .cinematic-trinity-word {
  color: #211F20;
}

.light-canvas .cinematic-trinity-word:first-child,
body.light-theme .cinematic-trinity-word:first-child {
  color: #3E4095;
}

.light-canvas .cinematic-trinity-dot,
body.light-theme .cinematic-trinity-dot {
  color: rgba(62, 64, 149, 0.5);
}

/* ==========================================================================
   MIGO AXIS EXECUTIVE CONTACT PAGE MODERN ALIGNMENT & DESIGN SYSTEM
   Aligns contact.html with 70/30 Dark Canvas & Modern Shape Architecture:
     - Midnight Navy (#0D0F24) canvas background
     - Clean Paper (#FAFAFC) typography & Signature Gold accents (#C59B27)
     - Pill Trinity Header badge (INCEPT. • INNOVATE. • INTEGRATE.)
     - Generous Card Radii (border-radius: 20px) on form and info cards
     - Crisp, high-contrast dark inputs with subtle 1px border
     - Pill submit CTA (border-radius: 9999px)
     - Balanced 2-column grid layout with clean vertical rhythm
   ========================================================================== */

/* 1. Page Header Alignment */
.contact-page-header {
  position: relative;
  padding: clamp(5rem, 8vw, 7rem) 0 clamp(3rem, 5vw, 4rem);
  background: radial-gradient(circle at 50% 0%, rgba(62, 64, 149, 0.22) 0%, rgba(13, 15, 36, 0.98) 70%), #0D0F24;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  text-align: center;
  overflow: hidden;
}

.contact-page-header .container {
  max-width: 860px;
  margin: 0 auto;
}

.contact-page-header h1 {
  font-family: 'Raleway', sans-serif !important;
  font-size: clamp(2.4rem, 4.2vw, 3.6rem) !important;
  font-weight: 700 !important;
  color: #FAFAFC !important;
  letter-spacing: -0.025em !important;
  line-height: 1.2 !important;
  margin-bottom: 1.25rem !important;
}

.contact-page-header h1 em {
  font-style: italic !important;
  font-weight: 300 !important;
  color: var(--gold-primary, #C59B27) !important;
}

.contact-page-header p {
  font-size: clamp(1rem, 1.3vw, 1.15rem) !important;
  color: #CBD5E1 !important;
  line-height: 1.65 !important;
  max-width: 720px;
  margin: 0 auto !important;
}

/* 2. Contact Section & Grid Canvas */
.contact-section-canvas {
  background: #080A1A !important;
  padding: clamp(4.5rem, 7vw, 6.5rem) 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.contact-page-grid {
  display: grid !important;
  grid-template-columns: 1fr 1.15fr !important;
  gap: clamp(2.5rem, 5vw, 4.5rem) !important;
  align-items: flex-start !important;
}

@media (max-width: 992px) {
  .contact-page-grid {
    grid-template-columns: 1fr !important;
    gap: 3rem !important;
  }
}

/* 3. Left Mandate & Intelligence Pane */
.contact-mandate-pane h2 {
  font-family: 'Raleway', sans-serif !important;
  font-size: clamp(1.8rem, 2.6vw, 2.4rem) !important;
  font-weight: 700 !important;
  color: #FAFAFC !important;
  letter-spacing: -0.02em !important;
  line-height: 1.25 !important;
  margin-bottom: 1rem !important;
}

.contact-mandate-pane p {
  color: #CBD5E1 !important;
  font-size: 0.98rem !important;
  line-height: 1.65 !important;
  margin-bottom: 1.5rem !important;
}

/* Evidence Rail in Contact Page */
.contact-evidence-rail {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 1rem !important;
  background: rgba(13, 15, 36, 0.7) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 1.25rem !important;
  border-radius: 20px !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3) !important;
  margin-top: 2rem !important;
}

.contact-evidence-rail .consulting-evidence-item {
  background: rgba(22, 34, 56, 0.5) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-top: 3px solid var(--gold-primary, #C59B27) !important;
  border-radius: 14px !important;
  padding: 1rem 0.75rem !important;
  text-align: center !important;
}

.contact-evidence-rail .consulting-evidence-metric {
  font-family: 'Raleway', sans-serif !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  color: #FAFAFC !important;
  letter-spacing: -0.02em !important;
}

.contact-evidence-rail .consulting-evidence-label {
  font-size: 0.75rem !important;
  color: #94A3B8 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  margin-top: 0.25rem !important;
}

/* SLA Cadence & Tender Fast-Track Info Modules */
.contact-info-card {
  margin-top: 1.5rem !important;
  padding: 1.4rem 1.6rem !important;
  background: rgba(13, 15, 36, 0.75) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-left: 3px solid var(--gold-primary, #C59B27) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
}

.contact-info-card.indigo-accent {
  border-left-color: var(--indigo-light, #9DA0FF) !important;
}

.contact-info-card-label {
  font-family: 'Raleway', sans-serif !important;
  font-size: 0.76rem !important;
  color: var(--gold-primary, #C59B27) !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  margin-bottom: 0.6rem !important;
}

.contact-info-card.indigo-accent .contact-info-card-label {
  color: var(--indigo-light, #9DA0FF) !important;
}

.contact-info-card ul {
  color: #CBD5E1 !important;
  font-size: 0.88rem !important;
  line-height: 1.65 !important;
  margin: 0 !important;
  padding-left: 1.25rem !important;
}

.contact-info-card li strong {
  color: #FAFAFC !important;
}

.contact-info-card p {
  color: #CBD5E1 !important;
  font-size: 0.88rem !important;
  line-height: 1.6 !important;
  margin: 0 0 0.5rem 0 !important;
}

/* Strategic Location & Channel Rows */
.contact-channels-group {
  margin-top: 2.25rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1.25rem !important;
}

.contact-channel-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 1.2rem !important;
  padding: 1.1rem 1.4rem !important;
  background: rgba(13, 15, 36, 0.6) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 16px !important;
}

.contact-channel-icon-col {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  background: rgba(62, 64, 149, 0.25);
  border: 1px solid rgba(197, 155, 39, 0.3);
  border-radius: 50%;
  color: var(--gold-primary, #C59B27);
  font-size: 1.1rem;
  flex-shrink: 0;
}

.contact-channel-content {
  flex-grow: 1;
}

.contact-channel-kicker {
  font-size: 0.72rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  color: var(--indigo-light, #9DA0FF) !important;
  font-weight: 700 !important;
  margin-bottom: 0.2rem !important;
}

.contact-channel-title {
  color: #FAFAFC !important;
  font-size: 1.02rem !important;
  font-weight: 600 !important;
  margin-bottom: 0.2rem !important;
}

.contact-channel-desc {
  color: #94A3B8 !important;
  font-size: 0.85rem !important;
  margin: 0 !important;
}

.contact-channel-desc a {
  color: var(--gold-primary, #C59B27) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: color 0.2s ease !important;
}

.contact-channel-desc a:hover {
  color: #FFFFFF !important;
  text-decoration: underline !important;
}

/* 4. Right Form Container: Executive Dark Glass Pane */
.executive-form-card {
  background: rgba(13, 15, 36, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 24px !important;
  padding: clamp(1.75rem, 3.5vw, 2.75rem) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5), 0 0 40px rgba(62, 64, 149, 0.15) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}

.executive-form-card .form-group {
  margin-bottom: 1.25rem !important;
}

.executive-form-card .form-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 1.25rem !important;
}

@media (max-width: 640px) {
  .executive-form-card .form-row {
    grid-template-columns: 1fr !important;
    gap: 1.25rem !important;
  }
}

.executive-form-card label {
  display: block !important;
  font-size: 0.84rem !important;
  font-weight: 600 !important;
  color: #FAFAFC !important;
  letter-spacing: 0.02em !important;
  margin-bottom: 0.45rem !important;
}

.executive-form-card input,
.executive-form-card select,
.executive-form-card textarea {
  width: 100% !important;
  background: rgba(6, 11, 20, 0.8) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  padding: 0.85rem 1.15rem !important;
  border-radius: 12px !important;
  color: #FAFAFC !important;
  font-family: inherit !important;
  font-size: 0.94rem !important;
  transition: all 0.25s ease !important;
  outline: none !important;
}

.executive-form-card input:focus,
.executive-form-card select:focus,
.executive-form-card textarea:focus {
  border-color: var(--gold-primary, #C59B27) !important;
  box-shadow: 0 0 16px rgba(197, 155, 39, 0.25) !important;
  background: rgba(8, 14, 26, 0.95) !important;
}

.executive-form-card select option {
  background: #0D0F24 !important;
  color: #FAFAFC !important;
}

.executive-form-card .btn-submit-pill {
  width: 100% !important;
  border-radius: 9999px !important;
  padding: 0.95rem 2rem !important;
  font-family: 'Raleway', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.03em !important;
  background: #C59B27 !important;
  background-color: #C59B27 !important;
  color: #080A1A !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 6px 20px rgba(197, 155, 39, 0.3) !important;
  cursor: pointer !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  margin-top: 0.5rem !important;
}

.executive-form-card .btn-submit-pill:hover {
  background: #E5C05B !important;
  background-color: #E5C05B !important;
  color: #080A1A !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 28px rgba(197, 155, 39, 0.45) !important;
}

.executive-form-subtext {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0.75rem !important;
  margin-top: 1.25rem !important;
  font-size: 0.8rem !important;
  color: #94A3B8 !important;
  flex-wrap: wrap !important;
  text-align: center !important;
}

/* ==========================================================================
   CONTACT PAGE CONTRAST ENFORCEMENT ON DARK CANVAS
   Guarantees WCAG AAA / AA compliance (>= 4.5:1 ratio) on Midnight Navy (#080A1A)
   ========================================================================== */
.contact-mandate-pane .section-kicker,
.contact-section-canvas .section-kicker,
.contact-page-grid .section-kicker {
  color: var(--gold-primary, #C59B27) !important;
}

.contact-section-canvas a[href^="mailto:"],
.contact-page-grid a[href^="mailto:"],
.contact-channel-desc a {
  color: var(--gold-primary, #C59B27) !important;
}

.contact-section-canvas a[href^="mailto:"]:hover,
.contact-page-grid a[href^="mailto:"]:hover,
.contact-channel-desc a:hover {
  color: #FFFFFF !important;
}

.contact-mandate-pane span[style*="color: var(--gold-primary)"],
.contact-info-card span[style*="color: var(--gold-primary)"],
.contact-section-canvas span[style*="color: var(--gold-primary)"] {
  color: var(--gold-primary, #C59B27) !important;
}

.contact-section-canvas .contact-channel-kicker,
.contact-page-grid .contact-channel-kicker {
  color: #CBD5E1 !important;
}