@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
/* Shared presentation layer. Instrument colours and data semantics remain local to each workspace. */
:root{--cin-navy:#071e30;--cin-blue:#123b5a;--cin-gold:#ffe3a0;--cin-paper:#f4f7fa;--cin-line:#dce5ec;--cin-text:#183849;--cin-muted:#597080}
body[data-cinematic]{background:var(--cin-paper);color:var(--cin-text);font-family:Manrope,Inter,Arial,sans-serif;font-size:16px;line-height:1.65}
body[data-cinematic] *{box-sizing:border-box}body[data-cinematic] h1,body[data-cinematic] h2,body[data-cinematic] h3,body[data-cinematic] h4{font-family:Manrope,Inter,Arial,sans-serif;text-wrap:balance}
body[data-cinematic] a:focus-visible,body[data-cinematic] button:focus-visible,body[data-cinematic] summary:focus-visible{outline:3px solid #c39326;outline-offset:5px}
.cin-header{position:relative;z-index:25;display:flex;align-items:center;justify-content:space-between;gap:28px;width:100%;max-width:1680px;margin:auto;padding:19px 4vw;background:#fff;border-bottom:1px solid var(--cin-line);min-height:94px}
.cin-brand{font-size:29px;font-weight:800;letter-spacing:-1.5px;color:var(--cin-navy);text-decoration:none;white-space:nowrap}.cin-brand strong>span{font-weight:400}.cin-brand b{color:#087b7b}.cin-header .ml-mark{width:42px;height:42px;flex-basis:42px}
.cin-nav{display:flex;align-items:center;justify-content:center;gap:3px;min-width:0}.cin-nav a{display:flex;gap:7px;align-items:center;white-space:nowrap;text-decoration:none;font-size:14px;font-weight:650;padding:10px 12px;color:#365565;border-radius:8px;transition:background .2s,color .2s}.cin-nav a>span{font-size:11px;letter-spacing:.02em;color:#8094a1}.cin-nav a:hover{background:#eef4f7;color:#092d47}.cin-nav a[aria-current]{background:var(--cin-navy);color:var(--cin-gold)}.cin-nav a[aria-current]>span{color:#afc5d2}
.cin-institute{position:relative;width:180px;height:63px;flex:0 0 180px;overflow:hidden;background:white}.cin-institute img{display:block;width:100%;height:100%;object-fit:contain}.cin-institute>span{position:absolute;left:42%;right:3%;top:50%;transform:translateY(-50%);font-family:Arial,sans-serif;font-size:15px;font-weight:700;line-height:1.25;letter-spacing:1.05px;color:white;text-align:center}
body[data-page="home"] main{padding:0;max-width:none}.hero.page-width{max-width:1600px;width:calc(100% - 32px);padding:64px 54px;margin:16px auto 24px;gap:48px;background:radial-gradient(ellipse at 100% 0,#24475c 0,transparent 52%),linear-gradient(125deg,#071c2c,#0b293c);color:white;border:1px solid #274252;border-radius:30px;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);min-height:590px;position:relative;overflow:hidden}.hero-copy{max-width:600px}.hero .eyebrow{color:var(--cin-gold);font-size:12px;letter-spacing:2px}.hero .eyebrow-line{background:var(--cin-gold)}.hero h1{font-size:clamp(36px,3.65vw,59px);color:#fff;line-height:1.08;letter-spacing:-2px;font-weight:750}.hero .tagline{font-size:clamp(24px,2.25vw,35px);line-height:1.32;letter-spacing:-1px;color:#e7edf3;margin:24px 0}.hero .tagline em{color:var(--cin-gold);font-style:normal}.hero-description{color:#bdd0dc;font-size:16px;max-width:490px}.hero .button-primary{background:var(--cin-gold);color:#112d41;font-weight:750;border:1px solid #ffe9bb;box-shadow:0 8px 26px #0002}.hero .button-primary:hover{background:#fff0c9;transform:translateY(-2px)}.hero-chips{margin-top:24px;gap:10px}.hero-chips span{background:#ffffff05;color:#c4d8e4;border-color:#4d6574;font-size:13px;padding:7px 12px}
.hero-film{min-width:0;animation:cin-enter .7s both .1s}.film-stage{position:relative;aspect-ratio:16/9;background:#020e17;border:1px solid #7c99a551;box-shadow:0 30px 80px #0006;overflow:hidden;border-radius:20px;margin:0}.film-stage video{width:100%;height:100%;display:block;object-fit:contain;background:#030e15}.trailer-cover{position:absolute;inset:0 0 40px;padding:24px 28px;background:linear-gradient(180deg,#02162416 10%,#03172527 25%,#061a2aec 100%);display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;color:white}.trailer-cover .film-kicker{font-size:11px;font-weight:650;letter-spacing:1.8px;color:#e6edf0;text-shadow:0 1px 3px #000}.trailer-cover h2{font-size:clamp(23px,2.25vw,36px);line-height:1.1;letter-spacing:-1px;max-width:420px;margin:0 0 18px;color:white}.trailer-launch{border:0;background:none;color:white;display:flex;align-items:center;gap:14px;padding:0;font-size:15px;font-weight:650;pointer-events:auto;text-align:left;min-height:48px}.trailer-launch>span:first-child{display:grid;place-items:center;width:49px;height:49px;border-radius:50%;background:var(--cin-gold);color:#08283e;font-size:18px;box-shadow:0 0 0 7px #ffedb512}.trailer-launch:hover>span:first-child{box-shadow:0 0 0 9px #ffedb52b}.hero-film.is-playing .trailer-cover{display:none}.film-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#bfd1dc;margin:18px 2px 0;font-size:12px;letter-spacing:.02em}.film-meta a{color:var(--cin-gold);text-decoration:none}.cin-transcript{margin:18px 2px 0;border-top:1px solid #45627377;padding-top:12px;color:#bfced8;font-size:14px}.cin-transcript summary{cursor:pointer;width:fit-content;min-height:30px}.cin-transcript>div{max-height:240px;overflow:auto;padding:10px 16px;background:#04152180;border-radius:10px;margin-top:8px}.cin-transcript p{font-size:14px;line-height:1.7;margin:12px 0}.cin-transcript strong{color:#ffdf9b}#film-status{font-size:14px;margin-top:14px;color:#ffdf9b}
body[data-page="home"] .process-section{background:transparent;color:var(--cin-navy);padding-top:42px;padding-bottom:38px}.process-section .section-intro .eyebrow{color:#236c79}.process-section .section-intro h2{font-size:clamp(27px,3vw,42px);letter-spacing:-1.3px}.process-section .section-intro>p{color:#5a7383;font-size:16px}.concept-disclosure{border-color:#d8e3eb}.concept-disclosure>span{color:#47737c}.concept-disclosure p{color:#647f90;font-size:13px}.journey-strip{background:#0b2437f5;color:#d8e6ed;border-bottom:1px solid #324d5f;box-shadow:0 8px 30px #08233518;backdrop-filter:blur(14px)}.journey-nav a{font-size:14px;border-radius:8px;padding:13px 14px}.journey-nav a:hover{background:#233d50}.journey-nav a.active{background:var(--cin-gold);color:#092b43;border-color:var(--cin-gold)}.journey-nav a.active .journey-number{color:#756239}.journey-number{color:#92a9b9}.journey-progress,.journey-progress .text-button{color:#9fb9c9}.journey-nav .journey-tried{color:#68bdb8}
.programme.page-width{max-width:1540px;padding-top:12px}.innovation-stage{padding-block:60px 64px;border-color:#dbe5ec}.stage-heading{gap:26px;margin-bottom:30px}.stage-heading h2{font-size:clamp(27px,2.7vw,41px);letter-spacing:-1.2px;color:var(--cin-navy);line-height:1.17}.stage-kicker{color:#567c8f;min-width:170px;letter-spacing:1.5px}.stage-icon{background:#e6eef4;color:#254d67;border-color:#cddde7;border-radius:13px;width:48px;height:48px}.stage-content{gap:36px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.stage-image{border-radius:22px;box-shadow:0 16px 42px #17394d16;isolation:isolate;overflow:hidden}.stage-image img{transition:transform 1s ease;filter:saturate(.92)}.stage-image:hover img{transform:scale(1.035)}.stage-image figcaption{font-size:14px;letter-spacing:2px;font-weight:700;text-shadow:0 2px 12px #000a}.stage-purpose{font-size:17px;line-height:1.8;color:#4d697b}.demo-panel{padding:26px;background:#fff;border:1px solid #dce6ed;border-radius:24px;box-shadow:0 16px 50px #16364a08;min-width:0}.deliverable-disclosure{background:#ecf2f6;border-color:#d4e1ea;border-radius:14px}.deliverable-disclosure summary{font-size:15px}.deliverable{background:#f7f9fb;border-color:#dce5ec}.future-section{background:#eaf0f5;border-top:1px solid #dae4eb}.future-grid article{border-radius:18px;background:#fff;border-color:#d3e0e8;box-shadow:0 10px 32px #18344907}.future-heading h2{font-size:clamp(29px,3vw,43px)}.closing{background:linear-gradient(115deg,#061c2d,#153e55);border-radius:26px;padding-block:45px;border:1px solid #2c4b60}.closing h2{font-size:clamp(29px,3.2vw,46px)}.closing h2 em{color:var(--cin-gold);font-size:inherit}.closing-button{color:var(--cin-navy);background:var(--cin-gold);border-color:var(--cin-gold);font-weight:700}.site-footer{padding-block:34px;background:transparent}.site-footer .footer-brand{font-size:27px}.site-footer>a:last-child{font-size:14px}
/* Every subpage gets the same compact image-led title, without hiding its workspace. */
body[data-page="direct"]{--cin-scene:url('/direct-strategy.jpg')}body[data-page="map"]{--cin-scene:url('/river-concept.jpg')}body[data-page="detect"]{--cin-scene:url('/satellite/sepon-sentinel2.jpg')}body[data-page="verify"]{--cin-scene:url('/verify-assets/modern-laboratory.png')}body[data-page="predict"]{--cin-scene:url('/predict-assets/mining-river-catchment.png')}body[data-page="respond"]{--cin-scene:url('/response-coordination.jpg')}body[data-page="protect"]{--cin-scene:url('/protect-assets/membrane-centre-cutaway.png')}
body[data-cinematic]:not([data-page="home"]) main{padding-top:28px}body[data-cinematic] :is(.strategy-banner,.dashboard-title,.page-heading,.v-page-intro,.p-page-heading,.cin-page-intro,.pr-page-intro){background-image:linear-gradient(105deg,#071e30fa 10%,#0b2b42ed 48%,#09294377 100%),var(--cin-scene);background-position:center,center 47%;background-size:cover;color:#fff;border:1px solid #28485e;border-radius:24px;padding:34px 38px;margin-bottom:28px;box-shadow:0 14px 42px #0a293e16;overflow:hidden}
body[data-cinematic] :is(.strategy-banner,.dashboard-title,.page-heading,.v-page-intro,.p-page-heading,.cin-page-intro,.pr-page-intro) h1{color:#fff;font-size:clamp(30px,3.2vw,49px);line-height:1.12;letter-spacing:-1.35px;max-width:950px}body[data-cinematic] :is(.strategy-banner,.dashboard-title,.page-heading,.v-page-intro,.p-page-heading,.cin-page-intro,.pr-page-intro) h1 em{color:var(--cin-gold);font-style:normal}body[data-cinematic] :is(.strategy-banner,.dashboard-title,.page-heading,.v-page-intro,.p-page-heading,.cin-page-intro,.pr-page-intro) p{color:#c3d7e4}body[data-cinematic] :is(.strategy-banner,.dashboard-title,.page-heading,.v-page-intro,.p-page-heading,.cin-page-intro,.pr-page-intro) :is(.eyebrow,.v-eyebrow,.pr-eyebrow,.cin-eyebrow){color:var(--cin-gold)}body[data-cinematic] :is(.strategy-banner,.dashboard-title,.page-heading,.v-page-intro,.p-page-heading,.cin-page-intro,.pr-page-intro) a{color:var(--cin-gold);font-size:14px}body[data-cinematic] .cin-page-intro{max-width:1480px;margin:28px auto 0;width:92%}.cin-page-intro h1{margin:8px 0 14px}.cin-page-intro p{margin:0}.cin-eyebrow{font-size:12px;font-weight:700;letter-spacing:1.5px}
.strategy-banner.page-width{width:calc(100% - 48px);max-width:1456px;margin:0 auto 26px}.strategy-banner .programme-window{background:#fff9ec;color:#102e42;border-color:#fff0c3;border-radius:16px;box-shadow:0 8px 28px #0001}.strategy-banner .programme-window p,.strategy-banner .programme-window>span{color:#496376}.strategy-banner .programme-window strong{color:#153c56}.strategy-banner .strategy-destination{background:#fff1;color:#d7e6ef;border-color:#fff2}.strategy-banner .strategy-destination p,.strategy-banner .strategy-destination span{color:#d7e6ef}.strategy-banner .strategy-banner-grid>div>p>span{color:var(--cin-gold)}.strategy-banner .proposal-badge{background:#fff1;color:#d8e5ec;border-color:#fff3}.cin-download{display:inline-flex;padding-top:22px;text-decoration:none}.v-hero-meta span{background:#fff1;color:#d1dfe8;border-color:#fff3}.p-page-heading{align-items:center;gap:30px}.pr-page-intro{align-items:center}.pr-page-intro>div>p:not(.pr-eyebrow){color:#c3d7e4}
body[data-cinematic] :is(.workspace-tabs,.r-workspace-tabs,.v-modes,.pr-modes){background:#e4edf4;border-radius:14px}body[data-cinematic] :is(.workspace-tabs a[aria-current],.r-workspace-tabs button[aria-pressed="true"],.v-modes button[aria-pressed="true"],.pr-modes button[aria-pressed="true"]){background:var(--cin-navy);color:var(--cin-gold)}body[data-cinematic] :is(.workspace-section,.sat-workspace,.geo-workspace,.v-main-workspace,.pr-main-workspace,.p-workspace,.r-desk,.dashboard-map-layout){border-radius:22px;border-color:#d4e1eb;box-shadow:0 12px 42px #12364b0a}body[data-cinematic] :is(.dashboard-metrics article,.r-kpis article,.evidence-strip,.metric-row,.v-deployment-grid article,.pr-factory-gates article,.pr-partners article){border-radius:15px;border-color:#d5e2eb}body[data-cinematic] :is(.pr-yellow-link,.v-yellow-link,.map-preview-link,.strategy-preview-link){border-radius:12px}
@keyframes cin-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1100px){.stage-editorial{position:sticky;top:152px}}
@media(max-width:1250px){.cin-header{gap:18px;padding-inline:3vw}.cin-nav a{padding:10px 8px;gap:5px;font-size:13px}.cin-nav a>span{display:none}.cin-institute{width:156px;height:55px;flex-basis:156px}.cin-institute>span{font-size:13px}.hero.page-width{padding:45px 36px;gap:30px;min-height:530px}.trailer-cover{padding:20px}.hero h1{font-size:44px}.stage-content{gap:24px}.demo-panel{padding:20px}}
@media(max-width:980px){.cin-header{flex-wrap:wrap;padding:16px 24px 0;gap:12px 20px}.cin-brand{order:0}.cin-institute{order:1;margin-left:auto}.cin-nav{order:2;flex:1 0 100%;justify-content:flex-start;overflow-x:auto;scrollbar-width:thin;padding:0 0 12px;gap:8px}.cin-nav a{font-size:14px;padding:9px 13px}.cin-nav a>span{display:inline}.hero.page-width{grid-template-columns:1fr;gap:36px;max-width:940px;padding:44px}.hero-copy{max-width:720px}.hero h1{max-width:730px;font-size:clamp(36px,6vw,54px)}.hero .tagline{font-size:31px}.hero-description{max-width:660px}.hero-film{width:100%}.trailer-cover{padding:30px}.trailer-cover h2{font-size:37px}.stage-heading{align-items:start}.stage-content{grid-template-columns:1fr}.stage-editorial{position:static}.stage-image{max-height:480px}.stage-image img{object-fit:cover}.demo-panel{padding:26px}.cin-page-intro{width:calc(100% - 40px)!important}}
@media(max-width:600px){.cin-header{padding:12px 18px 0;gap:10px 12px}.cin-header .cin-brand{font-size:25px;letter-spacing:-1.25px;gap:8px}.cin-header .ml-mark{width:34px;height:34px;flex-basis:34px}.cin-institute{width:138px;height:48px;flex-basis:138px}.cin-institute>span{font-size:11px;letter-spacing:.7px}.cin-nav{gap:5px;padding-bottom:10px}.cin-nav a{font-size:13px;padding:8px 11px}.cin-nav a>span{font-size:10px}.hero.page-width{width:calc(100% - 20px);margin:10px auto 18px;border-radius:22px;padding:30px 23px;gap:28px}.hero h1{font-size:37px;letter-spacing:-1.6px;line-height:1.12}.hero h1 br{display:none}.hero .eyebrow{font-size:10px;letter-spacing:1.25px}.hero .tagline{font-size:26px;letter-spacing:-.7px;margin:20px 0}.hero-description{font-size:15px;line-height:1.8}.hero .button-primary{padding:13px 17px;font-size:13px;gap:18px}.hero-chips span{font-size:11px;padding:6px 9px}.film-stage{border-radius:15px;aspect-ratio:4/3}.trailer-cover{padding:18px;inset:0 0 37px}.trailer-cover .film-kicker{font-size:9px;letter-spacing:1px}.trailer-cover h2{font-size:24px;line-height:1.1;margin-bottom:14px}.trailer-launch{font-size:12px;gap:10px}.trailer-launch>span:first-child{width:38px;height:38px;font-size:14px;box-shadow:none}.film-meta{font-size:10px;gap:8px;margin-top:13px}.cin-transcript{font-size:13px}.cin-transcript p{font-size:14px}.programme.page-width{padding-inline:18px}.innovation-stage{padding-block:38px}.stage-heading{display:block;margin-bottom:22px}.stage-kicker{font-size:11px;margin-bottom:14px}.stage-icon{width:38px;height:38px;font-size:23px;border-radius:10px}.stage-heading h2{font-size:29px}.stage-image{border-radius:18px}.stage-purpose{font-size:16px}.demo-panel{padding:18px;border-radius:18px}.journey-strip>.page-width{padding-inline:10px}.journey-nav{gap:1px}.journey-nav a{font-size:11px;padding:9px 5px;gap:0;justify-content:center}.journey-number{display:none}.journey-progress{font-size:11px}.journey-progress .text-button{font-size:11px}.process-section .section-intro h2{font-size:29px}.process-section .section-intro>p{font-size:15px}.concept-disclosure{gap:12px}.concept-disclosure>span{font-size:10px}.concept-disclosure p{font-size:12px}.site-footer{padding-inline:20px;gap:18px}.site-footer .footer-brand{font-size:25px}.site-footer>a:last-child{font-size:12px}.closing{width:calc(100% - 36px);padding:28px}.closing h2{font-size:31px}body[data-cinematic] :is(.strategy-banner,.dashboard-title,.page-heading,.v-page-intro,.p-page-heading,.cin-page-intro,.pr-page-intro){padding:25px 22px;border-radius:18px;margin-bottom:22px}body[data-cinematic] :is(.strategy-banner,.dashboard-title,.page-heading,.v-page-intro,.p-page-heading,.cin-page-intro,.pr-page-intro) h1{font-size:30px;letter-spacing:-1px}body[data-cinematic]:not([data-page="home"]) main{padding-top:20px}.strategy-banner.page-width{width:calc(100% - 28px)}.strategy-banner .programme-window{padding:22px}.strategy-banner .programme-window strong{font-size:44px}.strategy-banner .programme-window>p{font-size:16px}.p-page-heading{flex-direction:column;align-items:start;gap:16px}.pr-page-intro{gap:24px}.cin-page-intro{width:calc(100% - 28px)!important}.cin-page-intro h1{margin:10px 0}.cin-page-intro p{font-size:14px}}
@media(prefers-reduced-motion:reduce){body[data-cinematic] *,body[data-cinematic] *::before,body[data-cinematic] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.stage-image:hover img{transform:none}}

.strategy-banner .strategy-breadcrumb>span{color:#c4d7e3}.cin-institute>span{display:none}

.cin-nav{scrollbar-width:none}.cin-nav::-webkit-scrollbar{display:none}
.strategy-banner-grid>div{min-width:0}.strategy-banner .eyebrow{white-space:normal}
@media(max-width:980px){.strategy-banner-grid{grid-template-columns:minmax(0,1fr)}.strategy-banner .programme-window{display:block;min-width:0;max-width:100%}.strategy-banner .programme-window>span{display:block;white-space:normal}.strategy-banner .programme-window strong{display:block;white-space:nowrap;margin:15px 0 12px;font-size:clamp(34px,8vw,48px);line-height:1.15;letter-spacing:-2px}.strategy-banner .programme-window p{display:block;margin:12px 0 0;font-size:16px;white-space:normal}.strategy-banner .programme-window strong span{margin-inline:8px}}

body[data-cinematic] :is(.verify-workspace,.protect-workspace,.predict-workspace){font-family:inherit}