/* RKC case study — colour overrides on the shared project layout (project.css / project-showcase.css).
   Blue #00568F, navy #05263C, red #EF4023, paper #F1F0EE. */
.rkc-page .project-hero{height:auto;min-height:0;aspect-ratio:1672/941;background:#05263C;color:#fff}
.rkc-page .hero-artwork{display:block;width:100%;height:100%}
.rkc-page .hero-photo{display:block;object-position:center;filter:none;animation:none}
.rkc-page .hero-shade{display:block;background:linear-gradient(180deg,rgba(5,38,60,0) 55%,rgba(5,38,60,.3) 75%,rgba(5,38,60,.7) 100%)}
.rkc-page .hero-bottom h1{color:#fff}
@media(max-width:767px),(max-aspect-ratio:4/5){
  .rkc-page .project-hero{aspect-ratio:948/1652}
}
/* monitor: transparent plate on the blue curve, screen-only recording inside */
.rkc-page .rkc-monitor{width:100%;margin-left:0;margin-right:0;background:transparent;overflow:visible}
.rkc-page .rkc-monitor .recording-scene{height:auto;min-height:0;aspect-ratio:1670/941;background:transparent}
.rkc-page .rkc-monitor .monitor-reference-plate{object-fit:fill}
.rkc-page .rkc-monitor .reference-monitor-screen{transform:matrix3d(.9283773848126083,-.04441297162104416,0,-.000049766511100497974,-.0037078651685393256,.9559987515605494,0,-.0000031210986267166042,0,0,1,0,477,139,0,1)}
/* wide creative between the gutters */
.rkc-page .cs-wide{border-radius:5px;overflow:hidden;background:#05263C}
.rkc-page .cs-wide img{display:block;width:100%;height:auto}
/* cursor chip on the blue hero */
.rkc-page{--dc-dark:#F1F0EE;--dc-dark-chip:#EF4023;--dc-dark-chip-text:#fff}
/* admin panel: brand ground, copy left, laptop right (shares the SB panel layout) */
.rkc-page .cs-gallery .chatbot-showcase.sb-admin{color:#fff;align-items:center;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr)}
.rkc-page .sb-admin .chatbot-story h2{color:#fff}
.rkc-page .sb-admin .chatbot-demo{max-width:none;width:100%}
.rkc-page .sb-admin .sb-admin-shot img{display:block;width:100%;height:auto}
@media (max-width:1180px){.rkc-page .cs-gallery .chatbot-showcase.sb-admin{grid-template-columns:1fr}}
.rkc-page .cs-gallery .chatbot-showcase.sb-admin{background:#00568F}
.rkc-page .sb-admin .chatbot-story>p:not(.chatbot-eyebrow){color:#DCE9F3}
.rkc-page .sb-admin .chatbot-detail{border-top-color:rgba(255,255,255,.3)}
.rkc-page .sb-admin .chatbot-detail>span:first-child{color:#F58A75}
.rkc-page .sb-admin .chatbot-detail>span:last-child{color:#fff}