/* Original uploaded warm blurred backgrounds.
   Colour accents selected panels and the homepage Knowledge section. */
:root{
 --sii-colour-01:linear-gradient(rgba(0,0,0,.28),rgba(0,0,0,.28)),url("https://siisteraiwebsite-s7d4kkilse.live-website.com/wp-content/uploads/2026/10/Blurred-BG-01-scaled.jpg");
 --sii-colour-02:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.25)),url("https://siisteraiwebsite-s7d4kkilse.live-website.com/wp-content/uploads/2026/10/Blurred-BG-02-scaled.jpg");
 --sii-colour-03:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),url("https://siisteraiwebsite-s7d4kkilse.live-website.com/wp-content/uploads/2026/10/Blurred-BG-03-scaled.jpg")
}
#top .hero>.section-inner>.hero-visual{
 background-color:#78351f;background-image:var(--sii-colour-02);
 border:0;border-radius:8px;--sii-copy-colour:var(--sii-white)
}
#top .hero-visual .hero-map path{stroke:rgba(255,255,255,.66)}
#top .hero-visual .hero-map .flow{stroke:rgba(255,255,255,.8)}
#top .hero-visual .hero-node,#top .hero-visual .hero-caption{color:var(--sii-white)}
#top .hero-visual .hero-node:before{background:var(--sii-white);box-shadow:0 0 0 4px rgba(255,255,255,.12)}
#top .hero-visual .n-intel{background:var(--sii-white);color:var(--sii-black);border-color:rgba(255,255,255,.65)}
#top .hero-visual .hero-grid{opacity:.35}
#top .knowledge-destination:first-child,
#top #intelligence .intelligence-card:first-of-type{
 background-color:#78351f;background-image:var(--sii-colour-01);
 border-color:transparent;--sii-copy-colour:var(--sii-white);color:var(--sii-white)
}
#top .knowledge-destination:first-child:hover{background-image:var(--sii-colour-02)}
#top .knowledge-destination:first-child :is(h3,p,span),
#top #intelligence .intelligence-card:first-of-type :is(h3,p,svg){color:var(--sii-white)}
#top .memory-band{
 background-color:#78351f;background-image:var(--sii-colour-03);
 --sii-copy-colour:var(--sii-white);border:0;border-radius:8px
}
#top .memory-band :is(strong,span){color:var(--sii-white)}
#top #research .research-card-v2:first-child{
 background-color:#78351f;background-image:var(--sii-colour-02);
 --sii-copy-colour:var(--sii-white);border-color:transparent;
 border-radius:8px;color:var(--sii-white)
}
#top #research .research-card-v2:first-child :is(span,strong,p){color:var(--sii-white)}
@media(prefers-reduced-motion:reduce){#top .hero-visual .hero-map .flow{animation:none}}
/* Original uploaded photography textures, fitted to each accent panel. */
#top .hero>.section-inner>.hero-visual,
#top .knowledge-destination:first-child,
#top #intelligence .intelligence-card:first-of-type,
#top .memory-band,
#top #research .research-card-v2:first-child{
 background-size:cover;background-position:center;background-repeat:no-repeat
}
/* Intelligence page: white editorial background and dark intro, while concept cards retain their original colour artwork. */
body #top #intelligence.knowledge-page{background:#fff!important;color:#161312!important}
body #top #intelligence.knowledge-page>.section-inner{background:#fff!important}
body #top #intelligence.knowledge-page .knowledge-columns,body #top #intelligence.knowledge-page .knowledge-lane{background:#fff!important;color:#161312!important}
body #top #intelligence.knowledge-page .intelligence-card{background-color:#68311f!important}
body #top #intelligence.knowledge-page .knowledge-head,body #top #intelligence.knowledge-page .knowledge-head h1,body #top #intelligence.knowledge-page .knowledge-head p,body #top #intelligence.knowledge-page .knowledge-head .eyebrow,body #top #intelligence.knowledge-page .lane-label{color:#161312!important}
/* Intelligence questions: top-aligned titles and lower explanatory copy. */
#top #intelligence .intelligence-card{
 min-height:480px;padding:24px;display:flex;flex-direction:column;
 background-color:var(--sii-charcoal);background-image:var(--sii-colour-01);
 background-size:cover;background-position:center;background-repeat:no-repeat;
 border:0;--sii-copy-colour:var(--sii-white);color:var(--sii-white)
}
#top #intelligence .intelligence-card-icon{display:none}
#top #intelligence .intelligence-card-copy{
 display:flex;flex-direction:column;flex:1;margin-top:0;padding-top:0
}
#top #intelligence .intelligence-card h3{
 margin:0 0 56px;max-width:none;font-size:clamp(32.8px,calc(2.52vw + 4px),42.4px);
 line-height:1.18;letter-spacing:-.025em;font-weight:500;color:var(--sii-white)
}
#top #intelligence .intelligence-card p{color:var(--sii-white)}
#top #intelligence .intelligence-card p strong{font-weight:700!important;color:inherit}
#top #intelligence .intelligence-card p:first-of-type{margin-top:auto}
#top #intelligence .intelligence-card:nth-of-type(2){background-image:var(--sii-colour-02);background-position:25% center}
#top #intelligence .intelligence-card:nth-of-type(3){background-image:var(--sii-colour-03);background-position:75% center}
#top #intelligence .intelligence-card:nth-of-type(4){background-image:var(--sii-colour-03);background-size:auto 135%;background-position:10% 80%}
#top #intelligence .intelligence-card:nth-of-type(5){background-image:var(--sii-colour-01);background-size:auto 150%;background-position:90% 20%}
#top #intelligence .intelligence-card:nth-of-type(6){background-image:var(--sii-colour-02);background-size:auto 145%;background-position:75% 85%}
/* Intelligence concept rail — calmer editorial carousel. */
#top #intelligence .knowledge-head{margin-bottom:14px!important}#top #intelligence .knowledge-lane{display:block!important;margin-top:6px!important}
#top #intelligence .intelligence-carousel-head{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin:0 0 12px}
#top #intelligence .intelligence-carousel-count{font-size:11px;letter-spacing:.12em;color:#6f6c69}
#top #intelligence .intelligence-carousel-controls{display:flex;gap:8px}
#top #intelligence .intelligence-carousel-button{width:34px;height:34px;border:1px solid rgba(22,19,18,.22);border-radius:50%;background:transparent;color:#161312;display:grid;place-items:center;padding:0;cursor:pointer}
#top #intelligence .intelligence-carousel-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#top #intelligence .intelligence-carousel-button:hover{background:#161312;color:#fff}
#top #intelligence .intelligence-rail{
 display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;
 padding:0 0 18px;scrollbar-width:none;-webkit-overflow-scrolling:touch
}
#top #intelligence .intelligence-rail::-webkit-scrollbar{display:none}
#top #intelligence .intelligence-card{
 flex:0 0 clamp(300px,42vw,520px);min-height:350px;padding:22px;scroll-snap-align:start
}
#top #intelligence .intelligence-card h3{
 margin:0 0 18px;min-height:118px;font-size:clamp(27px,2vw,36px);line-height:1.14
}
#top #intelligence .intelligence-card p{font-size:clamp(14px,1.05vw,17px);line-height:1.45}
#top #intelligence .intelligence-card p:first-of-type{margin-top:0!important}
#top #intelligence .intelligence-card p+p{margin-top:10px}
@media(max-width:720px){
 #top #intelligence .knowledge-head{margin-bottom:10px!important}#top #intelligence .knowledge-lane{margin-top:4px!important}
 #top #intelligence .intelligence-carousel-head{margin-bottom:10px}
 #top #intelligence .intelligence-rail{gap:8px;padding-right:8vw}
 #top #intelligence .intelligence-card{flex-basis:88vw;min-height:340px;padding:20px}
 #top #intelligence .intelligence-card h3{margin-bottom:16px;min-height:104px;font-size:30px}
}

