/* Shared project extensions — strictly scoped. No global header/footer rules. */
body.hbc-case-study .hbc-project .project-mid-cta{padding:0;margin:48px auto 90px;max-width:1120px;border:1px solid #dfe6ec;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 20px 65px rgba(13,27,46,.055)}
body.hbc-case-study .project-mid-cta-inner{padding:clamp(34px,5vw,76px);text-align:center}
body.hbc-case-study .project-section-kicker{display:flex;align-items:center;gap:.6rem;font:700 12px 'Outfit',sans-serif;letter-spacing:.19em;text-transform:uppercase;color:#18c2dc;margin-bottom:.8rem}
body.hbc-case-study .project-mid-cta h2{font-family:'Outfit',sans-serif;font-weight:700;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.2;color:#101d2d;margin:0 auto 22px;max-width:800px}
body.hbc-case-study .project-mid-cta p{font-family:'Outfit',sans-serif;font-size:1rem;line-height:1.8;max-width:740px;margin:0 auto 30px;color:#536070}
body.hbc-case-study .project-mid-cta a{display:inline-flex;align-items:center;justify-content:center;padding:16px 28px;background:#101d2d;color:white;text-decoration:none;font:600 14px 'Outfit',sans-serif;border-radius:7px;min-height:48px}
body.hbc-case-study .project-mid-cta a:hover{background:#144762}
body.hbc-case-study .project-testimonial{padding:6rem clamp(20px,5.1vw,96px);background:var(--off)}
body.hbc-case-study .project-testimonial-inner{width:100%;margin:0}
body.hbc-case-study .project-testimonial h2{font-family:var(--font-body);font-size:clamp(1.8rem,3vw,2.6rem);font-weight:700;line-height:1.15;letter-spacing:-.025em;color:var(--ink);margin:0 0 1.5rem}
body.hbc-case-study .project-quote-card{background:var(--navy);border:1px solid rgba(24,194,220,.12);border-radius:20px;padding:2.5rem 2rem 2rem;position:relative;max-width:900px;width:100%;margin:3rem auto 0}
body.hbc-case-study .project-quote-mark{font-family:"Cormorant Garamond",serif;font-size:5rem;font-weight:700;line-height:.8;color:#18c2dc;opacity:.2;position:absolute;top:1rem;left:1.5rem;pointer-events:none;user-select:none}
body.hbc-case-study .project-quote-text{font-family:"Cormorant Garamond",serif;font-size:1.08rem;font-weight:400;font-style:italic;line-height:1.7;color:rgba(255,255,255,.9);position:relative;z-index:1;margin:0 0 1.8rem;max-width:none}
body.hbc-case-study .project-quote-author{display:flex;align-items:center;gap:.9rem;border-top:1px solid rgba(255,255,255,.08);padding-top:1.2rem}
body.hbc-case-study .project-quote-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#18c2dc,#0b7999);display:flex;align-items:center;justify-content:center;flex-shrink:0;font:700 .67rem "Outfit",sans-serif;color:white;position:relative}
body.hbc-case-study .project-quote-author strong{display:block;font:700 .85rem/1.3 "Outfit",sans-serif;color:#fff}
body.hbc-case-study .project-quote-author small{display:block;font:400 .72rem "Outfit",sans-serif;color:rgba(255,255,255,.35);margin-top:.1rem}
body.hbc-case-study .project-quote-source{margin-left:auto;color:#18c2dc;background:rgba(24,194,220,.1);border-radius:100px;padding:.25rem .7rem;text-transform:uppercase;letter-spacing:.1em;font:700 .65rem "Outfit",sans-serif;flex-shrink:0}
body.hbc-case-study .project-related{background:linear-gradient(110deg,#ac8741 0%,#625333 40%,#132131 100%);color:#fff;padding:65px 24px 85px}
body.hbc-case-study .project-related-inner{max-width:1190px;margin:auto}
body.hbc-case-study .project-related h2{font:500 clamp(27px,3vw,40px)/1.3 'Outfit',sans-serif;color:white;margin:0 0 28px}
body.hbc-case-study .project-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
body.hbc-case-study .project-related-card{color:white;text-decoration:none;display:flex;flex-direction:column;gap:9px;min-width:0}
body.hbc-case-study .project-related-card img{width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:10px;display:block;background:#243343;transition:transform .2s}
body.hbc-case-study .project-related-card:hover img{transform:translateY(-3px)}
body.hbc-case-study .project-related-card strong{font:600 17px/1.35 'Outfit',sans-serif}
body.hbc-case-study .project-related-card span{font:400 13px 'Outfit',sans-serif;color:#e9e3d9}
body.hbc-case-study .project-related-empty{color:#eee;font:400 17px 'Outfit',sans-serif;margin:0 0 20px}
body.hbc-case-study .project-related-all{display:inline-block;margin-top:28px;color:white;font:600 14px 'Outfit',sans-serif;text-underline-offset:5px}
@media(max-width:760px){body.hbc-case-study .project-mid-cta{margin:20px 0 50px}body.hbc-case-study .project-related-grid{grid-template-columns:1fr}}

/* Photo client : placeholder HBC, remplaçable par une photo réelle. */
body.hbc-case-study .project-quote-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}



/* Reference: about.php, .section-eyebrow::before */
body.hbc-case-study .project-section-kicker::before{content:"";display:block;flex:0 0 24px;width:24px;height:1px;background:var(--cyan)}
/* Keep the official 6rem horizontal rhythm at desktop; responsive spacing matches about.php */
@media(max-width:1100px){body.hbc-case-study .project-testimonial{padding:4rem 2rem}}
@media(max-width:640px){body.hbc-case-study .project-testimonial{padding:3rem 1.25rem}body.hbc-case-study .project-quote-card{padding:2.5rem 1.4rem 1.8rem;margin-top:2rem}}