/* Capitan case study — colour overrides on the shared project layout (project.css / project-showcase.css).
   Brand orange #F8962A, ink #2F3A40, slate #808E96, dark #1E2A30. */
.capitan-page .project-hero{height:auto;min-height:0;aspect-ratio:1672/941;background:#1E2A30;color:#fff}
.capitan-page .hero-artwork{display:block;width:100%;height:100%}
.capitan-page .hero-photo{display:block;object-position:center;filter:none;animation:none}
.capitan-page .hero-shade{display:block;background:linear-gradient(180deg,rgba(30,42,48,0) 50%,rgba(30,42,48,.3) 72%,rgba(30,42,48,.78) 100%)}
.capitan-page .hero-bottom h1{color:#fff}
@media(max-width:767px),(max-aspect-ratio:4/5){
  .capitan-page .project-hero{aspect-ratio:948/1652}
}
/* monitor: transparent plate on the logo-orange curve, screen-only recording inside */
.capitan-page .cap-monitor{width:100%;margin-left:0;margin-right:0;background:transparent;overflow:visible}
.capitan-page .cap-monitor .recording-scene{height:auto;min-height:0;aspect-ratio:1670/941;background:transparent}
.capitan-page .cap-monitor .monitor-reference-plate{object-fit:fill}
.capitan-page .cap-monitor .reference-monitor-screen{transform:matrix3d(.9283773848126083,-.04441297162104416,0,-.000049766511100497974,-.0037078651685393256,.9559987515605494,0,-.0000031210986267166042,0,0,1,0,477,139,0,1)}
/* cursor chip on dark panels */
.capitan-page{--dc-dark:#FFF7EE;--dc-dark-chip:#F8962A;--dc-dark-chip-text:#1E2A30}
/* admin panel: brand ground, copy left, laptop right (shares the SB panel layout) */
.capitan-page .cs-gallery .chatbot-showcase.sb-admin{color:#fff;align-items:center;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr)}
.capitan-page .sb-admin .chatbot-story h2{color:#fff}
.capitan-page .sb-admin .chatbot-demo{max-width:none;width:100%}
.capitan-page .sb-admin .sb-admin-shot img{display:block;width:100%;height:auto}
@media (max-width:1180px){.capitan-page .cs-gallery .chatbot-showcase.sb-admin{grid-template-columns:1fr}}
.capitan-page .cs-gallery .chatbot-showcase.sb-admin{background:#F8962A}
.capitan-page .sb-admin .chatbot-story>p:not(.chatbot-eyebrow){color:#FFF7EE}
.capitan-page .sb-admin .chatbot-detail{border-top-color:rgba(255,255,255,.35)}
.capitan-page .sb-admin .chatbot-detail>span:first-child{color:#2F3A40}
.capitan-page .sb-admin .chatbot-detail>span:last-child{color:#fff}