/* SIISTER shared typography and four-colour design system.
   Palette sampled from the supplied Colour scale copy 4.jpg.
   Load after the existing page styles. */
:root{
 --sii-white:#ffffff;
 --sii-paper:#f2f1ef;
 --sii-charcoal:#190f0d;
 --sii-black:#000000;
 --grey-white:var(--sii-white);
 --grey-light:var(--sii-paper);
 --grey-dark:var(--sii-charcoal);
 --grey-mid:var(--sii-charcoal);
 --grey-muted:var(--sii-charcoal);
 --bg:var(--sii-white);
 --paper:var(--sii-paper);
 --ink:var(--sii-black);
 --graphite:var(--sii-charcoal);
 --mid:var(--sii-charcoal);
 --muted:var(--sii-charcoal);
 --soft:var(--sii-paper);
 --silver:var(--sii-paper);
 --line:rgba(25,15,13,.18);
 --line-dark:rgba(255,255,255,.3);
 --sii-body-size:clamp(17px,1.5vw,24px);
 --sii-body-leading:1.45;
 --sii-body-tracking:-.018em;
 --sii-copy-colour:var(--sii-charcoal);
}
body{background:var(--sii-white);color:var(--sii-black)}
.hero,.problems,.agents,.proof,.about-v2,#about.about-clean,
.governance-page .g-hero,.governance-page .g-section{background:var(--sii-white)}
/* Light beige is reserved for cards and text panels, not full sections. */
.scoping,.memory,.solutions-v2,.access,.governance-page .g-silver{
 background:var(--sii-white)
}
.penelope,.knowledge-v2,.governance-page .g-log-section{
 background:var(--sii-black);color:var(--sii-white);
 --sii-copy-colour:var(--sii-paper)
}
#top .section-inner .lead,#top .section-inner .product-copy,
#top .section-inner .copy,#top .problem-story-copy p,
#top .about-origin-story p,#top .about-origin-story .lead,
#top .about-clean-story p,#top .about-origin-thesis,
#top .knowledge-destination p,#top .intelligence-card p,
#top .research-card-v2 p,#top .solution-copy p,
#top.governance-page .g-lead,
#top.governance-page .g-hero-thesis,
#top.governance-page .g-section-heading p,
#top.governance-page .g-end>.g-shell>p{
 font-family:"Neue Montreal","Helvetica Neue",Arial,sans-serif;
 font-size:var(--sii-body-size);
 line-height:var(--sii-body-leading);
 letter-spacing:var(--sii-body-tracking);
 font-weight:400;
 color:var(--sii-copy-colour);
}
#top .section-inner p strong,#top.governance-page p strong{
 font-weight:700;color:inherit
}
#top .display,#top .product-title,#top .problem-story-opening{
 color:var(--sii-black)
}
#top .penelope .product-title,#top .knowledge-v2 .display{
 color:var(--sii-white)
}
#top .eyebrow,#top .product-kicker,#top .problem-no{
 color:var(--sii-copy-colour)
}
.site-nav,.site-nav .nav-grid,.mega,.mobile-menu,
#site-footer.footer-light,.legal-page-header{
 background:var(--sii-white);color:var(--sii-black)
}
.nav-grid .nav-cta,body a[href="#access"]:not(.nav-cta),
body a[href="/#access"]:not(.nav-cta),body .signup button,.g-button{
 background:var(--sii-charcoal);color:var(--sii-white)
}
.nav-grid .nav-cta:hover,body a[href="#access"]:not(.nav-cta):hover,
body a[href="/#access"]:not(.nav-cta):hover,body .signup button:hover,
.g-button:hover{
 background:var(--sii-black);color:var(--sii-white)
}
body .signup-row{background:var(--sii-white);border-color:var(--sii-charcoal)}
.problem-card,.about-clean-metrics>div,.scope-demo,.scope-source,
.scope-result,.solution-stage,.solution-explorer{
 background:var(--sii-paper);color:var(--sii-black)
}
.problem-card:before{background:var(--sii-paper)}
.intelligence-card,.knowledge-destination:hover{
 background:var(--sii-black);color:var(--sii-white);
 --sii-copy-colour:var(--sii-paper)
}
.intelligence-card h3,.intelligence-card p,.intelligence-card-icon{
 color:var(--sii-paper)
}
.hero>.section-inner>.hero-visual{
 background:var(--sii-paper);border-color:rgba(25,15,13,.2)
}
.hero>.section-inner>.hero-visual:before{display:none}
.hero>.section-inner>.hero-orbital-visual{position:relative;overflow:hidden;border-radius:16px;background:#c9aaa8;border:0;display:block;width:100%;max-width:225px;height:auto;min-height:0;aspect-ratio:1/1;align-self:center;justify-self:center}
@media(min-width:1081px){.hero>.section-inner{position:relative;top:40px}.hero>.section-inner>.hero-orbital-visual{top:clamp(-140px,-9vw,-70px)}}
.hero>.section-inner>.hero-orbital-visual:before{display:none!important}
.hero>.section-inner>.hero-orbital-visual .hero-orbital-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0;-webkit-mask-image:none;mask-image:none}
@media(max-width:1080px){.hero>.section-inner>.hero-orbital-visual{height:auto;min-height:0}}
@media(max-width:720px){.hero>.section-inner>.hero-orbital-visual{max-width:225px;height:auto;min-height:0}}
.hero-visual .hero-map path{stroke:var(--sii-charcoal)}
.hero-visual .hero-map .flow{stroke:var(--sii-black)}
.hero-visual .hero-node,.hero-visual .hero-caption{color:var(--sii-charcoal)}
.hero-visual .hero-node:before{background:var(--sii-black)}
.hero-visual .n-intel{background:var(--sii-white);border-color:var(--sii-charcoal);color:var(--sii-black)}
.governance-page{
 --g-ink:var(--sii-black);
 --g-muted:var(--sii-charcoal);
 --g-line:rgba(25,15,13,.18)
}
.governance-page .g-log,.governance-page .g-log-section{
 background:var(--sii-black);color:var(--sii-white);
 --g-muted:var(--sii-paper);--g-line:rgba(255,255,255,.3)
}
.governance-page .g-log th,.governance-page .g-log td,
.governance-page .g-log code,.governance-page .g-log time,
.governance-page .g-log-footer{color:var(--sii-paper)}
.governance-page .g-continuous,.governance-page .g-layer,
.governance-page .g-principles,.governance-page .g-approval-record{
 background:var(--sii-paper)
}
.footer-light a,.footer-light .footer-location,.footer-light h4,
.footer-light .footer-trust-row div>span,.footer-light .footer-copyright{
 color:var(--sii-charcoal)
}
.footer-light .footer-trust-icon{
 background:var(--sii-charcoal);color:var(--sii-white)
}
.footer-light .footer-trust-icon img{filter:grayscale(1)}
.legal-shell,.legal-shell h1,.legal-shell h2,.legal-shell h3,
.legal-shell p,.legal-shell li,.legal-shell .lead{
 color:var(--sii-charcoal)
}

