/* Project overviews pair the introduction with imagery from the project. */
.case-overview{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(40px,6vw,100px);align-items:start}
.case-intro{min-width:0;display:flex;flex-direction:column;height:100%}
.case-intro h3{font-size:clamp(32px,3.6vw,54px);max-width:850px}
.case-intro>.small-label{margin-bottom:18px}
.overview-visual{padding-top:28px;margin-top:auto}
.overview-visual .case-image{aspect-ratio:2;max-height:330px}
.overview-visual .case-image.is-contained{background:var(--surface)}
.overview-visual .case-image.is-contained img{padding:16px;mix-blend-mode:normal}
.overview-czn .case-image img{transform:translateY(-8%) scale(1.55)}
.overview-czn .case-image:hover img{transform:translateY(-8%) scale(1.6)}
.overview-visual figcaption{font-size:10px;padding:12px 0 0}
.overview-illustration .case-image{background:transparent;aspect-ratio:2.05;overflow:visible}
.overview-illustration .case-image img{object-fit:contain;padding:0}
.overview-illustration figcaption{text-align:center}
.overview-illustration .case-image>span{bottom:12px;right:12px}
.case-overview .case-prose{max-width:none;align-self:center}
@media(min-width:1600px){.overview-visual{padding-top:34px}.overview-visual .case-image{aspect-ratio:2.5}.overview-illustration .case-image{aspect-ratio:2.45}}
@media(max-width:1100px){.case-overview{column-gap:40px}.case-intro h3{font-size:38px}.overview-visual .case-image{aspect-ratio:1.5}.overview-illustration .case-image{aspect-ratio:1.5}}
@media(max-width:760px){.case-overview{grid-template-columns:minmax(0,1fr);gap:28px}.case-intro h3{font-size:34px}.case-intro>.small-label{margin-bottom:16px}.overview-visual{padding-top:24px;margin-top:0}.overview-visual .case-image{aspect-ratio:1.7;max-height:320px}.overview-visual .case-image.is-contained img{padding:14px}.overview-visual figcaption{font-size:9px}.overview-illustration .case-image{aspect-ratio:1.6}.case-overview .case-prose{align-self:start}}