/* Screen colours sampled from the rendered PANNEAU MOHA V4 PDF (21/09/2026).
   These sRGB values are a screen adaptation, not an asserted print colour chart. */
:root{--ink:#2b384f;--muted:#566176;--paper:#fcfaf2;--yellow:#ffb500;--sun-soft:#fff2cf;--phase-mesurer:#87ffc4;--phase-comprendre:#6912fa;--phase-agir:#ffb500;--phase-piloter:#e00f78}
.hero-scene .scene-orbit{width:110%;height:110%;top:-5%;border:0;border-radius:0;background:url('/assets/methodology-ribbon-vertical.svg') center/cover no-repeat}.hero-scene .scene-orbit::after{display:none}
.hero-copy>.eyebrow,.page-hero-content>.eyebrow{display:table;border:1px solid currentColor;border-radius:30px;padding:6px 12px;text-transform:lowercase;letter-spacing:.03em}.hero-copy>.eyebrow::before,.page-hero-content>.eyebrow::before{display:none}
.section>.container>.eyebrow{margin-bottom:20px}
.phase-summary{margin:30px 0 40px;padding:24px 28px;border-left:5px solid var(--phase-color);background:var(--paper)}
.phase-summary .eyebrow{margin-bottom:12px}.phase-summary>p:last-child{max-width:85ch}
.service-journey{padding-block:34px 30px;border-bottom:1px solid var(--line);overflow:hidden}
.service-journey .eyebrow{margin-bottom:25px}
.service-journey-track{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;isolation:isolate}
.service-journey-track::before{content:'';position:absolute;z-index:-1;inset:-20px -10vw 0;background:url('/assets/methodology-ribbon.svg') center/cover no-repeat;pointer-events:none}
.journey-phase{display:flex;flex-direction:column;gap:13px;align-items:flex-start;padding:10px 0;min-width:0}
.journey-phase-mesurer{--capsule:var(--phase-mesurer);--capsule-ink:var(--ink)}.journey-phase-comprendre{--capsule:var(--phase-comprendre);--capsule-ink:white}.journey-phase-agir{--capsule:var(--phase-agir);--capsule-ink:var(--ink)}.journey-phase-piloter{--capsule:var(--phase-piloter);--capsule-ink:white}
.phase-capsule{display:block;padding:11px 20px;border-radius:40px;background:var(--capsule);color:var(--capsule-ink);font:600 18px/1.4 Montserrat,sans-serif;white-space:nowrap}
.journey-phase small{font-size:12px;color:var(--muted)}.journey-phase.is-related small{font-weight:600;color:var(--ink)}.journey-phase:hover .phase-capsule{text-decoration:underline;text-underline-offset:4px}.journey-scope{margin-top:14px;font-size:13px}
.service-matrix-scroll{overflow-x:auto;margin-top:30px;border:1px solid var(--line);border-radius:10px;overscroll-behavior-inline:contain}
.service-matrix{border-collapse:collapse;width:100%;min-width:790px;font-size:13px}.service-matrix caption{caption-side:bottom;text-align:left;padding:18px;font-size:12px;color:var(--muted)}.service-matrix th,.service-matrix td{padding:16px;text-align:center;border-bottom:1px solid var(--line)}.service-matrix th:first-child{text-align:left;min-width:240px}.service-matrix thead{background:var(--ink);color:var(--paper)}.service-matrix a{text-decoration:underline;text-underline-offset:4px}.service-matrix thead a:focus-visible{outline-color:var(--yellow)}.service-matrix tbody tr:nth-child(even){background:#fff}.matrix-role{display:inline-block;padding:6px 12px;border-radius:25px;white-space:nowrap;font-size:11px}.matrix-secondary{border:1px solid currentColor}.matrix-primary{font-weight:600}.matrix-primary.matrix-role-mesurer{background:var(--phase-mesurer)}.matrix-primary.matrix-role-comprendre{background:var(--phase-comprendre);color:white}.matrix-primary.matrix-role-agir{background:var(--phase-agir)}.matrix-primary.matrix-role-piloter{background:var(--phase-piloter);color:white}
.service-matrix-mobile{display:none}
.family-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;margin-top:30px}.family-details article{display:grid;grid-template-columns:55px minmax(0,1fr);gap:20px;padding:28px 0;border-top:1px solid var(--line)}.family-details strong{font:500 30px Parkinsans,sans-serif}.family-details h3{font-size:21px;letter-spacing:-.025em}.family-details p{font-size:13px;color:var(--muted);margin-top:12px}
.moha-positioning{background:var(--sun-soft)}.positioning-promise{max-width:85ch;font-size:17px;line-height:1.85}.positioning-combination{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-block:35px}.positioning-combination article,.performance-axes article{border-top:1px solid var(--ink);padding-top:22px}.positioning-combination h3,.performance-axes h3{font-size:23px}.positioning-combination p,.performance-axes p{font-size:14px;margin-top:15px}.performance-axes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:35px}
.service-deliverables{list-style:none!important;padding:0!important;margin-block:25px!important;display:grid;gap:0}.service-deliverables li{display:flex;align-items:flex-start;gap:14px;padding:16px 0;border-bottom:1px solid var(--line-soft)}.service-deliverables .ui-icon{margin-top:3px}
.service-responsibilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:40px}.service-responsibilities article{padding-top:22px;border-top:3px solid var(--yellow)}.service-responsibilities h3{font-size:21px}.service-responsibilities dl{margin:20px 0 0}.service-responsibilities dl>div+div{margin-top:22px}.service-responsibilities dt{font-size:12px;font-weight:600}.service-responsibilities dd{margin:7px 0 0;font-size:14px;color:var(--muted)}.service-schedule-note{font-size:12px;color:var(--muted);margin-top:28px}.service-legal-risk p{margin-top:18px}
.service-step-when{font-size:12px;margin-bottom:14px;font-weight:600}.service-step-detail{font-size:14px;margin-top:15px;color:var(--muted)}
.flyer-mirror{margin-top:36px;display:grid;grid-template-columns:1fr 1fr;gap:0 36px}.flyer-mirror h3{font-size:25px;padding:25px 0}.flyer-mirror p{padding:20px 0;border-top:1px solid var(--line);font-size:14px}.flyer-mirror .mirror-answer{padding-inline:24px;background:var(--sun-soft)}
.phase-entry h3{display:inline-block;border-radius:40px;padding:10px 18px;background:var(--phase-entry-color);font-family:Montserrat,sans-serif;font-weight:600;letter-spacing:-.03em}.phase-entry-comprendre h3,.phase-entry-piloter h3{color:white}.phase-entry h3{font-size:22px}
.phase-hero .eyebrow,.moha-positioning .eyebrow,.service-journey .eyebrow{display:table;border:1px solid currentColor;border-radius:30px;padding:6px 12px;text-transform:none;letter-spacing:.03em}.phase-hero .eyebrow::before,.moha-positioning .eyebrow::before,.service-journey .eyebrow::before{display:none}
@media(max-width:1000px){.catalogue-scope-grid{grid-template-columns:1fr;gap:24px}.service-journey-track{gap:16px}.phase-capsule{padding:10px 14px;font-size:15px}.performance-axes{grid-template-columns:repeat(2,minmax(0,1fr))}.positioning-combination{gap:24px}}
@media(max-width:760px){.service-journey-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}.phase-capsule{font-size:14px;padding:10px 13px}.journey-phase small{font-size:11px}.family-details,.positioning-combination,.service-responsibilities{grid-template-columns:1fr}.family-details{gap:0}.service-responsibilities{gap:28px}.performance-axes{gap:25px 20px}.performance-axes h3{font-size:20px}.phase-summary{padding:20px}.phase-entry h3{font-size:20px;padding:10px 13px}.flyer-mirror{gap:0 16px}.flyer-mirror h3{font-size:21px}.flyer-mirror p{font-size:12px}.flyer-mirror .mirror-answer{padding-inline:12px}}
@media(max-width:360px){.phase-capsule{font-size:12px;padding-inline:10px}.performance-axes{grid-template-columns:1fr}.page-hero h1{font-size:30px;hyphens:auto;overflow-wrap:anywhere}}