/* Keep secondary copy, records and navigation within the same palette. */
#top .chapter :is(p,li,span,dt,dd),
#top.governance-page :is(p,li,span,dt,dd,h1,h2,h3,h4){
 color:var(--sii-copy-colour);
}
#top .penelope .copy[style]{color:var(--sii-paper)!important}
#top .penelope :is(.demo-label,.spec-line span,.penelope-detail p){color:var(--sii-paper)}
#top .penelope-demo{background:var(--sii-black)}
#top .agent-flow-demo,.governance-page .g-asset,.governance-page .g-provenance{background:var(--sii-white)}
#top .knowledge-tab.is-active,#top .knowledge-row:hover{background:var(--sii-black)}
.site-nav :is(.nav-item,.nav-link,.mega a,.mega-label),.mobile-menu a{color:var(--sii-charcoal)}
.site-nav .nav-cta{color:var(--sii-white)}
::selection{background:var(--sii-charcoal);color:var(--sii-white)}
.legal-shell :is(p,li,address){
 font-family:"Neue Montreal","Helvetica Neue",Arial,sans-serif;
 font-size:var(--sii-body-size);line-height:var(--sii-body-leading);
 letter-spacing:var(--sii-body-tracking);font-weight:400;color:var(--sii-charcoal)
}
/* About: studio story on the left, production experience alongside it. */
#about.about-origin .section-inner{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 column-gap:clamp(40px,6.5vw,96px);row-gap:0;align-items:start
}
#about .about-clean-heading{grid-column:1;grid-row:1;width:100%;max-width:none}
#about .about-clean-heading .display{max-width:100%}
#about .about-origin-story{grid-column:1;grid-row:2;width:100%;max-width:none;margin-top:32px}
#about .about-work{
 grid-column:2;grid-row:1 / span 2;align-self:stretch;
 width:100%;max-width:none;margin-top:0;padding:32px;
 --sii-copy-colour:var(--sii-white);color:var(--sii-white)
}
#about .about-work :is(h3,h4,p,li,strong){color:var(--sii-white)}
#about .about-work-copy{margin:0;font-size:clamp(19px,2vw,25px);line-height:1.5;letter-spacing:-.015em}
#about .about-work-copy + .about-work-copy{margin-top:28px}
#about .about-work-list{grid-template-columns:1fr;gap:14px}
#about .about-origin-record,#about .about-ecosystem{
 grid-column:1 / -1;width:100%;max-width:none
}
#about .about-clean-metrics{width:100%;max-width:none}

