/* Detandt Simon case study — additive, strictly scoped. HBC/global styles remain unmodified. */
body.hbc-case-study.detandt-case-study .hbc-project .detandt-gallery-frame {
    width:100%;max-width:1250px;margin:0 auto 28px;
    background:#f1f2f2;
}
body.hbc-case-study.detandt-case-study .hbc-project .detandt-gallery-frame img {
    display:block;width:100%;height:auto;object-fit:contain;
}
/* One deliberately dark editorial section, using the existing site navy and cyan. */
body.hbc-case-study.detandt-case-study .hbc-project .detandt-dark-section {
    background:#101d2d;
    padding:clamp(45px,6vw,78px) clamp(20px,5.1vw,96px);
    margin-left:calc(-1 * clamp(20px,5.1vw,96px));
    margin-right:calc(-1 * clamp(20px,5.1vw,96px));
}
body.hbc-case-study.detandt-case-study .hbc-project .detandt-dark-section h2 {color:#fff}
body.hbc-case-study.detandt-case-study .hbc-project .detandt-dark-section p {color:#c6ced7}
body.hbc-case-study.detandt-case-study .hbc-project .detandt-dark-section .detandt-gallery-frame {background:#19283d}
/* Reuse the responsive .steps grid from the validated HBC page. */
body.hbc-case-study.detandt-case-study .hbc-project .detandt-outcomes {
    max-width:1100px;margin:35px auto 0;
    border-top:1px solid #d8dce0;padding-top:25px;
}
body.hbc-case-study.detandt-case-study .hbc-project .detandt-outcomes p {margin:0}
body.hbc-case-study.detandt-case-study .hbc-project .detandt-outcomes b {color:#172333}
@media(max-width:800px){
    body.hbc-case-study.detandt-case-study .hbc-project .detandt-dark-section {
        margin-left:-22px;margin-right:-22px;padding:45px 22px;
    }
    body.hbc-case-study.detandt-case-study .hbc-project .detandt-gallery-frame {margin-bottom:18px}
}