:root{--cs-navy:#071e33;--cs-navy-2:#0b2d44;--cs-teal:#25c0c1;--cs-ink:#09283b;--cs-muted:#607985;--cs-pale:#f2f7f7;--cs-line:#d8e4e7}
.case-detail-page,.case-archive-page{background:#fff;color:var(--cs-ink)}
.case-detail-page p,.case-detail-page li,.case-detail-page small,.case-detail-page span,.case-archive-page p,.case-archive-page li{font-family:Avenir,Manrope,sans-serif;font-weight:500}
.case-detail-page h1,.case-detail-page h2,.case-detail-page h3,.case-archive-page h1,.case-archive-page h2{font-family:"Bebas Neue",Impact,sans-serif}
.case-detail-page .nav a,.case-detail-page .header nav a,.case-archive-page .header nav a{font-weight:600}
.case-detail-page .navy-outline,.case-archive-page .navy-outline{display:inline-flex;align-items:center;justify-content:center;gap:28px;border:1px solid var(--cs-navy-2);border-radius:4px;background:transparent;color:var(--cs-navy-2);text-decoration:none;box-shadow:none}
.case-detail-page .navy-outline:hover,.case-archive-page .navy-outline:hover{background:var(--cs-navy-2);color:#fff}
.cs-hero{position:relative;min-height:820px;overflow:hidden;background:radial-gradient(circle at 78% 44%,#174b63 0,#0b2d44 36%,#061b2e 78%)}
.cs-hero>.header,.cs-hero-grid{position:relative;z-index:2}.cs-hero-plant{width:660px;left:-250px;bottom:-290px;opacity:.075}
.cs-hero-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:65px;align-items:center;padding-top:70px;padding-bottom:95px}
.cs-hero-copy h1{max-width:650px;margin:20px 0 25px;color:#fff;font-size:clamp(62px,6.2vw,92px);line-height:.94}.cs-hero-copy>p:not(.eyebrow){max-width:600px;color:#c5d7df;font-size:16px;line-height:1.75}
.cs-hero .breadcrumb{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 0;color:#9fbdc9;font-size:12px}.cs-hero .breadcrumb a{color:#fff;text-decoration:none}
.cs-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px;margin:34px 0 0}.cs-facts div{padding-top:14px;border-top:1px solid #ffffff2a}.cs-facts dt{color:#6bdcdd;font-size:11px;font-weight:800;letter-spacing:.12em}.cs-facts dd{margin:5px 0 0;color:#fff;font-size:12px;font-weight:600}
.cs-hero-stage{position:relative;min-width:0;padding:10px;border:1px solid #ffffff26;border-radius:16px;background:#ffffff09;box-shadow:0 35px 75px #00101d66;transform:perspective(1400px) rotateY(-2deg)}
.cs-browser{display:flex;align-items:center;gap:6px;height:32px;padding:0 12px;background:#eef3f4;border-bottom:1px solid #d6e0e3;color:#6a7f88}.cs-browser span{width:7px;height:7px;border-radius:50%;background:#aab9bf}.cs-browser small{margin-left:9px;font-size:10px;font-weight:600}.cs-browser-large{border-radius:8px 8px 0 0}
.cs-hero-stage>img{display:block;width:100%;height:410px;object-fit:cover;object-position:top center;border-radius:0 0 8px 8px;background:#fff}
.cs-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cs-tool-grid.compact{grid-template-columns:repeat(3,1fr)}
.cs-tool{display:flex;align-items:center;gap:10px;min-width:0;padding:12px;border:1px solid var(--cs-line);border-radius:8px;background:#fff;color:var(--cs-ink)}.cs-tool img{width:25px;height:25px;object-fit:contain}.cs-tool span,.cs-tool b,.cs-tool small{display:block;min-width:0}.cs-tool b{font-size:11px;line-height:1.15}.cs-tool small{margin-top:3px;color:#69818b;font-size:9px;line-height:1.15}
.cs-overview{position:relative;overflow:hidden}.cs-leaf-left{width:480px;left:-210px;bottom:-160px;opacity:.05}.cs-overview-grid{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.08fr;gap:100px;align-items:center}.cs-overview h2,.cs-problem h2,.cs-architecture h2,.cs-design h2,.cs-gallery h2,.cs-build h2,.cs-results h2,.cs-next h2,.cs-cta h2{font-size:clamp(48px,5vw,68px);line-height:.98}.cs-lead{color:#38596a;font-size:17px;line-height:1.8}.cs-overview .button{margin-top:22px}.cs-brief{padding:38px;border-radius:12px;background:var(--cs-pale)}.cs-brief h3{margin:10px 0 16px;font-size:38px;line-height:1}.cs-brief p{color:var(--cs-muted);line-height:1.75}.cs-brief ul{list-style:none;margin:22px 0 0;padding:0}.cs-brief li{position:relative;padding:10px 0 10px 26px;border-top:1px solid var(--cs-line);font-size:13px}.cs-brief li:before{content:"✓";position:absolute;left:0;color:#0ba9ac;font-weight:800}
.cs-problem{position:relative;overflow:hidden}.cs-problem-plant{width:620px;right:-240px;bottom:-250px;opacity:.07}.cs-section-head{position:relative;z-index:2;display:grid;grid-template-columns:1fr .7fr;gap:80px;align-items:end;margin-bottom:50px}.cs-section-head>p{color:#aec5cf;font-size:14px;line-height:1.8}.cs-section-head.dark-copy>p{color:var(--cs-muted)}
.cs-ps-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:14px}.cs-ps-grid article{position:relative;isolation:isolate;overflow:hidden;min-height:360px;padding:40px;border:1px solid #ffffff32;border-radius:12px;background:#0b2d44}.cs-ps-grid article:before,.cs-ps-grid article:after{content:"";position:absolute;inset:0;z-index:-2}.cs-ps-grid article:before{background-image:var(--ps-photo);background-size:cover;background-position:center;transform:scale(1.015);transition:transform .6s ease}.cs-ps-grid article:after{z-index:-1;background:linear-gradient(105deg,rgba(5,29,48,.96) 4%,rgba(5,29,48,.91) 52%,rgba(5,29,48,.69) 100%)}.cs-ps-grid article:hover:before{transform:scale(1.045)}.cs-ps-grid article.accent{border-color:#d8e4e7;background:#fff;color:#0b2d44}.cs-ps-grid article.accent:after{background:linear-gradient(105deg,rgba(255,255,255,.97) 5%,rgba(255,255,255,.92) 58%,rgba(255,255,255,.73) 100%)}.cs-ps-grid span{color:#6edfe0;font-size:11px;font-weight:800;letter-spacing:.12em}.cs-ps-grid .accent span{color:#315969}.cs-ps-grid h3{max-width:500px;margin:55px 0 18px;font-size:38px}.cs-ps-grid p{max-width:560px;color:#eef6f8;font-size:14px;line-height:1.8;text-shadow:0 1px 1px rgba(0,0,0,.15)}.cs-ps-grid .accent p{color:#173c4d;text-shadow:0 1px 0 rgba(255,255,255,.5)}
.cs-journey{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cs-journey article{position:relative;min-height:240px;padding:28px;border-radius:10px;background:var(--cs-pale)}.cs-journey article:nth-child(even){background:var(--cs-navy-2);color:#fff}.cs-journey article>span{color:#079da1;font-size:12px;font-weight:800}.cs-journey h3{margin:55px 0 12px;font-size:31px}.cs-journey p{color:var(--cs-muted);font-size:12px;line-height:1.7}.cs-journey article:nth-child(even) p{color:#b6cad2}
.cs-blueprint{display:grid;grid-template-columns:.72fr 1.28fr;gap:38px;align-items:center;margin-top:38px;padding:32px;border-radius:14px;background:var(--cs-navy);color:#fff}.cs-blueprint-copy>span{color:#62d9da;font-size:11px;letter-spacing:.12em}.cs-blueprint-copy h3{font-size:40px}.cs-blueprint-lines{display:grid;gap:11px;margin:28px 0}.cs-blueprint-lines i{height:7px;border-radius:8px;background:#ffffff14}.cs-blueprint-lines i:after{content:"";display:block;width:var(--w);height:100%;border-radius:8px;background:var(--cs-teal)}.cs-blueprint-status{display:grid;grid-template-columns:1fr auto;gap:11px;font-size:11px}.cs-blueprint-status em{color:#65dfe0;font-style:normal;font-weight:700}.cs-blueprint-screen{position:relative}.cs-blueprint-screen>img{display:block;width:100%;height:390px;object-fit:cover;object-position:top;border-radius:8px}.cs-floating-card{position:absolute;right:18px;bottom:18px;width:245px;padding:16px;border-radius:8px;background:#fff;color:var(--cs-ink);box-shadow:0 14px 40px #00101d55}.cs-floating-card small,.cs-floating-card b,.cs-floating-card span{display:block}.cs-floating-card small{color:#079da1;font-size:10px}.cs-floating-card b{margin:6px 0;font-size:12px}.cs-floating-card span{color:#6b838d;font-size:10px}
.cs-design{position:relative;overflow:hidden;background:var(--cs-pale)}.cs-design-leaf{width:520px;right:-200px;bottom:-200px;opacity:.05}.cs-design-grid{position:relative;z-index:2;display:grid;grid-template-columns:.82fr 1.18fr;gap:65px;align-items:center}.cs-design-grid>div>p:not(.eyebrow){color:var(--cs-muted);line-height:1.8}.cs-swatches{display:flex;gap:8px;margin:28px 0}.cs-swatches span{display:grid;gap:5px;color:#627984;font-size:9px}.cs-swatches i{display:block;width:55px;height:55px;border:1px solid #cedadd;border-radius:7px;background:var(--swatch)}.cs-design .cs-tool-grid{margin-top:26px}.cs-full-page{position:relative;max-height:720px;margin:0;overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 25px 60px #0b2d4425}.cs-full-page:after{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;background:linear-gradient(transparent,#fff)}.cs-full-page>img{display:block;width:100%;height:auto}.cs-full-page figcaption{position:absolute;z-index:2;left:18px;bottom:16px;color:#476471;font-size:11px}
.cs-gallery{background:#061b2e}.cs-gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.cs-gallery-card{position:relative;height:530px;margin:0;overflow:hidden;border:1px solid #ffffff20;border-radius:11px;background:#fff}.cs-gallery-card.tall{height:650px}.cs-gallery-card img{display:block;width:100%;height:auto}.cs-gallery-card figcaption{position:absolute;left:14px;right:14px;bottom:14px;padding:12px 14px;border-radius:6px;background:#071e33e8;color:#fff;font-size:11px;backdrop-filter:blur(6px)}
.cs-build-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.cs-build-grid>div:first-child>p:not(.eyebrow){color:var(--cs-muted);line-height:1.8}.cs-build .actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:27px}.cs-stack-panel{padding:30px;border-radius:12px;background:var(--cs-pale)}.cs-stack-panel .cs-tool-grid{margin-top:20px}.cs-stack-note{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:22px;padding:18px;border-radius:8px;background:var(--cs-navy-2);color:#fff}.cs-stack-note span{color:#6bdcdd;font-size:10px}.cs-stack-note b{font-size:11px}.cs-stack-note i{grid-column:1/-1;height:1px;background:#ffffff1d}
.cs-results{position:relative;overflow:hidden}.cs-results-plant{width:590px;left:-240px;bottom:-240px;opacity:.07}.cs-results-grid{position:relative;z-index:2;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.cs-results-grid>div:first-child>p:not(.eyebrow){color:#b6cad3;line-height:1.8}.cs-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cs-metrics article{min-height:230px;padding:28px;border:1px solid #ffffff22;border-radius:10px;background:#ffffff08}.cs-metrics article:nth-child(2){background:var(--cs-teal);color:#06253a}.cs-metrics strong{display:block;font-family:"Bebas Neue",Impact,sans-serif;font-size:72px;line-height:1}.cs-metrics span{display:block;margin-top:45px;color:#b8cbd3;font-size:12px;line-height:1.5}.cs-metrics article:nth-child(2) span{color:#0d4251}
.cs-next .cs-section-head{align-items:center}.cs-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.cs-related-card{display:grid;grid-template-columns:85px 1fr auto;gap:18px;align-items:center;padding:22px;border:1px solid var(--cs-line);border-radius:10px;color:var(--cs-ink);text-decoration:none}.cs-related-card:hover{border-color:var(--cs-teal);background:var(--cs-pale)}.cs-related-card>img{width:85px;height:62px;object-fit:contain;padding:8px;border-radius:6px;background:#fff}.cs-related-card small,.cs-related-card b{display:block}.cs-related-card small{color:#078e92;font-size:9px}.cs-related-card b{margin-top:5px;font-size:13px}.cs-related-card i{font-style:normal;font-weight:800}
.cs-cta{padding-top:40px;background:var(--cs-pale)}.cs-cta-card{display:grid;grid-template-columns:1fr 430px;gap:60px;align-items:center;padding:55px;border-radius:15px;background:var(--cs-navy-2);color:#fff}.cs-cta-card h2{max-width:760px}.cs-cta-card p{color:#bed0d8}.cs-cta-card .button{margin-top:20px}.cs-cta-ui{display:grid;grid-template-columns:1fr auto;gap:8px;padding:25px;border:1px solid #ffffff26;border-radius:10px;background:#ffffff08}.cs-cta-ui>span{grid-column:1/-1;margin-bottom:12px;color:#6cdedf;font-size:10px;letter-spacing:.12em}.cs-cta-ui b{font-size:10px}.cs-cta-ui i{grid-column:1/-1;height:7px;border-radius:8px;background:#ffffff15}.cs-cta-ui i:after{content:"";display:block;width:var(--w);height:100%;border-radius:8px;background:var(--cs-teal)}.cs-cta-ui em{grid-column:1/-1;margin-top:15px;padding:12px;border-radius:6px;background:#fff;color:var(--cs-ink);font-size:10px;font-style:normal;font-weight:600}

.case-archive-hero{position:relative;min-height:650px;overflow:hidden}.case-archive-hero>.header,.case-archive-hero>.wrap{position:relative;z-index:2}.case-archive-hero>.case-archive-hero-grid{padding-top:100px;padding-bottom:110px}.case-archive-hero h1{max-width:960px;margin:20px 0;font-size:clamp(70px,8vw,110px);line-height:.92}.case-archive-hero h1 span{color:var(--cs-teal)}.case-archive-hero>.wrap>p:not(.eyebrow){max-width:690px;color:#bed0d8;font-size:17px;line-height:1.75}.case-archive-list{display:grid;gap:65px}.case-archive-card{display:grid;grid-template-columns:1.08fr .92fr;gap:55px;align-items:center;padding-bottom:65px;border-bottom:1px solid var(--cs-line)}.case-archive-card:nth-child(even) .case-archive-image{order:2}.case-archive-image{position:relative;display:block;overflow:hidden;border-radius:12px 55px 12px 12px;background:var(--cs-navy)}.case-archive-image img{display:block;width:100%;height:430px;object-fit:cover;object-position:top}.case-archive-image span{position:absolute;left:18px;bottom:18px;padding:9px 12px;border-radius:5px;background:#071e33e6;color:#fff;font-size:10px}.case-archive-logo{width:120px;height:70px;object-fit:contain;margin-bottom:20px}.case-archive-card h2{font-size:55px}.case-archive-card>div>p:not(.eyebrow){color:var(--cs-muted);line-height:1.8}.case-archive-card .button{margin-top:18px}

@media(max-width:1100px){.cs-hero-grid{grid-template-columns:1fr}.cs-hero-copy{max-width:820px}.cs-hero-stage{max-width:900px}.cs-overview-grid,.cs-design-grid,.cs-build-grid,.cs-results-grid{gap:45px}.cs-tool-grid{grid-template-columns:repeat(2,1fr)}.cs-hero-tools .cs-tool-grid{grid-template-columns:repeat(3,1fr)}.cs-journey{grid-template-columns:1fr 1fr}.cs-cta-card{grid-template-columns:1fr 350px}.case-archive-card{gap:35px}}
@media(max-width:780px){.cs-hero{min-height:0}.cs-hero-grid,.cs-overview-grid,.cs-design-grid,.cs-build-grid,.cs-results-grid,.cs-blueprint,.cs-cta-card,.case-archive-card{grid-template-columns:1fr}.cs-hero-grid{gap:40px;padding-top:45px}.cs-hero-copy h1{font-size:57px}.cs-hero-stage{padding-bottom:205px;transform:none}.cs-hero-stage>img{height:330px}.cs-hero-tools{left:18px;right:18px}.cs-hero-tools .cs-tool-grid{grid-template-columns:1fr 1fr}.cs-section-head{grid-template-columns:1fr;gap:12px}.cs-ps-grid,.cs-gallery-grid,.cs-related-grid{grid-template-columns:1fr}.cs-journey{grid-template-columns:1fr 1fr}.cs-blueprint-screen>img{height:320px}.cs-design-grid>div{order:2}.cs-full-page{max-height:600px}.cs-gallery-card,.cs-gallery-card.tall{height:520px}.cs-metrics{grid-template-columns:1fr 1fr}.cs-cta-card{gap:30px;padding:36px 26px}.case-archive-card:nth-child(even) .case-archive-image{order:0}.case-archive-image img{height:360px}}
@media(max-width:480px){.cs-facts,.cs-journey,.cs-metrics{grid-template-columns:1fr}.cs-hero-copy h1{font-size:49px}.cs-hero-stage{padding:7px 7px 370px}.cs-hero-stage>img{height:260px}.cs-hero-tools .cs-tool-grid{grid-template-columns:1fr}.cs-overview h2,.cs-problem h2,.cs-architecture h2,.cs-design h2,.cs-gallery h2,.cs-build h2,.cs-results h2,.cs-next h2,.cs-cta h2{font-size:45px}.cs-brief,.cs-ps-grid article,.cs-blueprint,.cs-stack-panel{padding:22px}.cs-ps-grid article{min-height:0}.cs-ps-grid h3{margin-top:35px}.cs-journey article{min-height:190px}.cs-blueprint-screen>img{height:260px}.cs-floating-card{right:8px;bottom:8px;width:210px}.cs-swatches{flex-wrap:wrap}.cs-gallery-card,.cs-gallery-card.tall{height:430px}.cs-metrics article{min-height:180px}.cs-related-card{grid-template-columns:65px 1fr auto;padding:14px}.cs-related-card>img{width:65px}.case-archive-hero>.wrap{padding-top:70px}.case-archive-hero h1{font-size:58px}.case-archive-image img{height:280px}.case-archive-card h2{font-size:45px}}

/* Keep platform context within the interface visual, away from the hero. */
.cs-floating-card{top:18px;bottom:auto}
.cs-blueprint-tools{position:absolute;left:14px;right:14px;bottom:14px}
.cs-blueprint-tools .cs-tool-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.cs-blueprint-tools .cs-tool{gap:6px;padding:8px;border-color:#ffffff25;background:#071e33ed;color:#fff;box-shadow:0 10px 24px #00101d45}
.cs-blueprint-tools .cs-tool img{width:20px;height:20px}
.cs-blueprint-tools .cs-tool b{font-size:8.5px}
.cs-blueprint-tools .cs-tool small{display:none}
@media(max-width:780px){.cs-hero-stage{padding:10px}.cs-blueprint-screen>img{height:360px}.cs-blueprint-tools .cs-tool-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:480px){.cs-hero-stage{padding:7px}.cs-blueprint-screen>img{height:420px}.cs-floating-card{top:8px;right:8px;bottom:auto}.cs-blueprint-tools{left:8px;right:8px;bottom:8px}.cs-blueprint-tools .cs-tool-grid{grid-template-columns:1fr 1fr}}

/* Case-study UI blueprint: tools live inside this interface, not in the hero. */
.cs-blueprint-screen{min-height:430px;overflow:hidden;border-radius:10px;background:#eaf1f3}
.cs-blueprint-canvas{position:absolute;inset:0;background:linear-gradient(135deg,#eef5f6,#dbe8eb)}
.cs-ui-top{display:flex;align-items:center;gap:7px;height:42px;padding:0 14px;background:#fff;border-bottom:1px solid #cfdee2}
.cs-ui-top i{width:7px;height:7px;border-radius:50%;background:#9fb2b9}.cs-ui-top b{margin-left:8px;color:#59727e;font-size:9px;letter-spacing:.08em}
.cs-ui-body{display:grid;grid-template-columns:68px 1fr;height:calc(100% - 42px)}.cs-ui-body aside{display:grid;align-content:start;gap:12px;padding:18px;background:#0b2d44}.cs-ui-body aside i{height:28px;border:1px solid #ffffff20;border-radius:5px;background:#ffffff0d}.cs-ui-body>div{padding:34px 28px}.cs-ui-kicker{color:#088f94;font-size:9px;font-weight:800;letter-spacing:.12em}.cs-ui-body h4{margin:10px 0 20px;color:#0b2d44;font-family:"Bebas Neue",Impact,sans-serif;font-size:34px;line-height:.95}.cs-ui-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cs-ui-cards i{height:60px;border:1px solid #cadcdf;border-radius:7px;background:#fff}.cs-ui-chart{display:flex;align-items:end;gap:8px;height:76px;margin-top:13px;padding:12px;border:1px solid #cbdcdf;border-radius:7px;background:#fff}.cs-ui-chart i{flex:1;height:var(--h,35%);border-radius:3px 3px 0 0;background:#1eb9bc}.cs-ui-chart i:nth-child(1){--h:30%}.cs-ui-chart i:nth-child(2){--h:52%}.cs-ui-chart i:nth-child(3){--h:44%}.cs-ui-chart i:nth-child(4){--h:72%}.cs-ui-chart i:nth-child(5){--h:88%}

/* Bespoke style board replaces repeated project screenshots. */
.cs-style-board{overflow:hidden;border:1px solid #d3e1e4;border-radius:14px;background:#fff;box-shadow:0 25px 60px #0b2d4420}
.cs-style-board>header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:100px;padding:20px 25px;border-bottom:1px solid #d7e4e6}.cs-style-board>header img{width:120px;height:60px;object-fit:contain}.cs-style-board>header span{color:#65808b;font-size:9px;font-weight:800;letter-spacing:.12em}
.cs-style-type{padding:34px;background:linear-gradient(145deg,var(--client-a),var(--client-b));color:#fff}.cs-style-type small{font-size:9px;letter-spacing:.13em}.cs-style-type b{display:block;margin:15px 0;font-family:"Bebas Neue",Impact,sans-serif;font-size:52px;line-height:.9}.cs-style-type p{margin:0;color:#ffffffc7;font-size:11px}
.cs-style-components{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:24px}.cs-sample-button,.cs-sample-outline{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:5px;background:var(--client-a);color:#fff;font-size:10px;font-weight:700}.cs-sample-outline{border:1px solid var(--client-a);background:transparent;color:var(--client-a)}.cs-style-components>div{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cs-style-components i{height:42px;border-radius:6px;background:#eef4f5}.cs-style-components i:nth-child(2){background:var(--client-a)}.cs-style-components i:nth-child(3){background:var(--client-b)}
.cs-style-tools{padding:0 24px 24px}.cs-style-tools .cs-tool-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.cs-style-tools .cs-tool{justify-content:center;padding:9px}.cs-style-tools .cs-tool span{display:none}.cs-style-tools .cs-tool img{width:22px;height:22px}

/* Full-page screenshot carousel. */
.cs-carousel-head>div:last-child>p{margin-top:0;color:#aec5cf;font-size:14px;line-height:1.8}.cs-carousel-controls{display:flex;align-items:center;justify-content:flex-end;gap:13px;margin-top:20px}.cs-carousel-controls button{width:44px;height:44px;border:1px solid #ffffff46;border-radius:50%;background:transparent;color:#fff;font-size:18px;cursor:pointer}.cs-carousel-controls button:hover{border-color:#25c0c1;background:#25c0c1;color:#071e33}.cs-carousel-controls span{min-width:52px;text-align:center;color:#9fb8c3;font-size:11px}.cs-carousel-controls b{color:#fff;font-size:13px}
.cs-carousel{position:relative;overflow:hidden}.cs-carousel-track{display:flex;gap:18px;overflow-x:auto;padding:2px 0 22px;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#25c0c1 #ffffff15}.cs-carousel-track::-webkit-scrollbar{height:7px}.cs-carousel-track::-webkit-scrollbar-track{background:#ffffff12;border-radius:10px}.cs-carousel-track::-webkit-scrollbar-thumb{background:#25c0c1;border-radius:10px}
.cs-carousel-slide{flex:0 0 min(78vw,900px);margin:0;overflow:hidden;border:1px solid #ffffff24;border-radius:12px;background:#eef3f4;scroll-snap-align:start}.cs-full-capture{display:flex;align-items:flex-start;justify-content:center;height:720px;padding:18px;background:#e9f0f2}.cs-full-capture img{display:block;width:100%;height:100%;object-fit:contain;object-position:top center}.cs-carousel-slide figcaption{display:flex;align-items:center;gap:12px;padding:15px 18px;background:#fff;color:#17394b;font-size:11px;font-weight:600}.cs-carousel-slide figcaption span{color:#099fa3;font-size:10px;font-weight:800}.cs-carousel.single .cs-carousel-controls{display:none}
.cs-metrics article{display:flex;flex-direction:column}.cs-metrics article small{display:block;margin-top:10px;color:#72d9da;font-size:9px;line-height:1.4}.cs-metrics article:nth-child(2) small{color:#155665}.cs-metrics article span{margin-top:auto;padding-top:38px}

@media(max-width:780px){.cs-blueprint-screen{min-height:470px}.cs-ui-body>div{padding:28px 18px}.cs-style-tools .cs-tool-grid{grid-template-columns:repeat(3,1fr)}.cs-carousel-head>div:last-child{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end}.cs-carousel-controls{margin-top:0}.cs-carousel-slide{flex-basis:88vw}.cs-full-capture{height:620px}}
@media(max-width:480px){.cs-blueprint-screen{min-height:540px}.cs-ui-body{grid-template-columns:45px 1fr}.cs-ui-body aside{padding:12px 8px}.cs-ui-body>div{padding:24px 12px}.cs-ui-body h4{font-size:28px}.cs-floating-card{width:190px}.cs-style-board>header{align-items:flex-start;flex-direction:column}.cs-style-type b{font-size:43px}.cs-style-components{grid-template-columns:1fr}.cs-sample-outline,.cs-style-components>div{grid-column:1}.cs-style-tools .cs-tool-grid{grid-template-columns:repeat(3,1fr)}.cs-carousel-head>div:last-child{display:block}.cs-carousel-controls{justify-content:flex-start;margin-top:18px}.cs-carousel-slide{flex-basis:92vw}.cs-full-capture{height:540px;padding:10px}}

/* Detailed client-planning workspace */
.cs-blueprint-copy h3{margin:8px 0 14px}.cs-blueprint-intro{margin:0;color:#aec4ce;font-size:12px;line-height:1.7}.cs-blueprint-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}.cs-blueprint-summary div{padding:12px 10px;border:1px solid #ffffff1f;border-radius:7px;background:#ffffff0a}.cs-blueprint-summary strong,.cs-blueprint-summary small{display:block}.cs-blueprint-summary strong{color:#fff;font-family:"Bebas Neue",Impact,sans-serif;font-size:28px;line-height:1}.cs-blueprint-summary small{margin-top:4px;color:#9fb8c3;font-size:8px;line-height:1.35}.cs-ui-top em{margin-left:auto;padding:5px 8px;border-radius:4px;background:#e5f7f7;color:#087d82;font-size:7px;font-style:normal;font-weight:800;letter-spacing:.08em}.cs-ui-body aside{display:flex;flex-direction:column;align-items:center}.cs-ui-body aside span{display:grid;width:34px;height:34px;place-items:center;border:1px solid #ffffff20;border-radius:6px;background:#ffffff0d;color:#b7d4dc;font-size:13px;font-weight:700}.cs-ui-body aside span:first-child{background:#fff;color:#0b2d44}.cs-ui-workspace{padding:26px 24px 18px!important}.cs-ui-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.cs-ui-heading>small{padding:6px 8px;border-radius:5px;background:#fff;color:#45626f;font-size:8px;font-weight:700;white-space:nowrap}.cs-ui-body h4{margin-bottom:15px;font-size:30px}.cs-ui-cards article{display:flex;min-width:0;min-height:82px;flex-direction:column;padding:11px;border:1px solid #cadcdf;border-radius:7px;background:#fff}.cs-ui-cards article>span{color:#078f94;font-size:7px;font-weight:800;letter-spacing:.08em}.cs-ui-cards article>b{margin:7px 0 4px;color:#0b2d44;font-size:9px;line-height:1.35}.cs-ui-cards article>small{margin-top:auto;color:#718894;font-size:7px}.cs-ui-chart{display:block;height:112px;padding:11px 13px}.cs-ui-chart header{display:flex;align-items:center;justify-content:space-between}.cs-ui-chart header span{color:#67808b;font-size:7px;font-weight:800;letter-spacing:.08em}.cs-ui-chart header b{color:#0b2d44;font-size:8px}.cs-ui-bars{display:flex;height:70px;align-items:end;gap:7px;margin-top:5px}.cs-ui-bars i{position:relative;display:block;flex:1;height:var(--h);border-radius:3px 3px 0 0;background:#16b3b7}.cs-ui-bars i span{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);color:#073149;font-size:6px;font-style:normal;font-weight:800}.cs-ui-proof{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;margin-top:8px;padding:8px 10px;border-radius:6px;background:#0b2d44;color:#fff}.cs-ui-proof span{color:#6adbdc;font-size:7px;font-weight:800}.cs-ui-proof b{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.cs-ui-proof em{color:#b4cad3;font-size:7px;font-style:normal}.cs-floating-card{top:18px;right:18px}
@media(max-width:780px){.cs-blueprint-summary{margin-bottom:18px}.cs-ui-workspace{padding:24px 16px 16px!important}.cs-ui-proof{grid-template-columns:1fr}.cs-ui-proof em{display:none}}
@media(max-width:480px){.cs-blueprint-screen{min-height:660px}.cs-blueprint-summary{grid-template-columns:1fr 1fr 1fr}.cs-blueprint-summary div{padding:10px 7px}.cs-ui-top em,.cs-ui-heading>small,.cs-floating-card{display:none}.cs-ui-cards{grid-template-columns:1fr}.cs-ui-cards article{min-height:62px}.cs-ui-chart{height:104px}.cs-ui-body h4{font-size:25px}}

/* Answer engine optimisation, generative engine optimisation and AI visibility. */
.cs-ai-discovery{position:relative;overflow:hidden;background:#0b2d44;border-bottom:1px solid #ffffff14}.cs-ai-plant{width:600px;right:-240px;bottom:-250px;opacity:.065}.cs-ai-discovery>.wrap{position:relative;z-index:2}
.cs-ai-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:28px;align-items:stretch}.cs-ai-cards{display:grid;gap:10px}.cs-ai-cards article{padding:24px;border:1px solid #ffffff22;border-radius:9px;background:#ffffff08}.cs-ai-cards span{color:#68ddde;font-size:10px;font-weight:800;letter-spacing:.12em}.cs-ai-cards h3{margin:10px 0 8px;font-family:"Bebas Neue",Impact,sans-serif;font-size:27px}.cs-ai-cards p{margin:0;color:#afc5ce;font-size:11px;line-height:1.65}
.cs-ai-console{overflow:hidden;padding:20px;border:1px solid #ffffff27;border-radius:12px;background:#071e33;box-shadow:0 25px 55px #00101d4f}.cs-ai-console>header{display:flex;align-items:center;gap:7px;padding-bottom:17px;border-bottom:1px solid #ffffff19}.cs-ai-console>header i{width:7px;height:7px;border-radius:50%;background:#5d8192}.cs-ai-console>header b{margin-left:7px;color:#a9c6d1;font-size:10px;letter-spacing:.08em}.cs-ai-console>header em{margin-left:auto;padding:5px 8px;border-radius:4px;background:#133c52;color:#6de0e1;font-size:9px;font-style:normal;font-weight:800}
.cs-ai-query{position:relative;margin:18px 0;padding:17px 44px 17px 17px;border-radius:8px;background:#173e55}.cs-ai-query small,.cs-ai-query b{display:block}.cs-ai-query small{color:#66dcde;font-size:9px;letter-spacing:.11em}.cs-ai-query b{margin-top:6px;color:#fff;font-size:12px}.cs-ai-query>span{position:absolute;right:17px;top:50%;color:#66dcde;transform:translateY(-50%)}
.cs-ai-signals{display:grid;gap:14px;padding:18px;border:1px solid #ffffff18;border-radius:8px}.cs-ai-signals p{display:grid;grid-template-columns:105px 1fr 55px;gap:11px;align-items:center;margin:0;color:#c2d4db;font-size:10px}.cs-ai-signals p>i{height:6px;border-radius:7px;background:#ffffff14}.cs-ai-signals p>i b{display:block;width:var(--w);height:100%;border-radius:7px;background:#25c0c1}.cs-ai-signals em{color:#68ddde;text-align:right;font-size:9px;font-style:normal;font-weight:700}.cs-ai-source{margin-top:12px;padding:18px;border-radius:8px;background:#fff;color:#0b2d44}.cs-ai-source span,.cs-ai-source b,.cs-ai-source small{display:block}.cs-ai-source span{color:#078f94;font-size:9px;letter-spacing:.11em}.cs-ai-source b{margin:7px 0;font-size:11px}.cs-ai-source small{color:#6a828d;font-size:9px}
.cs-results{background:#061b2e}.cs-metrics{grid-template-columns:repeat(2,1fr)}.cs-metrics article{min-height:205px}.cs-metrics article:nth-child(2){background:#ffffff08;color:#fff}.cs-metrics article:nth-child(2) span{color:#b8cbd3}.cs-metrics article:nth-child(2) small{color:#72d9da}.cs-metrics article:nth-child(4){background:#25c0c1;color:#06253a}.cs-metrics article:nth-child(4) span{color:#0d4251}.cs-metrics article:nth-child(4) small{color:#155665}
@media(max-width:900px){.cs-ai-grid{grid-template-columns:1fr}.cs-ai-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.cs-ai-cards{grid-template-columns:1fr}.cs-ai-signals p{grid-template-columns:90px 1fr 48px}.cs-metrics{grid-template-columns:1fr}}

/* Tool logo panels removed; keep the delivery story comfortably readable. */
.cs-build-grid{grid-template-columns:1fr;max-width:900px;margin-inline:auto}

/* Project details sit within the hero interface visual. */
.cs-hero-facts{position:absolute;z-index:3;left:24px;right:24px;bottom:24px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:16px 10px;border:1px solid #ffffff29;border-radius:8px;background:#071e33ed;box-shadow:0 15px 35px #00101d55;backdrop-filter:blur(8px)}
.cs-hero-facts div{min-width:0;padding:0 14px;border-top:0;border-left:1px solid #ffffff22}.cs-hero-facts div:first-child{border-left:0}.cs-hero-facts dt{font-size:9px}.cs-hero-facts dd{font-size:10px;line-height:1.35}
@media(max-width:780px){.cs-hero-facts{position:relative;left:auto;right:auto;bottom:auto;margin:-6px 10px 10px;grid-template-columns:1fr 1fr}.cs-hero-facts div:nth-child(3){grid-column:1/-1;margin-top:12px;padding-top:12px;border-top:1px solid #ffffff22;border-left:0}}
@media(max-width:480px){.cs-hero-facts{grid-template-columns:1fr}.cs-hero-facts div,.cs-hero-facts div:first-child{padding:10px 4px;border-top:1px solid #ffffff22;border-left:0}.cs-hero-facts div:first-child{padding-top:0;border-top:0}.cs-hero-facts div:nth-child(3){grid-column:auto;margin-top:0}}

/* Compact multi-card case-study carousel. */
.cs-gallery{padding-bottom:85px}.cs-carousel-head{margin-bottom:32px}.cs-carousel-head>div:last-child{display:block}.cs-carousel-track{gap:14px;padding-bottom:4px;scrollbar-width:none}.cs-carousel-track::-webkit-scrollbar{display:none}.cs-carousel-slide{flex:0 0 calc((100% - 28px)/3);border-radius:10px}.cs-full-capture{height:490px;padding:10px}.cs-carousel-slide figcaption{min-height:48px;padding:12px 14px;font-size:10px}
.cs-carousel-controls{justify-content:flex-start;gap:10px;margin-top:25px}.cs-carousel-controls button{flex:0 0 44px;border-color:#25c0c1;background:#25c0c1;color:#071e33}.cs-carousel-controls button:hover{background:#fff;border-color:#fff}.cs-carousel-controls button:disabled{cursor:default;opacity:.45}.cs-carousel-progress{flex:1;max-width:560px;height:3px;margin:0 8px;background:#ffffff1c}.cs-carousel-progress i{display:block;width:var(--progress);height:100%;background:#25c0c1;transition:width .28s ease}.cs-carousel-controls>span{margin-left:auto}
@media(max-width:1050px){.cs-carousel-slide{flex-basis:calc((100% - 14px)/2)}}
@media(max-width:680px){.cs-carousel-slide{flex-basis:88vw}.cs-full-capture{height:500px}.cs-carousel-progress{max-width:none}.cs-carousel-controls>span{margin-left:0}}
@media(max-width:430px){.cs-carousel-slide{flex-basis:92vw}.cs-full-capture{height:440px}.cs-carousel-controls button{flex-basis:40px;width:40px;height:40px}.cs-carousel-controls>span{display:none}}

/* Navy and white carry the case-study palette; turquoise stays as a CTA/accent. */
.cs-ps-grid article.accent{border-color:#d8e4e7;background:#fff;color:#0b2d44}.cs-ps-grid .accent span{color:#315969}.cs-ps-grid .accent p{color:#173c4d}
.cs-carousel-controls button{border-color:#fff;background:#fff;color:#071e33}.cs-carousel-controls button:hover{border-color:#dce7e9;background:#dce7e9;color:#071e33}
.cs-metrics article:nth-child(4){border-color:#d9e5e8;background:#fff;color:#071e33}.cs-metrics article:nth-child(4) span{color:#385665}.cs-metrics article:nth-child(4) small{color:#607985}

/* Full-width captures scroll through the page while hovered or focused. */
.cs-full-capture{--capture-height:490px;display:block;height:var(--capture-height);padding:0;overflow:hidden;background:#fff}
.cs-full-capture img{display:block;width:100%;height:auto;max-width:none;object-fit:unset;object-position:top;transform:translateY(0);transition:transform 1.1s cubic-bezier(.22,.61,.36,1);will-change:transform}
.cs-carousel-slide:hover .cs-full-capture img,.cs-carousel-slide:focus .cs-full-capture img,.cs-carousel-slide:focus-within .cs-full-capture img{transform:translateY(calc(-100% + var(--capture-height)));transition-duration:10s;transition-timing-function:linear}
.cs-carousel-slide:focus{outline:2px solid #fff;outline-offset:3px}
@media(max-width:680px){.cs-full-capture{--capture-height:500px}}
@media(max-width:430px){.cs-full-capture{--capture-height:440px}}
@media(prefers-reduced-motion:reduce){.cs-full-capture img{transition:none}.cs-carousel-slide:hover .cs-full-capture img,.cs-carousel-slide:focus .cs-full-capture img,.cs-carousel-slide:focus-within .cs-full-capture img{transform:none}}

/* Related projects use their own hero artwork with interface framing. */
.cs-related-card{position:relative;display:block;min-height:320px;padding:0;overflow:hidden;border:0;border-radius:12px;background:#071e33;color:#fff;box-shadow:0 18px 42px #0b2d4422}
.cs-related-card:hover{border:0;background:#071e33;transform:translateY(-5px);box-shadow:0 26px 52px #0b2d4435}
.cs-related-hero{position:absolute;inset:0;width:100%!important;height:100%!important;padding:0!important;object-fit:cover!important;object-position:top center!important;border-radius:0!important;background:transparent!important;transition:transform .45s ease}.cs-related-card:hover .cs-related-hero{transform:scale(1.035)}
.cs-related-shade{position:absolute;inset:0;background:linear-gradient(180deg,#071e3314 20%,#071e33d1 72%,#071e33 100%)}
.cs-related-browser{position:absolute;z-index:2;left:14px;right:14px;top:14px;display:flex!important;align-items:center;gap:5px;height:30px;padding:0 10px;border:1px solid #ffffff30;border-radius:6px;background:#f7fafae8;color:#58727d;backdrop-filter:blur(5px)}.cs-related-browser i{width:6px;height:6px;border-radius:50%;background:#9cb0b7}.cs-related-browser b{margin-left:6px;font-size:9px;font-weight:600}
.cs-related-logo{position:absolute;z-index:2;left:22px;bottom:92px;display:flex!important;align-items:center;justify-content:center;width:72px;height:52px;padding:7px;border-radius:6px;background:#fff;box-shadow:4px 4px 0 #071e33}.cs-related-logo img{width:100%;height:100%;object-fit:contain}
.cs-related-copy{position:absolute;z-index:2;left:22px;right:75px;bottom:22px}.cs-related-copy small{color:#b9d3dc;font-size:9px}.cs-related-copy b{margin-top:5px;color:#fff;font-size:15px}.cs-related-copy em{display:inline-block;margin-top:8px;color:#fff;font-size:9px;font-style:normal;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.cs-related-arrow{position:absolute;z-index:2;right:22px;bottom:24px;display:flex!important;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #ffffff8f;border-radius:50%;color:#fff;font-size:15px}
@media(max-width:650px){.cs-related-card{min-height:280px}}

/* Keep client identity clear of the supporting copy below it. */
.case-archive-logo{margin-bottom:30px}
.cs-related-logo{bottom:110px}

/* Case studies archive */
.case-detail-page .footer-brand>img,.case-archive-page .footer-brand>img{height:auto}.case-archive-page{overflow-x:hidden}.case-archive-hero{min-height:820px;background:radial-gradient(circle at 78% 38%,#16445f 0,#0b2d44 38%,#061b2e 78%)}.case-archive-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center;padding-top:62px!important;padding-bottom:90px!important}.case-archive-hero-copy h1{max-width:640px;margin:18px 0 24px;font-size:clamp(64px,6.3vw,94px);line-height:.93}.case-archive-hero-copy>p:not(.eyebrow){max-width:590px;color:#bfd1d9;font-size:15px;line-height:1.8}.case-archive-hero-copy .actions{margin-top:28px;gap:12px}.case-archive-hero-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:36px}.case-archive-hero-facts span{padding-top:14px;border-top:1px solid #ffffff25;color:#aac1cc;font-size:10px}.case-archive-hero-facts b{display:block;margin-bottom:3px;color:#fff;font-family:"Bebas Neue",Impact,sans-serif;font-size:30px;line-height:1}.case-archive-hero-visual{position:relative;min-height:560px;padding:48px 24px 24px;border:1px solid #ffffff20;border-radius:16px;background:#ffffff07;box-shadow:0 34px 75px #00101d55}.case-archive-console{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:15px 15px 0 0;background:#f3f7f8;color:#617985}.case-archive-console i{width:7px;height:7px;border-radius:50%;background:#a8bbc2}.case-archive-console b{margin-left:7px;font-size:8px;letter-spacing:.08em}.case-archive-console em{margin-left:auto;color:#087f84;font-size:8px;font-style:normal;font-weight:800}.case-archive-hero-card{position:absolute;display:block;overflow:hidden;border:6px solid #fff;border-radius:9px;background:#fff;box-shadow:0 24px 55px #00101d70}.case-archive-hero-card>img{width:100%;height:100%;object-fit:cover;object-position:top}.case-archive-hero-card>span{position:absolute;inset:auto 0 0;padding:34px 13px 12px;background:linear-gradient(transparent,#071e33f2);color:#fff}.case-archive-hero-card small,.case-archive-hero-card b{display:block}.case-archive-hero-card small{color:#78ddde;font-size:7px;letter-spacing:.09em}.case-archive-hero-card b{margin-top:4px;font-size:10px}.case-archive-hero-card.card-1{left:24px;top:67px;width:58%;height:280px;transform:rotate(-2deg)}.case-archive-hero-card.card-2{right:24px;top:83px;width:38%;height:215px;transform:rotate(3deg)}.case-archive-hero-card.card-3{right:42px;bottom:36px;width:49%;height:220px;transform:rotate(-1deg)}.case-archive-signal{position:absolute;z-index:4;left:38px;bottom:45px;width:45%;padding:17px;border:1px solid #ffffff26;border-radius:8px;background:#071e33e8;color:#fff;backdrop-filter:blur(7px)}.case-archive-signal small,.case-archive-signal b,.case-archive-signal span{display:block}.case-archive-signal small{color:#6adbdc;font-size:8px;letter-spacing:.09em}.case-archive-signal b{margin:7px 0;font-size:11px}.case-archive-signal span{color:#a9c0ca;font-size:8px}.case-archive-work{position:relative;overflow:hidden}.case-archive-work-plant{right:-220px;top:340px;width:540px;opacity:.045}.case-archive-section-head{position:relative;z-index:2;display:grid;grid-template-columns:1fr .7fr;gap:75px;align-items:end;margin-bottom:55px}.case-archive-section-head h2{max-width:780px;margin:0;font-size:clamp(48px,5vw,68px);line-height:.96}.case-archive-section-head>p{margin:0;color:#607985;font-size:13px;line-height:1.8}.case-archive-section-head.light-head>p{color:#b4c8d1}.case-archive-list{position:relative;z-index:2;gap:85px}.case-archive-card{grid-template-columns:1.05fr .95fr;gap:65px;padding:0 0 85px}.case-archive-card:nth-child(even){grid-template-columns:.95fr 1.05fr}.case-archive-card:nth-child(even) .case-archive-image{order:2}.case-archive-image{border-radius:13px;background:#071e33;box-shadow:0 24px 55px #12394d1e}.case-archive-image:after{content:"";position:absolute;inset:32px 0 0;background:linear-gradient(180deg,transparent 55%,#071e33d9 100%)}.case-archive-image>img{height:510px}.case-archive-browser{display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;background:#eef3f4;color:#607985}.case-archive-browser i{width:6px;height:6px;border-radius:50%;background:#a8b8bf}.case-archive-browser span{position:static;margin-left:8px;padding:0;background:transparent;color:#607985;font-size:9px}.case-archive-image>b{position:absolute;z-index:2;left:20px;bottom:18px;color:#fff;font-size:9px;letter-spacing:.1em}.case-archive-content{min-width:0}.case-archive-logo{width:120px;height:68px;margin-bottom:30px}.case-archive-content .eyebrow{margin-bottom:14px}.case-archive-card h2{margin-bottom:17px;font-size:55px;line-height:.98}.case-archive-summary{color:#385969!important;font-size:14px;line-height:1.75!important}.case-archive-brief{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.case-archive-brief p{margin:0;padding:15px;border-radius:7px;background:#f1f6f7;color:#506d7a!important;font-size:10px;line-height:1.6!important}.case-archive-brief span{display:block;margin-bottom:7px;color:#087f84;font-size:8px;font-weight:800;letter-spacing:.09em}.case-archive-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:23px}.case-archive-meta span{padding:6px 9px;border:1px solid #d3e1e4;border-radius:4px;color:#516e7b;font-size:9px;font-weight:600}.case-archive-value{position:relative;overflow:hidden;background:#071e33}.case-archive-value-plant{left:-230px;bottom:-250px;width:620px;opacity:.07}.case-archive-value-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.case-archive-value-grid article{min-height:300px;padding:30px;border:1px solid #ffffff22;border-radius:10px;background:#ffffff08}.case-archive-value-grid article:nth-child(2){background:#fff;color:#071e33}.case-archive-value-grid span{color:#6adbdc;font-size:9px;font-weight:800;letter-spacing:.1em}.case-archive-value-grid article:nth-child(2) span{color:#087f84}.case-archive-value-grid h3{margin:56px 0 15px;font-size:31px}.case-archive-value-grid p{color:#b9ccd4;font-size:11px;line-height:1.75}.case-archive-value-grid article:nth-child(2) p{color:#52707d}.case-archive-value-grid i{display:block;height:6px;margin-top:24px;border-radius:5px;background:#ffffff13}.case-archive-value-grid i:after{content:"";display:block;width:var(--w);height:100%;border-radius:5px;background:#25c0c1}.case-archive-value-grid article:nth-child(2) i{background:#dce8ea}.case-archive-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.case-archive-process-grid article{min-height:245px;padding:26px;border:1px solid #d7e3e6;border-radius:9px}.case-archive-process-grid article:nth-child(even){background:#f1f6f7}.case-archive-process-grid b{color:#0b989d;font-family:"Bebas Neue",Impact,sans-serif;font-size:35px}.case-archive-process-grid>article>span{display:block;margin:35px 0 8px;color:#62808d;font-size:9px;font-weight:800;letter-spacing:.1em}.case-archive-process-grid h3{margin-bottom:11px;font-size:28px}.case-archive-process-grid p{color:#607985;font-size:11px;line-height:1.7}.case-archive-cta{padding-top:35px;background:#f2f7f7}.case-archive-cta-card{display:grid;grid-template-columns:1fr 360px;gap:55px;align-items:center;padding:52px;border-radius:14px;background:#0b2d44;color:#fff}.case-archive-cta-card h2{max-width:760px;margin-bottom:15px;font-size:clamp(44px,4.6vw,63px);line-height:.96}.case-archive-cta-card>div>p:not(.eyebrow){max-width:760px;margin:0;color:#bcd0d9;font-size:13px;line-height:1.8}.case-archive-cta-card .actions{display:grid;gap:10px}.case-archive-cta-card .button{width:100%}
@media(max-width:1050px){.case-archive-hero-grid{grid-template-columns:1fr;gap:45px}.case-archive-hero-copy{max-width:760px}.case-archive-hero-visual{width:min(780px,100%)}.case-archive-card,.case-archive-card:nth-child(even){gap:40px}.case-archive-brief{grid-template-columns:1fr}.case-archive-cta-card{grid-template-columns:1fr 310px}}
@media(max-width:760px){.case-archive-hero{min-height:0}.case-archive-hero-grid{padding-top:48px!important;padding-bottom:65px!important}.case-archive-hero-copy h1{font-size:58px}.case-archive-hero-facts{grid-template-columns:1fr 1fr 1fr}.case-archive-hero-visual{min-height:470px}.case-archive-hero-card.card-1{height:235px}.case-archive-hero-card.card-2{height:180px}.case-archive-hero-card.card-3{height:180px}.case-archive-signal{left:24px;bottom:35px}.case-archive-section-head{grid-template-columns:1fr;gap:18px;margin-bottom:38px}.case-archive-card,.case-archive-card:nth-child(even){grid-template-columns:1fr;gap:28px;padding-bottom:60px}.case-archive-card:nth-child(even) .case-archive-image{order:0}.case-archive-image>img{height:400px}.case-archive-value-grid,.case-archive-process-grid{grid-template-columns:1fr 1fr}.case-archive-value-grid article{min-height:250px}.case-archive-cta-card{grid-template-columns:1fr;padding:35px 26px}.case-archive-cta-card .actions{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.case-archive-hero-copy h1{font-size:51px}.case-archive-hero-copy .actions,.case-archive-cta-card .actions{display:grid;grid-template-columns:1fr}.case-archive-hero-copy .button{width:100%}.case-archive-hero-facts{gap:6px}.case-archive-hero-facts span{font-size:8px}.case-archive-hero-visual{min-height:430px}.case-archive-hero-card.card-1{left:10px;top:56px;width:66%;height:210px}.case-archive-hero-card.card-2{right:10px;top:70px;width:37%;height:160px}.case-archive-hero-card.card-3{right:18px;bottom:26px;width:56%;height:160px}.case-archive-signal{left:15px;bottom:32px;width:48%;padding:12px}.case-archive-image>img{height:310px}.case-archive-card h2{font-size:44px}.case-archive-value-grid,.case-archive-process-grid{grid-template-columns:1fr}.case-archive-value-grid article,.case-archive-process-grid article{min-height:0}.case-archive-value-grid h3{margin-top:35px}.case-archive-brief{margin:20px 0}.case-archive-cta-card h2{font-size:42px}}

/* Case-study breadcrumb: links first, active client highlighted last. */
.cs-hero .breadcrumb{align-items:center;gap:0;margin-top:28px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.cs-hero .breadcrumb>a{padding:5px 0;border-bottom:1px solid #ffffff8c;color:#fff}.cs-hero .breadcrumb>a:hover{border-color:#25c0c1;color:#fff}.cs-hero .breadcrumb>span:not([aria-current]){padding:0 12px;color:#829daa}.cs-hero .breadcrumb>[aria-current="page"]{color:#5ce7e3;font-weight:800}.cs-hero .breadcrumb>[aria-current="page"]:before{content:""}
@media(max-width:480px){.cs-hero .breadcrumb{row-gap:8px;line-height:1.5}.cs-hero .breadcrumb>span:not([aria-current]){padding:0 8px}.cs-hero .breadcrumb>[aria-current="page"]{flex-basis:auto}}

/* Multi-channel case-study archive visual and internal service paths. */
.case-archive-growth-visual{overflow:hidden}.case-archive-team{position:absolute;inset:40px 0 auto;width:100%;height:270px;object-fit:cover;object-position:center 42%}.case-archive-team-shade{position:absolute;inset:40px 0 auto;height:270px;background:linear-gradient(180deg,#071e3320 15%,#071e33db 100%)}.case-archive-channel-row{position:absolute;z-index:3;top:58px;left:20px;right:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.case-archive-channel-row span{padding:8px 6px;border:1px solid #ffffff35;border-radius:5px;background:#071e33d9;color:#fff;font-size:7px;font-weight:800;letter-spacing:.06em;text-align:center;backdrop-filter:blur(5px)}.case-archive-mix{position:absolute;z-index:3;left:24px;top:286px;width:185px;padding:17px;border:1px solid #ffffff25;border-radius:9px;background:#071e33f2;color:#fff}.case-archive-mix>small,.case-archive-activity>small{color:#79dfe0;font-size:8px;font-weight:800;letter-spacing:.08em}.case-archive-mix>div{display:grid;grid-template-columns:64px 1fr;grid-template-rows:1fr 1fr;align-items:center;margin-top:12px}.case-archive-mix i{grid-row:1/3;width:58px;height:58px;border-radius:50%;background:conic-gradient(#25c0c1 0 72%,#ffffff24 72% 100%);position:relative}.case-archive-mix i:after{content:"";position:absolute;inset:11px;border-radius:50%;background:#071e33}.case-archive-mix b{font-family:"Bebas Neue",Impact,sans-serif;font-size:31px;line-height:1}.case-archive-mix span{color:#acc3cd;font-size:8px}.case-archive-activity{position:absolute;z-index:3;top:278px;right:24px;width:365px;padding:16px;border-radius:9px;background:#fff;color:#071e33;box-shadow:0 18px 45px #00101d55}.case-archive-activity>p{display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;margin:9px 0 0;padding-top:9px;border-top:1px solid #dbe6e8}.case-archive-activity>p>i{display:grid;width:28px;height:28px;place-items:center;border-radius:5px;background:#0b2d44;color:#fff;font-size:7px;font-style:normal;font-weight:800}.case-archive-activity p span,.case-archive-activity p b{display:block}.case-archive-activity p span{color:#718793;font-size:7px;line-height:1.35}.case-archive-activity p b{margin-bottom:2px;color:#0b2d44;font-size:8px}.case-archive-activity p em{padding:4px 6px;border-radius:4px;background:#edf5f5;color:#087f84;font-size:7px;font-style:normal;font-weight:800}.case-archive-growth-visual .case-archive-signal{left:24px;bottom:22px;width:calc(100% - 48px);padding:13px 16px}.case-archive-paths{background:#f2f7f7}.case-archive-path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.case-archive-path-grid>a{display:flex;min-height:300px;flex-direction:column;padding:30px;border:1px solid #d5e2e5;border-radius:10px;background:#fff;color:#0b2d44;transition:transform .25s,box-shadow .25s}.case-archive-path-grid>a:nth-child(2){border-color:#0b2d44;background:#0b2d44;color:#fff}.case-archive-path-grid>a:hover{transform:translateY(-5px);box-shadow:0 22px 45px #0b2d4420}.case-archive-path-grid>a>span{color:#087f84;font-size:9px;font-weight:800;letter-spacing:.1em}.case-archive-path-grid>a:nth-child(2)>span{color:#76dfe0}.case-archive-path-grid h3{margin:55px 0 14px;font-size:32px}.case-archive-path-grid p{color:#607985;font-size:11px;line-height:1.75}.case-archive-path-grid>a:nth-child(2) p{color:#b7cad3}.case-archive-path-grid a>b{margin-top:auto;padding-top:22px;font-size:11px}.case-archive-work .case-archive-list{margin-top:10px}
@media(max-width:1050px){.case-archive-activity{width:55%}.case-archive-path-grid{grid-template-columns:1fr 1fr}.case-archive-path-grid>a:last-child{grid-column:1/-1}}
@media(max-width:760px){.case-archive-team{height:230px}.case-archive-team-shade{height:230px}.case-archive-channel-row{grid-template-columns:1fr 1fr}.case-archive-mix{top:245px;width:165px}.case-archive-activity{top:238px;right:16px;width:56%}.case-archive-growth-visual .case-archive-signal{display:none}.case-archive-path-grid{grid-template-columns:1fr}.case-archive-path-grid>a:last-child{grid-column:auto}.case-archive-path-grid>a{min-height:235px}}
@media(max-width:480px){.case-archive-growth-visual{min-height:535px}.case-archive-team{height:210px}.case-archive-team-shade{height:210px}.case-archive-channel-row{top:52px;left:10px;right:10px}.case-archive-mix{left:12px;top:232px;width:142px;padding:12px}.case-archive-mix i{width:48px;height:48px}.case-archive-activity{top:225px;right:12px;width:calc(100% - 172px);padding:11px}.case-archive-activity>p{grid-template-columns:25px 1fr}.case-archive-activity p em{display:none}.case-archive-activity>p>i{width:24px;height:24px}.case-archive-path-grid>a{padding:24px}.case-archive-path-grid h3{margin-top:36px}}

/* Compact archive hero after removing inline CTAs and summary figures. */
.case-archive-hero{min-height:760px}.case-archive-hero-grid{padding-top:48px!important;padding-bottom:72px!important}
.case-archive-mix b{font-size:25px;letter-spacing:.02em}.case-archive-mix span{line-height:1.25}

.case-archive-hero .breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin:28px 0 0;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9fbdc9}.case-archive-hero .breadcrumb>a{padding:5px 0;border-bottom:1px solid #ffffff8c;color:#fff}.case-archive-hero .breadcrumb>a:hover{border-color:#25c0c1}.case-archive-hero .breadcrumb>span:not([aria-current]){padding:0 12px;color:#829daa}.case-archive-hero .breadcrumb>[aria-current="page"]{color:#5ce7e3;font-weight:800}

/* Consecutive dark case-study sections form one continuous block. */
.case-detail-page section.cs-ai-discovery.dark{
  border-radius:60px 0 0 0!important;
}
.case-detail-page section.cs-ai-discovery.dark + section.cs-results.dark{
  border-radius:0 0 60px 0!important;
}

/* A coloured word may change colour only; its heading typography must inherit. */
.case-detail-page :is(h1,h2,h3,h4,h5,h6){
  font-family:"Bebas Neue",Impact,sans-serif!important;
  font-weight:400!important;
}
.case-detail-page :is(h1,h2,h3,h4,h5,h6) :is(span,em,strong,a):not(.icon-box){
  font-family:inherit!important;
  font-size:inherit!important;
  font-style:inherit!important;
  font-weight:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
  text-transform:inherit!important;
}

@media(max-width:760px){
  .case-detail-page section.cs-ai-discovery.dark{border-radius:35px 0 0 0!important}
  .case-detail-page section.cs-ai-discovery.dark + section.cs-results.dark{border-radius:0 0 35px 0!important}
}