/* One palette, two neutral foundations. Imagery and brand accents stay identical. */
:root{color-scheme:light;--canvas:#f6f6f2;--surface:#eeefe9;--surface-strong:#e4e8de;--ink:#202923;--muted:#626e65;--line:#d6dcd2;--accent:#dbe78f;--accent-ink:#25331c;--gold:#c9a35b;--radius:16px;--theme-browser-color:#f6f6f2;--paper:var(--canvas);--soft:var(--surface);--forest:var(--canvas);--yellow:var(--accent)}
:root[data-theme=dark]{color-scheme:dark;--canvas:#151917;--surface:#1e2420;--surface-strong:#2a322c;--ink:#edf0e8;--muted:#acb7ac;--line:#364138;--theme-browser-color:#151917}
html,body{background:var(--canvas);color:var(--ink)}
body{overflow-x:clip}
em,.muted-heading{color:var(--muted)}
::selection{background:var(--accent);color:var(--accent-ink)}
:focus-visible{outline-color:var(--gold)}
.section{padding-block:100px}
.eyebrow,.micro,.section-marker{color:var(--muted)}
.section-heading h2,.editorial-split h2{margin-top:23px}
main>section+section{border-top:1px solid var(--line)}
.button-dark{background:var(--ink);color:var(--canvas)}
.button-dark:hover{background:var(--muted);color:var(--canvas)}
.button-dark .button-icon{background:var(--canvas);color:var(--ink)}
.button-yellow,.button-yellow:hover{background:var(--accent);color:var(--accent-ink)}
.button-yellow .button-icon{background:var(--accent-ink);color:var(--accent)}
.button-light{background:var(--surface-strong);color:var(--ink);border-color:var(--line)}
.button-light .button-icon{background:var(--canvas);color:var(--ink)}
.button-outline,.text-button{color:var(--ink)}
.button-outline:hover{background:var(--ink);color:var(--canvas)}
.button:hover{transform:translateY(-2px)}
.status-badge,.status-chip,.status-human-trials,.status-in-discussion{background:var(--surface);color:var(--ink);border-color:var(--line)}
.status-badge:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gold);vertical-align:middle;margin-right:7px}
/* A consistent header and footer in either mode. */
.site-header,.home-page .site-header:not(.is-scrolled){background:var(--canvas);color:var(--ink);border-color:var(--line);backdrop-filter:none}
.site-header:after{background:var(--gold);height:1px}
.nav-wrap{gap:24px;max-width:1512px}
.site-header nav{order:1;margin-left:auto;gap:27px;background:var(--canvas)}
.brand{order:0;font-size:1.55rem}
.brand-dot,.home-page .site-header:not(.is-scrolled) .brand-dot{color:var(--gold)}
.theme-toggle{order:2;display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:42px;min-width:88px;padding:9px 12px;border:1px solid var(--line);border-radius:40px;background:var(--surface);color:var(--ink);font-size:.75rem;flex-shrink:0}
.theme-toggle:hover{border-color:var(--muted)}
.theme-icon{flex-shrink:0}
[data-theme=dark] .theme-icon{transform:rotate(180deg)}
.menu-toggle{order:3}
.products-menu{background:var(--canvas);color:var(--ink);border-color:var(--line);box-shadow:0 16px 45px #00000018}
.menu-intro{background:var(--surface)}
.products-menu>a:hover{background:var(--surface)}
.chapter-nav{background:var(--canvas);border-color:var(--line);backdrop-filter:none}
.site-footer{background:var(--canvas);color:var(--ink);border-top:1px solid var(--line)}
.footer-manifesto,.footer-top>div>.text-link,.footer-links a,.footer-privacy,.footer-bottom>a{color:var(--ink)}
.footer-links .eyebrow,.footer-bottom{color:var(--muted)}
.footer-links a:hover,.footer-privacy:hover{color:var(--muted)}
.footer-wordmark{color:var(--ink);padding-top:58px}
.footer-wordmark>span{color:var(--gold)}
.footer-bottom,.cta-bottom{border-color:var(--line)}
.cta-section{background:var(--canvas);border-top:1px solid var(--line);padding-block:64px 38px}
.cta-top .micro,.cta-main h2>span{color:var(--muted)}
.cta-bottom{color:var(--muted)}
/* Still-life hero: image and message share the same quiet page foundation. */
.home-page{padding-top:94px}
.studio-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding-block:64px 50px}
.studio-hero-copy{padding-block:30px}
.studio-hero h1{font-size:clamp(3.7rem,5.4vw,5.45rem);line-height:1.08;margin-top:29px;letter-spacing:-.07em}
.studio-hero h1>span{color:var(--ink);text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:10px}
.studio-hero-lead{font-size:1.25rem;line-height:1.55;max-width:460px;margin-top:37px}
.studio-hero-detail{font-size:.98rem;line-height:1.7;color:var(--muted);max-width:450px;margin-top:20px}
.studio-hero .hero-actions{gap:24px;flex-wrap:wrap;margin-top:31px}
.studio-hero .hero-actions .button{font-size:.85rem;gap:17px;padding-left:20px}
.studio-hero .hero-actions .text-link{font-size:.83rem;gap:15px}
.studio-hero-figure{position:relative;margin:0;min-width:0;height:600px;border-radius:var(--radius);overflow:hidden;background:var(--surface)}
.studio-hero-figure>img{width:100%;height:100%;object-fit:cover;object-position:72% center}
.studio-hero-figure figcaption{position:absolute;inset:auto 17px 17px;padding:14px 17px;border:1px solid var(--line);border-radius:8px;background:var(--canvas);color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.62rem;line-height:1.5}
.studio-hero-figure figcaption>span:first-child{letter-spacing:.07em}
.studio-hero-figure figcaption>span:last-child{color:var(--muted)}
.studio-hero-baseline{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:24px;padding-block:0 34px;font-size:.85rem}
.studio-hero-baseline>span{display:flex;align-items:center;gap:18px;color:var(--muted)}
.studio-hero-baseline b{font-size:.65rem;letter-spacing:.06em;font-weight:400;color:var(--ink);border:1px solid var(--line);border-radius:50%;width:28px;height:28px;display:grid;place-items:center}
.studio-hero-baseline>a{font-size:1.5rem;width:40px;text-align:center}
.intro-section{padding-block:100px}
.accent-underline{background:none;text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:9px}
.portfolio-section,.connection-section,.connections-deep,.solution-purpose,.solution-purpose.ice,.solution-purpose.gold,.solution-hero,.solution-hero.ice,.solution-hero.gold,.application-section,.platform-hero,.pipeline-section,.company-progress,.founders-section,.company-resource,.soft{background:var(--canvas);color:var(--ink)}
/* Product photographs stay photographic; their captions belong to the page. */
.asset-grid{gap:30px}
.asset-card{height:auto;overflow:visible;border-radius:0;background:none;display:block;color:var(--ink);isolation:auto}
.asset-card:after{display:none}
.asset-card-visual{aspect-ratio:1.15;position:relative;overflow:hidden;border-radius:var(--radius);background:var(--surface)}
.asset-card-visual>img{height:100%;width:100%;object-fit:cover;transition:transform .5s ease}
.asset-card.ocean .asset-card-visual>img{object-position:65% center}
.asset-card:hover .asset-card-visual>img{transform:scale(1.025)}
.asset-card-arrow{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:1.3rem}
.asset-card-copy{padding-top:25px}
.asset-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.72rem;color:var(--muted)}
.asset-card-meta .status-badge{font-size:.64rem;padding:7px 9px}
.asset-card-copy h3{font-size:2.5rem;letter-spacing:-.06em;margin-top:18px}
.asset-card-copy h3 sup{font-size:.75rem;vertical-align:top;position:relative;top:8px;margin-left:4px}
.asset-card-copy p{font-size:.95rem;line-height:1.65;color:var(--muted);margin-top:12px;max-width:290px}
.asset-card-explore{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:17px;margin-top:27px;font-size:.8rem}
.asset-card-explore>span{font-size:1.2rem}
.related-solutions .asset-card{height:auto}
.connection-section{padding-block:100px}
.connection-copy .eyebrow,.connection-copy>p:not(.eyebrow),.connection-tags>span,.graph-key,.diagram-note,.domain-description p{color:var(--muted)}
.connection-copy h2 em{color:var(--muted)}
.connection-tags>span{border-color:var(--line)}
.network-map{color:var(--muted)}
.graph-orbits{stroke:var(--line)}
.graph-links{stroke:var(--gold)}
.graph-links path{animation:none}
.graph-satellites{fill:var(--gold)}
.graph-domains circle{fill:var(--surface);stroke:var(--line)}
.graph-domains text,.graph-lab text{fill:var(--ink)}
.graph-core circle{fill:var(--accent);stroke:var(--accent)}
.graph-core .core-halo{fill:none;stroke:var(--line)}
.graph-core-title,.graph-core-sub{fill:var(--accent-ink)}
.graph-core-title{font-size:38px;letter-spacing:0}
.graph-lab rect{fill:var(--surface);stroke:var(--line)}
.graph-caption{fill:var(--muted)}
.development-track{background:var(--surface-strong)}
.development-track span,.development-grid>a:hover .development-track span{background:var(--gold)}
.studio-lab{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-block:100px}
.studio-lab h2{margin-top:25px}
.studio-lab-copy>p:not(.eyebrow){font-size:1rem;color:var(--muted);margin-top:26px;max-width:485px}
.studio-lab .button{margin-top:30px}
.studio-lab figure{margin:0;min-width:0}
.studio-lab img{width:100%;height:430px;object-fit:cover;border-radius:var(--radius);filter:saturate(.7)}
.studio-lab figcaption{font-size:.65rem;letter-spacing:.08em;line-height:1.6;margin-top:16px;color:var(--muted)}
.ecosystem-names>span{color:var(--muted)}
/* The same neutral inversion applies to diagrams, forms and interactive panels. */
.platform-hero .eyebrow,.platform-hero p:not(.eyebrow),.platform-hero-footer,.domain-description p{color:var(--muted)}
.platform-hero em{color:var(--muted)}
.stage-tabs button{background:var(--canvas);color:var(--ink)}
.stage-tabs button[aria-selected=true]{background:var(--accent);color:var(--accent-ink)}
.stage-symbol{color:var(--surface-strong)}
.stage-panels,.capability-large,.capability-small{background:var(--surface)}
.domain-selector button{color:var(--ink);border-color:var(--line)}
.domain-selector button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}
.filter-button{border-color:var(--line);color:var(--ink)}
.filter-button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}
.search-box input{background:var(--surface);border-color:var(--line);color:var(--ink)}
.solution-hero-copy em,.ice .solution-hero-copy em,.gold .solution-hero-copy em{color:var(--muted)}
.solution-hero-image,.purpose-art{border-radius:var(--radius)}
.solution-hero-image{min-width:0}
.solution-metrics{border-color:var(--line)}
.benefit-list>div>span{color:var(--muted)}
.application-grid article{border-color:var(--line)}
.proof-star{color:var(--gold)}
.shelf-life-panel,.care-evidence{background:var(--surface);border-color:var(--line)}
.condition-switch,.care-evidence .condition-switch{background:var(--surface-strong)}
.condition-switch button{color:var(--ink)}
.condition-switch button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}
.chart-track{background:var(--surface-strong)}
.chart-track span{background:var(--muted)}
.chart-row:nth-child(2) .chart-track span{background:var(--gold)}
.evidence-number{color:var(--gold);opacity:.35}
.evidence-foot{color:var(--muted)}
.company-hero h1 em,.company-hero-bottom>span,.company-progress .eyebrow,.company-progress .micro,.progress-grid span,.company-progress .source-note,.supporters-section span{color:var(--muted)}
.company-progress em,.progress-grid strong{color:var(--ink)}
.progress-grid>div{border-color:var(--line)}
.founder-grid article{background:var(--surface)}
.founder-identity,.founder-grid article:nth-child(2) .founder-identity{background:var(--surface-strong)}
.founder-monogram>span{color:var(--gold)}
.founder-identity>.micro{color:var(--muted)}
.presentation-cover{background:var(--surface-strong);color:var(--ink);border:1px solid var(--line)}
.presentation-cover h3 em{color:var(--muted)}
.partnership-choice,.brief-form-shell,.brief-context{background:var(--surface);color:var(--ink);border-color:var(--line)}
.partnership-choice[aria-pressed=true]{background:var(--surface-strong);border-color:var(--gold)}
.partnership-choice:hover{border-color:var(--muted)}
.pathway-scope,.brief-context .eyebrow,.field-guidance,.form-divider{color:var(--muted);border-color:var(--line)}
form label>span:not(.field-hint){color:var(--muted)}
form input,form select,form textarea{background:var(--canvas);color:var(--ink);border-color:var(--line)}
form input::placeholder,form textarea::placeholder{color:var(--muted)}
.brief-progress button{color:var(--muted);border-color:var(--line)}
.brief-progress button>span{background:var(--surface-strong);color:var(--ink)}
.brief-progress button[aria-current]{color:var(--ink);border-color:var(--gold)}
.brief-progress button[aria-current]>span{background:var(--accent);color:var(--accent-ink)}
.priority-options>label>span{color:var(--ink);border-color:var(--line)}
.priority-options input:checked+span{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.field-guidance.guidance-warning{background:var(--surface-strong);color:var(--ink);border-color:var(--gold)}
.wizard-actions,.brief-context,.brief-review-header,.brief-form-shell:has(#brief-review:not([hidden])){border-color:var(--line)}
.toast{background:var(--ink);color:var(--canvas)}
dialog{background:var(--canvas);color:var(--ink);border-color:var(--line)}
dialog::backdrop{background:#101711aa}
.dialog-close,.comparison-trigger{color:var(--ink)}
.comparison-trigger:hover{color:var(--muted)}
.asset-comparison .status-badge{color:var(--ink)}
#copy-fallback textarea{background:var(--canvas);color:var(--ink)}
@media(max-width:1200px){.nav-wrap{padding-inline:32px;gap:18px}.site-header nav{gap:22px}.studio-hero{gap:35px}.studio-hero h1{font-size:4.5rem}.studio-hero-figure{height:565px}.studio-hero .hero-actions{gap:18px}.studio-hero .hero-actions .text-link{font-size:.8rem}.asset-card-meta{align-items:flex-start;flex-direction:column;gap:12px}.studio-lab{gap:48px}}
@media(max-width:1050px){.nav-wrap{gap:14px}.site-header nav{gap:18px}.brand{font-size:1.4rem}.theme-toggle{min-width:76px;padding-inline:10px}.site-header nav>.button{padding-left:16px;gap:13px}.site-header nav>a:not(.button),.products-toggle{font-size:.8rem}.studio-hero h1{font-size:3.8rem}.studio-hero-lead{font-size:1.13rem}.studio-hero-figure{height:550px}.studio-hero-figure figcaption{flex-direction:column;align-items:flex-start;gap:5px}}
@media(max-width:900px){.site-header nav{margin:0;padding:24px 32px;background:var(--canvas)}.theme-toggle{margin-left:auto}.nav-wrap{gap:16px}.home-page{padding-top:80px}.studio-hero{padding-top:42px;gap:28px}.studio-hero h1{font-size:3.3rem}.studio-hero .hero-actions{flex-direction:column;align-items:flex-start}.studio-hero-detail{font-size:.9rem}.studio-hero-figure{height:525px}.studio-lab{gap:35px}.studio-lab img{height:370px}.asset-grid{gap:22px}.asset-card-copy h3{font-size:2.2rem}.studio-hero-baseline{gap:18px;font-size:.78rem}.studio-hero-baseline>span{gap:10px}}
@media(max-width:600px){
 .home-page{padding-top:74px}.nav-wrap{padding-inline:22px;gap:12px}.brand{font-size:1.35rem;gap:7px}.brand img{width:26px;height:31px}.theme-toggle{min-width:40px;width:40px;height:40px;padding:10px}.theme-toggle [data-theme-label]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.menu-toggle{width:40px;height:40px}.site-header nav{padding-inline:22px}
 .studio-hero{grid-template-columns:1fr;padding-block:31px 27px;gap:33px}.studio-hero-copy{padding:0}.studio-hero h1{font-size:clamp(3.3rem,12.5vw,4.6rem);line-height:1.08;margin-top:25px}.studio-hero h1>span{text-underline-offset:7px}.studio-hero-lead{margin-top:27px;font-size:1.12rem;line-height:1.55}.studio-hero-detail{margin-top:16px;font-size:.95rem}.studio-hero .hero-actions{flex-direction:row;flex-wrap:wrap;gap:20px;margin-top:25px}.studio-hero .hero-actions .button{font-size:.83rem;min-height:50px}.studio-hero-figure{height:340px;border-radius:12px}.studio-hero-figure>img{object-position:70% center}.studio-hero-figure figcaption{flex-direction:row;inset:auto 12px 12px;padding:12px;font-size:.55rem;gap:18px}.studio-hero-figure figcaption>span:last-child{max-width:110px;text-align:right}
 .studio-hero-baseline{grid-template-columns:repeat(3,1fr);gap:10px;padding-bottom:28px;font-size:.68rem}.studio-hero-baseline>span{flex-direction:column;align-items:flex-start;gap:10px}.studio-hero-baseline>a{display:none}.studio-hero-baseline b{width:24px;height:24px;font-size:.58rem}.intro-section,.section{padding-block:64px}.intro-main h2{font-size:2.6rem}.accent-underline{text-underline-offset:5px}.portfolio-section,.connection-section{padding-block:64px}.asset-grid{gap:40px}.asset-card-visual{aspect-ratio:1.15;border-radius:12px}.asset-card-meta{flex-direction:row;align-items:center}.asset-card-copy h3{font-size:2.5rem}.asset-card-copy{padding-top:22px}.asset-card-copy p{max-width:none}.asset-card-explore{margin-top:23px}.related-solutions .asset-card{height:auto}.studio-lab{grid-template-columns:1fr;gap:35px;padding-block:64px}.studio-lab img{height:320px}.studio-lab figcaption{font-size:.6rem}.studio-lab h2{font-size:2.7rem}.studio-lab .button{font-size:.8rem}.cta-section{padding-block:45px 30px}.site-footer{padding-top:50px}.footer-wordmark{padding-top:40px}
}
@media print{html,body{background:white!important;color:#202923!important}.theme-toggle{display:none!important}}
@media(min-width:361px) and (max-width:600px){.theme-toggle{width:auto;min-width:74px;padding-inline:10px}.theme-toggle [data-theme-label]{position:static;width:auto;height:auto;overflow:visible;clip-path:none;font-size:.68rem}}
