/* CCS case study: scoped editorial evidence visuals, no added animation. */
.ccs-case-page .ccs-heading{text-align:center;margin-bottom:2.5rem}.ccs-section{border:0}.ccs-chapter-surface{background:rgba(5,42,48,.28)}.ccs-facts{display:grid;grid-template-columns:2fr 1fr 2fr;gap:2rem;margin-top:3rem;padding-top:2rem;border-top:1px solid #a5ffdf26}.ccs-facts dt,.ccs-label{display:block;font-size:18px;line-height:1.4;font-weight:600;color:var(--color-text-strong);margin-bottom:.7rem}.ccs-facts dd{margin:0}.ccs-data,.ccs-titles,.ccs-charts,.ccs-delivery{margin:0 0 2.5rem}.ccs-data{padding:clamp(1.2rem,3vw,3rem);background:#132326;border:1px solid #a5ffdf26;border-radius:20px}.ccs-data figcaption strong{display:block;font-size:1.5rem}.ccs-data figcaption span,.ccs-charts figcaption span,.ccs-fileweight figcaption span{display:block;font-size:.9rem;color:#b1c1c4;font-weight:400;margin-top:.4rem}.ccs-route{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center;border-top:1px solid #a5ffdf26;margin-top:1.8rem;padding-top:1.8rem}.ccs-route code{font:inherit;overflow-wrap:anywhere;font-size:1rem}.ccs-route>span{color:#a5ffdf;font-size:1.5rem}.ccs-note{font-size:.88rem;line-height:1.6;color:#b1c1c4;margin:1.5rem 0 2rem}.ccs-titles{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:0}.ccs-titles>div{border-top:2px solid #a5ffdf33;padding-top:1.5rem}.ccs-titles>div:last-child{border-color:#a5ffdf}.ccs-titles p{font-size:clamp(1.3rem,2.2vw,1.8rem);line-height:1.5}.ccs-delivery{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}.ccs-delivery li{padding-top:1.5rem;border-top:1px solid #a5ffdf55}.ccs-delivery strong{display:block;font-size:1.35rem;margin-bottom:1rem}.ccs-charts{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.ccs-charts figure{margin:0}.ccs-charts figcaption,.ccs-fileweight figcaption{font-size:1.4rem;font-weight:600}.ccs-bar-row{display:grid;grid-template-columns:auto 1fr;gap:.65rem;margin-top:1.8rem;align-items:baseline}.ccs-bar-row strong{text-align:right;font-size:clamp(1.6rem,3vw,2.4rem)}.ccs-track{grid-column:1/-1;height:12px;background:#ffffff0b;border-radius:8px;overflow:hidden}.ccs-track i{display:block;background:#d98270;height:100%;border-radius:8px}.ccs-after strong{color:#a5ffdf}.ccs-after i,.ccs-fileweight i{background:#a5ffdf}.ccs-fileweight{margin:2.5rem 0 3rem;padding:2rem 0;border-top:1px solid #a5ffdf26;border-bottom:1px solid #a5ffdf26}.ccs-fileweight>p:not(.ccs-note){display:flex;align-items:center;gap:1.5rem;font-size:clamp(1.5rem,3.5vw,3rem);margin:1.5rem 0}.ccs-fileweight strong{color:#a5ffdf}.ccs-fileweight .ccs-note{margin-bottom:0}.ccs-wide-shot{margin:3rem auto 0;max-width:1000px}.ccs-wide-shot img{width:100%;height:auto;border-radius:14px;border:1px solid #a5ffdf26}.ccs-wide-shot figcaption{font-size:.88rem;margin-top:1rem;text-align:center;color:#b1c1c4}
@media(max-width:767px){.ccs-facts,.ccs-charts,.ccs-titles,.ccs-delivery{grid-template-columns:1fr;gap:2rem}.ccs-route{grid-template-columns:1fr;gap:.6rem}.ccs-route>span{transform:rotate(90deg);justify-self:start}.ccs-fileweight>p:not(.ccs-note){gap:.7rem}.ccs-case-page .project-hero__grid{gap:2.5rem}}



/* Use the established case-study type, rhythm, metric rules and real device artwork. */
.ccs-case-page .ccs-copy{max-width:64rem;margin-inline:auto}
.ccs-case-page .ccs-heading{margin-bottom:var(--space-10)}
.ccs-case-page .ccs-proof{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:var(--space-12)}
.ccs-proof .performance-metric__number{display:block}.ccs-proof .performance-metric__detail{display:block;margin-top:12px}
.ccs-case-page .ccs-proof .performance-metric{border-top:0;padding-top:0}.ccs-case-page .ccs-proof .performance-metric+.performance-metric{border-left:1px solid rgba(164,255,223,.16);padding-left:24px}
.ccs-device-figure{margin:0}





.ccs-device-figure figcaption{font-size:1rem;line-height:1.65;text-align:center;color:var(--color-text-muted);margin-top:var(--space-4)}
.ccs-charts figcaption,.ccs-fileweight figcaption{font-size:18px;line-height:1.4}.ccs-bar-row .performance-metric__number{font-size:clamp(32px,3vw,42px);line-height:1.15;margin:0}.ccs-bar-row:not(.ccs-after) .performance-metric__number{color:#d98270}
.ccs-fileweight .ccs-bar-row{max-width:100%}.ccs-fileweight .ccs-track i{background:#d98270}.ccs-fileweight .ccs-after i{background:var(--color-accent)}
.ccs-wide-shot figcaption,.ccs-note{font-size:1rem;line-height:1.65}
@media(max-width:640px){.ccs-case-page .ccs-proof{grid-template-columns:1fr;gap:20px}.ccs-case-page .ccs-proof .performance-metric+.performance-metric{border-left:0;padding-left:0;border-top:1px solid rgba(164,255,223,.16);padding-top:20px}.ccs-proof .performance-metric{display:flex;align-items:center;gap:24px}.ccs-proof .performance-metric__number{min-width:2ch}.ccs-proof .performance-metric__detail{margin:0}.ccs-device-figure figcaption{font-size:.9rem}}

/* Evidence headings share the portfolio heading color; supporting notes stay muted. */
.ccs-data figcaption strong,.ccs-charts figcaption,.ccs-fileweight figcaption,.ccs-delivery strong{color:var(--color-text-strong)}
@media(min-width:768px){.ccs-charts figcaption{min-height:4.5rem}}

/* One spacing scale for direct and nested chapters, with deliberate half-gap joins. */
.ccs-case-page{--ccs-section-space:clamp(3rem,6vw,5rem)}
.ccs-case-page #main-content .section{padding-block:var(--ccs-section-space)}
.ccs-case-page #main-content > :is(.ccs-intro,[aria-labelledby="next-steps-title"]),
.ccs-case-page #main-content .ccs-chapter-surface > .section:first-child{padding-bottom:calc(var(--ccs-section-space) / 2)}
.ccs-case-page #main-content > :is([aria-labelledby="ownership-title"],[aria-labelledby="your-project-title"]),
.ccs-case-page #main-content .ccs-chapter-surface > .section:last-child{padding-top:calc(var(--ccs-section-space) / 2)}

/* Carry the measured before/after palette into the title and redirect comparisons. */
.ccs-titles>div:first-child{border-color:#d98270}
.ccs-titles>div:first-child p,.ccs-route>div:first-child code{color:#d98270}
.ccs-titles>div:last-child p,.ccs-route>div:last-child code{color:#a5ffdf}

/* Keep the final note from adding extra space to the panel’s equal padding. */
.ccs-data > .ccs-note:last-child{margin-bottom:0}

/* Project details follow the metric grid while keeping a quieter hierarchy. */
.ccs-case-page .ccs-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:28px}
.ccs-facts>div{min-width:0}
.ccs-facts>div+div{border-left:1px solid rgba(164,255,223,.16);padding-left:24px}
.ccs-facts dd{color:var(--color-text-muted)}
@media(max-width:640px){
.ccs-case-page .ccs-facts{grid-template-columns:1fr;gap:20px}
.ccs-facts>div+div{border-left:0;padding-left:0;border-top:1px solid rgba(164,255,223,.16);padding-top:20px}
}