/* DCP V7 - présentation photo avant / pendant / après */
.case-section{padding:72px 0;background:#f5f6f3;color:#171b18}
.case-section.dark{background:#0d120f;color:#fff}
.case-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}
.case-head{display:flex;justify-content:space-between;gap:36px;align-items:end;margin-bottom:28px}
.case-kicker{font-size:.73rem;letter-spacing:.22em;text-transform:uppercase;font-weight:800;color:#79b82a;margin-bottom:9px}
.case-title{margin:0;font-size:clamp(1.8rem,3vw,3rem);line-height:1.04;font-weight:850;letter-spacing:-.035em}
.case-head p{max-width:530px;margin:0;color:#667068;line-height:1.65}
.dark .case-head p{color:#b8c0ba}
.case-project{background:#fff;border:1px solid #dfe4dd;border-radius:18px;overflow:hidden;box-shadow:0 14px 40px rgba(0,0,0,.07);margin-top:24px}
.dark .case-project{background:#151b17;border-color:#273029;box-shadow:none}
.case-project-info{padding:22px 24px;display:flex;justify-content:space-between;gap:25px;align-items:center;border-bottom:1px solid #e4e8e2}
.dark .case-project-info{border-color:#29322c}
.case-project-info h3{margin:0 0 5px;font-size:1.15rem}.case-project-info p{margin:0;color:#6d766f;font-size:.93rem;line-height:1.5}.dark .case-project-info p{color:#b3bbb5}
.case-badge{flex:0 0 auto;background:#182019;color:#9bd84b;border:1px solid #344436;border-radius:999px;padding:8px 12px;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dfe4dd}
.dark .case-grid{background:#29322c}
.case-frame{position:relative;background:#111;min-height:390px;overflow:hidden}
.case-frame img{width:100%;height:100%;min-height:390px;object-fit:cover;display:block;transition:transform .35s ease}
.case-frame:hover img{transform:scale(1.025)}
.case-tag{position:absolute;left:14px;top:14px;background:rgba(9,13,10,.88);color:#fff;border-radius:999px;padding:8px 11px;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(8px)}
.case-tag.after{background:#78b728;color:#0b110b}
.case-tag.work{background:#fff;color:#141814}
.case-caption{position:absolute;left:0;right:0;bottom:0;padding:38px 16px 14px;color:#fff;font-weight:700;background:linear-gradient(transparent,rgba(0,0,0,.76))}

/* version compacte pour la page d'accueil */
.home-cases{padding:68px 0;background:#0c110e;color:#fff}
.home-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}
.home-case-card{background:#151b17;border:1px solid #29322c;border-radius:16px;overflow:hidden}
.home-case-pair{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#2e3730}
.home-case-pair figure{margin:0;position:relative;height:300px;overflow:hidden}.home-case-pair img{width:100%;height:100%;object-fit:cover;display:block}
.home-case-pair span{position:absolute;top:12px;left:12px;background:rgba(10,14,11,.88);color:#fff;border-radius:999px;padding:7px 10px;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.home-case-pair .after-label{background:#7dbb2d;color:#0b100b}
.home-case-copy{padding:18px 20px 21px}.home-case-copy h3{margin:0 0 6px;font-size:1.05rem}.home-case-copy p{margin:0;color:#b7c0b9;line-height:1.5;font-size:.91rem}

@media(max-width:850px){
 .case-head{display:block}.case-head p{margin-top:14px}.case-grid{grid-template-columns:1fr}.case-frame,.case-frame img{min-height:340px;height:440px}.home-case-grid{grid-template-columns:1fr}.home-case-pair figure{height:260px}
}
@media(max-width:560px){
 .case-section,.home-cases{padding:48px 0}.case-wrap{width:min(100% - 26px,1180px)}.case-project-info{align-items:flex-start;flex-direction:column}.case-grid{grid-template-columns:1fr}.case-frame,.case-frame img{height:390px;min-height:390px}.home-case-pair{grid-template-columns:1fr}.home-case-pair figure{height:320px}
}