/* Case study single page — loaded separately to bypass LiteSpeed file cache */

.cso-hero{background:#c8ff00;padding:clamp(64px,10vh,120px) 40px clamp(80px,12vh,140px);position:relative;overflow:hidden;}
.cso-hero__inner{max-width:var(--max-width);margin:0 auto;}
.cso-breadcrumb{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;letter-spacing:0.07em;text-transform:uppercase;color:rgba(10,11,10,0.45);margin-bottom:28px;}
.cso-breadcrumb a{color:rgba(10,11,10,0.45);text-decoration:none;}
.cso-breadcrumb a:hover{color:#0a0b0a;}
.cso-breadcrumb__sep{color:rgba(10,11,10,0.25);}
.cso-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:#0a0b0a;margin-bottom:20px;}
.cso-eyebrow__dot{width:8px;height:8px;background:#0a0b0a;border-radius:999px;flex-shrink:0;}
.cso-hero__title{font-size:clamp(44px,7vw,88px);font-weight:500;line-height:0.95;letter-spacing:-0.04em;color:#0a0b0a;margin:0 0 20px;max-width:900px;}
.cso-hero__sub{font-size:clamp(16px,1.5vw,20px);font-weight:400;line-height:1.5;color:#0a0b0a;opacity:0.75;max-width:560px;margin-bottom:36px;}
.cso-meta{display:flex;gap:0;flex-wrap:wrap;border-top:1px solid rgba(10,11,10,0.15);padding-top:28px;margin-top:8px;}
.cso-meta__item{display:flex;flex-direction:column;gap:4px;padding-right:40px;border-right:1px solid rgba(10,11,10,0.15);margin-right:40px;}
.cso-meta__item:last-child{border-right:none;padding-right:0;margin-right:0;}
.cso-meta__label{font-family:var(--mono);font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:rgba(10,11,10,0.45);}
.cso-meta__val{font-size:15px;font-weight:500;color:#0a0b0a;}

.cso-metrics{background:#ecebe4;padding:clamp(48px,7vh,80px) 40px;border-bottom:1px solid #dedad0;}
.cso-metrics__inner{max-width:var(--max-width);margin:0 auto;}
.cso-metrics__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}

.cs-problem{background:#ffffff;padding:80px 0;border-bottom:1px solid var(--mid);}
.cs-section-inner{max-width:var(--max-width);margin:0 auto;padding:0 40px;}
.cs-problem__grid{display:grid;grid-template-columns:1fr 2fr;gap:64px;align-items:start;}
.cs-section-num{font-family:var(--mono);font-size:80px;font-weight:400;letter-spacing:-0.05em;color:var(--mid);line-height:1;margin-bottom:8px;}
.cs-section-heading{font-size:clamp(26px,3vw,36px);font-weight:300;letter-spacing:-0.03em;color:var(--black);}
.cs-section-heading strong{font-weight:700;}
.cs-problem-text{font-size:16px;font-weight:300;color:var(--text-2);line-height:1.85;}

.cs-body-content{background:var(--off-white);padding:80px 0;border-top:1px solid var(--mid);}
.cs-body-inner{max-width:720px;margin:0 auto;padding:0 40px;}
.cs-body-eyebrow{display:flex;align-items:center;gap:16px;margin-bottom:48px;}
.cs-body-eyebrow__num{font-family:var(--mono);font-size:64px;font-weight:400;letter-spacing:-0.05em;color:var(--mid);line-height:1;flex-shrink:0;}
.cs-body-eyebrow__label{font-family:var(--mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:rgba(10,10,10,0.45);margin-bottom:4px;}
.cs-body-eyebrow__heading{font-size:clamp(24px,3vw,34px);font-weight:300;letter-spacing:-0.03em;color:var(--black);line-height:1;}
.cs-body-eyebrow__heading strong{font-weight:700;}
.cs-body-inner h2,.cs-body-inner h3{font-weight:600;color:var(--black);letter-spacing:-0.02em;margin:32px 0 10px;}
.cs-body-inner p{font-size:15px;font-weight:300;color:var(--text-2);line-height:1.8;margin-bottom:18px;}
.cs-body-inner ul{margin:0 0 20px;list-style:none;display:flex;flex-direction:column;gap:8px;}
.cs-body-inner ul li{display:flex;align-items:flex-start;gap:10px;font-size:15px;font-weight:300;color:var(--text-2);line-height:1.65;}
.cs-body-inner ul li::before{content:'→';color:var(--accent);font-weight:600;flex-shrink:0;margin-top:1px;background:var(--black);padding:0 4px;font-size:11px;border-radius:3px;}

.cs-results{background:#ffffff;padding:80px 0;border-top:1px solid var(--mid);}
.cs-results__note{font-size:14px;font-weight:300;color:var(--text-2);margin:12px 0 0;max-width:480px;}
.cs-results__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px;}
.cs-result-card{background:var(--off-white);border:1px solid var(--mid);border-radius:var(--radius-xl);padding:28px;transition:border-color .2s,transform .2s;}
.cs-result-card:hover{border-color:rgba(200,255,0,0.5);transform:translateY(-3px);}
.cs-result-card__label{font-family:var(--mono);font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;}
.cs-result-card__val{font-size:clamp(28px,4vw,44px);font-weight:300;letter-spacing:-0.04em;line-height:1;margin-bottom:4px;color:var(--black);}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease;}
.reveal.in-view{opacity:1;transform:translateY(0);}

@media(max-width:900px){
  .cso-hero{padding:clamp(48px,8vh,80px) 24px clamp(64px,10vh,96px);}
  .cso-metrics{padding:40px 24px;}
  .cso-metrics__grid{grid-template-columns:1fr;}
  .cso-meta__item{padding-right:24px;margin-right:24px;}
  .cs-problem__grid{grid-template-columns:1fr;}
  .cs-results__grid{grid-template-columns:1fr;}
  .cs-section-inner,.cs-body-inner{padding:0 24px;}
  .cs-problem,.cs-body-content,.cs-results{padding:56px 0;}
}
@media(max-width:480px){
  .cso-meta{flex-direction:column;gap:16px;}
  .cso-meta__item{border-right:none;padding-right:0;margin-right:0;padding-bottom:16px;border-bottom:1px solid rgba(10,11,10,0.12);}
  .cso-meta__item:last-child{border-bottom:none;padding-bottom:0;}
}