@media(max-width:900px){
 #about.about-origin .section-inner{grid-template-columns:minmax(0,1fr)}
 #about .about-clean-heading,#about .about-origin-story,#about .about-work{grid-column:1;grid-row:auto}
 #about .about-work{margin-top:40px;padding:28px 24px}
}

/* Creative Memory travels with Intelligence; retain contrast on its dark band. */
#top .memory-band{background:var(--sii-charcoal);--sii-copy-colour:var(--sii-paper)}
#top .memory-band strong{color:var(--sii-white)}

/* Scope: brief, comparable projects and production-ready output. */
#scoping .scope-reference-section{display:flex;flex-direction:column;align-items:stretch;gap:56px}
#scoping .scope-reference-section > div:first-child{max-width:900px}
#scoping .scope-reference{border:0;width:100%;background:var(--sii-paper)}
.scope-reference-grid{display:grid;grid-template-columns:1.08fr .64fr 1.24fr}
.scope-reference-input,.scope-reference-process,.scope-reference-output{padding:clamp(24px,3.5vw,56px)}
.scope-reference-process{border-left:1px solid #ccc;border-right:1px solid #ccc}
.scope-reference-label{display:flex;align-items:center;justify-content:space-between;font-size:18px;margin-bottom:42px}
.scope-reference-label > span{font-size:36px;line-height:1}
.scope-reference h3{font-size:clamp(30px,3.4vw,56px);font-weight:600;line-height:1.05;letter-spacing:-.045em;margin:0 0 24px}
.scope-reference-tags{display:flex;flex-wrap:wrap;gap:10px}
.scope-reference-tags span{border:1px solid #aaa;padding:12px 15px;font-size:clamp(13px,1.25vw,20px);line-height:1.3}
.scope-reference-history span{border-color:var(--sii-black)}
.scope-reference-plus{display:flex;align-items:center;gap:18px;margin:42px 0;font-size:28px}
.scope-reference-plus:before,.scope-reference-plus:after{content:"";height:1px;flex:1;background:#ccc}
.scope-reference-process ol{list-style:none;padding:0;margin:0;border-top:1px solid #ccc}
.scope-reference-process li{padding:24px 0;border-bottom:1px solid #ccc}
.scope-reference-process li > span{font-size:15px;color:#666}
.scope-reference-process h4{margin:8px 0 0;font-size:clamp(18px,1.7vw,27px);line-height:1.25;font-weight:500;letter-spacing:-.03em}
.scope-reference .scope-reference-deliverables{margin:0 0 40px;font-size:clamp(16px,1.5vw,24px);color:#666}
.scope-reference-output dl{margin:0}
.scope-reference-output dl > div{display:grid;grid-template-columns:1fr 1.1fr;gap:20px;padding:28px 0;border-top:1px solid #ccc}
.scope-reference-output dl > div:last-child{border-bottom:1px solid #ccc}
.scope-reference-output dt{font-size:clamp(12px,1.2vw,20px);letter-spacing:.12em;line-height:1.5}
.scope-reference-output dd{margin:0;font-size:clamp(19px,1.8vw,29px);line-height:1.25;letter-spacing:-.025em}
.scope-reference-output small{display:block;margin-top:8px;font-size:clamp(14px,1.2vw,20px);color:#666;letter-spacing:0}
.scope-reference-saving{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin:36px 0 0}
.scope-reference-saving strong{font-size:clamp(56px,5.2vw,88px);line-height:1;letter-spacing:-.05em}
.scope-reference-saving span{font-size:clamp(16px,1.5vw,24px)}
@media(max-width:1000px){.scope-reference-grid{grid-template-columns:1fr}.scope-reference-process{border:0;border-top:1px solid #ccc;border-bottom:1px solid #ccc}.scope-reference-label{margin-bottom:28px}.scope-reference h3{font-size:38px}.scope-reference-tags span{font-size:16px}.scope-reference-process h4{font-size:22px}.scope-reference-output dd{font-size:23px}.scope-reference-saving strong{font-size:64px}}