section.case-study{--case-study-gap:clamp(1rem, .5rem + 1.5vw, 1.5rem)}section.case-study .case-study-head{gap:1.5rem 4rem;margin-bottom:clamp(2rem,1.5rem + 2vw,3rem);display:grid}@media (width>=64rem){section.case-study .case-study-head{grid-template-columns:1fr 1fr;align-items:end}}section.case-study .block-intro{margin-bottom:0}section.case-study .block-intro h2{margin-bottom:1rem}section.case-study .block-intro h3{font-size:var(--fs-h3);color:var(--colour-muted);margin-bottom:0}section.case-study .case-study-stats{gap:var(--case-study-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}section.case-study .case-study-stats .stat{border:var(--border);border-radius:var(--radius);background:var(--colour-bg);padding:1.25rem 1.5rem}section.case-study .case-study-media{gap:var(--case-study-gap);margin-bottom:var(--case-study-gap);display:grid}@media (width>=48rem){section.case-study .case-study-media{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}}section.case-study .case-study-media figure{border:var(--border);border-radius:var(--radius);margin:0;overflow:hidden}section.case-study .case-study-media img{width:100%;height:auto;display:block}section.case-study .case-study-lead{max-width:60rem;margin-bottom:var(--case-study-gap)}section.case-study .case-study-sections{gap:var(--case-study-gap);display:grid}@media (width>=64rem){section.case-study .case-study-sections{grid-template-columns:1fr 1fr}}section.case-study .case-study-card{padding:var(--space-panel);border:var(--border);border-radius:var(--radius);background:var(--colour-bg)}section.case-study .case-study-card h3{font-size:var(--fs-h3);color:var(--colour-accent);margin-bottom:1rem}section.case-study .case-study-card>:last-child{margin-bottom:0}@media (width>=64rem){section.case-study .case-study-card.is-long,section.case-study .case-study-card.is-lone{grid-column:1/-1}section.case-study .case-study-card.is-long{columns:2;column-gap:calc(var(--space-panel) * 1.5)}section.case-study .case-study-card.is-long h3{column-span:all}section.case-study .case-study-card.is-long p{break-inside:avoid}section.case-study .case-study-card.is-lone{column-gap:calc(var(--space-panel) * 1.5);grid-template-columns:1fr 1fr;align-items:start;display:grid}section.case-study .case-study-card.is-lone h3{grid-row:1/span 10}section.case-study .case-study-card.is-lone>:not(h3){grid-column:2}}