.case-study-page{--cf-green:#16d3a0;--cf-deep:#07120f;--cf-soft:#9ddfc9}
.cf-opening,.cf-evidence{margin-block:clamp(68px,9vw,126px);overflow:hidden;border:1px solid var(--line);background:#0b0e0d}.cf-opening img,.cf-evidence img{display:block;width:100%;height:auto}.cf-opening figcaption,.cf-evidence figcaption{padding:15px 20px;color:var(--muted);font:500 10px/1.5 "Space Grotesk",sans-serif;letter-spacing:.14em;text-transform:uppercase}
.cf-brief,.cf-services,.cf-process,.cf-pages,.cf-resolution{padding-block:clamp(76px,10vw,148px)}
.cf-brief{display:grid;grid-template-columns:minmax(280px,.86fr) minmax(380px,1.14fr);gap:clamp(52px,8vw,124px)}
.cf-brief h2,.cf-section-head h2,.cf-resolution h2{font:600 var(--case-reading-heading)/1.08 var(--font-display);letter-spacing:var(--heading-section-tracking);text-wrap:balance}
.cf-copy p,.cf-section-head p,.cf-resolution p{max-width:62ch;color:var(--muted);font-size:var(--case-reading-copy);line-height:1.72}.cf-copy p+p{margin-top:20px}
.cf-record{display:grid;margin-top:38px;border-top:1px solid var(--line)}.cf-record div{display:grid;grid-template-columns:110px 1fr;gap:24px;padding:15px 0;border-bottom:1px solid var(--line)}.cf-record dt{color:var(--cf-green);font:500 10px/1.4 "Space Grotesk",sans-serif;letter-spacing:.14em;text-transform:uppercase}.cf-record dd{line-height:1.5}
.cf-services{background:linear-gradient(150deg,#0e1a16,#080a09 76%);border-block:1px solid var(--line)}
.cf-section-head{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(320px,1.05fr);gap:clamp(40px,8vw,120px);align-items:end;margin-bottom:clamp(42px,6vw,74px)}
.cf-service-map{position:relative;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);background:#090c0b}.cf-service-map:before{content:"";position:absolute;left:8%;right:8%;top:46px;height:1px;background:linear-gradient(90deg,transparent,var(--cf-green),transparent);transform-origin:left;animation:cf-signal 4.5s cubic-bezier(.16,1,.3,1) infinite}@keyframes cf-signal{0%{transform:scaleX(0);opacity:0}30%,70%{transform:scaleX(1);opacity:1}100%{opacity:0}}
.cf-service-map article{position:relative;min-height:330px;padding:34px 22px;border-right:1px solid var(--line)}.cf-service-map article:last-child{border-right:0}.cf-service-map i{position:relative;z-index:1;display:block;width:17px;height:17px;border:4px solid #090c0b;border-radius:50%;background:var(--cf-green);box-shadow:0 0 0 1px var(--cf-green),0 0 26px rgba(22,211,160,.48)}.cf-service-map span{display:block;margin-top:82px;color:var(--cf-green);font:500 9px/1.4 "Space Grotesk",sans-serif;letter-spacing:.12em;text-transform:uppercase}.cf-service-map h3{margin-top:14px;font:500 clamp(20px,1.8vw,27px)/1.14 var(--font-display)}.cf-service-map p{margin-top:13px;color:var(--muted);font-size:13px;line-height:1.6}
.cf-process-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(44px,7vw,96px);align-items:start}.cf-process-copy{position:sticky;top:100px}.cf-process-copy h3{font:600 var(--case-reading-heading)/1.08 var(--font-display)}.cf-process-copy p{margin-top:24px;color:var(--muted);font-size:var(--case-reading-copy);line-height:1.72}.cf-steps{display:grid;padding:0;list-style:none;border-top:1px solid var(--line)}.cf-steps li{display:grid;grid-template-columns:70px 1fr;gap:24px;padding:30px 0;border-bottom:1px solid var(--line)}.cf-steps b{color:var(--cf-green);font:500 12px/1 "Space Grotesk",sans-serif}.cf-steps h4{font:500 clamp(23px,2.1vw,31px)/1.1 var(--font-display)}.cf-steps p{margin-top:10px;color:var(--muted);font-size:15px;line-height:1.65}
.cf-pages{background:#090a0a;border-block:1px solid var(--line)}.cf-page-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.cf-page-grid figure{margin:0;overflow:hidden;border:1px solid var(--line);background:#0c0f0e}.cf-page-grid figure:first-child{grid-column:1/-1}.cf-page-grid img{display:block;width:100%;height:auto}.cf-page-grid figcaption{padding:14px 16px;color:var(--muted);font:500 9px/1.45 "Space Grotesk",sans-serif;letter-spacing:.13em;text-transform:uppercase}
.cf-resolution{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,120px);align-items:end}.cf-signals{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.cf-signals div{padding:25px 18px;border-right:1px solid var(--line)}.cf-signals div:last-child{border-right:0}.cf-signals b{display:block;color:var(--cf-green);font:600 clamp(32px,3.7vw,48px)/1 var(--font-display)}.cf-signals span{display:block;margin-top:10px;color:var(--muted);font:500 9px/1.45 "Space Grotesk",sans-serif;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:1050px){.cf-service-map{grid-template-columns:repeat(2,1fr)}.cf-service-map:before{display:none}.cf-service-map article{min-height:250px;border-bottom:1px solid var(--line)}.cf-service-map article:nth-child(2n){border-right:0}.cf-service-map span{margin-top:44px}}
@media(max-width:900px){.cf-brief,.cf-section-head,.cf-process-grid,.cf-resolution{grid-template-columns:1fr}.cf-process-copy{position:static}.cf-page-grid{grid-template-columns:1fr}.cf-page-grid figure:first-child{grid-column:auto}}
@media(max-width:620px){.cf-service-map{grid-template-columns:1fr}.cf-service-map article{border-right:0}.cf-signals{grid-template-columns:1fr}.cf-signals div{border-right:0;border-bottom:1px solid var(--line)}}
@media(prefers-reduced-motion:reduce){.cf-service-map:before{animation:none;transform:none}}