/* V51 — full-section capability films; distinct corporate surfaces. */
body #main-content .section.capability-film51{position:relative;isolation:isolate;display:flex;align-items:center;min-height:560px;min-height:clamp(480px,70vh,760px);padding:85px max(6vw,24px);overflow:hidden;background:#0c2c38;grid-template-columns:none;gap:0}
body #main-content .capability-film51 .capability-film-bg51{position:absolute;inset:0;z-index:-3;overflow:hidden;background:#0c2c38}
body #main-content .capability-film-bg51>img,body #main-content .capability-film-bg51>.ambient-video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;border:0!important;border-radius:0!important;opacity:1!important;pointer-events:none}
body #main-content .capability-film51 .capability-film-shade51{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,22,30,.94),rgba(4,22,30,.82) 48%,rgba(4,22,30,.34)),linear-gradient(0deg,rgba(4,22,30,.45),transparent 40%);pointer-events:none}
body #main-content .capability-film51 .capability-hero-copy{position:relative;z-index:1;width:min(100%,850px);max-width:850px;padding:0}
body #main-content .capability-film51 h1{color:#fff!important;-webkit-text-fill-color:#fff;font-size:clamp(36px,4.6vw,66px);line-height:1.12;letter-spacing:-.025em;margin:20px 0 24px;text-wrap:balance}
body #main-content .capability-film51 p{color:#e5efec!important;font-size:clamp(15px,1.25vw,18px);line-height:1.85;max-width:710px;margin-bottom:28px}
body #main-content .capability-film51 .kicker{color:#e1c78e!important;background:none!important;-webkit-text-fill-color:#e1c78e}
body #main-content .capability-film51 .outline{color:#fff!important;background:rgba(6,28,35,.5)!important;border-color:#a2b8b3}
body #main-content .capability-film51 .primary{background:#09634f;color:#fff!important}
/* The six homepage bands have deliberately different material and colour treatments. */
body[data-surfaces51=premium] #main-content .compliance50{background:linear-gradient(110deg,#e8e2d3,#faf8f0 55%,#eee9dd);border-color:#d2c7ac}
body[data-surfaces51=premium] #main-content #business-divisions{background:radial-gradient(ellipse at 95% 0,#d7e8df 0,transparent 62%),linear-gradient(125deg,#fbfcf8,#eef3ed)!important}
body[data-surfaces51=premium] #main-content #featured{background:radial-gradient(ellipse at 100% 80%,#1d5556 0,transparent 60%),linear-gradient(125deg,#0a2633,#113e46)!important}
body[data-surfaces51=premium] #main-content .metrics-band{background:linear-gradient(110deg,#e1e9e4,#f4f6ee 48%,#d5e1dc)!important;color:#163e46!important;border-block:1px solid #c9d7cd}
body[data-surfaces51=premium] #main-content .metrics-band h2,body[data-surfaces51=premium] #main-content .metrics-band .metric-count,body[data-surfaces51=premium] #main-content .metrics-band .metrics-grid>div>span{color:#163e46!important;-webkit-text-fill-color:#163e46}
body[data-surfaces51=premium] #main-content .metrics-band .metrics-grid svg{color:#8a6b30!important}body[data-surfaces51=premium] #main-content .metrics-band .metrics-grid>div{border-color:#b3c6ba}
body[data-surfaces51=premium] #main-content #engineering{background:radial-gradient(ellipse at 0 10%,#ebe4ce,transparent 55%),#faf9f3!important}
body[data-surfaces51=premium] #main-content #clients{background:linear-gradient(125deg,#dce6eb,#f1f5f5 55%,#dce8e4)!important}
body[data-surfaces51=premium] #main-content .capability-introduction{max-width:none;background:linear-gradient(115deg,#faf8f0,#e8eee8)!important}
body[data-surfaces51=premium] #main-content .capability-grid-section{background:linear-gradient(135deg,#e1eae5,#f2f5ef)!important}
body[data-surfaces51=premium] #main-content #oem-odm{background:linear-gradient(115deg,#f8f5ec,#e8e6da)!important}
body[data-surfaces51=premium] #main-content #development-process{background:radial-gradient(ellipse at 100% 0,#d8e4e5,transparent 65%),#edf2ee!important}
/* Decorative layers never intercept content, links, forms, or sticky workflows. */
body[data-surfaces51=premium] .surface51{position:relative;isolation:isolate}
.surface-decoration51{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;user-select:none;color:#277265}
.surface-decoration51>.surface-grid51{position:absolute;inset:0;opacity:.075;background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(110deg,transparent 30%,#000);-webkit-mask-image:linear-gradient(110deg,transparent 30%,#000)}
.surface-dark51>.surface-decoration51{color:#c2dbcf}.surface-dark51>.surface-decoration51>.surface-grid51{opacity:.045}
.surface-orbit51{position:absolute;right:-85px;top:50%;width:350px;height:350px;margin-top:-175px;opacity:.18;transform:translate3d(var(--orbit-x51,0px),var(--orbit-y51,0px),0);transition:transform .8s ease-out}
.surface-orbit51::before,.surface-orbit51::after{content:"";position:absolute;inset:0;border-radius:50%;border:1px dashed currentColor;animation:orbit-spin51 85s linear infinite;animation-play-state:paused}
.surface-orbit51::before{background:conic-gradient(from 0deg,transparent 0deg 85deg,currentColor 86deg 88deg,transparent 89deg 265deg,currentColor 266deg 268deg,transparent 269deg);background-clip:padding-box}
.surface-orbit51::after{inset:38px;border-style:solid;border-color:#aa8b50;transform:rotateX(58deg) rotateZ(-25deg);animation-name:orbit-tilt51;animation-duration:110s;animation-direction:reverse}
.surface51-inview>.surface-decoration51 .surface-orbit51::before,.surface51-inview>.surface-decoration51 .surface-orbit51::after{animation-play-state:running}
.surface51:nth-of-type(even)>.surface-decoration51 .surface-orbit51{right:auto;left:-120px;top:65%;opacity:.12}
.compliance50>.surface-decoration51 .surface-orbit51{display:none}.metrics-band>.surface-decoration51 .surface-grid51{background-size:56px 56px}
@keyframes orbit-spin51{to{transform:rotate(360deg)}}@keyframes orbit-tilt51{from{transform:rotateX(58deg) rotateZ(-25deg)}to{transform:rotateX(58deg) rotateZ(335deg)}}
body[data-atmosphere-motion51="0"] .surface-orbit51::before,body[data-atmosphere-motion51="0"] .surface-orbit51::after,body.motion-off .surface-orbit51::before,body.motion-off .surface-orbit51::after,body[data-motion-policy=off] .surface-orbit51::before,body[data-motion-policy=off] .surface-orbit51::after{animation:none!important}
@media(max-width:750px){body #main-content .section.capability-film51{min-height:540px;padding:60px 24px}body #main-content .capability-film51 h1{font-size:clamp(33px,8vw,46px)}body #main-content .capability-film51 .capability-film-shade51{background:linear-gradient(90deg,rgba(4,22,30,.9),rgba(4,22,30,.65)),linear-gradient(0deg,rgba(4,22,30,.5),transparent)}body #main-content .capability-film51 .actions{gap:12px;align-items:flex-start}.surface-orbit51{width:240px;height:240px;margin-top:-120px;opacity:.11}.surface-orbit51::after{inset:25px}.surface-decoration51>.surface-grid51{background-size:64px 64px}}
@media(prefers-reduced-motion:reduce){.surface-orbit51{transition:none!important;transform:none!important}.surface-orbit51::before,.surface-orbit51::after{animation:none!important}}
@media print{.surface-decoration51,.capability-film-bg51,.capability-film-shade51{display:none!important}body #main-content .section.capability-film51{min-height:0;background:#fff!important}body #main-content .capability-film51 h1,body #main-content .capability-film51 p{color:#153640!important;-webkit-text-fill-color:#153640}}

/* V52: image-based technical artwork beneath content; existing colours retained. */
body[data-surfaces51=premium] .surface-decoration51>.surface-grid51{background-image:url("engineering-surface-v52.svg");background-repeat:no-repeat;background-position:center;background-size:cover;opacity:.11}
body[data-surfaces51=premium] .surface-dark51>.surface-decoration51>.surface-grid51{filter:brightness(2.5);opacity:.08}
