.inner-page{--service-accent:#365f50;--service-soft:#eaf0ea}.page-reparer-site,.page-informatique{--service-accent:#285d6b;--service-soft:#eaf1f3}.page-referencement{--service-accent:#66527d;--service-soft:#f0edf4}
.inner-page{--orange:var(--service-accent);--orange2:#b8d9c6;--orange-text:var(--service-accent)}.inner-page .page-hero{color:#142b20}.inner-page .page-hero p:not(.eyebrow){color:#4b6155}.inner-page .nav-cta{color:#fff!important}.inner-page .dark .eyebrow,.inner-page .contact-card .eyebrow{color:#b8d9c6}.inner-page .process .dark-card:before{color:#b8d9c6}.inner-page .quote-mark{color:#b8d9c6}.inner-page .contact-card a{color:#cde3d6}.inner-page .featured-card{background:#fff;border-color:#d6dfd7}.inner-page .contact-form .field-grid{grid-template-columns:1fr}
.inner-page .page-hero{background:#f4f5ef}.inner-page .display span,.inner-page .page-hero .eyebrow,.inner-page .section:not(.dark) .eyebrow{color:var(--service-accent)}
.inner-page .btn-primary,.inner-page .nav-cta{background:var(--service-accent);color:white;border-color:var(--service-accent)}.inner-page .btn-primary:hover,.inner-page .nav-cta:hover{background:#193d32}.inner-page .btn-ghost{background:transparent;border:1px solid #8b9c92;color:#203c31}.inner-page .cta-band{background:var(--service-soft);border:1px solid #d7e0d9}.inner-page .mini-list>div,.inner-page .case-scope span{background:var(--service-soft);color:#203c31}.inner-page .feature{border-top-color:var(--service-accent)}.inner-page .page-hero{padding-top:38px}
.breadcrumb{padding-top:22px;padding-bottom:12px;font-size:.88rem;color:#52665c}.breadcrumb ol{display:flex;gap:12px;flex-wrap:wrap;list-style:none;margin:0;padding:0}.breadcrumb li+li:before{content:'/';margin-right:12px;color:#819087}.breadcrumb a{color:#365f50;text-underline-offset:4px}
.meaningful-visual{padding:12px 0 38px;background:#f4f5ef}.meaningful-visual figure{margin:0;border:1px solid #dbe2d9;border-radius:24px;overflow:hidden;background:#fff;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:center}.meaningful-visual img{display:block;width:100%;height:auto}.meaningful-visual figcaption{padding:28px 36px}.meaningful-visual h2{font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.15;margin:0 0 14px;letter-spacing:-.025em;color:#183b2c}.meaningful-visual p{font-size:1rem;line-height:1.6;color:#4b6155;margin:0}
.context-link{display:inline-block;color:var(--service-accent);font-weight:700;font-size:.91rem;line-height:1.45;text-underline-offset:4px;margin-top:14px}.related-section{background:#eef2eb}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.related-card{display:flex;align-items:center;padding:24px;border:1px solid #d2ddd4;border-radius:16px;background:white;color:#254738;font-weight:700;text-decoration:none;line-height:1.4;min-height:96px}.related-card:hover{border-color:var(--service-accent);background:var(--service-soft)}.inner-page a:focus-visible{outline:3px solid var(--service-accent);outline-offset:5px}.page-realisations .case-shot img{height:auto;object-fit:contain;position:static}.page-realisations .case-with-shot .case-shot{min-height:0;align-self:start;background:#eceee8}.page-realisations .case-study{scroll-margin-top:100px}.inner-page .back-to-top{background:var(--service-accent);color:#fff}
@media(max-width:900px){.meaningful-visual figure{grid-template-columns:1fr}.meaningful-visual figcaption{padding:22px 24px}.related-grid{grid-template-columns:1fr}.related-card{min-height:0;padding:20px}.breadcrumb{font-size:.8rem}.inner-page .page-hero{padding-top:24px}}