/* Approved soft salmon / mauve / peach gradient, reused on Product / Pilot
   so it has precisely the same colour treatment as Homepage Knowledge. */
#top #knowledge,
#top #pilot.siister-pilot{
 background-color:#c5a29a;
 background-image:
  radial-gradient(ellipse at 2% 90%,rgba(177,99,86,.65) 0%,rgba(177,99,86,0) 63%),
  radial-gradient(ellipse at 5% 4%,rgba(196,123,106,.43) 0%,rgba(196,123,106,0) 57%),
  radial-gradient(ellipse at 94% 4%,rgba(157,165,187,.53) 0%,rgba(157,165,187,0) 63%),
  radial-gradient(ellipse at 100% 90%,rgba(228,174,132,.50) 0%,rgba(228,174,132,0) 66%),
  linear-gradient(112deg,#bf897f 0%,#c4a4a3 48%,#cdc1ba 76%,#dfbaa8 100%)!important;
 background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;
 position:relative;isolation:isolate;overflow:hidden;
 --sii-copy-colour:var(--sii-white)
}
#top #knowledge::before,
#top #pilot.siister-pilot::before{
 content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
 background-image:url("https://siisteraiwebsite-s7d4kkilse.live-website.com/wp-content/uploads/2026/10/Blurred-BG-03-scaled.jpg");
 background-size:cover;background-position:center;background-repeat:no-repeat;
 opacity:.10;filter:grayscale(1) contrast(.75);
 mix-blend-mode:multiply
}
#top #pilot.siister-pilot::after{
 content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
 background:
  radial-gradient(ellipse at 0% 0%,rgba(255,255,255,.34) 0%,rgba(255,255,255,.18) 20%,rgba(255,255,255,.07) 36%,rgba(255,255,255,0) 54%);
}
#top #knowledge>.section-inner,
#top #pilot.siister-pilot>.section-inner{position:relative;z-index:1}
/* Site-wide rule: full-width page backgrounds have square edges.
   Rounded corners belong only to inset cards, not entire chapters. */
