/* Transparent navigation preset; the saved light palette remains unchanged. */
html:not([data-website-theme=light]) .home-page .hero{background:var(--night);color:#fff}
html:not([data-website-theme=light]) .home-page .hero-intro{color:#ebf2f3}
html:not([data-website-theme=light]) .home-page .hero-description{color:#d6e0e5}
html:not([data-website-theme=light]) .home-page .hero-bottom{color:#e1e8eb}
html:not([data-website-theme=light]) .home-page .hero .button-light{background:#fff;color:#192a32}
html:not([data-website-theme=light]) .home-page .hero .watch-button{color:#fff}
html:not([data-website-theme=light]) .home-page .hero .play-icon{border-color:#ffffff8c}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) .site-header:not(.scrolled){background:transparent;backdrop-filter:none}
html:not([data-website-theme=light]) .home-page .site-header:not(.scrolled){color:#fff;border-color:#ffffff2b}
html:not([data-website-theme=light]) .home-page .site-header:not(.scrolled) .header-contact{border-color:#ffffff90}
html:not([data-website-theme=light]) .inner-page .site-header:not(.scrolled){position:absolute;inset:0 0 auto}
html:not([data-website-theme=light]) .inner-page :is(.page-hero,.careers-intro,.about-hero){padding-top:76px}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) .site-header.scrolled{position:fixed;top:0;background:#fffffff5;backdrop-filter:blur(18px);color:var(--ink)}
html:not([data-website-theme=light]) .home-page .hero-shade{background:linear-gradient(90deg,rgba(8,18,25,.82) 0%,rgba(8,18,25,.52) 34%,rgba(8,18,25,.03) 66%),linear-gradient(0deg,rgba(8,18,25,.48),transparent 25%,transparent 75%,rgba(8,18,25,.28))}
@media(max-width:800px){html:not([data-website-theme=light]) .home-page .hero-shade{background:linear-gradient(90deg,#081219a8,#08121912),linear-gradient(0deg,#08121950,transparent 20%,#0812190a 50%,#08121977)}
}
@media(max-width:520px){html:not([data-website-theme=light]) .home-page .hero-shade{background:linear-gradient(90deg,#081219ba,#0812190a),linear-gradient(0deg,#08121930,transparent 35%,#08121924 60%,#08121988)}
}

html:not([data-website-theme=light]) .inner-page:has(.page-hero,.careers-intro,.about-hero) .site-header:not(.scrolled){color:#fff;border-color:#ffffff2b}
html:not([data-website-theme=light]) .inner-page:has(.page-hero,.careers-intro,.about-hero) .site-header:not(.scrolled) .header-contact{border-color:#ffffff90}
html:not([data-website-theme=light]) .inner-page :is(.page-hero,.careers-intro,.about-hero){background:#253740;color:#fff}
html:not([data-website-theme=light]) .inner-page .page-hero-media::after,html:not([data-website-theme=light]) .inner-page .careers-intro::after,html:not([data-website-theme=light]) .inner-page .about-hero::before{background:linear-gradient(90deg,#253740f0 0%,#253740b0 30%,#25374026 65%,#25374000 100%)}
html:not([data-website-theme=light]) .inner-page :is(.breadcrumb,.breadcrumb-current,.breadcrumb-separator,.page-lead,.careers-intro .careers-lead,.about-hero .visual-hero-copy>p){color:#d4e4ea}
html:not([data-website-theme=light]) .inner-page :is(.hero-text-link,.careers-intro .careers-link,.careers-intro .careers-eyebrow){color:#c5f1f3}
html:not([data-website-theme=light]) .inner-page .about-hero .visual-hero-art{background:#253740}
@media(max-width:767px){
 html:not([data-website-theme=light]) .inner-page .careers-hero-media::after{background:linear-gradient(180deg,#253740,#25374050 20%,transparent 45%)}
}

html:not([data-website-theme=light]) .inner-page .page-hero .page-hero-media{inset:0}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) .site-header:not(.scrolled) .main-nav>a{color:inherit}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) .site-header.menu-open:not(.scrolled){background:#fff;color:var(--ink);border-color:var(--line)}
html:not([data-website-theme=light]) .inner-page:has(.page-hero,.careers-intro,.about-hero) .site-header.menu-open:not(.scrolled){color:var(--ink)}

/* Full-site graphite theme. All surfaces use the same shared palette. */
html:not([data-website-theme=light]) :is(.home-page,.inner-page){
 --paper:#253740;--soft:#304650;--ink:#edf4f6;--muted:#c5d4da;
 --line:#506670;--night:#253740;--accent:#70d9e6;--accent-hover:#a5eaf2;--accent-soft:#3a5964;
 --visual-paper:var(--paper);--visual-soft:var(--soft);--visual-ink:var(--ink);--visual-muted:var(--muted);--visual-accent:var(--accent);
 color-scheme:dark;background:var(--paper);color:var(--ink);
}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) :is(.services,.approach,.resource-preview,.inner-section,.positions,.visual-section,.reading-layout,.course-detail,.site-footer){background:var(--paper);color:var(--ink)}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) :is(.scenarios,.about,.demonstration,.contact-section,.inner-soft,.inner-cta,.visual-soft,.visual-dark,.visual-cta,.careers-company,.careers-contact,.learning-path,.resource-featured:first-child){background:var(--soft);color:var(--ink)}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) :is(.panel,.team-card,.learning-card,.founder-profile,.founder-card,.course-search,.course-poster,.contact-card-teaser,.reading-content th,.reading-content pre,.reading-content div[class*="language-"],.reading-content :not(pre)>code,.reading-content blockquote,.reading-content .custom-block,.person-photo){background:var(--soft);color:var(--ink);border-color:var(--line)}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) :is(.page-index,.site-header.scrolled,.main-nav.open,.site-header.menu-open,.contact-dialog){background:var(--paper);color:var(--ink);border-color:var(--line)}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) .site-header.scrolled{background:#253740f5}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) .page-index{background:#253740f5}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) .site-header.menu-open:not(.scrolled){background:var(--paper);color:var(--ink)}
html:not([data-website-theme=light]) .inner-page:has(.page-hero,.careers-intro,.about-hero) .site-header.menu-open:not(.scrolled){color:var(--ink)}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) :is(.button-light,.button-dark,.application-form>button,.btn){background:var(--accent);color:var(--paper);border-color:var(--accent)}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) :is(.button-light,.button-dark,.application-form>button,.btn):hover{background:var(--accent-hover);color:var(--paper)}
html:not([data-website-theme=light]) .home-page .hero .button-light{background:var(--accent);color:var(--paper)}
html:not([data-website-theme=light]) .inner-page :is(.page-hero,.inner-cta) .button-light{background:var(--accent);color:var(--paper)}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) :is(.hero-intro,.hero-description,.hero-bottom,.scenario-copy p,.demo-introduction>p,.contact-content p,.about-copy,.section-opening>p,.visual-heading p,.visual-hero-copy>p,.story-lead,.company-layout p,.positions-heading p,.job-body ul,.job-content,.person-bio>div,.cooperation-grid ul,.contact-card-teaser p,.contact-layout>div>p,.reading-content,.article-outline a,.footer-resources,.footer-legal,.footer-bottom,.motion-note,.application-consent,#application-status,#jobs-status){color:var(--muted)}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) :is(.text-link,.visual-link,.hero-text-link,.card-link,.resource-read,.careers-link,.job-apply,.job-expand,.inner-label,.topic-line,.careers-eyebrow,.job-kind,.person-role,.course-category,.back-library,.reading-content a,.reading-breadcrumb,.article-outline>p,.syllabus-list li>span,.related-courses a>span:first-child,.library-groups a>span,.contact-card-teaser>span,.discussion-grid a>div>span:first-child,.knowledge-card>div>span:first-child,.section-kicker){color:var(--accent)}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) :is(.filter-buttons button,.motion-filters button,.demo-switch button){color:var(--muted)}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) :is(.filter-buttons button,.motion-filters button,.demo-switch button)[aria-pressed=true]{background:var(--accent);color:var(--paper);border-color:var(--accent)}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) :is(.demo-switch,.capability-list,.capability-row,.detail-rows>div,.principle-grid article,.journey-steps li,.community-grid>a,.people-list,.person-row,.visual-disclosures details,.visual-learning-path,.job,.scenario-tabs button,.service,.service-grid,.reading-content td,.reading-content th){border-color:var(--line)}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) :is(input,select,textarea){background:var(--soft);color:var(--ink);border-color:var(--line)}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) input::placeholder{color:var(--muted)}
html:not([data-website-theme=light]) .home-page .scenario-stage{background:var(--paper);color:var(--ink)}
html:not([data-website-theme=light]) .home-page .scenario-shade{background:linear-gradient(90deg,#25374000 24%,#25374028 42%,#253740ed 65%,#253740 74%)}
html:not([data-website-theme=light]) .home-page .contact-shade{background:linear-gradient(90deg,#253740ed,#253740da)}
html:not([data-website-theme=light]) .home-page .scenario-tabs button:hover{background:var(--accent-soft)}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) .site-header .header-contact:hover{background:var(--accent-soft)}
html:not([data-website-theme=light]) .home-page .service-symbol svg{stroke:var(--accent)}
html:not([data-website-theme=light]) .inner-page .scenario-hero-tile h2{color:var(--ink)}
html:not([data-website-theme=light]) .inner-page .scenario-hero-tile h2 span{color:var(--muted)}
html:not([data-website-theme=light]) .inner-page .careers-company::before{background:linear-gradient(180deg,#304650 0%,#304650ed 22%,#30465080 45%,#30465026 75%,#304650 100%),url('../assets/editorial/academic-workshop.webp') 75% center/cover no-repeat}
html:not([data-website-theme=light]) .inner-page[data-nav-section=resources] .page-hero-media::after{background:linear-gradient(90deg,#253740f0 0%,#253740b0 30%,#25374026 65%,#25374000 100%)}
/* QR codes and the original business card retain their printable colors. */
html:not([data-website-theme=light]) :is(.home-page,.inner-page) .qr-window{background:#fff}
@media(max-width:767px){
 html:not([data-website-theme=light]) .inner-page .careers-company::before{background:linear-gradient(90deg,#304650f5 0%,#304650cc 36%,#30465026 74%),linear-gradient(180deg,#3046501a 65%,#304650 100%),url('../assets/editorial/academic-workshop.webp') 75% center/cover no-repeat}
 html:not([data-website-theme=light]) .inner-page .about-hero .visual-hero-art{background:var(--paper)}
}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) :is(.resource-category,.person-photo>span,.loop-list li::before,.journey-steps li::before){color:var(--accent)}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) .motion-stage{background:var(--paper)}

html body.inner-page.media-page :is(.scenario-video-hero,.demo-video-hero){padding-top:116px}

/* Media pages share the same surfaces and readable secondary text. */
html:not([data-website-theme=light]) .inner-page :is(.scenario-video-hero,.demo-video-hero,.visual-hero){background:var(--paper);color:var(--ink)}
html:not([data-website-theme=light]) .inner-page :is(.page-index a,.video-context,.demo-video-caption,.positions-note,.application-email-note,.apply-channels p,.inner-cta p){color:var(--muted)}
html:not([data-website-theme=light]) .inner-page .page-index a[aria-current]{color:var(--accent)}
html:not([data-website-theme=light]) .inner-page .page-index a[aria-current]::after{background:var(--accent)}
/* Preserve the approved homepage opening independently of section colors. */
html:not([data-website-theme=light]) .home-page .hero{background:#101a20}
html:not([data-website-theme=light]) .home-page :is(.hero-intro,.hero-description,.hero-bottom){color:#b5c7ce}

/* Give the contact card its own high-contrast palette and readable small print. */
html:not([data-website-theme=light]) :is(.home-page,.inner-page) .contact-dialog.business-card{--ink:#fff;--muted:#fff;--accent:#b3f2fa;--accent-hover:#fff;--line:#738994;background:#152630;color:var(--ink)}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) :is(.business-card-company,.business-card-business>p,.business-card-business li,.business-card-location){color:var(--ink);font-size:14px;font-weight:500}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) :is(.business-card-brand span,.business-card-location a,.business-card-downloads a){color:var(--accent)}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) .business-card-contacts svg{stroke:var(--accent)}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) .business-card-contacts a{font-size:18px;font-weight:500}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) :is(.business-card-location a,.business-card-downloads a){font-size:14px;font-weight:500}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) :is(.business-card-contacts a,.business-card-location a,.business-card-downloads a):hover{color:var(--accent-hover)}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) :is(.business-card-business,.business-card-business li,.business-card-downloads a){border-color:var(--line)}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) .business-card-downloads a:hover{border-color:var(--accent-hover)}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) :is(.business-card-wechat-label,.business-card-wechat-id span,.business-card-code-link){color:#fff;font-size:14px;font-weight:500}
@media(max-width:620px){html:not([data-website-theme=light]) :is(.home-page,.inner-page) .business-card-contacts a{font-size:16px}}
/* Keep homepage captions clear at their actual reading size. */
html:not([data-website-theme=light]) .home-page{--muted:#e6edf0;--accent:#9debf3}
html:not([data-website-theme=light]) .home-page :is(.hero-intro,.hero-description,.hero-bottom){color:#f2f6f8}
html:not([data-website-theme=light]) .home-page :is(.step-number,.footer-top>p){color:var(--muted)}
html:not([data-website-theme=light]) .home-page :is(.service-preview,.scenario-tabs span,.demo-switch button,.step-number,.resource-category,.resource-read,.footer-top>p,.footer-resources,.footer-legal,.footer-bottom){font-size:14px;font-weight:500}
html:not([data-website-theme=light]) .home-page .resource-article:hover h3{color:var(--accent)}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) .skip-link{background:var(--paper);color:var(--ink)}

/* Keep navigation legible over bright hero imagery and after scrolling. */
html:not([data-website-theme=light]) :is(.home-page,.inner-page) .site-header:not(.scrolled):not(.menu-open){background:linear-gradient(180deg,#101e28e6,#101e28b3);backdrop-filter:blur(10px);border-color:#ffffff40}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) :is(.site-header.scrolled,.site-header.menu-open,.main-nav.open){background:#152630;color:#fff}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) .site-header :is(.brand,.main-nav,.header-contact,.menu-toggle,.mobile-contact){color:#fff}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) .site-header .main-nav>a{color:#fff;font-size:16px;font-weight:600}
html:not([data-website-theme=light]) body:is(.home-page,.inner-page) .site-header .main-nav>a:is(:hover,[aria-current=page]){color:#b3f2fa}
html:not([data-website-theme=light]) :is(.home-page,.inner-page) .site-header .header-contact{font-size:16px;font-weight:600}
@media(min-width:1025px) and (max-width:1200px){
 html:not([data-website-theme=light]) :is(.home-page,.inner-page) .site-header{gap:18px}
 html:not([data-website-theme=light]) :is(.home-page,.inner-page) .site-header .main-nav{gap:12px}
 html:not([data-website-theme=light]) :is(.home-page,.inner-page) .site-header .header-contact{gap:18px;padding-inline:16px}
}
@media(max-width:1024px){
 html:not([data-website-theme=light]) :is(.home-page,.inner-page) .site-header .main-nav>a,
 html:not([data-website-theme=light]) :is(.home-page,.inner-page) .site-header .mobile-contact{font-size:18px;font-weight:600}
 html:not([data-website-theme=light]) :is(.home-page,.inner-page) .main-nav.open{max-height:calc(100svh - var(--header-height));overflow-y:auto}
}