.sp-showcase.sp-showcase .project-detail{padding-top:24px;padding-bottom:56px}
.sp-showcase.sp-showcase :is(.sp-project-split,.sp-client-split){display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "media" "body";gap:48px;max-width:none}
.sp-showcase.sp-showcase :is(.sp-project-split--text-only,.sp-client-split--textonly){grid-template-areas:"intro" "body"}
.sp-showcase.sp-showcase :is(.sp-project-split__intro,.smid-client-project__header){position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(340px,38vw,520px);padding:clamp(28px,5vw,72px);border-radius:20px;background:#f0f2ea;max-width:none;margin:0;gap:20px}
.sp-showcase.sp-showcase :is(.sp-project-split__intro,.smid-client-project__header) h1{font-size:clamp(34px,4.3vw,62px);line-height:1.08;letter-spacing:-.035em;max-width:21ch;margin:0;color:var(--green,#004638)}
.sp-showcase.sp-showcase :is(.sp-project-split__intro,.smid-client-project__header)>p:not(.smid-seo-kicker){max-width:66ch;font-size:clamp(16px,1.3vw,19px);line-height:1.6;margin:0}
.sp-showcase.sp-showcase :is(.project-place,.smid-seo-kicker){display:none}
.sp-showcase .sp-project-cover{position:absolute;inset:0;z-index:-2}
.sp-showcase .sp-project-cover__main{width:100%;height:100%;min-height:0;overflow:hidden}
.sp-showcase .sp-project-cover :is(img,picture){display:block;width:100%;height:100%;object-fit:cover}
.sp-showcase.sp-showcase :is(.sp-project-split__media,.sp-client-split__media){position:static;min-width:0;width:100%;grid-area:media}
.sp-showcase.sp-showcase :is(.sp-project-split__body,.sp-client-split__body){display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:32px 64px;grid-area:body}
.sp-showcase.sp-showcase :is(.sp-project-split__body,.sp-client-split__body)>:is(.project-story,.sd-richtext,.smid-seo-reading){grid-column:1;margin:0;max-width:75ch}
.sp-showcase.sp-showcase .project-story{display:block}
.sp-showcase.sp-showcase .project-story>div+div{margin-top:28px}
.sp-showcase.sp-showcase :is(.sp-project-split__body,.sp-client-split__body)>.smid-project-evidence{grid-column:2;grid-row:1/span 3;border:1px solid #e1e5dc;background:#f7f7f1;border-radius:16px;margin:0;padding:28px}
.sp-showcase.sp-showcase :is(.sp-project-split__body,.sp-client-split__body)>:is(.text-link,.sd-existing-projects,.smid-client-project__back,.smid-seo-cta){grid-column:1}
.sp-showcase.sp-showcase :is(.sp-project-split__body,.sp-client-split__body):not(:has(>.smid-project-evidence)){grid-template-columns:minmax(0,900px);justify-content:center}
.sp-showcase.sp-showcase :is(.sp-project-split__body,.sp-client-split__body) h2{font-size:clamp(24px,2.5vw,32px);line-height:1.2;margin-top:0}
.sp-showcase.sp-showcase .smid-project-evidence__facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}
.sp-showcase.sp-showcase .smid-project-evidence__work ul{columns:1}
.sp-showcase .sp-project-split__body>.text-link{justify-self:start;align-self:start}
.sp-showcase.sp-showcase .sp-project-split__intro:has(.sp-project-cover--overview){padding:0;min-height:0;background:transparent;border-radius:0;gap:24px;overflow:visible}
.sp-showcase.sp-showcase .page-intro.sp-project-split__intro:has(.sp-project-cover--overview)>:is(h1,p){color:var(--green,#004638);max-width:100%}
.sp-showcase.sp-showcase .sp-project-split__intro:has(.sp-project-cover--overview)>p{max-width:82ch}
.sp-showcase .sp-project-cover--overview{position:relative;inset:auto;z-index:auto;width:100%;height:clamp(340px,37vw,510px);display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:12px;border-radius:18px;overflow:hidden}
.sp-showcase .sp-project-cover--overview:after{display:none}
.sp-showcase .sp-project-cover--overview .sp-project-cover__main{grid-row:span 2}
.sp-showcase .sp-project-cover__detail{min-height:0;overflow:hidden}
.sp-showcase .sp-project-cover--overview .sp-project-cover__main img{object-position:48% 50%}
.sp-showcase.sp-showcase :is(.page-intro.sp-project-split__intro,.smid-client-project__header):has(.sp-project-cover){padding:0;min-height:0;background:transparent;border-radius:0;gap:24px;overflow:visible}
.sp-showcase.sp-showcase :is(.page-intro.sp-project-split__intro,.smid-client-project__header):has(.sp-project-cover)>:is(h1,p,.sp-project-article__date){color:var(--green,#004638);max-width:100%}
.sp-showcase.sp-showcase :is(.page-intro.sp-project-split__intro,.smid-client-project__header):has(.sp-project-cover)>p{max-width:82ch}
.sp-showcase .sp-project-cover:not(.sp-project-cover--overview){position:relative;inset:auto;z-index:auto;width:100%;height:clamp(300px,34vw,470px);border-radius:18px;overflow:hidden}
@media(max-width:760px){
 .sp-showcase.sp-showcase :is(.sp-project-split,.sp-client-split){gap:30px}
 .sp-showcase.sp-showcase :is(.sp-project-split__intro,.smid-client-project__header){min-height:380px;padding:28px 24px;border-radius:14px;gap:18px}
 .sp-showcase.sp-showcase :is(.sp-project-split__body,.sp-client-split__body){display:flex;flex-direction:column;gap:28px}
 .sp-showcase.sp-showcase :is(.sp-project-split__body,.sp-client-split__body)>*{width:100%;min-width:0}
 .sp-showcase.sp-showcase :is(.sp-project-split__body,.sp-client-split__body)>.smid-project-evidence{padding:22px}
 .sp-showcase .sp-project-cover--overview{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:auto 150px;gap:8px;border-radius:12px}
 .sp-showcase .sp-project-cover--overview .sp-project-cover__main{grid-column:span 2;grid-row:1;aspect-ratio:16/10}
 .sp-showcase .sp-project-cover:not(.sp-project-cover--overview){height:auto;aspect-ratio:4/3;border-radius:12px}
}

.sp-showcase .sp-project-cover:not(.sp-project-cover--overview) img[src*="smid-polish-selectie-16-"]{object-position:50% 78%}