body #top > section,
body #top > section.chapter{
 border-radius:0!important;
}
#top #knowledge{
 border-radius:0!important;
 overflow:hidden!important;
}
#top #knowledge .knowledge-destination{
 border-radius:18px!important;
 overflow:hidden!important;
}
#top #pilot.siister-pilot .product-kicker,
#top #pilot.siister-pilot .product-title,
#top #pilot.siister-pilot .product-copy{
 color:#fff!important;
}
/* Center the pilot headline while keeping the body copy left aligned.
   Keep the two explanatory lines together, without the default paragraph gap. */
#top #pilot.siister-pilot .product-title{
 display:block!important;width:100%!important;max-width:none!important;
 text-align:center!important;margin:0 0 30px!important;
 font-size:clamp(34px,3.71vw,60px)!important;line-height:1.08!important;
}
#top #pilot.siister-pilot .product-copy{
 margin:0!important;max-width:none!important;
}
#top #pilot.siister-pilot .product-copy + .product-copy{
 margin-top:12px!important;
}
/* Knowledge chapter arrow: replace clipped image with a crisp centered icon. */
#top #knowledge>.chapter-next{display:none!important}
/* Home Knowledge cards: 30% warm blue-grey reference (#b8b4ba) on white. */
#top #knowledge .knowledge-destination,
#top #knowledge .knowledge-destination:hover{
 background:#eae8eb!important;
 background-image:none!important;
 border-color:rgba(0,0,0,.12);
 color:#111!important;--sii-copy-colour:#111
}
#top #knowledge .knowledge-destination *,
#top #knowledge .knowledge-destination:hover *{color:#111!important}

