@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=Nunito+Sans:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#031b34;--gold:#e2c486;--blue:#173d68}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#e9edf1;color:#09244a;font-family:'DM Sans',sans-serif}.site{max-width:1320px;margin:auto;background:#fff;box-shadow:0 10px 35px #1233}a{color:inherit;text-decoration:none}.header{height:108px;padding:15px 34px;display:flex;align-items:center;justify-content:space-between;background:#031b34;color:white;gap:15px}.logo img{width:215px;height:64px;object-fit:contain;object-position:left}.logo small{display:block;font:500 9px Manrope;letter-spacing:.14em}.nav{display:flex;align-items:center;gap:27px;font:500 12px Manrope}.nav a.active{border-bottom:2px solid var(--gold);padding-bottom:8px}.cta{display:inline-block;background:linear-gradient(120deg,#f4dfa8,#d6b676);color:#071b30;padding:14px 24px;font:800 11px Manrope;letter-spacing:.025em}.hero{position:relative;min-height:680px;color:#fff;overflow:hidden;background:#031b34;isolation:isolate}.hero-photo{position:absolute;inset:0 0 0 39%;background-position:center;background-size:cover;z-index:-2}.home .hero-photo{background-image:url('assets/home-clean.jpg')}.approach .hero-photo{background-image:url('assets/approach-clean.jpg')}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#031b34 0%,#031b34f5 32%,#031b34d0 51%,#031b3430 83%,#031b3408);z-index:-1}.hero-inner{max-width:730px;padding:56px 42px 60px}.kicker{font:700 12px Manrope;letter-spacing:.23em;text-transform:uppercase;margin:0 0 16px}.kicker:after{content:'';display:block;width:57px;height:2px;background:var(--gold);margin-top:11px}h1{font:800 clamp(48px,5.6vw,77px)/1.04 "Nunito Sans",sans-serif;letter-spacing:-.043em;margin:0 0 18px;text-shadow:0 1px 3px #0003}.sub{font:600 clamp(21px,2.1vw,28px)/1.25 "Nunito Sans",sans-serif;margin:0 0 25px}.description{font:400 15px/1.7 'DM Sans',sans-serif;max-width:565px;margin:0 0 28px}.hero-strap{position:absolute;right:40px;bottom:35px;font:700 12px/1.6 Manrope;letter-spacing:.17em;text-transform:uppercase;text-shadow:0 2px 8px #001}.benefits{position:relative;display:grid;grid-template-columns:repeat(4,1fr);min-height:215px;padding:35px 28px 43px;overflow:hidden}.benefit{text-align:center;border-right:1px solid #d6dfeb;display:flex;align-items:center;flex-direction:column;gap:16px;justify-content:center;z-index:1}.benefit:last-of-type{border:0}.benefit svg{width:48px;height:48px;stroke:#173d68;stroke-width:1.6;fill:none}.benefit span{font:700 12px/1.5 Manrope;letter-spacing:.11em;text-transform:uppercase}.globe{position:absolute;width:300px;height:300px;right:-75px;bottom:-205px;opacity:.35;pointer-events:none;border:1.3px solid #80a9d5;border-radius:50%;background:repeating-radial-gradient(ellipse at center,transparent 0 33px,#80a9d5 34px 35px,transparent 36px 65px),repeating-linear-gradient(90deg,transparent 0 42px,#80a9d5 43px 44px,transparent 45px 85px)}.ribbon{position:relative;background:linear-gradient(110deg,#031b34,#20517b);color:white;min-height:70px;padding:24px 35px;overflow:hidden;font:600 11px Manrope;letter-spacing:.15em;text-transform:uppercase}.ribbon .globe{bottom:-248px;right:5px}.method{position:relative;overflow:hidden;padding:33px 36px 35px;background:#fff;min-height:250px}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.method-item{position:relative;z-index:1}.circle{border:1.5px solid #143e6d;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font:600 14px Manrope;margin-bottom:12px}.method-item:not(:last-child):after{content:'⟶';position:absolute;top:8px;right:-22px;color:#143e6d;font-size:25px}.method-item h2{font:750 24px "Nunito Sans",sans-serif;margin:0 0 7px}.method-item p{font:400 13px/1.45 'DM Sans';color:#295383;margin:0}.detail{padding:48px 37px 55px;background:#f6f9fb}.detail h2{font:750 36px "Nunito Sans",sans-serif;letter-spacing:-.03em;margin:0 0 15px}.detail p{font:400 15px/1.75 DM Sans;max-width:900px}.detail .cta{margin-top:8px}footer{background:#031b34;color:#e6edf5;padding:22px 35px;display:flex;justify-content:space-between;gap:20px;font:500 11px Manrope}.footnote{padding:10px 35px;background:#f5f6f8;font:12px/1.6 DM Sans;color:#445}
@media(max-width:900px){.header{height:auto;flex-wrap:wrap}.nav{flex-wrap:wrap;gap:15px}.hero{min-height:620px}.hero-inner{padding:45px 27px}.hero-photo{left:30%}.hero:before{background:linear-gradient(90deg,#031b34 0%,#031b34ee 48%,#031b3455 100%)}.hero-strap{right:25px}.description{max-width:490px}.method-grid{gap:20px}}
@media(max-width:600px){.header{padding:15px 21px}.logo img{width:180px;height:55px}.logo small{font-size:7px}.nav{font-size:10px;gap:12px}.nav .cta{padding:10px 13px}.hero{min-height:0}.hero-photo{inset:0;background-position:center;opacity:.55}.hero:before{background:linear-gradient(90deg,#031b34f7,#031b34b8)}.hero-inner{padding:37px 23px 80px}h1{font-size:49px}.sub{font-size:22px}.description{font-size:14px}.hero-strap{bottom:16px;right:22px;font-size:9px}.benefits{grid-template-columns:repeat(2,1fr);padding:24px 12px;row-gap:22px}.benefit{padding:10px}.benefit:nth-child(2){border:0}.benefit span{font-size:10px}.method{padding:30px 24px}.method-grid{grid-template-columns:1fr 1fr;row-gap:26px}.method-item:nth-child(2):after{display:none}.method-item h2{font-size:21px}.method-item p{font-size:12px}.detail{padding:34px 23px}.detail h2{font-size:31px}footer{padding:23px;flex-direction:column}.ribbon{padding:22px}}

/* CCi logo hierarchy: stronger, higher and with breathing room */
.header{min-height:122px;height:auto;padding:8px 38px 17px;align-items:flex-start}.logo{display:block;flex:0 0 auto;min-width:280px}.logo img{width:268px;height:80px;display:block;object-fit:contain;object-position:left top}.logo small{font-size:9.5px;letter-spacing:.1em;margin-top:0}.nav{padding-top:30px}.hero-inner{padding-top:53px}@media(max-width:900px){.header{align-items:center}.nav{padding-top:4px}}@media(max-width:600px){.header{padding:10px 21px 18px}.logo{min-width:0}.logo img{width:210px;height:65px}.logo small{font-size:7.5px}.nav{padding-top:0}h1{font-size:44px}}

/* Final refinement: intentional photo-to-navy transition, generous protected reading zone */
.hero{min-height:675px;background:#031b34;isolation:isolate}
.hero-photo{inset:0 0 0 43%;z-index:-2;background-position:50% 38%;filter:saturate(.88)}
.hero:before{z-index:-1;background:linear-gradient(90deg,#031b34 0%,#031b34 34%,rgba(3,27,52,.97) 44%,rgba(3,27,52,.81) 55%,rgba(3,27,52,.28) 77%,rgba(3,27,52,.10) 100%)}
.hero-inner{position:relative;max-width:710px;width:59%;padding:54px 0 62px 45px}
.hero h1{font-family:'Nunito Sans',Arial,sans-serif;font-size:clamp(43px,4.8vw,67px);font-weight:800;line-height:1.11;letter-spacing:-.035em;text-shadow:none}
.hero .sub{font-size:clamp(20px,2vw,26px);line-height:1.35}
.hero .description{font-size:14.5px;line-height:1.8;max-width:560px}
.hero-strap{right:30px;bottom:30px;max-width:170px;text-align:right}
.approach .hero h1{font-size:clamp(39px,4.15vw,58px);line-height:1.13}
.header{padding-top:6px;padding-bottom:16px;min-height:118px}
.logo img{width:275px;height:83px}
.logo small{letter-spacing:.09em}
@media(max-width:900px){.hero-inner{width:69%;padding-left:29px}.hero:before{background:linear-gradient(90deg,#031b34 0%,#031b34f9 39%,#031b34c7 64%,#031b3440 100%)}.hero-photo{left:38%}.hero h1{font-size:clamp(39px,5.5vw,55px)}}
@media(max-width:600px){.header{min-height:0}.logo img{width:218px;height:67px}.hero{min-height:0}.hero-photo{inset:0;opacity:.58;background-position:64% 25%}.hero:before{background:linear-gradient(90deg,#031b34 0%,rgba(3,27,52,.96) 46%,rgba(3,27,52,.78) 100%)}.hero-inner{width:100%;max-width:none;padding:34px 23px 92px}.hero h1,.approach .hero h1{font-size:clamp(37px,10vw,48px);overflow-wrap:normal}.hero .description{font-size:14px}.hero-strap{bottom:19px;right:22px}}

/* Master Design 2 full-site extensions: retains the approved hero, fonts and logo */
.nav{gap:17px;flex-wrap:wrap;justify-content:flex-end}.nav a{white-space:nowrap}.header{gap:14px}
.page-photo{position:absolute;inset:0 0 0 43%;z-index:-2;background-size:cover;background-position:center;filter:saturate(1.1) contrast(1.06)}
.page-hero{min-height:540px}.page-hero .hero-inner{padding-bottom:55px}.page-hero .description{max-width:570px}
.content-section{padding:54px 45px 62px;background:#fff;position:relative;overflow:hidden}.content-section.alt{background:#f3f7fa}
.content-section h2{font:800 clamp(30px,3.4vw,44px)/1.16 'Nunito Sans',sans-serif;letter-spacing:-.03em;margin:0 0 18px;max-width:900px}
.content-section h3{font:800 21px/1.3 'Nunito Sans',sans-serif;margin:0 0 11px}.content-section p{font:400 15px/1.85 'DM Sans',sans-serif;max-width:1000px;margin:0 0 15px}
.content-section .kicker{font:700 11px Manrope;letter-spacing:.19em;margin:0 0 20px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.tile{background:#fff;border:1px solid #dbe5ee;padding:25px;position:relative;min-height:165px}.alt .tile{background:#fff}.tile h3{color:#09244a}.tile p{font-size:13px;line-height:1.65}
.tile a{display:inline-block;margin-top:12px;color:#164b79;font:800 11px Manrope;letter-spacing:.04em}.tile:hover{border-color:#c4a36b}
.feature{display:grid;grid-template-columns:1.1fr .9fr;min-height:380px;background:#f3f7fa}.feature>div:first-child{padding:48px 43px}.feature h2{font:800 clamp(30px,3vw,43px)/1.17 'Nunito Sans';margin:0 0 20px}.feature p{font:15px/1.8 'DM Sans'}.feature .picture{background-size:cover;background-position:center;min-height:320px}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}.metric{border-top:2px solid #d6b676;padding:18px 10px 12px 0}.metric b{display:block;font:800 30px 'Nunito Sans'}.metric span{font:600 11px/1.5 Manrope;text-transform:uppercase;letter-spacing:.05em}
.case{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid #d9e4ed}.case b{font:800 18px Nunito Sans}.case span{font:700 15px Manrope;color:#20517b}.case a{color:#15466d}
.case-body{display:grid;grid-template-columns:1fr 1fr;gap:30px}.case-body section{background:#f3f7fa;padding:25px}.case-body h3{font-size:17px}
.client-names{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:25px}.client-names span{padding:23px 10px;text-align:center;background:#f5f8fb;border:1px solid #dbe4ed;font:800 15px Nunito Sans;color:#214567}
.contact-placeholder{border:1px dashed #9bb0c3;background:#f6f8fb;padding:19px 24px;margin:25px 0;max-width:680px;font:14px/1.8 DM Sans}
.nav a.active{color:#e2c486}.footnote{font-size:11px}
@media(max-width:1000px){.nav{gap:12px;font-size:10px}.logo img{width:230px}.logo{min-width:240px}.header{padding:10px 25px 17px}}
@media(max-width:720px){.header{display:block}.nav{justify-content:flex-start;padding-top:15px}.page-hero .hero-inner{width:100%;padding:35px 23px 75px}.page-photo{inset:0;opacity:.45}.page-hero:before{background:linear-gradient(90deg,#031b34 0%,#031b34f2 60%,#031b34c7)}.content-section{padding:38px 23px}.cards,.cards.two,.feature,.case-body{grid-template-columns:1fr}.feature>div:first-child{padding:35px 23px}.metrics,.client-names{grid-template-columns:repeat(2,1fr)}.case{grid-template-columns:1fr}.page-hero{min-height:0}.hero-strap{display:none}}

/* Master Design 2: sales performance extension, subordinate to core cost management */
.sales-teaser{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:42px 45px;background:linear-gradient(115deg,#082542,#194d76);color:white}
.sales-teaser>div:first-child{position:relative;z-index:1;max-width:760px}.sales-teaser h2{font:800 clamp(28px,3vw,40px)/1.16 'Nunito Sans',sans-serif;letter-spacing:-.03em;margin:0 0 12px}.sales-teaser p:not(.kicker){font:400 14px/1.8 'DM Sans',sans-serif;margin:0}.sales-teaser .cta{position:relative;z-index:1;flex-shrink:0}.sales-teaser .globe{right:-100px;bottom:-235px;opacity:.23}.sales-specialist .picture{background-position:center;background-color:#173d68}.sales-specialist .cta{margin-top:15px}
@media(max-width:760px){.sales-teaser{display:block;padding:36px 23px}.sales-teaser .cta{margin-top:22px}.sales-specialist .picture{min-height:260px}}

/* Approved case-study graph refinement; does not alter the existing layout */
.cci-evidence-chart{position:relative;max-width:820px;margin:26px 0 32px;padding:28px 32px 24px;background:linear-gradient(125deg,#fff,#f5f8fb);border:1px solid #d8e2eb;border-top:5px solid #0b3051;box-shadow:0 12px 32px rgba(8,37,66,.07)}
.cci-chart-label{font:700 11px 'DM Sans',sans-serif;letter-spacing:.18em;color:#567b99;margin-bottom:18px}
.cci-chart-track{height:34px;border-radius:2px;background:repeating-linear-gradient(to right,#e6edf3 0,#e6edf3 calc(25% - 1px),#c5d4e0 calc(25% - 1px),#c5d4e0 25%);overflow:hidden}
.cci-chart-bar{height:100%;background:linear-gradient(90deg,#0d3b61,#357aa5);border-right:5px solid #d8b778}
.cci-chart-value{font:800 39px 'Nunito Sans',sans-serif;color:#092c4d;margin-top:13px}
.cci-chart-axis{display:flex;justify-content:space-between;font:12px 'DM Sans',sans-serif;word-spacing:1px;color:#698092;white-space:pre-wrap}
@media(max-width:600px){.cci-evidence-chart{padding:20px 18px}.cci-chart-track{height:27px}.cci-chart-value{font-size:33px}.cci-chart-axis{font-size:10px}}
/* Responsive refinement: prevent sideways scrolling and preserve legibility */
img,svg{max-width:100%} .site{width:100%} .nav a{white-space:normal}
@media(max-width:720px){.header{padding-bottom:18px}.nav{display:flex;gap:10px 16px;line-height:1.6}.nav a{font-size:12px}.metrics{gap:12px}.metric b{overflow-wrap:anywhere}.hero-inner{max-width:100%}}

/* Review correction: restrained stronger navigation, reliable Explore destinations */
.nav a{font-weight:700!important;letter-spacing:.015em;text-decoration-thickness:1px}
.nav a:hover,.nav a:focus-visible{color:#e4c58c;text-decoration:underline;text-underline-offset:5px}
.content-section[id]{scroll-margin-top:20px}
html{scroll-behavior:smooth}
.cci-chart-axis{display:flex;justify-content:space-between;white-space:normal}
/* Preserve sharpness: do not apply blur filters to photographic layers */
.hero-photo,.page-photo{filter:none!important;backdrop-filter:none!important}

/* Functionality pass: navigation clarity and immediately perceptible Explore arrival */
.nav a{font-weight:700!important;letter-spacing:.01em}
[id][tabindex="-1"]{scroll-margin-top:24px;outline:none}
.cci-arrived{animation:cci-arrival 1.2s ease-out}
@keyframes cci-arrival{0%{box-shadow:inset 0 4px 0 #d8b778;background-color:rgba(216,183,120,.12)}100%{box-shadow:inset 0 0 0 transparent;background-color:transparent}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.cci-arrived{animation:none}}

/* 15 October responsive refinement: approved Master Design 2 unchanged */
/* Balanced evidence graph: intentionally smaller than the content column */
.cci-evidence-chart{width:min(100%,640px);max-width:640px;margin:22px 0 28px;padding:22px 26px 20px}
.cci-chart-track{height:28px}.cci-chart-value{font-size:34px;margin-top:10px}
/* Full-size desktops: use available header width before wrapping */
.header{gap:10px;padding-left:26px;padding-right:26px;align-items:center}
.logo{min-width:0;flex:0 0 220px}.logo img{width:220px;height:70px}
.nav{flex:1 1 auto;min-width:0;gap:clamp(7px,1vw,15px);justify-content:flex-end;align-items:center;padding-top:0;flex-wrap:nowrap;font-size:clamp(10px,.87vw,12px)}
.nav a{white-space:nowrap;letter-spacing:0!important;line-height:1.35}
/* Narrow laptops: intentionally give the menu its own complete row rather than orphaning links */
@media(max-width:1150px){.header{display:flex;flex-wrap:wrap;align-items:center;padding:12px 24px 16px;gap:5px}.logo{flex:0 0 100%}.logo img{width:210px;height:64px}.nav{flex:0 0 100%;width:100%;padding-top:5px;justify-content:space-between;gap:9px;font-size:11px;flex-wrap:wrap}.nav a{white-space:nowrap}}
@media(max-width:720px){.header{display:block}.logo{display:block}.nav{display:flex;justify-content:flex-start;gap:11px 17px;padding-top:14px;font-size:12px}.nav a{white-space:normal}.cci-evidence-chart{width:100%;padding:19px 17px}.cci-chart-track{height:24px}.cci-chart-value{font-size:30px}}
@media(max-width:380px){.nav{gap:9px 13px}.nav a{font-size:11px}}

/* Case-study index: integrated editorial composition, Master Design 2 palette */
.cci-integrated-evidence{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:clamp(22px,4vw,60px);align-items:center;margin:34px 0 45px;padding:clamp(24px,4vw,45px);background:linear-gradient(120deg,#092943,#123e61);color:#fff;position:relative;overflow:hidden}
.cci-integrated-evidence:after{content:'';position:absolute;width:300px;height:300px;border:1px solid rgba(193,214,229,.16);border-radius:50%;right:-145px;top:-130px;pointer-events:none;box-shadow:0 0 0 35px rgba(193,214,229,.025),0 0 0 75px rgba(193,214,229,.02)}
.cci-mini-kicker{font:800 10px/1.5 'DM Sans',sans-serif!important;letter-spacing:.19em;color:#cdb27b;margin-bottom:13px!important}
.cci-evidence-story h3{font:800 clamp(25px,2.5vw,36px)/1.2 'Nunito Sans',sans-serif;color:white;margin-bottom:17px}
.cci-evidence-story p{color:#e2eaf0;font-size:14px;line-height:1.75}
.cci-evidence-story .cci-evidence-note{font-size:11px;color:#a9c2d4;border-left:2px solid #c9a66d;padding-left:12px;margin-top:23px}
.cci-evidence-data{position:relative;z-index:1}
.cci-evidence-data .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 18px;margin:0 0 20px}
.cci-evidence-data .metric{border-color:#bd9e69;padding:12px 0 8px}
.cci-evidence-data .metric b{color:white;font-size:clamp(23px,2.6vw,33px)}
.cci-evidence-data .metric span{color:#bcd0df;font-size:10px}
.cci-evidence-data .cci-chart-integrated{width:100%;max-width:none;margin:0;padding:15px 0 0;background:none;border:0;border-top:1px solid rgba(211,227,239,.3);box-shadow:none}
.cci-evidence-data .cci-chart-label{color:#d6e4ed;margin-bottom:10px;font-size:10px}
.cci-evidence-data .cci-chart-track{height:19px;background:repeating-linear-gradient(to right,rgba(214,229,239,.18) 0,rgba(214,229,239,.18) calc(25% - 1px),rgba(214,229,239,.35) calc(25% - 1px),rgba(214,229,239,.35) 25%)}
.cci-evidence-data .cci-chart-bar{background:linear-gradient(90deg,#83aecb,#d5e6f0);border-right:4px solid #d6b777}
.cci-evidence-data .cci-chart-value{color:#fff;font-size:27px;margin-top:6px}
.cci-evidence-data .cci-chart-axis{color:#a9c2d4;font-size:10px}
.cci-case-directory-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:8px 0 17px}
.cci-case-directory-heading h3{font-size:clamp(24px,2.5vw,33px);margin:0 0 9px;color:#092943}
.cci-case-directory-heading p{margin-bottom:0;line-height:1.55}
.cci-directory-hint{font:800 10px 'DM Sans',sans-serif;letter-spacing:.12em;color:#38617e;white-space:nowrap;padding-bottom:7px}
.cci-case-card{padding:0;border-bottom:1px solid #d8e3eb}
.cci-case-card .cci-case-full-link{display:grid;grid-template-columns:minmax(0,1fr) 125px 142px;align-items:center;gap:14px;padding:20px 15px;text-decoration:none;color:#133e5f;transition:background .2s,border-color .2s;border-left:3px solid transparent}
.cci-case-card .cci-case-full-link:hover,.cci-case-card .cci-case-full-link:focus-visible{background:#e6eff5;border-left-color:#c9a66d;outline-offset:2px}
.cci-case-title{font:800 clamp(15px,1.6vw,19px)/1.3 'Nunito Sans',sans-serif}
.cci-case-outcome strong{display:block;font:800 19px 'Nunito Sans',sans-serif;color:#0e4166}
.cci-case-outcome small{display:block;font:500 10px 'DM Sans',sans-serif;color:#647c8c}
.cci-case-action{font:800 11px 'DM Sans',sans-serif;color:#1a557e;white-space:nowrap;text-align:right}
.cci-case-action span{color:#a88854;font-size:17px;margin-left:4px}
@media(max-width:800px){.cci-integrated-evidence{grid-template-columns:1fr}.cci-evidence-data .metrics{grid-template-columns:repeat(2,1fr)}.cci-case-card .cci-case-full-link{grid-template-columns:minmax(0,1fr) 90px;gap:12px}.cci-case-action{grid-column:1/-1;text-align:left}}
@media(max-width:480px){.cci-integrated-evidence{padding:24px 20px}.cci-evidence-data .metric b{font-size:24px}.cci-case-directory-heading{display:block}.cci-directory-hint{display:block;margin-top:15px}.cci-case-card .cci-case-full-link{padding:17px 9px}.cci-case-outcome strong{font-size:17px}}

/* CCi refined individual case-study and selected organisations review */
.cci-detail-intro{max-width:760px;margin-bottom:28px}.cci-detail-intro h2{margin:6px 0 12px}.cci-detail-intro p:not(.kicker){color:#46637a;line-height:1.7}
.cci-detail-evidence{display:grid;grid-template-columns:1.15fr .85fr;background:#092b48;color:#fff;overflow:hidden;box-shadow:0 16px 40px #092b4817;border-top:4px solid #bda073;margin:24px 0 34px}
.cci-detail-numbers{padding:37px 36px}.cci-detail-chart{padding:37px 36px;background:linear-gradient(150deg,#133d5d,#0b2b45)}.cci-detail-eyebrow{font:700 11px 'DM Sans',sans-serif;letter-spacing:.18em;color:#c7aa79;margin:0 0 21px}.cci-detail-evidence .metrics{display:grid;grid-template-columns:1fr;gap:13px;margin:0}.cci-detail-evidence .metric{background:#ffffff0b;border:1px solid #ffffff25;padding:13px 17px}.cci-detail-evidence .metric b{color:#fff;font-size:clamp(23px,3vw,34px)}.cci-detail-evidence .metric span{color:#b9d0df}.cci-detail-chart h3{font-size:clamp(20px,2vw,26px);color:#fff;margin:0 0 12px}.cci-chart-explainer{color:#c4d5e2;line-height:1.6;font-size:13px}.cci-detail-chart .cci-evidence-chart{margin:24px 0 0;background:transparent;border:0;box-shadow:none;padding:0}.cci-detail-chart .cci-chart-label,.cci-detail-chart .cci-chart-value{color:#fff}.cci-detail-chart .cci-chart-axis{color:#b9d0df}
.cci-detail-narrative{display:grid;grid-template-columns:.38fr .62fr;gap:36px;margin:20px 0 30px}.cci-detail-aside{padding:27px 24px;background:#e6eff5;border-left:3px solid #bca071}.cci-detail-aside h3{font-size:25px;margin:14px 0}.cci-detail-aside p{line-height:1.6;color:#49657a}.cci-detail-overline{font-size:11px;letter-spacing:.14em;color:#51758e;font-weight:700}.cci-detail-step{display:grid;grid-template-columns:42px 1fr;gap:15px;padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid #dce6ed}.cci-step-number{font-size:12px;color:#b18c54;font-weight:800;padding-top:5px}.cci-detail-step h3{font-size:20px;margin:0 0 8px;color:#0d3551}.cci-detail-step p{line-height:1.75;color:#456279;margin:0}.cci-detail-footnote{font-size:12px;color:#63798a;line-height:1.6;border-top:1px solid #dbe5ec;padding-top:16px}
.cci-clients-hero{background:linear-gradient(110deg,#061c32,#113d5b)}.cci-clients-content>p{max-width:760px;line-height:1.7}.cci-client-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:36px 0 22px}.cci-logo-await{min-height:150px;border:1px solid #d9e3eb;background:linear-gradient(140deg,#fff,#f2f6f9);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;color:#7b8f9e}.cci-logo-await span{font:700 11px 'DM Sans',sans-serif;letter-spacing:.2em;color:#b59a6f}.cci-logo-await b{font:600 12px 'DM Sans',sans-serif}.cci-clients-caption{font-size:12px;color:#6a8191}
@media(max-width:780px){.cci-detail-evidence,.cci-detail-narrative{grid-template-columns:1fr}.cci-client-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.cci-detail-numbers,.cci-detail-chart{padding:27px 23px}}@media(max-width:440px){.cci-client-gallery{grid-template-columns:1fr}.cci-logo-await{min-height:110px}}

/* Expanded client gallery: flexible and proportionate to available artwork */
.cci-client-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.cci-logo-await{min-height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;box-sizing:border-box}
@media(max-width:850px){.cci-client-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.cci-client-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cci-logo-await{min-height:95px}}

/* Final visual direction: sector imagery is deliberately contained rather than
   stretched to full hero width while original high-resolution licences are sourced. */
.cci-case-photo-band{position:relative;margin:32px 0 10px;overflow:hidden;
  height:225px;background:#0a2943;border-radius:3px;display:flex;align-items:center;justify-content:center}
.cci-case-photo-band img{width:100%;height:100%;object-fit:cover;object-position:center;
  filter:none;opacity:.92}
.cci-photo-note{position:absolute;left:22px;bottom:20px;background:rgba(5,29,49,.88);
  color:#fff;padding:10px 16px;letter-spacing:.15em;font:700 11px 'DM Sans',sans-serif}
.cci-special-result{margin:28px 0;padding:25px 30px;border-left:4px solid #c4a16a;
  background:linear-gradient(110deg,#082940,#164968);color:white}
.cci-special-result span{display:block;letter-spacing:.13em;font-size:11px;color:#cbdce7}
.cci-special-result strong{display:block;font:800 42px 'Nunito Sans',sans-serif;margin:7px 0}
.cci-special-result p{color:#e5edf3;margin:0}
@media(max-width:600px){.cci-case-photo-band{height:165px}}

/* 16 Oct finishing pass: use actual approved logo asset in every footer; no invented contact information. */
footer .cci-footer-content{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;flex-wrap:wrap}
footer .cci-footer-logo{width:156px;max-width:40vw;height:auto;object-fit:contain;display:block}
footer .cci-footer-details{display:flex;flex-direction:column;gap:7px;text-align:right;line-height:1.45}
footer .cci-footer-details strong{font-weight:600}
@media(max-width:680px){footer .cci-footer-content{flex-direction:column;align-items:flex-start}footer .cci-footer-details{text-align:left}}


/* CCi footer CTA — 16 October review; contact details to follow once confirmed. */
footer .cci-footer-cta{display:inline-flex;align-items:center;justify-content:center;
  padding:11px 19px;border:1px solid #c9b18b;color:#fff;text-decoration:none;
  font-family:'DM Sans',sans-serif;font-size:12px;font-weight:700;
  letter-spacing:.045em;white-space:nowrap;transition:background .2s,color .2s}
footer .cci-footer-cta:hover,footer .cci-footer-cta:focus-visible{background:#c9b18b;color:#0b2741}
footer .cci-footer-details{align-items:flex-end}
@media(max-width:680px){footer .cci-footer-details{align-items:flex-start}}

/* HOMEPAGE IMAGE REVIEW ONLY: overrides background asset, no other layout changes. */
.home .hero-photo{background-image:url('assets/cci-uk-globe-profit-visual.png');}
/* Homepage-only: preserve the original image, reveal its genuine arrowhead.
   Right/top anchoring keeps the source arrowhead within the visible crop. */
.home .hero-photo{background-position:right top!important;}

/* APPROACH-ONLY IMAGE REVIEW: original page, copy, and navigation preserved. */
.approach .hero{isolation:isolate;overflow:hidden}
.approach .hero-photo{background-image:url('assets/approach-clean.jpg');filter:contrast(1.11) saturate(1.14)}
.approach .hero-inner{position:relative;z-index:3}
.approach .cci-intelligence-panels{position:absolute;z-index:2;inset:8% 2.4% 12% 52%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-content:center;pointer-events:none;transform:perspective(950px) rotateY(-3deg)}
.approach .cci-intelligence-panel{width:100%;height:auto;aspect-ratio:1.45;object-fit:cover;display:block;border:1px solid rgba(245,210,147,.76);box-shadow:0 0 17px rgba(229,173,78,.32),0 13px 24px rgba(0,0,0,.45);border-radius:3px;filter:contrast(1.12) saturate(1.09)}
.approach .method-item .circle{width:52px;height:52px;min-width:52px;aspect-ratio:1;border:2.5px solid #d1a95d;border-radius:50%;font:800 19px/1 'Nunito Sans',sans-serif;color:#fff;background:radial-gradient(circle at 35% 30%,#255681,#092b4e 72%);box-shadow:0 0 0 2px rgba(10,41,76,.12),0 3px 9px rgba(0,0,0,.15);font-variant-numeric:tabular-nums}
@media(max-width:900px){.approach .cci-intelligence-panels{inset:15% 2% 15% 55%;gap:8px}.approach .cci-intelligence-panel{aspect-ratio:1.28}}
@media(max-width:600px){.approach .cci-intelligence-panels{position:relative;inset:auto;transform:none;padding:5px 18px 23px;gap:9px;background:#031b34;grid-template-columns:repeat(2,minmax(0,1fr))}.approach .cci-intelligence-panel{aspect-ratio:1.45}.approach .hero-inner{padding-bottom:35px}.approach .method-item .circle{width:48px;height:48px;font-size:17px}}

/* APPROACH REVIEW 2 — restore the original airy, transparent numbered circles. */
.approach .method-item .circle {
 width:48px;height:48px;min-width:48px;aspect-ratio:1;
 border:1.8px solid rgba(208,178,127,.85);border-radius:50%;
 background:rgba(16,52,78,.10);color:#f5f8fb;
 font:800 20px/1 'Nunito Sans',sans-serif;
 box-shadow:0 0 0 1px rgba(255,255,255,.07),inset 0 0 12px rgba(255,255,255,.045);
 display:flex;align-items:center;justify-content:center;
}
.approach .cci-intelligence-panel {filter:contrast(1.14) saturate(1.08);}
@media(max-width:600px){.approach .method-item .circle{width:46px;height:46px;min-width:46px;font-size:19px}}

/* APPROACH ONLY — circular intelligence hero review. Existing master pages unchanged. */
.approach .hero{isolation:isolate;min-height:680px}
.approach .hero-photo{background-image:url('assets/approach-clean.jpg');opacity:.34}
.approach .hero:before{background:linear-gradient(90deg,#031b34 0%,#031b34 37%,rgba(3,27,52,.93) 48%,rgba(3,27,52,.20) 73%,rgba(3,27,52,.04) 100%)}
.approach .cci-circular-art{position:absolute;right:0;top:16%;width:60%;height:68%;z-index:1;pointer-events:none;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0%,black 15%,black 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 15%,black 100%)}
.approach .cci-circular-art img{width:100%;height:100%;object-fit:contain;object-position:right center;filter:contrast(1.05) saturate(1.08)}
.approach .hero-inner{position:relative;z-index:3}
.approach .method-item .circle{width:46px;height:46px;min-width:46px;border-radius:50%;border:1.8px solid #b99357;background:rgba(220,231,239,.15);color:#17375c;font:750 17px/1 'Nunito Sans',sans-serif;box-shadow:none}
@media(max-width:900px){.approach .cci-circular-art{width:61%;top:19%;height:60%;opacity:.87}}
@media(max-width:600px){.approach .cci-circular-art{position:relative;right:auto;top:auto;width:100%;height:auto;overflow:visible;mask-image:none;-webkit-mask-image:none;padding:0 10px 24px}.approach .cci-circular-art img{display:block;width:100%;height:auto;object-fit:contain}.approach .hero-inner{padding-bottom:24px}.approach .hero:before{background:linear-gradient(90deg,#031b34 0%,rgba(3,27,52,.94) 100%)}.approach .method-item .circle{width:46px;height:46px;color:#17375c}}

/* Approach-only review: preserve artwork and copy, create breathing room between headline and circles. */
@media (min-width:901px){
 .approach .hero-inner{width:53%;max-width:660px;padding-right:20px;}
 .approach .hero h1{font-size:clamp(38px,3.9vw,54px);line-height:1.13;}
 .approach .cci-circular-art{width:53%;right:0;top:21%;height:59%;}
}
@media (min-width:601px) and (max-width:900px){
 .approach .hero-inner{width:58%;padding-right:14px;}
 .approach .hero h1{font-size:clamp(35px,4.4vw,45px);}
 .approach .cci-circular-art{width:47%;right:0;top:23%;height:55%;opacity:.9;}
}

/* Approach-only refinement: seamless illustration, no visible rectangular panel. */
.approach .cci-circular-art{overflow:visible!important;mask-image:none!important;-webkit-mask-image:none!important;background:transparent!important;box-shadow:none!important;border:0!important;}
.approach .cci-circular-art img{background:transparent!important;box-shadow:none!important;border:0!important;filter:saturate(1.13) contrast(1.06)!important;}

/* Approach artwork: raster labels removed, clean white vector text replaces them. */
.approach .cci-circular-art .cci-art-stage{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.approach .cci-circular-art .cci-art-stage img{display:block;width:100%;height:auto;max-height:100%;object-fit:contain}
.approach .cci-circular-art .cci-art-labels{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:auto;max-height:100%;overflow:visible;pointer-events:none}
@media(max-width:600px){.approach .cci-circular-art .cci-art-stage{height:auto}.approach .cci-circular-art .cci-art-stage img,.approach .cci-circular-art .cci-art-labels{max-height:none}}

/* CCi Master 2 Page 3 visual review — only Opportunities page new artwork */
.cci-opportunity-art{background:#041b34;padding:0;overflow:hidden;border-top:1px solid rgba(221,183,111,.28);border-bottom:1px solid rgba(221,183,111,.28)}
.cci-opportunity-art img{display:block;width:100%;max-width:1500px;height:auto;margin:0 auto;object-fit:contain}
@media(max-width:700px){.cci-opportunity-art img{width:150%;max-width:none;transform:translateX(-16.67%)}}

/* PAGE THREE REVIEW: image integrated in hero, like approved Approach page; no separate oversized image section. */
.cci-opportunities-hero{isolation:isolate;min-height:655px;background:#031b34;}
.cci-opportunities-hero .page-photo{opacity:.17;}
.cci-opportunities-hero:before{background:linear-gradient(90deg,#031b34 0%,#031b34 31%,rgba(3,27,52,.91) 44%,rgba(3,27,52,.35) 67%,rgba(3,27,52,.07) 100%);z-index:-1;}
.cci-opportunities-hero .hero-inner{position:relative;z-index:3;width:46%;max-width:650px;padding-top:72px;padding-bottom:65px;}
.cci-opportunities-hero h1{font-size:clamp(43px,4.2vw,63px);}
.cci-opportunities-hero .description{max-width:550px;}
.cci-opportunities-hero-art{position:absolute;right:0;top:10%;width:63%;height:81%;z-index:1;pointer-events:none;display:flex;align-items:center;justify-content:flex-end;}
.cci-opportunities-hero-art img{width:100%;height:100%;object-fit:contain;object-position:right center;display:block;}
@media(max-width:1000px){.cci-opportunities-hero .hero-inner{width:52%;}.cci-opportunities-hero-art{width:59%;top:13%;height:73%;}}
@media(max-width:700px){.cci-opportunities-hero{min-height:0;}.cci-opportunities-hero .hero-inner{width:100%;max-width:none;padding:45px 25px 15px;}.cci-opportunities-hero h1{font-size:clamp(39px,9vw,55px);}.cci-opportunities-hero-art{position:relative;top:auto;right:auto;width:100%;height:auto;min-height:0;display:block;padding:0 0 18px;}.cci-opportunities-hero-art img{height:auto;width:100%;}.cci-opportunities-hero:before{background:linear-gradient(90deg,#031b34,rgba(3,27,52,.78));}}

/* Page 3 only: seamless edge-feathered artwork, clear copy zone, no rectangular photo layer. */
.cci-opportunities-hero{background:radial-gradient(ellipse at 75% 52%,#083259 0%,#031b34 66%);overflow:hidden;}
.cci-opportunities-hero .page-photo{display:none!important;}
.cci-opportunities-hero:before{background:linear-gradient(90deg,#031b34 0%,rgba(3,27,52,.98) 34%,rgba(3,27,52,.35) 56%,transparent 80%);z-index:2;pointer-events:none;}
.cci-opportunities-hero .hero-inner{width:45%;max-width:610px;z-index:4;}
.cci-opportunities-hero-art{right:0;top:13%;width:55%;height:73%;z-index:1;background:none!important;border:0!important;box-shadow:none!important;}
.cci-opportunities-hero-art img{filter:contrast(1.06) saturate(1.06);object-fit:contain;}
@media(max-width:1000px){.cci-opportunities-hero .hero-inner{width:48%;}.cci-opportunities-hero-art{width:52%;top:17%;height:67%;}}
@media(max-width:700px){.cci-opportunities-hero .hero-inner{width:100%;padding-bottom:5px;}.cci-opportunities-hero-art{position:relative;width:100%;height:auto;top:auto;right:auto;padding:0 12px 22px;}.cci-opportunities-hero:before{background:linear-gradient(180deg,rgba(3,27,52,.4),transparent);}}

/* Page 3 clean six-lens artwork: transparent, with no baked-in text or box */
.cci-opportunities-hero{background:radial-gradient(ellipse at 76% 47%,#0a3355 0%,#031b34 68%);}
.cci-opportunities-hero:before{display:none!important;}
.cci-opportunities-hero .hero-inner{width:48%;max-width:650px;position:relative;z-index:3;}
.cci-opportunities-hero-art{width:51%;right:1%;top:7%;height:85%;z-index:1;}
.cci-opportunities-hero-art img{object-fit:contain;filter:none!important;}
@media(max-width:900px){.cci-opportunities-hero .hero-inner{width:51%;}.cci-opportunities-hero-art{width:47%;right:0;}}
@media(max-width:700px){.cci-opportunities-hero .hero-inner{width:100%;max-width:none;}.cci-opportunities-hero-art{width:100%;max-width:650px;margin:0 auto;top:auto;right:auto;height:auto;padding:0 15px 20px;}}

/* Page 3: crisp, accessible labels attached to the six numbered illustrations. */
.cci-opportunity-illustration{position:relative;width:100%;aspect-ratio:1600/1040;flex:none;}
.cci-opportunity-illustration>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;}
.cci-opportunity-labels{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;}
.cci-opportunity-label-text{fill:#fff;font-family:'Nunito Sans','DM Sans',Arial,sans-serif;font-weight:800;font-size:32px;letter-spacing:1.1px;paint-order:stroke fill;stroke:#041c34;stroke-width:3px;stroke-linejoin:round;}
@media(max-width:700px){.cci-opportunity-label-text{stroke-width:4px;}}

/* Page 3 refinement: compact, clearly separated labels; no duplicate raster lettering. */
.cci-opportunity-label-text{font-size:25px;letter-spacing:.5px;font-weight:800;stroke:#031b34;stroke-width:2px;}

/* Page 3: rebuilt six-opportunity illustration, one circle and one label per opportunity. */
.cci-opportunities-hero .cci-six-clean{right:1.5%;top:7%;height:86%;width:49%;max-width:820px;display:block;position:absolute;z-index:1;overflow:visible;}
.cci-six-network{position:absolute;inset:4% 0 0;width:100%;height:96%;pointer-events:none;}
.cci-six-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,1fr);height:100%;column-gap:13%;row-gap:0;}
.cci-six-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;gap:6px;}
.cci-six-heading{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;min-height:38px;white-space:normal;}
.cci-six-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border:2.5px solid #fff;border-radius:50%;color:#fff;background:rgba(3,27,52,.52);font:800 22px/1 'Nunito Sans',Arial,sans-serif;box-shadow:0 0 11px rgba(210,235,255,.65);}
.cci-six-label{color:#fff;font:800 clamp(12px,1.15vw,17px)/1.14 'Nunito Sans',Arial,sans-serif;letter-spacing:.25px;text-shadow:0 2px 5px #021629;}
.cci-six-picture{width:clamp(92px,9.6vw,150px);aspect-ratio:1;border-radius:50%;border:2px solid #f9d995;box-shadow:0 0 13px rgba(255,199,104,.68),0 0 23px rgba(27,183,255,.32);overflow:hidden;background:#052440;}
.cci-six-picture img{width:100%;height:100%;display:block;object-fit:cover;filter:contrast(1.07) saturate(1.08);}
@media(max-width:1000px){.cci-opportunities-hero .cci-six-clean{width:49%;right:0%;}.cci-six-grid{column-gap:6%;}.cci-six-label{font-size:clamp(10px,1.25vw,14px);}.cci-six-picture{width:clamp(76px,10vw,115px);}}
@media(max-width:700px){.cci-opportunities-hero .cci-six-clean{position:relative;width:100%;max-width:530px;height:560px;top:auto;right:auto;margin:0 auto;padding:0 14px 16px;}.cci-six-label{font-size:clamp(11px,2.7vw,14px);}.cci-six-picture{width:clamp(95px,24vw,135px);}.cci-six-grid{column-gap:5%;}.cci-six-network{inset:0;width:100%;height:100%;}}


/* Page four — What You Receive. Scoped to this page only. */
.receive-hero{min-height:0;background:linear-gradient(115deg,#041329 0%,#071d3b 54%,#08274b 100%);overflow:hidden}
.receive-hero-grid{display:grid;grid-template-columns:minmax(0, .95fr) minmax(0,1.05fr);align-items:center;min-height:490px;gap:14px}
.receive-copy{padding:62px 0 65px 45px;position:relative;z-index:2}
.receive-copy h1{font-size:clamp(37px,4vw,60px);line-height:1.08;max-width:680px}
.receive-gold{color:#f1c47b}
.receive-copy .sub{font-size:clamp(17px,1.55vw,22px);max-width:490px;margin-bottom:17px}
.receive-copy .description{max-width:510px;line-height:1.8}
.receive-art{min-width:0;overflow:hidden;align-self:stretch;display:flex;align-items:center;justify-content:center;position:relative}
.receive-art:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#071d3b 0%,transparent 14%,transparent 94%,#08274b 100%)}
.receive-art img{display:block;width:110%;max-width:none;height:auto;object-fit:contain;filter:saturate(1.06)}
.receive-journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;background:linear-gradient(125deg,#071b35,#0a2b52);padding:30px 45px 38px;color:#fff;border-top:1px solid #315476}
.receive-step{min-width:0;padding:10px 12px 5px 0}
.receive-num{display:inline-flex;width:39px;height:39px;align-items:center;justify-content:center;border:2px solid #fff;border-radius:50%;font:800 22px 'Nunito Sans',sans-serif;margin-bottom:13px}
.receive-step h2{font:800 16px/1.3 'Nunito Sans',sans-serif;color:#fff;margin:0 0 11px}
.receive-step h2:after{content:"";display:block;width:35px;height:2px;background:#eec27c;margin-top:11px}
.receive-step p{font:400 13px/1.65 'DM Sans',sans-serif;color:#d9e7f7;margin:0}
@media(max-width:850px){.receive-hero-grid{grid-template-columns:1fr}.receive-copy{padding:48px 25px 12px}.receive-art{min-height:230px}.receive-art img{width:100%}.receive-journey{grid-template-columns:repeat(2,minmax(0,1fr));padding:28px 25px}}
@media(max-width:520px){.receive-copy h1{font-size:36px}.receive-journey{grid-template-columns:1fr;gap:10px}.receive-art{min-height:180px}}

/* Page 4 review: reveal the entire upper artwork without clipping or repeating the numbered stages. */
.receive-hero-grid{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);min-height:440px;gap:8px}
.receive-copy{padding-top:54px;padding-bottom:54px}
.receive-art{overflow:visible;align-self:center;min-height:0;display:block}
.receive-art:before{inset:0;background:linear-gradient(90deg,#071d3b 0%,rgba(7,29,59,0) 8%,rgba(7,29,59,0) 94%,#08274b 100%)}
.receive-art img{width:100%;max-width:100%;height:auto;object-fit:contain;filter:saturate(1.05)}
@media(max-width:850px){.receive-hero-grid{grid-template-columns:1fr;min-height:0}.receive-art{padding:0 18px 22px;min-height:0}.receive-art img{width:100%}}

/* Page four — final review: image-only hero, no duplicate stage strip. */
.receive-hero-grid{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);min-height:520px;gap:0}
.receive-art{overflow:visible;min-height:440px}
.receive-art:before{display:none!important}
.receive-art img{width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain!important;filter:none!important}
.receive-copy{padding-right:20px}
@media(max-width:850px){.receive-hero-grid{grid-template-columns:1fr}.receive-art{min-height:0;padding:0 15px 20px}.receive-art img{width:100%!important}}

/* Sector: Hotels & Hospitality — review-only hero. All other pages untouched. */
.hospitality-hero{min-height:670px;background:#031b34;isolation:isolate;overflow:hidden}
.hospitality-hero .hospitality-photo{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center 53%;background-repeat:no-repeat}
.hospitality-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#031b34 0%,#031b34f5 17%,#031b34d6 30%,#031b3482 43%,#031b3410 64%,transparent 100%)}
.hospitality-hero .hero-inner{position:relative;max-width:600px;padding:74px 42px 74px;z-index:1}
.hospitality-hero h1{font-size:clamp(46px,5vw,70px);line-height:1.05;max-width:510px}
.hospitality-hero .sub{max-width:465px;color:#f1cf8c;font-size:clamp(21px,2vw,26px)}
.hospitality-hero .description{max-width:440px;line-height:1.75;color:#edf4fb;text-shadow:0 1px 2px #001c38}
.hospitality-hero .cta{margin-top:13px}
@media(max-width:800px){.hospitality-hero{min-height:670px}.hospitality-hero .hospitality-photo{background-position:56% center}.hospitality-hero:before{background:linear-gradient(90deg,#031b34f7,#031b34d9 50%,#031b3455)}.hospitality-hero .hero-inner{padding:55px 28px;max-width:560px}}
@media(max-width:540px){.hospitality-hero{min-height:700px}.hospitality-hero .hospitality-photo{background-position:53% center}.hospitality-hero:before{background:linear-gradient(180deg,#031b34ef 0%,#031b34dc 54%,#031b3470 100%)}.hospitality-hero .hero-inner{padding:48px 22px}.hospitality-hero h1{font-size:47px}}


/* Sectors landing-page review: independent hero, original sector tiles below. */
.sectors-master-hero{min-height:660px;overflow:hidden;isolation:isolate;background:linear-gradient(130deg,#03152c,#05294b);position:relative}
.sectors-master-hero .sectors-master-art{position:absolute;z-index:-2;inset:0 0 0 36%;background-size:contain;background-position:right center;background-repeat:no-repeat}
.sectors-master-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#03152c 0%,#03152cfb 23%,#03152cd9 34%,#03152c58 49%,transparent 67%)}
.sectors-master-hero .hero-inner{max-width:610px;position:relative;padding:94px 42px 92px;z-index:1}
.sectors-master-hero h1{font-size:clamp(45px,4.6vw,68px);line-height:1.09;max-width:600px}
.sectors-master-hero .sub{color:#f1c67f;font-size:clamp(20px,1.9vw,25px);max-width:500px}
.sectors-master-hero .description{max-width:485px;line-height:1.75;color:#e9f2fc}
.sector-scope-note{margin:28px 0 0;color:#c4d7e8;font-size:15px}
@media(max-width:900px){.sectors-master-hero{min-height:680px}.sectors-master-hero .sectors-master-art{inset:0 0 0 20%;background-size:cover;background-position:50% center}.sectors-master-hero:before{background:linear-gradient(90deg,#03152cfb 0%,#03152ce9 44%,#03152c66 85%)}.sectors-master-hero .hero-inner{padding:75px 26px;max-width:550px}}
@media(max-width:550px){.sectors-master-hero{min-height:730px}.sectors-master-hero .sectors-master-art{inset:20% 0 0;background-size:cover;background-position:50% center;opacity:.64}.sectors-master-hero:before{background:linear-gradient(180deg,#03152c 0%,#03152cf5 43%,#03152c99 75%,#03152c66)}.sectors-master-hero .hero-inner{padding:55px 22px}.sectors-master-hero h1{font-size:43px}}

/* Sectors six-panel review: only the sectors hero illustration changes. */
.sectors-master-hero .sectors-master-art {
  inset:0 0 0 36%;
  background-image:url('assets/sectors-six-industries-globe.webp');
  background-position:right center;
  background-size:contain;
  background-repeat:no-repeat;
}
@media(max-width:900px) {
 .sectors-master-hero .sectors-master-art {
   inset:0 0 0 25%;background-size:cover;background-position:center;
 }
}
@media(max-width:550px) {
 .sectors-master-hero .sectors-master-art {
   inset:24% 0 0;background-size:cover;background-position:center;opacity:.62;
 }
}

/* Refined sectors hero: reserve copy column; 6 panels scaled down and edge-blended. */
.sectors-master-hero{min-height:660px;background:linear-gradient(110deg,#03152c 0%,#041c37 63%,#072b4a 100%);}
.sectors-master-hero .sectors-master-art{
 inset:7% 0 5% 45%;
 background-image:url('assets/sectors-six-industries-globe-refined.png')!important;
 background-position:center center;
 background-size:contain;
 background-repeat:no-repeat;
}
.sectors-master-hero:before{
 background:linear-gradient(90deg,#03152c 0%,#03152cfb 28%,#03152cf0 39%,#03152c44 47%,transparent 62%);
}
.sectors-master-hero .hero-inner{max-width:43%;padding:90px 0 88px 42px;box-sizing:border-box}
.sectors-master-hero h1{font-size:clamp(38px,3.65vw,58px);line-height:1.11}
.sectors-master-hero .sub{font-size:clamp(17px,1.6vw,23px)}
@media(max-width:950px){
 .sectors-master-hero{min-height:660px}
 .sectors-master-hero .hero-inner{max-width:47%;padding:72px 0 65px 26px}
 .sectors-master-hero .sectors-master-art{inset:9% 0 8% 47%;background-size:contain;background-position:center}
 .sectors-master-hero:before{background:linear-gradient(90deg,#03152c 0%,#03152cf5 34%,#03152ca0 46%,transparent 68%)}
 .sectors-master-hero h1{font-size:clamp(32px,4vw,46px)}
}
@media(max-width:650px){
 .sectors-master-hero{min-height:790px}
 .sectors-master-hero .hero-inner{max-width:100%;padding:44px 22px 0}
 .sectors-master-hero h1{max-width:530px;font-size:clamp(34px,8vw,44px)}
 .sectors-master-hero .sectors-master-art{inset:45% 0 2%;background-size:contain;background-position:center;opacity:1}
 .sectors-master-hero:before{background:linear-gradient(180deg,#03152c 0%,#03152cf7 42%,#03152c25 67%,transparent 100%)}
}

/* Sectors hero refinement — image occupies full banner height, bottom-anchored.
   All adjustments are scoped to this page. */
.sectors-master-hero{min-height:670px;position:relative;overflow:hidden;background:linear-gradient(105deg,#03152c 0%,#041a34 55%,#082745 100%)}
.sectors-master-hero .sectors-master-art{
  inset:0 0 0 41%;
  background-image:url('assets/sectors-six-panels-full-globe-transparent.png')!important;
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-position:right bottom;
  opacity:1;
}
.sectors-master-hero:before{
  background:linear-gradient(90deg,#03152c 0%,#03152c 25%,#03152cfc 32%,#03152caa 39%,transparent 49%);
}
.sectors-master-hero .hero-inner{position:relative;z-index:1;max-width:40%;padding:95px 0 85px 42px;box-sizing:border-box}
.sectors-master-hero h1{font-size:clamp(36px,3.55vw,56px);line-height:1.11}
@media(max-width:950px){
 .sectors-master-hero{min-height:630px}
 .sectors-master-hero .hero-inner{max-width:43%;padding:66px 0 70px 25px}
 .sectors-master-hero .sectors-master-art{inset:4% 0 0 43%;background-size:100% 96%;background-position:right bottom}
 .sectors-master-hero:before{background:linear-gradient(90deg,#03152c 0%,#03152cfc 31%,#03152cbd 41%,transparent 56%)}
}
@media(max-width:650px){
 .sectors-master-hero{min-height:820px}
 .sectors-master-hero .hero-inner{max-width:100%;padding:45px 22px 0}
 .sectors-master-hero .sectors-master-art{inset:44% 0 0 0;background-size:100% 100%;background-position:center bottom;opacity:1}
 .sectors-master-hero:before{background:linear-gradient(180deg,#03152c 0%,#03152c 38%,#03152c88 48%,transparent 67%)}
 .sectors-master-hero h1{font-size:clamp(34px,8vw,44px)}
}


/* Education sector: bespoke campus image in existing Master 2 HTML structure. */
.education-hero{position:relative;isolation:isolate;min-height:580px;background:linear-gradient(115deg,#03152b,#0a2a46);overflow:hidden}
.education-hero .education-campus-photo{position:absolute;inset:0 0 0 37%;z-index:-2;background-size:cover;background-position:center;background-repeat:no-repeat}
.education-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#03152b 0%,#03152bf9 28%,#03152be8 38%,#03152b77 52%,transparent 74%)}
.education-hero .hero-inner{position:relative;z-index:1;max-width:570px;padding:100px 45px 96px}
.education-hero h1{font-size:clamp(46px,5vw,72px);line-height:1.07}
.education-hero .sub{max-width:480px;color:#f1c57b;font-size:clamp(19px,1.8vw,25px)}
.education-hero .description{max-width:475px;color:#f2f5fb;line-height:1.78}
@media(max-width:850px){.education-hero .education-campus-photo{inset:0 0 0 24%;background-position:53% center}.education-hero:before{background:linear-gradient(90deg,#03152b 0%,#03152bf0 39%,#03152b88 66%,transparent 100%)}.education-hero .hero-inner{padding:80px 28px;max-width:490px}}
@media(max-width:550px){.education-hero{min-height:720px}.education-hero .education-campus-photo{inset:36% 0 0;background-position:55% center}.education-hero:before{background:linear-gradient(180deg,#03152b 0%,#03152bf8 43%,#03152b44 80%,transparent 100%)}.education-hero .hero-inner{padding:55px 23px;max-width:100%}}

/* Retail: sector-specific premium architectural photography; no additional boxes or globe. */
.retail-hero{position:relative;isolation:isolate;min-height:580px;background:linear-gradient(115deg,#03152b,#0a2a46);overflow:hidden}
.retail-hero .retail-architecture-photo{position:absolute;inset:0 0 0 36%;z-index:-2;background-size:cover;background-position:53% center;background-repeat:no-repeat}
.retail-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#03152b 0%,#03152bf9 27%,#03152be8 38%,#03152b77 53%,transparent 76%)}
.retail-hero .hero-inner{position:relative;z-index:1;max-width:570px;padding:100px 45px 96px}
.retail-hero h1{font-size:clamp(46px,5vw,72px);line-height:1.07}
.retail-hero .sub{max-width:480px;color:#f1c57b;font-size:clamp(19px,1.8vw,25px)}
.retail-hero .description{max-width:475px;color:#f2f5fb;line-height:1.78}
@media(max-width:850px){.retail-hero .retail-architecture-photo{inset:0 0 0 24%;background-position:56% center}.retail-hero:before{background:linear-gradient(90deg,#03152b 0%,#03152bf0 39%,#03152b88 66%,transparent 100%)}.retail-hero .hero-inner{padding:80px 28px;max-width:490px}}
@media(max-width:550px){.retail-hero{min-height:720px}.retail-hero .retail-architecture-photo{inset:36% 0 0;background-position:55% center}.retail-hero:before{background:linear-gradient(180deg,#03152b 0%,#03152bf8 43%,#03152b44 80%,transparent 100%)}.retail-hero .hero-inner{padding:55px 23px;max-width:100%}}

/* Retail fifth review category: full-width emphasis within the existing two-column tile system. */
#explore .cards.two .retail-logistics-tile{grid-column:1 / -1}
@media(max-width:650px){#explore .cards.two .retail-logistics-tile{grid-column:auto}}

/* Retail approved imagery: true alpha-feathered photo, no hard rectangular boundary. */
.retail-hero{background:#03152b}
.retail-hero .retail-architecture-photo{
 inset:0 0 0 29%;
 background-image:url('assets/retail-architecture-seamless.webp')!important;
 background-size:cover;
 background-position:53% center;
}
.retail-hero:before{
 background:linear-gradient(90deg,#03152b 0%,#03152b 23%,#03152b00 58%,transparent 100%);
}
.retail-hero .hero-inner{max-width:560px}
@media(max-width:850px){
 .retail-hero .retail-architecture-photo{inset:0 0 0 25%;background-position:56% center}
 .retail-hero:before{background:linear-gradient(90deg,#03152b 0%,#03152be8 26%,transparent 75%)}
}
@media(max-width:550px){
 .retail-hero .retail-architecture-photo{inset:37% 0 0;background-position:55% center}
 .retail-hero:before{background:linear-gradient(180deg,#03152b 0%,#03152b 38%,#03152b44 68%,transparent 100%)}
}

/* Manufacturing: seamless feathered factory image in the approved Master 2 hero. */
.manufacturing-hero{position:relative;isolation:isolate;min-height:580px;background:#03152b;overflow:hidden}
.manufacturing-hero .manufacturing-factory-photo{position:absolute;inset:0 0 0 29%;z-index:-2;background-image:url('assets/manufacturing-factory-seamless.webp')!important;background-size:cover;background-position:53% center;background-repeat:no-repeat}
.manufacturing-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#03152b 0%,#03152b 23%,transparent 62%)}
.manufacturing-hero .hero-inner{position:relative;z-index:1;max-width:560px;padding:100px 45px 96px}
.manufacturing-hero h1{font-size:clamp(46px,5vw,72px);line-height:1.07}
.manufacturing-hero .sub{max-width:480px;color:#f1c57b;font-size:clamp(19px,1.8vw,25px)}
.manufacturing-hero .description{max-width:475px;color:#f2f5fb;line-height:1.78}
#explore .cards.two .manufacturing-logistics-tile{grid-column:1/-1}
@media(max-width:850px){
 .manufacturing-hero .manufacturing-factory-photo{inset:0 0 0 25%;background-position:56% center}
 .manufacturing-hero:before{background:linear-gradient(90deg,#03152b 0%,#03152be8 26%,transparent 75%)}
 .manufacturing-hero .hero-inner{padding:80px 28px;max-width:490px}
}
@media(max-width:550px){
 .manufacturing-hero{min-height:720px}
 .manufacturing-hero .manufacturing-factory-photo{inset:37% 0 0;background-position:55% center}
 .manufacturing-hero:before{background:linear-gradient(180deg,#03152b 0%,#03152b 38%,#03152b44 68%,transparent 100%)}
 .manufacturing-hero .hero-inner{padding:55px 23px;max-width:100%}
 #explore .cards.two .manufacturing-logistics-tile{grid-column:auto}
}

/* Private Healthcare: original approved Master 2 layout, hospital imagery with true feathered transparency. */
.healthcare-hero{position:relative;isolation:isolate;min-height:580px;background:#03152b;overflow:hidden}
.healthcare-hero .healthcare-campus-photo{position:absolute;inset:0 0 0 29%;z-index:-2;background-image:url('assets/private-healthcare-campus-seamless.webp')!important;background-size:cover;background-position:52% center;background-repeat:no-repeat}
.healthcare-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#03152b 0%,#03152b 23%,transparent 62%)}
.healthcare-hero .hero-inner{position:relative;z-index:1;max-width:560px;padding:100px 45px 96px}
.healthcare-hero h1{font-size:clamp(43px,4.65vw,68px);line-height:1.08}
.healthcare-hero .sub{max-width:480px;color:#f1c57b;font-size:clamp(19px,1.8vw,25px)}
.healthcare-hero .description{max-width:475px;color:#f2f5fb;line-height:1.78}
@media(max-width:850px){
 .healthcare-hero .healthcare-campus-photo{inset:0 0 0 25%;background-position:55% center}
 .healthcare-hero:before{background:linear-gradient(90deg,#03152b 0%,#03152be8 26%,transparent 75%)}
 .healthcare-hero .hero-inner{padding:80px 28px;max-width:490px}
}
@media(max-width:550px){
 .healthcare-hero{min-height:720px}
 .healthcare-hero .healthcare-campus-photo{inset:37% 0 0;background-position:55% center}
 .healthcare-hero:before{background:linear-gradient(180deg,#03152b 0%,#03152b 38%,#03152b44 68%,transparent 100%)}
 .healthcare-hero .hero-inner{padding:55px 23px;max-width:100%}
}

/* Sectors landing page: sixth sector card and commercial outcomes assurance. */
#explore .sector-outcomes-panel{margin-top:22px;background:#fff;border:1px solid #dbe5ee;border-left:4px solid #c4a36b;padding:25px 28px;max-width:100%;box-sizing:border-box}
#explore .sector-outcomes-panel h3{color:#09244a;font-size:clamp(19px,2vw,24px);margin:0 0 10px}
#explore .sector-outcomes-panel p{color:#344b60;font-size:15px;line-height:1.75;max-width:970px;margin:0}
@media(max-width:600px){#explore .sector-outcomes-panel{padding:22px 20px}}


/* ISOLATED HEADER REVIEW: only sectors-header-review.html has this body class. */
.cci-header-review .header{min-height:124px;height:auto;padding:15px 32px;gap:26px;background:#031b34;border-bottom:1px solid rgba(175,210,240,.23);display:flex;align-items:center;justify-content:space-between}
.cci-header-review .header .logo{flex:0 0 224px;min-width:0}
.cci-header-review .header .logo img{width:215px;max-width:100%;height:64px}
.cci-header-review .header .nav{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;column-gap:21px;row-gap:13px;font:700 12px/1.45 'Manrope','Nunito Sans',sans-serif;letter-spacing:.008em}
.cci-header-review .header .nav a:not(.nav-talk){color:#f7fbff;position:relative;white-space:nowrap;padding:8px 0 10px;border-bottom:0;transition:color .2s ease}
.cci-header-review .header .nav a:not(.nav-talk):after{content:'';position:absolute;left:0;right:100%;height:2px;bottom:2px;background:#9bc7ed;box-shadow:0 0 9px rgba(144,203,248,.35);transition:right .22s ease}
.cci-header-review .header .nav a:not(.nav-talk):hover,.cci-header-review .header .nav a:not(.nav-talk):focus-visible{color:#cbe7ff}
.cci-header-review .header .nav a:not(.nav-talk):hover:after,.cci-header-review .header .nav a:not(.nav-talk):focus-visible:after,.cci-header-review .header .nav a.active:not(.nav-talk):after{right:0}
.cci-header-review .header .nav a.active:not(.nav-talk){color:#fff}
.cci-header-review .header .nav-talk{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;background:linear-gradient(110deg,#f5dfa9,#d5b674);color:#071c34;font:800 11px/1.2 'Manrope',sans-serif;letter-spacing:.035em;padding:13px 16px;border-radius:2px;transition:filter .2s ease,transform .2s ease}
.cci-header-review .header .nav-talk:hover,.cci-header-review .header .nav-talk:focus-visible{filter:brightness(1.09);transform:translateY(-1px)}
.cci-header-review .cci-menu-toggle{display:none;border:1px solid #9bc7ed;color:white;background:transparent;font:700 12px 'Manrope',sans-serif;letter-spacing:.08em;padding:12px 16px;cursor:pointer}
.cci-header-review .header .nav a:focus-visible,.cci-header-review .cci-menu-toggle:focus-visible{outline:2px solid #b9dbf7;outline-offset:4px}
@media(max-width:1020px){.cci-header-review .header{align-items:flex-start}.cci-header-review .header .logo{flex-basis:200px}.cci-header-review .header .nav{column-gap:17px;row-gap:7px;font-size:11px}}
@media(max-width:720px){.cci-header-review .header{min-height:86px;padding:12px 22px;flex-wrap:wrap;align-items:center;gap:10px}.cci-header-review .header .logo{flex:1 1 auto}.cci-header-review .header .logo img{height:52px;width:180px}.cci-header-review .cci-menu-toggle{display:inline-flex}.cci-header-review .header .nav{display:none;flex:1 0 100%;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:10px 0 12px;border-top:1px solid rgba(180,212,240,.22)}.cci-header-review .header .nav.is-open{display:flex}.cci-header-review .header .nav a:not(.nav-talk){padding:12px 4px;font-size:13px;border-bottom:1px solid rgba(180,212,240,.12)}.cci-header-review .header .nav a:not(.nav-talk):after{bottom:0}.cci-header-review .header .nav-talk{margin-top:13px;padding:15px 18px}}
@media(prefers-reduced-motion:reduce){.cci-header-review .header .nav a,.cci-header-review .header .nav a:after{transition:none!important}}

/* Header review v2: bright white, heavier menu labels and cool platinum-blue hover. */
body.cci-header-review .header .nav a:not(.nav-talk){font-family:'Nunito Sans','Manrope',sans-serif!important;font-weight:800!important;font-size:13px!important;letter-spacing:.012em!important;color:#ffffff!important;text-shadow:0 0 .35px rgba(255,255,255,.85)!important;border-bottom:0!important;text-decoration:none!important;background:none!important}
body.cci-header-review .header .nav a:not(.nav-talk)::after{content:''!important;position:absolute!important;left:0!important;right:100%!important;bottom:1px!important;height:3px!important;background:#A8D7F4!important;box-shadow:0 0 9px rgba(156,211,247,.58)!important;border:0!important;opacity:1!important;transition:right .2s ease!important}
body.cci-header-review .header .nav a:not(.nav-talk):hover::after,body.cci-header-review .header .nav a:not(.nav-talk):focus-visible::after,body.cci-header-review .header .nav a.active:not(.nav-talk)::after{right:0!important}
body.cci-header-review .header .nav a:not(.nav-talk):hover,body.cci-header-review .header .nav a:not(.nav-talk):focus-visible{color:#ffffff!important}
body.cci-header-review .header .nav{column-gap:19px;row-gap:12px}
@media(max-width:1020px){body.cci-header-review .header .nav a:not(.nav-talk){font-size:12px!important}}
@media(max-width:720px){body.cci-header-review .header .nav a:not(.nav-talk){font-size:14px!important}}

/* 19 Oct editorial review: typography refinements restricted to Home and Our Approach.
   Retains approved fonts, headlines, imagery, navigation and layouts. */
.home .detail > p:not(.kicker),
.approach .detail > p:not(.kicker) {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  color: #16334d;
  line-height: 1.75;
}
.approach .method-item p {
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  color: #16334d;
}
@media (max-width: 600px) {
  .approach .method-item p { font-size: 13px; }
}

/* Case Studies banner: approved eight-sector artwork, preserving the existing
   editable hero text, original selection rows and all eight linked studies. */
.cci-case-studies-banner{position:relative;isolation:isolate;background:#031b34;min-height:540px}
.cci-case-studies-banner .page-photo{display:block!important;position:absolute;inset:0 0 0 36%;opacity:1!important;background-size:contain;background-position:right center;background-repeat:no-repeat;filter:none!important;z-index:-1}
.cci-case-studies-banner:before{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#031b34 0%,#031b34 26%,rgba(3,27,52,.96) 34%,rgba(3,27,52,.55) 43%,rgba(3,27,52,0) 58%);pointer-events:none}
.cci-case-studies-banner .hero-inner{position:relative;z-index:1;width:40%;max-width:560px;padding-top:64px;padding-bottom:65px}
.cci-case-studies-banner h1{font-size:clamp(35px,3.5vw,54px)}
@media(max-width:900px){.cci-case-studies-banner .page-photo{inset:0 0 0 20%;opacity:.65!important;background-size:cover}.cci-case-studies-banner:before{background:linear-gradient(90deg,#031b34 0%,rgba(3,27,52,.95) 50%,rgba(3,27,52,.2) 100%)}.cci-case-studies-banner .hero-inner{width:65%}}
@media(max-width:600px){.cci-case-studies-banner .page-photo{inset:38% 0 0 0;opacity:.8!important;background-size:contain;background-position:center bottom}.cci-case-studies-banner:before{background:linear-gradient(180deg,#031b34 0%,#031b34 46%,rgba(3,27,52,.12) 85%)}.cci-case-studies-banner .hero-inner{width:100%;padding:30px 22px 270px}.cci-case-studies-banner{min-height:680px}}

/* 26 Oct pre-Codex refinement: consistent readable type and company details; approved artwork unchanged. */
body { -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
.cci-contact-details {max-width:720px; margin:24px 0; padding:24px; background:#f2f6fa; border:1px solid #d7e2ee; color:#16334d; line-height:1.7;}
.cci-contact-details address {font-style:normal; margin:12px 0;}
.cci-contact-details a {color:#123f6d; text-decoration:underline; text-underline-offset:3px;}
.cci-legal-details {padding:10px 20px 22px; text-align:center; font-family:'DM Sans',sans-serif; font-size:12px; font-weight:500; line-height:1.6; color:#e5edf7; background:#061c32;}
.cci-legal-details a {color:#fff; text-decoration:underline; text-underline-offset:2px;}
@media(max-width:620px){.cci-legal-details{font-size:12px;padding:12px 18px 20px}}