@media(max-width:900px){
 .service-matrix-scroll{display:none}
 .service-matrix-mobile{display:block;margin-top:30px}
 .matrix-mobile-intro{font-size:13px;color:var(--muted);margin-bottom:22px;max-width:60ch}
 .matrix-service{border-bottom:1px solid var(--line-soft)}
 .matrix-service summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 4px;min-height:64px;cursor:pointer;list-style:none;font:500 17px/1.5 Parkinsans,sans-serif}
 .matrix-service summary::-webkit-details-marker{display:none}
 .matrix-service summary:focus-visible{outline-offset:-2px;border-radius:4px}
 .matrix-service[open]{background:var(--surface-warm);border-color:transparent;border-radius:12px;margin-block:8px}
 .matrix-service[open] summary{padding:22px 20px 12px}
 .matrix-service[open] summary>.ui-icon{transform:rotate(180deg)}
 .matrix-service-body{padding:0 20px 24px}
 .matrix-service dl{margin:0}.matrix-service dl>div{margin-top:18px}
 .matrix-service dt{font-size:12px;font-weight:600;margin-bottom:10px}
 .matrix-service dd{display:flex;flex-wrap:wrap;gap:8px;margin:0}
 .matrix-service .matrix-role{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;font-size:12px;text-decoration:none}
 .matrix-service .matrix-role:hover{text-decoration:underline;text-underline-offset:3px}
 .matrix-service .link-arrow{margin-top:24px;font-size:13px;min-height:44px}
}
