/* MapleX red and white theme. Loaded after the original layout stylesheet. */
:root{--red:#ba2434;--ink:#282429;--muted:#665f64;--line:#eadde0;--blush:#fcf5f5;--night:#fff;--midnight:#fcf5f5;--panel:#fff;--panel2:#fcf5f5;--copy:#665f64;--soft:#786b71}
body,body:has(main #team) main{background:#fff;color:var(--ink)}
.header{background:#fffffff5;border-color:var(--line)}
.brand,.brand small,.symbol,.navlinks .current,.navlinks summary:hover,.language-switch a[aria-current]{color:var(--red)}
.navlinks summary,.language-switch a,.language-switch span,.menu{color:var(--ink)}
.navlinks details>div{background:#fff;color:var(--ink);border-color:var(--line);box-shadow:0 15px 35px #59212b12}
.navlinks details a:hover{background:var(--blush);color:var(--red)}
.language-switch a[aria-current]{border-color:var(--red)}
.hero{background:var(--blush);color:var(--ink)}
.hero:before{opacity:.65;filter:grayscale(1)}
.hero:after{background:linear-gradient(90deg,#fff 0%,#fffafaed 32%,#fff5f5a8 60%,#f5d6d62b 100%)}
.hero h1,.subhero h1{color:var(--ink)}
.hero p,.subhero p{color:#51494f}
.hero .eyebrow,.subhero .eyebrow,.eyebrow{color:var(--red)}
.button,.cta .button{background:var(--red);color:#fff;border-radius:4px}
.button:hover,.cta .button:hover{background:#951b29}
.button.outline{background:transparent;border-color:var(--red);color:var(--red)}
.section,.section:nth-of-type(even),#intro,#careers,#contact{background:#fff;color:var(--ink)}
.pale,.section.pale,#team,.future-applications,.lab-origin{background:var(--blush)}
.heading,.tech-band .heading,.product-panel h3,.app-card h3,.content-grid h3,.news-row h3,.signal-path h3,.founder-preview h3,.direction h3,.showcase-copy h3,.lab-card h3{color:var(--ink)}
.intro,.section p,.content-grid p,.product-panel p,.app-card p,.feature-grid p,.tech-band .intro,.tech-band p,.tech-band .feature-grid p,.news-row p,.timeline p,.signal-path p,.profile p,.founder-preview p,.direction p,.showcase-copy p,.lab-card p{color:var(--muted)}
.tabs,.news-list,.news-row,.feature-grid>div,.feature-grid>article,.tech-band .feature-grid>div,.tech-band .feature-grid>article,.showcase,.showcase-row,.direction,#careers .directions{border-color:var(--line)}
.tabs button{color:var(--muted)}
.tabs button[aria-selected=true]{color:var(--red);border-color:var(--red)}
.status{background:#fff0f1;color:#a61d2d;border-color:#efcbd0}
.bullets span{color:#6b4c53;border-color:var(--red)}
.textlink,.news-row small,.timeline strong,.step-no,.signal-path small,.showcase-index,.lab-number,.lab-source a{color:var(--red);border-color:var(--red)}
.credentials,.profile .credentials{color:#a61d2d!important}
.app-card,.profile,.signal-path>div,.lab-card{background:#fff;border-color:var(--line)}
.app-card,.signal-path>div{border-top-color:var(--red)}
.app-card .num{color:#be6874}
.tech-band,.section.tech-band{background:#fcf2f3;color:var(--ink)}
.numbers strong{color:var(--red)}
.numbers span{color:var(--muted)}
.numbers>div{border-color:#dfb9c0}
.data-table th{background:#f9edef;color:#842332}
.data-table td{color:var(--ink)}
.data-table td,.data-table th{border-color:var(--line)}
.note{color:#74666c!important}
.timeline{border-color:#d68d99}
.contact-box,#contact .contact-box{background:#fff;border-color:var(--line);color:var(--muted)}
#contact .contact-lead{color:var(--ink)}
.evidence-note{background:#fff;border-color:var(--red);color:var(--muted)}
.product-visual,.product-visual img[src*="chip"],.research-image,.wrap>.research-image,.portrait,.founder-preview img,.showcase-image,.lab-card-image{background:#f3eeee;border-color:var(--line)}
.wide-visual,.roadmap-visual,.future-visual{border-color:var(--line)}
.showcase-copy{background:#fcf5f5}
#team .profile{background:#fff;border-color:var(--line)}
#team .profile .eyebrow,#team .profile h2{background:#f9edef;color:var(--red);border-color:#d78d98}
#team .profile .portrait{background:#f3eeee}
#team .profile .credentials{color:#a61d2d!important}
#team .profile p:not(.credentials){color:var(--muted)}
.direction>span,.lab-source{color:#84646c}
.cta{background:#f8e9ec;color:var(--ink);border-top:1px solid var(--line)}
.cta p{color:var(--muted)}
.footer{background:#fff;color:var(--muted);border-top:1px solid var(--line)}
.footer .brand{color:var(--red)}
.foot-grid h4{color:var(--ink)}
.copyright{border-color:var(--line);color:#786b71}
.footer a:hover{color:var(--red)}
.subhero,body:has(main #team) .subhero{position:relative;isolation:isolate;background:#fcf5f5!important;overflow:hidden}
.subhero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff 10%,#fff5f5df 48%,#ffe9e96b 100%);pointer-events:none}
.subhero:after{background:linear-gradient(105deg,transparent 20%,#ba243408 50%,transparent 80%)}
.page-products .subhero{background-image:linear-gradient(90deg,#fff 0%,#fff9f9ed 40%,#fff5f5a6 100%),url('assets/products-background.png')!important}
.page-applications .subhero{background-image:linear-gradient(90deg,#fff 0%,#fff9f9ed 40%,#fff5f5a6 100%),url('assets/applications-background.png')!important}
.page-technology .subhero{background-image:linear-gradient(90deg,#fff 0%,#fff9f9ed 40%,#fff5f5a6 100%),url('assets/technology-background.png')!important}
.page-news .subhero{background-image:linear-gradient(90deg,#fff 0%,#fff9f9ed 40%,#fff5f5a6 100%),url('assets/news-background.png')!important}
.page-company .subhero,body.page-company:has(main #team) .subhero{background-image:linear-gradient(90deg,#fff 0%,#fff9f9ed 40%,#fff5f5a6 100%),url('assets/company-background.png')!important}
.subhero,body:has(main #team) .subhero{background-size:cover!important;background-position:center!important}
.profile:hover,.lab-card:hover,.app-card:hover,.showcase-row:hover,.feature-grid>div:hover,.feature-grid>article:hover{border-color:#d995a0;box-shadow:0 18px 38px #70203012}
a:focus-visible,button:focus-visible,summary:focus-visible,:focus-visible{outline-color:var(--red)}
@media(max-width:850px){.navlinks,.navlinks details>div{background:#fff;border-color:var(--line)}.navlinks summary{color:var(--ink)}.navlinks{box-shadow:0 20px 30px #59212b12}.hero:after{background:linear-gradient(180deg,#fff 0%,#fff9f9ef 43%,#fff5f590 100%)}.numbers>div,.numbers>div:first-child{border-color:#d68d99}}
@media(max-width:550px){html[lang=en] .brand{font-size:15px;letter-spacing:-.03em}html[lang=en] .brand small{font-size:7px;letter-spacing:.1em}html[lang=en] .nav{gap:5px}html[lang=en] .language-switch{font-size:11px;gap:2px}.content-grid>*{min-width:0}}
