/* Case Study Page Overrides */
.ph{overflow:visible}
.ph::before{display:none}

/* Back link */
.csb-k{display:inline-flex;align-items:center;gap:.5rem;font-size:.76rem;font-weight:500;color:var(--tx2);margin-bottom:2.5rem;transition:color .3s}
.csb-k:hover{color:var(--ac)}.csb-k:hover svg{transform:translateX(-4px)}
.csb-k svg{width:16px;height:16px;transition:transform .3s;stroke:currentColor;stroke-width:2;fill:none}

/* Hero meta bar */
.cs-meta{display:flex;flex-wrap:wrap;gap:2.5rem;padding:2rem 0;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);margin:2rem 0 3rem}
.cs-meta-item{display:flex;flex-direction:column;gap:.2rem}
.cs-meta-label{font-family:var(--fm);font-size:.6rem;color:var(--tx3);letter-spacing:.14em;text-transform:uppercase}
.cs-meta-value{font-size:.88rem;font-weight:500}

/* Impact metrics */
.cs-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin:3rem 0}
.cs-metric{padding:2rem 1.5rem;background:var(--bg3);border:1px solid var(--bd);border-radius:var(--r);text-align:center;position:relative;overflow:hidden;transition:all .4s var(--e)}
.cs-metric:hover{transform:translateY(-4px);border-color:var(--acm)}
.cs-metric::before{content:'';position:absolute;top:0;left:0;right:0;height:2px}
.cs-metric:nth-child(1)::before{background:var(--ac)}
.cs-metric:nth-child(2)::before{background:var(--tl)}
.cs-metric:nth-child(3)::before{background:var(--co)}
.cs-metric:nth-child(4)::before{background:var(--vi)}
.cs-metric-num{font-family:var(--fd);font-size:2.8rem;font-weight:700;line-height:1;margin-bottom:.4rem}
.cs-metric:nth-child(1) .cs-metric-num{color:var(--ac)}
.cs-metric:nth-child(2) .cs-metric-num{color:var(--tl)}
.cs-metric:nth-child(3) .cs-metric-num{color:var(--co)}
.cs-metric:nth-child(4) .cs-metric-num{color:var(--vi)}
.cs-metric-label{font-size:.7rem;color:var(--tx3);text-transform:uppercase;letter-spacing:.12em;font-weight:500}
.cs-metric-sub{font-size:.7rem;color:var(--tx3);margin-top:.25rem;font-weight:300}

/* Section titles */
.cs-sh{font-family:var(--fd);font-size:clamp(1.4rem,2.5vw,1.9rem);letter-spacing:-.015em;margin-bottom:1rem;line-height:1.15}
.cs-sh em{font-style:italic;color:var(--ac)}
.cs-body{font-size:.92rem;color:var(--tx2);line-height:1.85;font-weight:300;margin-bottom:1.2rem}
.cs-body strong{color:var(--tx);font-weight:500}

/* Two-column layout */
.cs-2col{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}
.cs-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}

/* Challenge / insight cards */
.cs-card{padding:1.5rem;background:var(--bg3);border:1px solid var(--bd);border-radius:var(--rs);transition:all .3s var(--e)}
.cs-card:hover{border-color:var(--acm);background:var(--bg4)}
.cs-card-icon{font-size:1.4rem;margin-bottom:.7rem; color: aqua}
.cs-card h4{font-size:.9rem;font-weight:500;margin-bottom:.4rem; color: aqua};
.cs-card p{font-size:.78rem;color:var(--tx2);line-height:1.6;font-weight:300}

/* Process steps */
.cs-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:.8rem;margin:2rem 0}
.cs-step{padding:1.2rem 1rem;background:var(--bg3);border:1px solid var(--bd);border-radius:var(--rs);text-align:center;transition:all .3s var(--e)}
.cs-step.active{border-color:var(--ac);background:var(--bg4)}
.cs-step-num{font-family:var(--fm);font-size:.6rem;color:var(--ac);letter-spacing:.1em;margin-bottom:.3rem}
.cs-step h4{font-size:.78rem;font-weight:500}
.cs-step p{font-size:.68rem;color:var(--tx2);margin-top:.3rem;font-weight:300;line-height:1.4}

/* Mock screen / visual area */
.cs-screen{background:var(--bg3);border:1px solid var(--bd);border-radius:var(--r);overflow:hidden;margin:2rem 0}
.cs-screen-bar{padding:.7rem 1rem;background:var(--bg4);border-bottom:1px solid var(--bd);display:flex;align-items:center;gap:.5rem}
.cs-screen-dot{width:8px;height:8px;border-radius:50%}
.cs-screen-dot:nth-child(1){background:var(--co);opacity:.6}
.cs-screen-dot:nth-child(2){background:#f5a623;opacity:.6}
.cs-screen-dot:nth-child(3){background:var(--tl);opacity:.6}
.cs-screen-title{font-family:var(--fm);font-size:.6rem;color:var(--tx3);letter-spacing:.1em;margin-left:.5rem}
.cs-screen-body{padding:2rem}

/* Quote / insight highlight */
.cs-quote{padding:2rem 2.5rem;background:var(--bg3);border-left:3px solid var(--ac);border-radius:0 var(--rs) var(--rs) 0;margin:2rem 0}
.cs-quote p{font-family:var(--fd);font-size:1.1rem;font-style:italic;line-height:1.65;color:var(--tx);margin-bottom:.5rem}
.cs-quote cite{font-size:.74rem;color:var(--tx3);font-style:normal;font-family:var(--fm);letter-spacing:.1em}

/* Result rows */
.cs-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}
.cs-result{display:flex;gap:1rem;align-items:start;padding:1.2rem;background:var(--bg3);border:1px solid var(--bd);border-radius:var(--rs)}
.cs-result-dot{width:6px;height:6px;border-radius:50%;background:var(--ac);flex-shrink:0;margin-top:.5rem}
.cs-result p{font-size:.82rem;color:var(--tx2);line-height:1.55;font-weight:300}
.cs-result strong{color:var(--tx);font-weight:500}

/* Next case study nav */
.cs-nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:3rem 0}
.cs-nav-link{display:flex;flex-direction:column;gap:.3rem}
.cs-nav-label{font-family:var(--fm);font-size:.6rem;color:var(--tx3);letter-spacing:.12em;text-transform:uppercase}
.cs-nav-title{font-family:var(--fd);font-size:1.1rem;color:var(--tx);transition:color .3s}
.cs-nav-link:hover .cs-nav-title{color:var(--ac)}

@media(max-width:1024px){.cs-metrics{grid-template-columns:repeat(2,1fr)}.cs-2col{grid-template-columns:1fr}.cs-3col{grid-template-columns:1fr 1fr}.cs-steps{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.cs-metrics{grid-template-columns:1fr 1fr}.cs-3col{grid-template-columns:1fr}.cs-steps{grid-template-columns:repeat(2,1fr)}.cs-result-grid{grid-template-columns:1fr}}