/* Industrial scene backgrounds: page introductions only. */
.otc-sector-hero{position:relative!important;isolation:isolate;overflow:hidden!important;background:#082936!important;padding-bottom:76px!important}
.otc-sector-hero>.wrap{position:relative;z-index:2}
.otc-sector-scenes{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none;background:#163d4c}
.otc-sector-scene{position:absolute;inset:-2%;background-size:cover;background-position:center;opacity:0;transition:opacity 1.6s ease;transform:scale(1.04);animation:otc-sector-pan 22s ease-in-out infinite alternate;animation-play-state:paused}
.otc-sector-scene.is-active{opacity:1;animation-play-state:running}
.otc-sector-factory{background-image:url('/assets/sector-factory-v36.webp')}
.otc-sector-transport{background-image:url('/assets/sector-transport-v36.webp')}
.otc-sector-railway{background-image:url('/assets/sector-railway-v36.webp')}
.otc-sector-shipping{background-image:url('/assets/sector-shipping-v36.webp')}
.otc-sector-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(100deg,rgba(3,24,35,.64),rgba(3,24,35,.43) 58%,rgba(3,24,35,.23))}
.otc-sector-hero>.wrap>h1,.otc-sector-hero>.wrap>p{color:#fff!important}
.otc-sector-hero .otc-demo-enquiry{background:#fff!important;color:#153744!important}
.otc-sector-motion-toggle{position:absolute;z-index:3;right:24px;bottom:18px;min-height:36px;padding:8px 14px;border:1px solid #b8d8e3;border-radius:20px;background:#082936;color:#fff;font:600 12px/1.4 system-ui,sans-serif;cursor:pointer}
.otc-sector-motion-toggle:focus-visible{outline:3px solid #5be8f5;outline-offset:3px}
.otc-sector-hero.is-paused .otc-sector-scene{animation-play-state:paused!important;transition:none!important}
@keyframes otc-sector-pan{from{transform:scale(1.04) translateX(-.5%)}to{transform:scale(1.13) translateX(.5%)}}
@media(prefers-reduced-motion:reduce){.otc-sector-scene{animation:none!important;transition:none!important}}
@media(max-width:600px){.otc-sector-motion-toggle{right:16px}.otc-sector-hero::after{background:rgba(3,24,35,.56)}}
@media print{.otc-sector-scenes,.otc-sector-motion-toggle{display:none!important}.otc-sector-hero{background:#fff!important;color:#153744!important}.otc-sector-hero::after{display:none}.otc-sector-hero>.wrap>h1,.otc-sector-hero>.wrap>p{color:#153744!important}}

/* v37: brighter industrial imagery with text definition. */
.otc-sector-hero>.wrap>h1,.otc-sector-hero>.wrap>p,.otc-sector-hero .otc-services-intro-grid>div>h1,.otc-sector-hero .otc-services-intro-grid>div>p,.otc-sector-hero .otc-network-intro-grid>div>h1,.otc-sector-hero .otc-network-intro-grid>div>p{text-shadow:0 2px 5px rgba(0,0,0,.85)}

/* v40 — protect the reading column while preserving bright imagery to the right. */
#main .otc-sector-hero::after{background:linear-gradient(90deg,rgba(3,24,35,.88) 0%,rgba(3,24,35,.82) 40%,rgba(3,24,35,.76) 58%,rgba(3,24,35,.30) 80%,rgba(3,24,35,.14) 100%)}
#main .otc-sector-hero>.wrap>p,
#main .otc-sector-hero .otc-services-intro-grid>div>p,
#main .otc-sector-hero .otc-network-intro-grid>div>p{max-width:62ch;font-size:18px;line-height:1.8;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.65)}
#main .otc-sector-hero>.wrap>h1,
#main .otc-sector-hero .otc-services-intro-grid>div>h1,
#main .otc-sector-hero .otc-network-intro-grid>div>h1{max-width:25ch;text-shadow:0 1px 3px rgba(0,0,0,.6)}
#main .otc-sector-hero>.wrap>p.eyebrow,
#main .otc-sector-hero .otc-services-intro-grid>div>p.eyebrow,
#main .otc-sector-hero .otc-network-intro-grid>div>p.eyebrow{font-size:12px;line-height:1.6;color:#a5f3f7!important}
#main .otc-sector-hero>.wrap>p.otc-platform-note{font-size:15px}
@media(max-width:760px){#main .otc-sector-hero::after{background:linear-gradient(90deg,rgba(3,24,35,.82),rgba(3,24,35,.72))}#main .otc-sector-hero>.wrap>p,#main .otc-sector-hero .otc-services-intro-grid>div>p,#main .otc-sector-hero .otc-network-intro-grid>div>p{font-size:17px;line-height:1.75}}
@media print{#main .otc-sector-hero::after{display:none}#main .otc-sector-hero>.wrap>p,#main .otc-sector-hero>.wrap>h1,#main .otc-sector-hero .otc-services-intro-grid>div>p,#main .otc-sector-hero .otc-services-intro-grid>div>h1,#main .otc-sector-hero .otc-network-intro-grid>div>p,#main .otc-sector-hero .otc-network-intro-grid>div>h1{color:#153744!important;text-shadow:none}}

/* v42 — keep the background pause control clear of the assistant launcher. */
#main .otc-sector-hero .otc-sector-motion-toggle{left:clamp(16px,5.5vw,80px)!important;right:auto!important}
