/* Keep the case-study introduction in the visual language of the service pages. */
html body.playroom.experiment-page[data-page="experimental-case-studies"] .case-hero{text-align:left}
html body.playroom.experiment-page[data-page="experimental-case-studies"] .case-hero .service-hero-inner{max-width:1200px;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:clamp(32px,5vw,80px)}
html body.playroom.experiment-page[data-page="experimental-case-studies"] .case-hero h1{font-size:clamp(3.1rem,5vw,4.8rem);line-height:1.06;max-width:12ch}
html body.playroom.experiment-page[data-page="experimental-case-studies"] .case-intro{font-size:var(--intro-size);line-height:var(--intro-leading);max-width:47ch;margin-top:28px}
html body.playroom.experiment-page[data-page="experimental-case-studies"] .case-intro p{margin:0;color:var(--ink)}
html body.playroom.experiment-page[data-page="experimental-case-studies"] .case-intro p+p{margin-top:1em}
html body.playroom.experiment-page[data-page="experimental-case-studies"] .case-hero-art{margin:0}
html body.playroom.experiment-page[data-page="experimental-case-studies"] .case-hero-art img{width:100%;height:auto}
html body.playroom.experiment-page[data-page="experimental-case-studies"] .mentoring-situation[open] .situation-toggle{background:#22223B;color:#fff}
@media(max-width:800px){
 html body.playroom.experiment-page[data-page="experimental-case-studies"] .case-hero .service-hero-inner{grid-template-columns:1fr;gap:28px}
 html body.playroom.experiment-page[data-page="experimental-case-studies"] .case-hero h1{font-size:clamp(2.8rem,10vw,4.4rem)}
 html body.playroom.experiment-page[data-page="experimental-case-studies"] .case-hero-art{max-width:440px;width:100%;margin:0 auto}
}