:root{--phase-mesurer:#7fe7c4;--phase-comprendre:#5b1fe0;--phase-agir:#f9b233;--phase-piloter:#e3197c}
/* Approximate phase colours supplied by Moha; the final print files remain the colour authority. */
.services-menu summary{display:flex;align-items:center;gap:7px;min-height:44px;padding:12px 0;cursor:pointer;list-style:none}
.services-menu summary::-webkit-details-marker{display:none}
.services-menu summary>span{transition:transform var(--motion)}
.services-menu[open] summary>span{transform:rotate(180deg)}
.services-menu[data-active] summary{text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:2px}
.site-header:has(.services-menu[open]){z-index:40}
.services-mega{position:absolute;top:calc(100% - 1px);left:max(var(--gutter),calc((100% - var(--wide))/2));right:max(var(--gutter),calc((100% - var(--wide))/2));display:grid;grid-template-columns:.9fr 1.5fr;border:1px solid var(--line);border-radius:0 0 16px 16px;box-shadow:0 20px 40px #47457015;background:var(--paper);max-height:calc(100dvh - 95px);overflow:auto;overscroll-behavior:contain}
.mega-phases{padding:28px;background:var(--lavender)}
.mega-phases>.eyebrow,.mega-services>.eyebrow{margin-bottom:18px;font-family:Montserrat,sans-serif;font-size:10px}
.mega-phases>a:not(.mega-programme),.mobile-phase-links>a{display:flex;align-items:center;gap:13px;min-height:65px;padding:12px 5px;border-bottom:1px solid #47457022}
.mega-phases>a>span:last-child,.mobile-phase-links>a>span:last-child{margin-left:auto}
.menu-phase-number{font:11px Montserrat,sans-serif;opacity:.8}
.mega-phases strong,.mobile-phase-links strong{font:500 18px Parkinsans,sans-serif}
.mega-phases small,.mobile-phase-links small{display:block;margin-top:3px;font:11px/1.6 Montserrat,sans-serif;color:var(--muted)}
.mega-phases>a:hover strong,.mega-service-links a:hover,.mobile-phase-links>a:hover strong{text-decoration:underline;text-underline-offset:4px}
.mega-programme{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;padding-top:23px;min-height:44px}
.mega-services{padding:28px 30px}
.mega-service-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;align-items:start}
.mega-service-links a{font:12px/1.5 Montserrat,sans-serif;min-height:44px;display:flex;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.mega-all{display:inline-flex;gap:25px;align-items:center;min-height:44px;margin-top:15px;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.services-mega [aria-current=page],.mobile-phase-links [aria-current=page]{font-weight:600;text-decoration:underline;text-underline-offset:4px}
.mobile-services{padding-block:14px;border-bottom:1px solid var(--line)}
.mobile-services-title{display:flex;justify-content:space-between;align-items:center;min-height:44px;font-weight:600}
.mobile-phase-links{padding:0 12px;background:var(--lavender);border-radius:8px}
.mobile-phase-links>a:last-child{border:0}
.phase-link{position:relative}.phase-link::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--phase-link-color);flex:none}.phase-link-mesurer{--phase-link-color:var(--phase-mesurer)}.phase-link-comprendre{--phase-link-color:var(--phase-comprendre)}.phase-link-agir{--phase-link-color:var(--phase-agir)}.phase-link-piloter{--phase-link-color:var(--phase-piloter)}

/* The home composition is now an actual route into each phase. */
.scene-phases h2{margin-block:18px 19px;font-size:32px;max-width:none}
.scene-phases li{padding:0;display:block}
.scene-phases li:not(:last-child)::after{top:44px;bottom:-8px;z-index:0}
.scene-phases li>a{position:relative;display:flex;align-items:center;gap:13px;padding-block:10px;min-height:62px;z-index:1}
.scene-phase-number{display:grid;place-items:center;width:33px;height:33px;border:1px solid #e0d3ab;border-radius:50%;font-size:10px;flex:none;background:var(--sun-soft)}
.scene-phases .scene-phase-arrow{margin-left:auto;font-size:20px;color:var(--ink)}
.scene-phases a:hover strong{text-decoration:underline;text-underline-offset:4px}
.scene-phases small{font-size:10px;line-height:1.5;max-width:25ch}
.scene-phases .scene-baseline{margin-top:14px;padding-top:14px}
.scene-phase-mesurer .scene-phase-number{background:var(--phase-mesurer)}.scene-phase-comprendre .scene-phase-number{background:var(--phase-comprendre);color:white;border-color:transparent}.scene-phase-agir .scene-phase-number{background:var(--phase-agir)}.scene-phase-piloter .scene-phase-number{background:var(--phase-piloter);color:white;border-color:transparent}

/* Phase destinations: the same order and words as the stand. */
.phase-hero{--phase-color:var(--lavender);background:var(--phase-color);padding-bottom:55px;position:relative;overflow:hidden}
.phase-hero::after{content:'';position:absolute;width:480px;height:480px;border:65px solid #dfd3ee88;border-radius:50%;right:-140px;top:60px;pointer-events:none}
.phase-hero .container{position:relative;z-index:1}
.phase-hero h1{max-width:19ch}
.phase-hero .lead{max-width:64ch}
.phase-hero-mesurer{--phase-color:var(--phase-mesurer)}.phase-hero-comprendre{--phase-color:var(--phase-comprendre);color:white}.phase-hero-agir{--phase-color:var(--phase-agir)}.phase-hero-piloter{--phase-color:var(--phase-piloter);color:white}.phase-hero-comprendre .lead,.phase-hero-piloter .lead{color:white}.phase-hero-comprendre .breadcrumb,.phase-hero-piloter .breadcrumb{color:white}.phase-hero-comprendre .button-primary,.phase-hero-piloter .button-primary{background:white;color:var(--ink)}.phase-hero-comprendre .link-arrow,.phase-hero-piloter .link-arrow{color:white}.phase-hero-mesurer::after,.phase-hero-agir::after{border-color:#47457018}.phase-hero-comprendre::after,.phase-hero-piloter::after{border-color:#ffffff22}
.phase-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line)}
.phase-navigation a{display:flex;align-items:center;gap:13px;padding:25px 20px;font:500 17px Parkinsans,sans-serif;border-bottom:3px solid transparent}
.phase-navigation a>span:first-child{font:11px Montserrat,sans-serif;color:var(--muted)}
.phase-navigation a>span:last-child{margin-left:auto}
.phase-navigation a:hover{background:var(--lavender)}
.phase-navigation a[aria-current=page]{border-bottom-color:var(--ink);background:color-mix(in srgb,var(--phase-link-color) 24%,white)}
.phase-mesurer{--phase-color:var(--phase-mesurer)}.phase-comprendre{--phase-color:var(--phase-comprendre)}.phase-agir{--phase-color:var(--phase-agir)}.phase-piloter{--phase-color:var(--phase-piloter)}
.phase-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.phase-outcomes article{padding-top:24px;border-top:4px solid var(--phase-color)}
.phase-outcomes h3{font-size:22px;letter-spacing:-.025em}
.phase-outcomes p{font-size:14px;color:var(--muted);margin-top:14px}
.phase-services{padding-top:0}
.phase-feature{display:grid;grid-template-columns:1fr auto;gap:45px;align-items:center;background:color-mix(in srgb,var(--phase-color) 16%,white);padding:40px;border-radius:14px;margin-bottom:72px}
.phase-feature h2{font-size:32px;max-width:26ch;margin-block:18px}
.phase-feature p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:58ch}
.phase-feature .button{max-width:300px;font-size:13px}
.service-role{display:inline-flex!important;width:max-content;margin:0 0 12px!important;padding:5px 9px;border-radius:20px;background:color-mix(in srgb,var(--phase-color) 18%,white);color:var(--ink)!important;font-size:9px!important;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.phase-catalogue-callout{display:grid;grid-template-columns:1fr auto;align-items:center;gap:35px;margin-top:50px;padding:36px;background:var(--ink);color:white;border-radius:12px}.phase-catalogue-callout h2{font-size:30px;margin:17px 0}.phase-catalogue-callout p:not(.eyebrow){font-size:13px;color:#dedbe8}.phase-catalogue-callout .button{background:var(--phase-agir);color:var(--ink)}
.phase-continuation{background:var(--sun-soft)}
.phase-continuation>.container{display:flex;justify-content:space-between;align-items:center;gap:40px}
.phase-continuation h2{margin-block:18px}
.phase-continuation .actions{flex-direction:column;align-items:flex-start;margin:0}
.phase-continuation p:not(.eyebrow){color:var(--muted)}
.service-phase-context{border-block:1px solid var(--line);margin-block:35px;padding-block:22px}
.service-reading .service-phase-context .eyebrow{font-size:11px;color:var(--ink);margin-bottom:10px}
.service-phase-context>div{display:flex;flex-wrap:wrap;gap:10px 30px}
.phase-overview{padding-bottom:0}
.phase-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}
.phase-entry{--phase-entry-color:var(--line);position:relative;border-top:4px solid var(--phase-entry-color);padding:25px 10px 25px 0;transition:background var(--motion)}.phase-entry-mesurer{--phase-entry-color:var(--phase-mesurer)}.phase-entry-comprendre{--phase-entry-color:var(--phase-comprendre)}.phase-entry-agir{--phase-entry-color:var(--phase-agir)}.phase-entry-piloter{--phase-entry-color:var(--phase-piloter)}
.phase-entry-number{font-size:12px;color:var(--muted)}
.phase-entry h3{margin-top:27px;font-size:27px}
.phase-entry p{font-size:13px;max-width:23ch;margin-top:14px;color:var(--muted)}
.phase-entry-arrow{position:absolute;top:20px;right:12px;font-size:24px}
.phase-entry:hover h3{text-decoration:underline;text-underline-offset:6px}
@media(max-width:1180px){.services-mega{grid-template-columns:.9fr 1.5fr}.mega-services,.mega-phases{padding:22px}.mega-service-links{column-gap:18px}.mega-service-links a{font-size:11px}.phase-feature{gap:30px}.phase-navigation a{padding-inline:12px;font-size:15px}}
@media(max-width:1000px){.phase-feature{grid-template-columns:1fr}.phase-feature .button{justify-self:start}.phase-hero::after{right:-320px}.phase-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.phase-continuation>.container{align-items:flex-start}.phase-continuation .actions{max-width:45%}}
@media(max-width:760px){.phase-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}.phase-navigation a{padding:17px 12px;font-size:15px}.phase-outcomes{grid-template-columns:1fr;gap:26px}.phase-feature{padding:28px;margin-bottom:45px;gap:25px}.phase-feature h2{font-size:29px}.phase-feature .button{max-width:100%}.phase-catalogue-callout{grid-template-columns:1fr;padding:27px}.phase-catalogue-callout .button{justify-self:start}.phase-continuation>.container{display:block}.phase-continuation .actions{max-width:none;margin-top:28px}.phase-overview-grid{gap:20px}.phase-entry h3{font-size:24px}.scene-phases .scene-phase-arrow{font-size:18px}.scene-phases li>a{gap:10px}.phase-hero{padding-bottom:35px}}
@media(max-width:380px){.phase-navigation a{gap:8px;padding:17px 10px;font-size:14px}.phase-navigation a>span:first-child{display:none}}
@media(prefers-reduced-motion:reduce){.services-menu summary>span,.phase-entry{transition:none}}