/* SB Fall Protection case study — colour overrides on the shared project layout (project.css / project-showcase.css).
   Brand orange #FE5922, ink #131312, cream #FEF5EF. */
.sb-page .project-hero{height:auto;min-height:0;aspect-ratio:1672/941;background:#FE5922;color:#fff}
.sb-page .hero-artwork{display:block;width:100%;height:100%}
.sb-page .hero-photo{display:block;object-position:center;filter:none;animation:none}
.sb-page .hero-shade{display:block;background:linear-gradient(180deg,rgba(19,19,18,0) 55%,rgba(19,19,18,.22) 75%,rgba(19,19,18,.62) 100%)}
.sb-page .hero-bottom h1{color:#fff;white-space:normal;line-height:.82;max-width:9ch}
@media(max-width:767px),(max-aspect-ratio:4/5){
  .sb-page .project-hero{aspect-ratio:948/1652}
}
/* monitor: transparent plate on an orange curve, screen-only recording inside */
.sb-page .sb-monitor{width:100%;margin-left:0;margin-right:0;background:transparent;overflow:visible}
.sb-page .sb-monitor .recording-scene{height:auto;min-height:0;aspect-ratio:1671/941;background:transparent}
.sb-page .sb-monitor .monitor-reference-plate{object-fit:fill}
.sb-page .sb-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 */
.sb-page .cs-wide{border-radius:5px;overflow:hidden;background:#FEF5EF}
.sb-page .cs-wide img{display:block;width:100%;height:auto}
/* cursor: orange chip on light, cream on the orange hero */
.sb-page{--dc-dark:#FEF5EF;--dc-dark-chip:#FEF5EF;--dc-dark-chip-text:#131312}
/* admin panel: orange ground, copy left, laptop right */
.sb-page .cs-gallery .chatbot-showcase.sb-admin{background:#FE5922;color:#fff;align-items:center}
.sb-page .sb-admin .chatbot-story h2{color:#fff}
.sb-page .sb-admin .chatbot-story>p:not(.chatbot-eyebrow){color:#FFF1EA}
.sb-page .sb-admin .chatbot-detail{border-top-color:rgba(255,255,255,.35)}
.sb-page .sb-admin .chatbot-detail>span:first-child{color:#FFD9C7}
.sb-page .sb-admin .chatbot-detail>span:last-child{color:#fff}
.sb-page .sb-admin .chatbot-demo{max-width:none;width:100%}
.sb-page .sb-admin .sb-admin-shot img{display:block;width:100%;height:auto}
.sb-page .sb-admin{grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr)}
@media (max-width:1180px){.sb-page .sb-admin{grid-template-columns:1fr}}