/* Case-study structure for key projects */
.page-case-study main { width: min(100% - (2 * var(--container-pad)), var(--container-max)); margin-inline: auto; }
.page-case-study .case-study-hero { display:grid; grid-template-columns:1.25fr .75fr; min-height:clamp(620px,78vh,900px); gap:var(--grid-gap); margin-bottom:clamp(72px,9vw,144px); }
.page-case-study .case-study-hero > .block-image, .page-case-study .case-study-hero > .block-image figure { height:100%; min-height:0; margin:0; }
.page-case-study .case-study-hero > .block-image img { width:100%; height:100%; object-fit:cover; }
.page-case-study .case-study-hero__copy { display:flex; flex-direction:column; justify-content:flex-end; padding:clamp(28px,4vw,64px); background:#f4f4f2; }
.page-case-study .case-study-kicker, .page-case-study .case-study-role, .page-case-study .case-study-period { margin:0; }
.page-case-study .case-study-kicker { margin-bottom:auto; font-size:.72rem; letter-spacing:.1em; }
.page-case-study .case-study-role { margin-top:2rem; }
.page-case-study .case-study-period { margin-top:.4rem; opacity:.65; }
.page-case-study .case-study-overview { display:grid; grid-template-columns:1fr 1fr; gap:var(--grid-gap); align-items:start; margin-bottom:clamp(56px,8vw,120px); }
.page-case-study .case-study-overview__heading, .page-case-study .case-study-overview__copy { padding:clamp(24px,4vw,56px); }
.page-case-study .case-study-overview__copy { font-size:clamp(1rem,1.45vw,1.35rem); line-height:1.65; }
.page-case-study .case-study-facts { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--grid-gap); border-top:1px solid #d8d8d5; border-bottom:1px solid #d8d8d5; margin-bottom:clamp(64px,8vw,120px); }
.page-case-study .case-study-facts > * { margin:0; padding:24px 8px 28px; border-right:1px solid #d8d8d5; }
.page-case-study .case-study-facts > *:last-child { border-right:0; }
.page-case-study .case-study-gallery { margin-bottom:var(--grid-gap); }
.page-case-study .case-study-story { margin-top:var(--grid-gap); margin-bottom:clamp(72px,10vw,150px); }
.page-case-study .case-study-outcome { width:min(760px,100%); margin:0 auto clamp(72px,10vw,150px); text-align:center; }
.page-case-study .case-study-outcome > .block-paragraph { margin-top:2rem; }
.page-case-study .case-study-quote { margin-top:clamp(48px,6vw,88px) !important; font-size:clamp(1.25rem,2vw,2rem); line-height:1.45; }
.page-case-study .case-study-next { display:flex; justify-content:space-between; gap:24px; border-top:1px solid #d8d8d5; padding:30px 0 56px; }
.page-body-of-work .body-work-cards--two { align-content:start; }
.page-body-of-work .work-card .block-paragraph:first-of-type a { color:#111; text-decoration:none; }
.page-body-of-work .work-card .block-paragraph:first-of-type a:hover { color:#FC3721; }
@media (max-width:820px) {
 .page-case-study main { width:100%; }
 .page-case-study .case-study-hero { grid-template-columns:1fr; min-height:0; gap:0; margin-bottom:56px; }
 .page-case-study .case-study-hero > .block-image, .page-case-study .case-study-hero > .block-image figure { height:auto; }
 .page-case-study .case-study-hero > .block-image img { aspect-ratio:4/5; }
 .page-case-study .case-study-hero__copy { min-height:380px; padding:28px var(--container-pad); }
 .page-case-study .case-study-overview { grid-template-columns:1fr; gap:0; margin-bottom:48px; }
 .page-case-study .case-study-overview__heading, .page-case-study .case-study-overview__copy { padding:24px var(--container-pad); }
 .page-case-study .case-study-facts { grid-template-columns:1fr 1fr; margin-inline:var(--container-pad); margin-bottom:56px; }
 .page-case-study .case-study-facts > * { border-right:0; border-bottom:1px solid #d8d8d5; }
 .page-case-study .case-study-story { margin-bottom:64px; }
 .page-case-study .case-study-outcome { width:auto; margin:0 var(--container-pad) 64px; }
 .page-case-study .case-study-next { margin-inline:var(--container-pad); padding-bottom:36px; flex-direction:column; }
}