/* Composition rather than a blanket surface effect. */
.composition-pass main>.section{padding-block:74px}.composition-pass .section-heading{margin-bottom:32px}.composition-pass .section-heading p{margin-bottom:0}.composition-pass .page-hero{padding-block:37px 48px}.composition-pass .commercial-hero{padding-bottom:52px}.composition-pass .commercial-hero .breadcrumbs{margin-bottom:25px}.composition-pass .brand-home{padding-top:42px}.composition-pass .brand-buyer-strip{padding-block:23px}.composition-pass .client-strip{padding-block:30px}.composition-pass .site-footer{padding-top:60px}
/* Home: an editorial introduction alongside a compact service collection. */
.composition-pass .composition-overview{background:var(--brand-surface,#f2f8fc)}.composition-pass .composition-overview>.container{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,1.65fr);gap:50px;align-items:start}.composition-pass .composition-overview .section-heading{margin:12px 0 0}.composition-pass .brand-service-grid{gap:16px;border:0}.composition-pass .brand-service{padding:25px;border:1px solid var(--brand-onblue,#d2e8f6);background:white;box-shadow:0 10px 23px rgba(var(--brand-ink-rgb),0.0392);border-radius:2px}.composition-pass .brand-service h3{font-size:21px;line-height:1.35;margin-block:16px 12px}.composition-pass .brand-service p{font-size:13px;line-height:1.8}.composition-pass .brand-service .service-glyph{width:32px;height:32px;margin-bottom:15px}.composition-pass .brand-service:first-child{background:var(--brand-ink,#16475c);border-color:var(--brand-ink,#16475c)}.composition-pass .brand-service:first-child :is(h3,p,.service-name,.service-explore,.service-glyph){color:var(--brand-surface,#f2f8fc)}.composition-pass .brand-service:first-child .service-name{color:var(--brand-onblue,#d2e8f6)}.composition-pass .brand-challenges{gap:26px}.composition-pass .composition-process{background:#ffffff}.composition-pass .brand-engagement{border:1px solid var(--brand-onblue,#d2e8f6);background:var(--brand-surface,#f2f8fc);padding:30px;gap:30px}.composition-pass .brand-final{border-left:4px solid var(--brand-support,#4d8dba);padding-left:30px}
/* Service index: alternating visual/copy ownership, not four identical rows. */
.composition-pass .service-scenes article{padding-block:40px;gap:60px}.composition-pass .service-scenes article:nth-child(even) .scene-copy{order:2}.composition-pass .service-scenes article:nth-child(even) .commission-scene{order:1}.composition-pass .scene-technology{background:var(--brand-panel,#e8f2f8)}.composition-pass .scene-review{transform:rotate(-1deg)}
/* Setup: a commissioning strip and a substantial, offset handover dossier. */
.composition-pass.page-contact-centre-setup .build-hero{background:var(--brand-panel,#e8f2f8)}.composition-pass.page-contact-centre-setup .commercial-art{border:1px solid var(--brand-onblue,#d2e8f6);box-shadow:14px 14px 0 var(--brand-panel,#e8f2f8)}.composition-pass .composition-routes{padding-block:58px}.composition-pass .setup-routes{gap:0;background:var(--brand-surface,#f2f8fc);border:1px solid var(--brand-onblue,#d2e8f6)}.composition-pass .setup-routes article{padding:27px;border-top:3px solid var(--brand-blue,#086288);border-right:1px solid var(--brand-onblue,#d2e8f6)}.composition-pass .setup-routes article:last-child{border-right:0}.composition-pass .setup-routes article:nth-child(2){background:var(--brand-panel,#e8f2f8)}.composition-pass .setup-routes h3{font-size:22px}.composition-pass .composition-workbench{background:linear-gradient(90deg,var(--brand-surface,#f2f8fc) 0 61%,var(--brand-panel,#e8f2f8) 61%)}.composition-pass .setup-workbench{gap:42px;align-items:start}.composition-pass .commissioning-list article{padding:22px 0 22px 24px;border-left:2px solid var(--brand-sky,#97d7ff);position:relative}.composition-pass .commissioning-list article:before{content:'';position:absolute;width:9px;height:9px;border:2px solid var(--brand-blue,#086288);background:var(--brand-surface,#f2f8fc);border-radius:50%;left:-6px;top:30px}.composition-pass .setup-evidence{box-shadow:10px 14px 0 rgba(var(--brand-onblue-rgb),0.3020),0 18px 30px rgba(var(--brand-ink-rgb),0.0902);background:white}.composition-pass .composition-handoff .handover-map{gap:45px}.composition-pass .handover-path{border:1px solid var(--brand-onblue,#d2e8f6);box-shadow:9px 11px 0 var(--brand-panel,#e8f2f8);padding:27px}
/* Managed: people-led, with a distinct capacity/sidebar treatment. */
.composition-pass .managed-editorial{background-image:none;background:var(--brand-panel,#e8f2f8)}.composition-pass .managed-opening{gap:55px;margin-block:28px}.composition-pass .managed-opening>div:last-child{padding:24px 0 24px 30px;border-left:3px solid var(--brand-support,#4d8dba)}.composition-pass .composition-catalogue{background:linear-gradient(180deg,#ffffff 0 75%,var(--brand-surface,#f2f8fc) 75%)}.composition-pass .managed-function-list article{box-shadow:none;padding-block:22px}.composition-pass .capacity-panel{position:relative;border-top:5px solid var(--brand-support,#4d8dba);box-shadow:12px 14px 0 var(--brand-panel,#e8f2f8)}.composition-pass .managed-photo-section{padding-block:40px}.composition-pass .managed-service-photo{box-shadow:0 20px 40px rgba(var(--brand-ink-rgb),0.0941)}.composition-pass .composition-models{background:var(--brand-surface,#f2f8fc)}.composition-pass .managed-models{gap:0;border:1px solid var(--brand-onblue,#d2e8f6)}.composition-pass .managed-models article{padding:28px;border-right:1px solid var(--brand-onblue,#d2e8f6);border-top:3px solid var(--brand-sky,#97d7ff);background:#ffffff}.composition-pass .managed-models article:last-child{border-right:0;background:var(--brand-panel,#e8f2f8)}.composition-pass .composition-commercial{background:#f5f1eb}.composition-pass .manager-notes{background:#ffffff;box-shadow:10px 12px 0 #ddd6c9}
/* AI: an application workspace, framed systems diagram and compact purchase lanes. */
.composition-pass .technology-commercial{background:var(--brand-surface,#f2f8fc);position:relative}.composition-pass .ai-service-visual{background:var(--brand-blue,#086288);color:#ffffff;border:1px solid var(--brand-blue,#086288);box-shadow:14px 14px 0 var(--brand-panel,#e8f2f8)}.composition-pass .ai-service-visual :is(strong,b,h3){color:#ffffff}.composition-pass .ai-service-visual .ai-branches{color:var(--brand-blue,#086288)}.composition-pass .ai-solution-section{background:var(--brand-panel,#e8f2f8)!important;border-block:1px solid var(--brand-panel,#e8f2f8)}.composition-pass .application-explorer{box-shadow:0 15px 35px rgba(var(--brand-blue-rgb),0.0784);border:1px solid var(--brand-onblue,#d2e8f6);background:#ffffff}.composition-pass .composition-integrations{background:#ffffff}.composition-pass .technology-people{gap:42px}.composition-pass .composition-purchases{background:var(--brand-surface,#f2f8fc)}.composition-pass .tech-purchases{gap:18px}.composition-pass .tech-purchases article{background:#ffffff;border:1px solid var(--brand-panel,#e8f2f8);padding:25px;border-top:3px solid var(--brand-support,#4d8dba)}
/* Consulting: warm editorial stock, a decision ledger and an elevated findings memo. */
.composition-pass .consulting-commercial{background:#f1eee8;background-image:none}.composition-pass .consulting-commercial .editorial-photo{border-radius:0;box-shadow:15px 15px 0 #d9d1c1}.composition-pass .composition-review{background:#faf9f6}.composition-pass .consulting-problems article{padding:25px 20px;gap:12px 25px}.composition-pass .consulting-problems article:nth-child(2){background:#eee9df}.composition-pass .composition-assessment{background:var(--brand-panel,#e8f2f8)}.composition-pass .assessment-example{box-shadow:10px 12px 0 var(--brand-onblue,#d2e8f6);border:1px solid var(--brand-onblue,#d2e8f6)}.composition-pass .composition-findings{background:#ffffff}.composition-pass .review-memo{transform:rotate(-1deg);box-shadow:13px 15px 0 #ded8cb;background:#faf8f2}
/* Supporting pages have a purpose-specific composition. */
.composition-pass .delivery-opening{background:var(--brand-surface,#f2f8fc);border-bottom:1px solid var(--brand-onblue,#d2e8f6)}.composition-pass .composition-region{background:var(--brand-surface,#f2f8fc)}.composition-pass .regional-map{box-shadow:14px 15px 0 var(--brand-panel,#e8f2f8)}.composition-pass .composition-cost{background:var(--brand-surface,#f2f8fc)}.composition-pass .cost-components{gap:20px}.composition-pass .cost-components article{border-top:2px solid var(--brand-sky,#97d7ff);padding-top:16px}.composition-pass .composition-gates{padding-block:50px}.composition-pass .delivery-gates{box-shadow:0 12px 30px rgba(var(--brand-ink-rgb),0.0627)}.composition-pass .composition-acceptance{background:var(--brand-panel,#e8f2f8)}.composition-pass .composition-review-desk{padding-top:45px}.composition-pass .about-editorial{padding-bottom:28px}.composition-pass .composition-about{padding-top:35px}.composition-pass .about-team-proof{box-shadow:14px 15px 0 var(--brand-panel,#e8f2f8)}.composition-pass .composition-company{background:var(--brand-surface,#f2f8fc)}.composition-pass .company-foundations{gap:35px}.composition-pass .company-foundations article{border-top:2px solid var(--brand-onblue,#d2e8f6);padding-top:23px}.composition-pass.page-solution-guide .practical-opening,.composition-pass.page-contact-us .practical-opening{padding-bottom:30px;background:var(--brand-surface,#f2f8fc)}.composition-pass .composition-guide{background:var(--brand-surface,#f2f8fc);padding-top:38px}.composition-pass #solution-finder{padding:30px 36px;background:#ffffff;box-shadow:10px 12px 0 var(--brand-panel,#e8f2f8);border:1px solid var(--brand-onblue,#d2e8f6);border-top:4px solid var(--brand-support,#4d8dba)}.composition-pass .solution-finder fieldset{margin-bottom:25px;padding-top:23px}.composition-pass .composition-contact{background:linear-gradient(90deg,var(--brand-surface,#f2f8fc) 0 35%,#ffffff 35%);padding-top:40px}.composition-pass .contact-grid{gap:50px}.composition-pass .contact-direct{padding:22px;background:var(--brand-panel,#e8f2f8);border-left:3px solid var(--brand-support,#4d8dba)}.composition-pass .enquiry-form{box-shadow:8px 10px 0 var(--brand-panel,#e8f2f8);padding:30px;background:#ffffff}.composition-pass .brief-output{gap:40px}.composition-pass.page-thank-you main>.section>.container{border-left:4px solid var(--brand-support,#4d8dba);background:var(--brand-surface,#f2f8fc);padding:35px;box-shadow:12px 14px 0 var(--brand-panel,#e8f2f8)}.composition-pass:is(.page-privacy,.page-terms) main>.section:not(.page-hero)>.container{max-width:1000px;border-left:2px solid var(--brand-panel,#e8f2f8);padding-left:35px}
/* FAQ and closing sections are concise, calm resting points. */
.composition-pass .composition-faq{padding-block:55px}.composition-pass .specific-faq{max-width:1000px}.composition-pass .specific-faq details{padding-block:19px}.composition-pass main>.close-paper,.composition-pass main>.brand-final-section{padding-block:58px}.composition-pass .service-close{max-width:1050px;padding-left:28px;border-left:4px solid var(--brand-support,#4d8dba)}.composition-pass .context-enquiry{margin-top:30px}
@media(max-width:1000px){.composition-pass .composition-overview>.container{grid-template-columns:1fr;gap:28px}.composition-pass .composition-overview .section-heading{max-width:750px}.composition-pass .contact-grid{gap:30px}.composition-pass .managed-opening{gap:30px}.composition-pass .setup-workbench{gap:30px}}
@media(max-width:780px){.composition-pass main>.section{padding-block:52px}.composition-pass .section-heading{margin-bottom:25px}.composition-pass .page-hero{padding-block:28px 35px}.composition-pass .commercial-hero{padding-bottom:40px}.composition-pass .service-scenes article{gap:25px;padding-block:30px}.composition-pass .service-scenes article:nth-child(even) .scene-copy,.composition-pass .service-scenes article:nth-child(even) .commission-scene{order:initial}.composition-pass .composition-workbench,.composition-pass .composition-contact{background:var(--brand-surface,#f2f8fc)}.composition-pass .composition-routes .setup-routes{grid-template-columns:1fr}.composition-pass .setup-routes article{border-right:0;border-bottom:1px solid var(--brand-onblue,#d2e8f6);padding:24px}.composition-pass .managed-opening{display:block}.composition-pass .managed-opening>div:last-child{margin-top:25px;padding:0 0 0 20px}.composition-pass .managed-models{grid-template-columns:1fr}.composition-pass .managed-models article{border-right:0;border-bottom:1px solid var(--brand-onblue,#d2e8f6)}.composition-pass .consulting-problems article{padding-inline:18px}.composition-pass .review-memo,.composition-pass .scene-review{transform:none}.composition-pass .service-close{padding-left:20px}.composition-pass #solution-finder{padding:25px}.composition-pass .enquiry-form{padding:25px}.composition-pass .company-foundations{gap:25px}.composition-pass .site-footer{padding-top:45px}}
@media(max-width:550px){.composition-pass main>.section{padding-block:42px}.composition-pass .brand-home{padding-top:30px}.composition-pass .brand-service-grid{grid-template-columns:1fr}.composition-pass .brand-service{padding:24px}.composition-pass .brand-engagement{padding:24px;gap:24px}.composition-pass .brand-buyer-strip{padding-block:20px}.composition-pass .brand-final{padding-left:20px}.composition-pass .commissioning-list article{padding-left:20px}.composition-pass .handover-path{padding:20px}.composition-pass #solution-finder,.composition-pass .enquiry-form{padding:22px 18px;box-shadow:5px 7px 0 var(--brand-panel,#e8f2f8)}.composition-pass .contact-direct{padding:18px}.composition-pass .composition-faq{padding-block:38px}.composition-pass .client-strip{padding-block:25px}.composition-pass main>.close-paper{padding-block:40px}.composition-pass .service-scenes article{padding-block:28px}.composition-pass .commercial-art,.composition-pass .assessment-example,.composition-pass .about-team-proof{box-shadow:6px 8px 0 var(--brand-panel,#e8f2f8)}.composition-pass:is(.page-privacy,.page-terms) main>.section:not(.page-hero)>.container{padding-left:23px}}

/* Keep short utility bands and photography transitions short. */
.composition-pass main>.section.client-strip{padding-block:30px}.composition-pass main>.section.managed-photo-section{padding-block:38px}.composition-pass main>.section.composition-faq{padding-block:52px}@media(max-width:550px){.composition-pass main>.section.client-strip{padding-block:23px}.composition-pass main>.section.managed-photo-section{padding-block:28px}.composition-pass main>.section.composition-faq{padding-block:38px}}

/* Preserve light-on-dark typography in the two deliberate dark panels. */
.composition-pass.page-contact-centre-setup .build-hero{background:var(--brand-blue,#086288)}.composition-pass .build-hero :is(h1,.lead,.breadcrumbs,.eyebrow){color:var(--brand-surface,#f2f8fc)}.composition-pass .build-hero h1 em{color:var(--brand-onblue,#d2e8f6)}.composition-pass main>.composition-cost{background:var(--brand-blue,#086288)}.composition-pass .composition-cost :is(h2,h3,strong){color:var(--brand-surface,#f2f8fc)}.composition-pass .composition-cost p{color:var(--brand-panel,#e8f2f8)}
