/* /styles/centre-footer.css?v=shared-footer-legal-9 */ /* Footer direction: the Centre's forest, reverse wordmark and quiet mint emphasis. */ .centre-footer{--cf-ink:#f4f8f2;--cf-muted:#bed1c8;--cf-line:#49615a;background:var(--amlcc-forest);color:var(--cf-ink);font-family:Inter,Arial,sans-serif;border:0;padding:0;margin:0;position:relative;isolation:isolate} .centre-footer *{box-sizing:border-box}.centre-footer .cf-inner{max-width:1440px;margin:0 auto;padding:64px 40px 24px}.centre-footer a{color:inherit;text-decoration:none;transition:color .18s,background .18s,border-color .18s}.centre-footer a:hover{color:#c1f99b}.centre-footer a:focus-visible{outline:2px solid #c1f99b;outline-offset:5px} .centre-footer .cf-directory{display:grid;grid-template-columns:1.5fr 1fr 1.18fr 1fr;gap:40px;padding-bottom:48px}.centre-footer .cf-logo{display:inline-flex}.centre-footer .cf-logo img{display:block;width:232px;height:auto;max-width:100%}.centre-footer .cf-brand p{max-width:285px;margin:24px 0 22px;color:var(--cf-muted);font-size:14px;line-height:1.7;text-wrap:pretty}.centre-footer .cf-contact{display:inline-flex;align-items:center;gap:18px;font-weight:600;font-size:14px;line-height:1.5}.centre-footer svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0} .centre-footer h2{color:var(--cf-ink);font-size:15px;line-height:1.4;font-weight:600;letter-spacing:0;margin:0 0 18px}.centre-footer .cf-group ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}.centre-footer .cf-group li{margin:0;padding:0}.centre-footer .cf-group a{display:inline-block;padding:6px 0;font-size: 14px;line-height:1.5;font-weight:400;color:var(--cf-muted);min-height: 40px;}.centre-footer .cf-group a:hover{color:#c1f99b;text-decoration:underline;text-underline-offset:5px} .centre-footer .cf-social{margin-top:24px}.centre-footer .cf-social h2{font-size:13px;font-weight:400;color:var(--cf-muted);margin:0 0 8px}.centre-footer .cf-social-links{display:flex;gap:8px;margin-left:-11px}.centre-footer .cf-social-link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:6px}.centre-footer .cf-social-link .cf-social-logo{width:22px;height:22px;fill:currentColor;stroke:none;stroke-width:0}.centre-footer .cf-social-link:hover{background:#ffffff08} .centre-footer .cf-ai{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:24px;row-gap:4px;align-items:center;border-block:1px solid var(--cf-line);padding:12px 0}.centre-footer .cf-ai h2{font-size:14px;line-height:1.5;font-weight:400;letter-spacing:0;color:var(--cf-muted);margin:0}.centre-footer .cf-ai-tools{display:flex;align-items:center;gap:8px;justify-self:start} .centre-footer .cf-ai-link{display:inline-flex;align-items:center;justify-content:center;position:relative;width:44px;height:44px;flex:0 0 44px;border:0;border-radius:6px;padding:12px;color:var(--cf-muted);transition:color .18s,background .18s} .centre-footer .cf-ai-link:hover{background:#ffffff08;color:#c1f99b} .centre-footer .cf-ai-link .cf-ai-logo{display:block;width:20px;height:20px;fill:currentColor;stroke:none;stroke-width:0;flex-shrink:0} .centre-footer .cf-ai-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:44px;border:0;padding:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.centre-footer .cf-ai-toggle:focus-visible{outline:2px solid #c1f99b;outline-offset:4px}.centre-footer .cf-ai-chevron{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-right:4px;transition:transform .18s}.centre-footer .cf-ai-toggle[aria-expanded="true"] .cf-ai-chevron{transform:rotate(225deg)}.centre-footer [hidden]{display:none!important} .centre-footer .cf-ai-name{position:absolute;bottom:calc(100% + 9px);left:50%;z-index:1;transform:translate(-50%,4px);padding:6px 9px;border-radius:5px;background:#f4f8f2;color:#203e3b;font-size:12px;font-weight:500;line-height:1.3;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s} .centre-footer .cf-ai-link:is(:hover,:focus-visible) .cf-ai-name{opacity:1;visibility:visible;transform:translate(-50%,0)} .centre-footer .cf-ai-help{grid-column:1/-1;font-size:11px;line-height:1.5;color:var(--cf-muted);margin:0;min-height:17px} .centre-footer .cf-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;padding-top:24px;font-size: 12px;line-height:1.7;color:var(--cf-muted)}.centre-footer .cf-bottom p{margin:0}.centre-footer .cf-bottom nav{display:flex;flex-wrap:wrap;gap:22px}.centre-footer .cf-top{display:inline-flex;align-items:center;gap:12px}.centre-footer .cf-top span{font-size:19px;line-height:1} @media(max-width:1100px){.centre-footer .cf-directory{grid-template-columns:1.3fr 1fr 1.1fr;gap:28px}.centre-footer .cf-brand{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 40px;align-items:start}.centre-footer .cf-brand .cf-connect{grid-column:2;grid-row:1/3;justify-self:end;min-width:216px}.centre-footer .cf-brand>.cf-logo,.centre-footer .cf-brand>p{grid-column:1}.centre-footer .cf-brand p{margin:0;max-width:300px}.centre-footer .cf-inner{padding-top:44px}} @media(max-width:640px){.centre-footer .cf-inner{padding:36px 24px 22px}.centre-footer .cf-directory{grid-template-columns:1fr 1fr;gap:30px 24px;padding-bottom:30px}.centre-footer .cf-brand{display:block}.centre-footer .cf-brand .cf-connect{margin-top:16px;justify-self:stretch;min-width:0}.centre-footer .cf-brand p{margin:18px 0 16px;max-width:290px}.centre-footer .cf-logo img{width:214px}.centre-footer .cf-group:last-child{grid-column:1/-1}.centre-footer .cf-group:last-child ul{grid-template-columns:1fr 1fr;column-gap:24px}.centre-footer .cf-group h2{margin-bottom:10px;font-size:14px}.centre-footer .cf-group a{font-size: 14px;padding:7px 0;line-height:1.5;min-height: 40px;}.centre-footer .cf-directory .cf-brand{grid-column:1/-1}.centre-footer .cf-ai{grid-template-columns:1fr;gap:0;padding:10px 0}.centre-footer .cf-ai-tools{justify-self:start;margin:4px 0 4px -12px}.centre-footer .cf-ai-help:not(:empty){padding:4px 0 8px}.centre-footer .cf-ai-link:first-child .cf-ai-name{left:0;transform:translateY(4px)}.centre-footer .cf-ai-link:first-child:is(:hover,:focus-visible) .cf-ai-name{transform:translateY(0)}.centre-footer .cf-ai-help{grid-column:1;font-size:11px}.centre-footer .cf-bottom{display:grid;gap:17px;padding-top:22px;font-size: 12px;}.centre-footer .cf-bottom nav{gap:10px 20px}.centre-footer .cf-top{justify-self:start}} @media(prefers-reduced-motion:reduce){.centre-footer *{transition:none!important;scroll-behavior:auto!important}} /* Keep the live feedback region available without an empty visible row. */ .centre-footer .cf-ai-help:empty{position:absolute;width:1px;height:1px;min-height:0;overflow:hidden;clip-path:inset(50%)} body[data-page="home"] .centre-footer .cf-inner { width: min(var(--home-content), calc(100% - 2 * var(--home-gutter))); padding-inline: 0; } .centre-footer .cf-cookie-settings{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;line-height:inherit;transition:color .18s}.centre-footer .cf-cookie-settings:hover{color:#c1f99b}.centre-footer .cf-cookie-settings:focus-visible{outline:2px solid #c1f99b;outline-offset:5px} /* The registry code, CPD provider number and education licence: one small line, centred under everything else (owner, 23 October 2026). */ .centre-footer .cf-legal{margin:22px 0 0;padding-top:18px;border-top:1px solid var(--cf-line);font-size:11px;line-height:1.7;color:var(--cf-muted);text-align:center;text-wrap:balance} /* /styles/photo-effect.css?v=1 */ /* Photos (owner, 26 Sep 2026): the homepage portraits' treatment on every page. src/content/photo-effect.mjs marks the markup. A photo that belongs to a link eases in 2.5% while its card is hovered or focused; the frame stays still. The individual scale property composes with crops that already use transform. */ main [data-photo-card] img[data-photo-zoom]{transition:scale .5s cubic-bezier(.2,.7,.2,1),clip-path .5s cubic-bezier(.2,.7,.2,1)} main [data-photo-card]:is(:hover,:focus-within) img[data-photo-zoom]{scale:1.025} /* A photo that shares its box with text keeps its outline: its clip shrinks by exactly what the scale adds ((1 - 1/1.025) / 2 = 1.2195% a side), so only the picture inside grows. */ main img[data-photo-zoom="clip"]{clip-path:inset(0 round var(--photo-radius,0px))} main [data-photo-card]:is(:hover,:focus-within) img[data-photo-zoom="clip"]{clip-path:inset(1.2195% round calc(var(--photo-radius,0px) / 1.025))} @media(prefers-reduced-motion:reduce){ main [data-photo-card] img[data-photo-zoom]{transition:none} main [data-photo-card]:is(:hover,:focus-within) img[data-photo-zoom]{scale:none;clip-path:inset(0 round var(--photo-radius,0px))} } /* Corner radii of photos that share a box with text, as their pages set them. */ main .ac-hero-photo>img{--photo-radius:4px} main .fiar-person-heading img{--photo-radius:6px} main .in-centre-photo img{--photo-radius:12px} main .org-practice-proof>img{--photo-radius:8px} /* People, face first, on the homepage's dark backing. Expert frames match the homepage and About portraits: 1.18, 12px corners; Andrei's portrait keeps the crop it has on About. */ main img[data-photo-person]{object-position:50% 25%} main .sme-portrait{aspect-ratio:1.18;border-radius:12px;background:#3b3c3d} main .sme-profile[data-sme-person="andrei-sribny"] .sme-portrait img{transform:scale(1.38);transform-origin:50% 18%} /* /styles/fiar-context.css?v=3 */ /* FIAR identity follows investigation and law-enforcement content across routes. Keep shared Centre navigation and partner/credential artwork in their own identity. */ main :is(a[href^="/fiar-certification/"],a[href^="/training-for-law-enforcement/"]):not(.btn,.le-link,.sector-discovery-link,.cat-route,.pp-connect-actions a) { color:var(--fiar-blue); } main :is(a[href^="/fiar-certification/"],a[href^="/training-for-law-enforcement/"]):not(.btn,.le-link,.sector-discovery-link,.cat-route,.pp-connect-actions a):hover { color:var(--fiar-blue-hover); } main a.btn[href^="/fiar-certification/"] { background:var(--fiar-blue);border-color:var(--fiar-blue);color:#fff; } main .cat-fiar a.btn { background:var(--fiar-lime);border-color:var(--fiar-lime);color:var(--fiar-blue); } main a.btn[href^="/fiar-certification/"]:hover { background:var(--fiar-blue-hover);border-color:var(--fiar-blue-hover);color:#fff; } main .cat-fiar a.btn:hover { background:#dcffa8;border-color:#dcffa8;color:var(--fiar-blue); } .hp-programme-row-fiar,.cg-route--fiar { --ink:var(--fiar-blue);--muted:var(--fiar-text-secondary); } .hp-programme-row-fiar :is(h3,h4),.cg-route--fiar :is(h2,h3) { color:var(--fiar-blue); } .cg-route--fiar { background:var(--fiar-paper);border-color:var(--fiar-line); } .cg-route--fiar :is(p,li) { color:var(--fiar-text-secondary); } /* Agency page: the shared closing CTA and practitioner dialogue inherit FIAR. */ [data-page="law-enforcement"] .b2b-next-step { background:var(--fiar-paper);color:var(--fiar-blue);border-color:var(--fiar-line); } [data-page="law-enforcement"] .b2b-next-step p { color:var(--fiar-text-secondary); } [data-page="law-enforcement"] .b2b-next-step-primary { background:var(--fiar-blue);border-color:var(--fiar-blue); } [data-page="law-enforcement"] .b2b-next-step-primary:hover { background:var(--fiar-blue-hover); } [data-page="law-enforcement"] .b2b-next-step-secondary { color:var(--fiar-blue); } [data-page="law-enforcement"] .b2b-next-step a:focus-visible { outline-color:var(--fiar-blue); } .le-page .institutional-dialogue { color:var(--fiar-blue); } .le-page .dialogue-cta { background:var(--fiar-blue); } /* The FIAR palette turns link text FIAR blue on hover: the button, which turns that blue too, keeps its white label. */ .le-page .dialogue-cta:hover { background:var(--fiar-blue-hover); color:#fff; } .le-page .dialogue-cta:focus-visible { outline-color:var(--fiar-blue); } .le-page :is(.dialogue-intro>p,.dialogue-feature-copy p,.dialogue-photo figcaption,.dialogue-services p,.dialogue-arrangements) { color:var(--fiar-text-secondary); } .le-page .dialogue-photo-frame { background:var(--fiar-paper); } .le-page .dialogue-services { border-color:var(--fiar-line); } /* Financial-investigation project within the Centre's About page. */ .about-centre .ap-institution { --ap-ink:var(--fiar-blue);--ap-muted:var(--fiar-text-secondary);--ap-line:var(--fiar-line);color:var(--fiar-blue); } .about-centre .ap-project-client { color:var(--fiar-blue); } .about-centre .ap-institution .ap-timeline-connector svg { color:var(--fiar-blue-hover); } @media(forced-colors:active) { main :is(a[href^="/fiar-certification/"],a[href^="/training-for-law-enforcement/"]) { forced-color-adjust:auto; } } /* Shared learning utilities take the programme palette when placed on FIAR. */ .fiar-programme-page .cpd-reference a { color:var(--fiar-blue); } .fiar-programme-page .aml-check-invitation { background-color:var(--fiar-blue); background-image:linear-gradient(#033b6de6,#033b6de6),url('/assets/fiar-frame-field.svg'); } .fiar-programme-page .aml-check-invitation :is(.aml-check-invitation-description,.aml-check-invitation-details,.aml-check-invitation-proof) { color:var(--fiar-on-dark); } .fiar-programme-page .aml-check-invitation .aml-check-invitation-benefits svg { fill:var(--fiar-lime); } .fiar-programme-page .aml-check-invitation .aml-check-invitation-proof strong { color:var(--fiar-lime); } .fiar-programme-page .aml-check-invitation .aml-check-invitation-action .aml-check-invitation-cta { background:var(--fiar-lime);color:var(--fiar-blue)!important; } .fiar-programme-page .aml-check-invitation .aml-check-invitation-action .aml-check-invitation-cta:hover { background:#dcffa8; } main :is(a[href^="/fiar-certification/"],a[href^="/training-for-law-enforcement/"]):focus-visible { outline:2px solid currentColor;outline-offset:5px; } /* /styles/visual-system.css?v=1 */ /* Shared presentation roles. Campaign lettering, diagrams and article reading typography remain explicit exceptions, rather than inheriting display sizes. */ @font-face{font-family:Inter;src:url('/assets/inter-400.woff2?v=b4d8856b') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000,U+0020-007E,U+00A0-00AC,U+00AE-0148,U+014A-01C3,U+01C5-0254,U+0256-027B,U+027E-0284,U+0286-0290,U+0292-02A4,U+02A6-0304,U+0306-030A,U+030C,U+030F,U+0313,U+0315,U+031B,U+0323,U+0326-0328,U+032C,U+0337-0338,U+0342-0343,U+0346-036F,U+0374-0376,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03D7,U+03DC-03DD,U+03F0-03F6,U+03F9-03FA,U+03FC-0479,U+0480-049D,U+04A0-04FF,U+052F,U+0E3F,U+1D00,U+1D0D,U+1D1B,U+1D43,U+1D47-1D49,U+1D4D,U+1D4F-1D50,U+1D52,U+1D56-1D58,U+1D5B,U+1D62-1D65,U+1D9C,U+1DA0,U+1DBB,U+1DBF-1DF5,U+1DFC-1E9B,U+1E9D-1F15,U+1F18-1F1D,U+1F20-1F45,U+1F48-1F4D,U+1F50-1F57,U+1F59,U+1F5B,U+1F5D,U+1F5F-1F7D,U+1F80-1FB4,U+1FB6-1FC4,U+1FC6-1FD3,U+1FD6-1FDB,U+1FDD-1FEF,U+1FF2-1FF4,U+1FF6-1FFE,U+2000-200B,U+2010-2027,U+202F-2055,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20A0-20AF,U+20B1-20B5,U+20B8-20BA,U+20BC-20BF,U+20DB-20DE,U+20E8,U+20F0,U+2100-2101,U+2103,U+2105-2106,U+2109,U+2113,U+2116-2117,U+211E-2122,U+2126,U+212A-212B,U+212E,U+2132,U+213B,U+214D,U+2150-217F,U+2183-2186,U+2189,U+2190-2199,U+21A9-21AA,U+21B0-21B1,U+21B3-21B5,U+21BA-21BB,U+21D0,U+21D2,U+21D4,U+21DE-21DF,U+21E4-21E5,U+21E7,U+21EA,U+2202,U+2205-2206,U+220F,U+2211-2212,U+221A,U+221E,U+222B,U+2236,U+2248,U+2260,U+2264-2265,U+2295-2298,U+2303-2305,U+2318,U+2325-2327,U+232B,U+2380,U+2387,U+238B,U+23CE-23CF,U+2423,U+2460-2468,U+24B6-24CF,U+24EA,U+25A0-25A2,U+25AA,U+25B2-25B3,U+25B6-25B7,U+25BA-25BD,U+25C0-25C1,U+25C4-25C7,U+25CA-25CB,U+25CF,U+25E6,U+25EF,U+2600,U+2605-2606,U+263C,U+2661,U+2665,U+26A0,U+2713,U+2717,U+2756,U+2764,U+2780-2788,U+27EF,U+27F5-27FA,U+2913,U+2A38,U+2B06,U+2B12-2B13,U+2B1C,U+2B24,U+2C7C,U+2C7F,U+2DFF,U+2E18,U+A69F,U+A7FF,U+A92E,U+E000,U+E002-E05E,U+E06A-E0BD,U+E0C8-E0CC,U+E0DC-E0E6,U+E0F3-E0F5,U+E106,U+E109-E10A,U+E10C-E10F,U+E111-E113,U+E117-E118,U+E121-E122,U+E124,U+E12A-E15E,U+E163,U+E1C3,U+E1D2-E1DF,U+E1E1-E2DC,U+EE01-EE07,U+EE09-EE0A,U+EE0C-EE12,U+EE14,U+EE17,U+EE1D-EE45,U+EE47-EE84,U+EE87-EED6,U+EED8-EEE1,U+F6C3,U+FEFF,U+1F12F-1F149,U+1F16A-1F16B,U+1F850,U+1F852} @font-face{font-family:Inter;src:url('/assets/inter-400-subset.woff2?v=3513f6c8') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000,U+0020-007E,U+00A0-00AC,U+00AE-0148,U+014A-017F,U+0218-021B,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0304,U+0306-030A,U+030C,U+030F,U+0313,U+0315,U+031B,U+0323,U+0326-0328,U+032C,U+0337-0338,U+0342-0343,U+0346-036F,U+2000-200B,U+2010-2027,U+202F-2055,U+2057,U+205F,U+20AC,U+2122,U+2161,U+2190-2199,U+21A9-21AA,U+21B0-21B1,U+21B3-21B5,U+21BA-21BB,U+21D0,U+21D2,U+21D4,U+21DE-21DF,U+21E4-21E5,U+21E7,U+21EA,U+2212,U+2248,U+25B6,U+FEFF} @font-face{font-family:Inter;src:url('/assets/inter-500.woff2?v=0e268c2d') format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000,U+0020-007E,U+00A0-00AC,U+00AE-0148,U+014A-01C3,U+01C5-0254,U+0256-027B,U+027E-0284,U+0286-0290,U+0292-02A4,U+02A6-0304,U+0306-030A,U+030C,U+030F,U+0313,U+0315,U+031B,U+0323,U+0326-0328,U+032C,U+0337-0338,U+0342-0343,U+0346-036F,U+0374-0376,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03D7,U+03DC-03DD,U+03F0-03F6,U+03F9-03FA,U+03FC-0479,U+0480-049D,U+04A0-04FF,U+052F,U+0E3F,U+1D00,U+1D0D,U+1D1B,U+1D43,U+1D47-1D49,U+1D4D,U+1D4F-1D50,U+1D52,U+1D56-1D58,U+1D5B,U+1D62-1D65,U+1D9C,U+1DA0,U+1DBB,U+1DBF-1DF5,U+1DFC-1E9B,U+1E9D-1F15,U+1F18-1F1D,U+1F20-1F45,U+1F48-1F4D,U+1F50-1F57,U+1F59,U+1F5B,U+1F5D,U+1F5F-1F7D,U+1F80-1FB4,U+1FB6-1FC4,U+1FC6-1FD3,U+1FD6-1FDB,U+1FDD-1FEF,U+1FF2-1FF4,U+1FF6-1FFE,U+2000-200B,U+2010-2027,U+202F-2055,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20A0-20AF,U+20B1-20B5,U+20B8-20BA,U+20BC-20BF,U+20DB-20DE,U+20E8,U+20F0,U+2100-2101,U+2103,U+2105-2106,U+2109,U+2113,U+2116-2117,U+211E-2122,U+2126,U+212A-212B,U+212E,U+2132,U+213B,U+214D,U+2150-217F,U+2183-2186,U+2189,U+2190-2199,U+21A9-21AA,U+21B0-21B1,U+21B3-21B5,U+21BA-21BB,U+21D0,U+21D2,U+21D4,U+21DE-21DF,U+21E4-21E5,U+21E7,U+21EA,U+2202,U+2205-2206,U+220F,U+2211-2212,U+221A,U+221E,U+222B,U+2236,U+2248,U+2260,U+2264-2265,U+2295-2298,U+2303-2305,U+2318,U+2325-2327,U+232B,U+2380,U+2387,U+238B,U+23CE-23CF,U+2423,U+2460-2468,U+24B6-24CF,U+24EA,U+25A0-25A2,U+25AA,U+25B2-25B3,U+25B6-25B7,U+25BA-25BD,U+25C0-25C1,U+25C4-25C7,U+25CA-25CB,U+25CF,U+25E6,U+25EF,U+2600,U+2605-2606,U+263C,U+2661,U+2665,U+26A0,U+2713,U+2717,U+2756,U+2764,U+2780-2788,U+27EF,U+27F5-27FA,U+2913,U+2A38,U+2B06,U+2B12-2B13,U+2B1C,U+2B24,U+2C7C,U+2C7F,U+2DFF,U+2E18,U+A69F,U+A7FF,U+A92E,U+E000,U+E002-E05E,U+E06A-E0BD,U+E0C8-E0CC,U+E0DC-E0E6,U+E0F3-E0F5,U+E106,U+E109-E10A,U+E10C-E10F,U+E111-E113,U+E117-E118,U+E121-E122,U+E124,U+E12A-E15E,U+E163,U+E1C3,U+E1D2-E1DF,U+E1E1-E2DC,U+EE01-EE07,U+EE09-EE0A,U+EE0C-EE12,U+EE14,U+EE17,U+EE1D-EE45,U+EE47-EE84,U+EE87-EED6,U+EED8-EEE1,U+F6C3,U+FEFF,U+1F12F-1F149,U+1F16A-1F16B,U+1F850,U+1F852} @font-face{font-family:Inter;src:url('/assets/inter-500-subset.woff2?v=814aa667') format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000,U+0020-007E,U+00A0-00AC,U+00AE-0148,U+014A-017F,U+0218-021B,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0304,U+0306-030A,U+030C,U+030F,U+0313,U+0315,U+031B,U+0323,U+0326-0328,U+032C,U+0337-0338,U+0342-0343,U+0346-036F,U+2000-200B,U+2010-2027,U+202F-2055,U+2057,U+205F,U+20AC,U+2122,U+2161,U+2190-2199,U+21A9-21AA,U+21B0-21B1,U+21B3-21B5,U+21BA-21BB,U+21D0,U+21D2,U+21D4,U+21DE-21DF,U+21E4-21E5,U+21E7,U+21EA,U+2212,U+2248,U+25B6,U+FEFF} @font-face{font-family:Inter;src:url('/assets/inter-600.woff2?v=3544909d') format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000,U+0020-007E,U+00A0-00AC,U+00AE-0148,U+014A-01C3,U+01C5-0254,U+0256-027B,U+027E-0284,U+0286-0290,U+0292-02A4,U+02A6-0304,U+0306-030A,U+030C,U+030F,U+0313,U+0315,U+031B,U+0323,U+0326-0328,U+032C,U+0337-0338,U+0342-0343,U+0346-036F,U+0374-0376,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03D7,U+03DC-03DD,U+03F0-03F6,U+03F9-03FA,U+03FC-0479,U+0480-049D,U+04A0-04FF,U+052F,U+0E3F,U+1D00,U+1D0D,U+1D1B,U+1D43,U+1D47-1D49,U+1D4D,U+1D4F-1D50,U+1D52,U+1D56-1D58,U+1D5B,U+1D62-1D65,U+1D9C,U+1DA0,U+1DBB,U+1DBF-1DF5,U+1DFC-1E9B,U+1E9D-1F15,U+1F18-1F1D,U+1F20-1F45,U+1F48-1F4D,U+1F50-1F57,U+1F59,U+1F5B,U+1F5D,U+1F5F-1F7D,U+1F80-1FB4,U+1FB6-1FC4,U+1FC6-1FD3,U+1FD6-1FDB,U+1FDD-1FEF,U+1FF2-1FF4,U+1FF6-1FFE,U+2000-200B,U+2010-2027,U+202F-2055,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20A0-20AF,U+20B1-20B5,U+20B8-20BA,U+20BC-20BF,U+20DB-20DE,U+20E8,U+20F0,U+2100-2101,U+2103,U+2105-2106,U+2109,U+2113,U+2116-2117,U+211E-2122,U+2126,U+212A-212B,U+212E,U+2132,U+213B,U+214D,U+2150-217F,U+2183-2186,U+2189,U+2190-2199,U+21A9-21AA,U+21B0-21B1,U+21B3-21B5,U+21BA-21BB,U+21D0,U+21D2,U+21D4,U+21DE-21DF,U+21E4-21E5,U+21E7,U+21EA,U+2202,U+2205-2206,U+220F,U+2211-2212,U+221A,U+221E,U+222B,U+2236,U+2248,U+2260,U+2264-2265,U+2295-2298,U+2303-2305,U+2318,U+2325-2327,U+232B,U+2380,U+2387,U+238B,U+23CE-23CF,U+2423,U+2460-2468,U+24B6-24CF,U+24EA,U+25A0-25A2,U+25AA,U+25B2-25B3,U+25B6-25B7,U+25BA-25BD,U+25C0-25C1,U+25C4-25C7,U+25CA-25CB,U+25CF,U+25E6,U+25EF,U+2600,U+2605-2606,U+263C,U+2661,U+2665,U+26A0,U+2713,U+2717,U+2756,U+2764,U+2780-2788,U+27EF,U+27F5-27FA,U+2913,U+2A38,U+2B06,U+2B12-2B13,U+2B1C,U+2B24,U+2C7C,U+2C7F,U+2DFF,U+2E18,U+A69F,U+A7FF,U+A92E,U+E000,U+E002-E05E,U+E06A-E0BD,U+E0C8-E0CC,U+E0DC-E0E6,U+E0F3-E0F5,U+E106,U+E109-E10A,U+E10C-E10F,U+E111-E113,U+E117-E118,U+E121-E122,U+E124,U+E12A-E15E,U+E163,U+E1C3,U+E1D2-E1DF,U+E1E1-E2DC,U+EE01-EE07,U+EE09-EE0A,U+EE0C-EE12,U+EE14,U+EE17,U+EE1D-EE45,U+EE47-EE84,U+EE87-EED6,U+EED8-EEE1,U+F6C3,U+FEFF,U+1F12F-1F149,U+1F16A-1F16B,U+1F850,U+1F852} @font-face{font-family:Inter;src:url('/assets/inter-600-subset.woff2?v=55a6df05') format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000,U+0020-007E,U+00A0-00AC,U+00AE-0148,U+014A-017F,U+0218-021B,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0304,U+0306-030A,U+030C,U+030F,U+0313,U+0315,U+031B,U+0323,U+0326-0328,U+032C,U+0337-0338,U+0342-0343,U+0346-036F,U+2000-200B,U+2010-2027,U+202F-2055,U+2057,U+205F,U+20AC,U+2122,U+2161,U+2190-2199,U+21A9-21AA,U+21B0-21B1,U+21B3-21B5,U+21BA-21BB,U+21D0,U+21D2,U+21D4,U+21DE-21DF,U+21E4-21E5,U+21E7,U+21EA,U+2212,U+2248,U+25B6,U+FEFF} @font-face{font-family:Inter;src:url('/assets/inter-700.woff2?v=7b45519c') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000,U+0020-007E,U+00A0-00AC,U+00AE-0148,U+014A-01C3,U+01C5-0254,U+0256-027B,U+027E-0284,U+0286-0290,U+0292-02A4,U+02A6-0304,U+0306-030A,U+030C,U+030F,U+0313,U+0315,U+031B,U+0323,U+0326-0328,U+032C,U+0337-0338,U+0342-0343,U+0346-036F,U+0374-0376,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03D7,U+03DC-03DD,U+03F0-03F6,U+03F9-03FA,U+03FC-0479,U+0480-049D,U+04A0-04FF,U+052F,U+0E3F,U+1D00,U+1D0D,U+1D1B,U+1D43,U+1D47-1D49,U+1D4D,U+1D4F-1D50,U+1D52,U+1D56-1D58,U+1D5B,U+1D62-1D65,U+1D9C,U+1DA0,U+1DBB,U+1DBF-1DF5,U+1DFC-1E9B,U+1E9D-1F15,U+1F18-1F1D,U+1F20-1F45,U+1F48-1F4D,U+1F50-1F57,U+1F59,U+1F5B,U+1F5D,U+1F5F-1F7D,U+1F80-1FB4,U+1FB6-1FC4,U+1FC6-1FD3,U+1FD6-1FDB,U+1FDD-1FEF,U+1FF2-1FF4,U+1FF6-1FFE,U+2000-200B,U+2010-2027,U+202F-2055,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20A0-20AF,U+20B1-20B5,U+20B8-20BA,U+20BC-20BF,U+20DB-20DE,U+20E8,U+20F0,U+2100-2101,U+2103,U+2105-2106,U+2109,U+2113,U+2116-2117,U+211E-2122,U+2126,U+212A-212B,U+212E,U+2132,U+213B,U+214D,U+2150-217F,U+2183-2186,U+2189,U+2190-2199,U+21A9-21AA,U+21B0-21B1,U+21B3-21B5,U+21BA-21BB,U+21D0,U+21D2,U+21D4,U+21DE-21DF,U+21E4-21E5,U+21E7,U+21EA,U+2202,U+2205-2206,U+220F,U+2211-2212,U+221A,U+221E,U+222B,U+2236,U+2248,U+2260,U+2264-2265,U+2295-2298,U+2303-2305,U+2318,U+2325-2327,U+232B,U+2380,U+2387,U+238B,U+23CE-23CF,U+2423,U+2460-2468,U+24B6-24CF,U+24EA,U+25A0-25A2,U+25AA,U+25B2-25B3,U+25B6-25B7,U+25BA-25BD,U+25C0-25C1,U+25C4-25C7,U+25CA-25CB,U+25CF,U+25E6,U+25EF,U+2600,U+2605-2606,U+263C,U+2661,U+2665,U+26A0,U+2713,U+2717,U+2756,U+2764,U+2780-2788,U+27EF,U+27F5-27FA,U+2913,U+2A38,U+2B06,U+2B12-2B13,U+2B1C,U+2B24,U+2C7C,U+2C7F,U+2DFF,U+2E18,U+A69F,U+A7FF,U+A92E,U+E000,U+E002-E05E,U+E06A-E0BD,U+E0C8-E0CC,U+E0DC-E0E6,U+E0F3-E0F5,U+E106,U+E109-E10A,U+E10C-E10F,U+E111-E113,U+E117-E118,U+E121-E122,U+E124,U+E12A-E15E,U+E163,U+E1C3,U+E1D2-E1DF,U+E1E1-E2DC,U+EE01-EE07,U+EE09-EE0A,U+EE0C-EE12,U+EE14,U+EE17,U+EE1D-EE45,U+EE47-EE84,U+EE87-EED6,U+EED8-EEE1,U+F6C3,U+FEFF,U+1F12F-1F149,U+1F16A-1F16B,U+1F850,U+1F852} @font-face{font-family:Inter;src:url('/assets/inter-700-subset.woff2?v=3fbf52ee') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000,U+0020-007E,U+00A0-00AC,U+00AE-0148,U+014A-017F,U+0218-021B,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0304,U+0306-030A,U+030C,U+030F,U+0313,U+0315,U+031B,U+0323,U+0326-0328,U+032C,U+0337-0338,U+0342-0343,U+0346-036F,U+2000-200B,U+2010-2027,U+202F-2055,U+2057,U+205F,U+20AC,U+2122,U+2161,U+2190-2199,U+21A9-21AA,U+21B0-21B1,U+21B3-21B5,U+21BA-21BB,U+21D0,U+21D2,U+21D4,U+21DE-21DF,U+21E4-21E5,U+21E7,U+21EA,U+2212,U+2248,U+25B6,U+FEFF} body{font-family:var(--amlcc-font);-webkit-font-smoothing:antialiased} body[data-page] main .wrap{box-sizing:border-box;width:100%;max-width:calc(var(--ds-content) + 2 * var(--ds-gutter));margin-inline:auto;padding-inline:var(--ds-gutter)} body[data-page] main .wrap .wrap{max-width:100%;padding-inline:0} body[data-page] main :is(.section-head,.hp-section-head,.cat-section-head,.offer-section-head,.ab-heading,.mbr-section-head,.lp-section-head,.learner-reviews-heading,.programme-voices-heading,.fiar-section-intro,.fiar-curriculum-intro,.ps-introduction,.fd-syllabus-intro,.cass-curriculum__intro,.cw-intro,.ad-intro,.ll-compact-heading,.org-engagement-heading,.voices-intro,.b2b-next-step) h2, body[data-page] main :is(.fd-section,.mbr-section,.lp-course-overview,.lp-course-syllabus,.lp-course-details,.lp-course-faq,.reviews-method,.home-decision-support,.home-faculty,.hp-final) h2, body[data-page] main :is(.ap-learning>h2,.compare-intro h2){font-size:var(--ds-font-section);line-height:var(--ds-leading-heading);letter-spacing:var(--ds-tracking-heading);font-weight:600} body[data-page] main :is(.section-head,.hp-section-head,.cat-section-head,.offer-section-head,.ab-heading,.mbr-section-head,.lp-section-head,.programme-voices-heading,.fiar-section-intro)>p, body[data-page] main :is(.programme-voices-context,.ap-learning-statements p,.fiar-curriculum-intro>p){font-size:var(--ds-font-body);line-height:var(--ds-leading-body);max-width:var(--ds-reading-width)} body[data-page] main :is(.programme-teachers h3,.ab-team-card h3,.fiar-audience-grid h3,.mbr-benefit h3){font-size:var(--ds-font-title);line-height:1.25;letter-spacing:-.025em;font-weight:600} body[data-page] main :is(.section,.hp-section,.cat-section,.fd-section,.mbr-section,.programme-skills,.learner-reviews,.programme-voices,.lp-course-syllabus,.lp-course-faq):not(.hero,.pc-hero,.ll-hero){padding-block:var(--ds-section-space)} /* About is an editorial story: display mission/origin type stays large. */ body main.about-centre .ap-section{padding-block:var(--ds-section-space)} body main.about-centre :is(.ap-community-title,.ap-project-story) h2{font-size:var(--ds-font-feature);line-height:var(--ds-leading-heading)} body main.about-centre .ap-learning-statements h3{font-size:var(--ds-font-title);line-height:1.25} body[data-page] main :is(.section-head,.cat-section-head,.offer-section-head,.mbr-section-head,.programme-voices-heading){margin-bottom:var(--ds-space-12);gap:var(--ds-space-8)} body[data-page] main :is(.btn,.mbr-button){min-height:var(--ds-button-min);font-size:var(--ds-font-action);line-height:1.4;border-radius:var(--amlcc-radius-control);white-space:normal;text-align:center} body[data-page] main .text-link{display:inline-flex;align-items:center;gap:12px;min-height:var(--ds-control-min);font-size:var(--ds-font-action);line-height:1.5;text-underline-offset:4px} body[data-page] main .text-link svg{flex-shrink:0} body[data-page] main :is(.ab-team-profile,.mbr-text-link,.cat-course-link){min-height:var(--ds-control-min);font-size:var(--ds-font-action);line-height:1.5} body[data-page] main :is(.photo-figure figcaption,.ab-hero-caption,.ap-hero-photo figcaption,.dialogue-photo figcaption){font-size:var(--ds-font-support);line-height:1.5} body[data-page] main :is(.request-form,.pt-enquiry-form) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font:inherit;font-size:16px;line-height:1.5;min-height:48px;border-radius:var(--amlcc-radius-control)} body[data-page] main :is(.request-form,.pt-enquiry-form) :is(input,select,textarea):focus-visible{outline:2px solid var(--ds-focus);outline-offset:3px} body[data-page] main :is(.request-form,.pt-enquiry-form) button:disabled{opacity:.6;cursor:wait} body[data-page] main :is(.cat-method-tabs,.ab-people-tabs,.ps-tabs) button{min-height:var(--ds-control-min);font-size:var(--ds-font-support)} /* Two programme mobile comparison; no nested gutters or prototype page resets. */ .catalogue-comparison{scroll-margin-top:110px} .catalogue-comparison .compare{max-width:calc(var(--ds-content) + 2 * var(--ds-gutter));padding:var(--ds-section-space) var(--ds-gutter);color:var(--ds-text)} .catalogue-comparison .compare-intro{margin-bottom:var(--ds-space-8)} .catalogue-comparison .compare-table :is(th,td){text-align:left} .catalogue-comparison .compare-table thead :is(th,td){z-index:5} .catalogue-comparison .compare-table thead th:last-child{color:var(--fiar-blue);background:var(--fiar-paper)} .catalogue-comparison .compare-table tfoot td:last-child a{color:var(--fiar-blue)} .catalogue-comparison .compare-selector:has([src$="badge-fiar.svg"]){color:var(--fiar-blue)} .catalogue-comparison .compare-selector:has([src$="badge-fiar.svg"]) .compare-picker-trigger{color:var(--fiar-blue)} .catalogue-comparison .compare-sr{padding:0!important;border:0!important} body[data-page] main .compact-client-quote .compact-quote-mark{position:static;opacity:1;margin:0} body[data-page] main .compact-client-quote figcaption a svg{width:14px;height:14px;flex:none} @media(max-width:950px){.catalogue-comparison .compare{max-width:740px}.catalogue-comparison .compare-table{display:none}} @media(max-width:700px){ body[data-page] main :is(.section-head,.cat-section-head,.offer-section-head,.mbr-section-head,.programme-voices-heading){margin-bottom:var(--ds-space-8);gap:var(--ds-space-6)} body[data-page] main .text-link{padding-block:8px} body[data-page] main :is(.section-head,.cat-section-head,.offer-section-head,.mbr-section-head,.programme-voices-heading)>*{min-width:0} } @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body[data-page] main *,body[data-page] main *:before,body[data-page] main *:after{transition-duration:0ms!important;animation-duration:0ms!important}} /* /styles/announcement.css?v=promo-right-3 */ .site-announcement{display:flex;align-items:center;justify-content:center;gap:22px;background:#c1f99b;color:#203e3b;padding:8px 24px;font-size:14px;line-height:1.4} .site-announcement .btn{min-height:44px;padding:10px 16px;font-size:14px;white-space:nowrap} .site-announcement--quiz{gap:16px;font-weight:500} .site-announcement--quiz .announcement-message{display:flex;align-items:center;gap:12px;min-width:0} .site-announcement--quiz .announcement-ticket{flex:0 0 22px} .site-announcement--quiz .announcement-mobile{display:none} .site-announcement--quiz .btn{background:#203e3b;color:#f5f8f4;border:1px solid #203e3b;border-radius:8px;font-weight:600} .site-announcement--quiz .btn:hover{background:#31544e;border-color:#31544e} .site-announcement .btn:focus-visible{outline:2px solid #203e3b;outline-offset:3px} @media(max-width:600px){ .site-announcement{gap:10px 14px;font-size:13px;line-height:1.4;padding:10px 16px;justify-content:space-between} .site-announcement .btn{flex-shrink:0;font-size:13px;padding:10px 12px} .site-announcement--quiz{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px} .site-announcement--quiz .announcement-message{gap:10px} .site-announcement--quiz .announcement-desktop{display:none} .site-announcement--quiz .announcement-mobile{display:inline} .site-announcement--quiz .btn{margin-left:0} } /* On laptops and wider the bar stays slim, so each page's first screen keeps its hero (audit, 29 September 2026). */ @media(min-width:1025px){.site-announcement{padding:6px 24px}.site-announcement .btn{min-height:36px;padding:7px 14px}} /* Narrow phones (17 October 2026): a longer translated label ("Organizar una evaluación del equipo") pushed the page 7px wider than a 360px screen. The button now takes at most 62% of the bar and wraps inside it; a label that fits, as in English, keeps its one line, and the message wraps first, as before (18 October 2026: letting the button shrink with the message folded the English label onto three lines). The quiz bar lays out its own short label. */ @media(max-width:420px){.site-announcement:not(.site-announcement--quiz) .btn{flex-shrink:0;max-width:62%;white-space:normal;text-align:left;line-height:1.3}.site-announcement:not(.site-announcement--quiz) .btn .brand-link__label{white-space:normal}} /* /styles/page-navigation.css?v=parent-link-3 */ /* Shared parent navigation. Deliberately independent of legacy page link styles. */ main .page-navigation{display:block;position:relative;z-index:1;margin:0 0 24px;padding:0;border:0;background:none;color:#244140;text-align:left} main .page-navigation>a{display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;min-height:44px;max-width:100%;padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;text-transform:none;text-decoration:none;white-space:normal;opacity:1} main .page-navigation>a>svg{display:block;flex:0 0 18px;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;transform:none} main .page-navigation>a>span{font:inherit;color:inherit} main .page-navigation>a:hover>span{text-decoration:underline;text-underline-offset:4px} main .page-navigation>a:focus-visible{outline:2px solid currentColor;outline-offset:5px} main .page-navigation-shell{padding-block:0} /* Preserve hero containers while giving the parent link the same breathing room. */ main [data-page-navigation-hero]{padding-top:24px!important} main .programme-hero[data-page-navigation-hero]{padding-top:0!important} main .programme-hero[data-page-navigation-hero] .ph-inner{padding-top:24px} main .page-navigation+:is(.le-hero-grid,.rg-hero-grid,.cg-hero-grid){padding-top:0} main .ph-top{margin-bottom:24px} main .ph-top>.page-navigation{margin-bottom:0} main .ph-top+.ph-grid{margin-top:0} main :is(.le-hero,.ev-detail-hero,.programme-hero,.forest,.active-hero) .page-navigation{color:#d7e6dd} main :is(.le-hero,.programme-hero--fiar,.amlr-hero) .page-navigation{color:#dbe8f2} /* On the FIAR palette, whose links turn FIAR blue when pointed at, a back link keeps its colour and underlines, as it does on every other page; on the navy hero that blue vanished. */ body[data-palette="fiar"] main .page-navigation>a:hover{color:inherit} /* /styles/organisation-navigation.css?v=shared-3 */ /* Shared section switcher: one DOM and one set of links at every breakpoint. */ main .organisation-navigation{background:#f8faf7;color:#244140;border-bottom:1px solid #d5e2da;font-family:Inter,Arial,sans-serif} main .organisation-navigation details.organisation-navigation-inner{display:block;max-width:1280px;width:calc(100% - 80px);margin:0 auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none} main .organisation-navigation summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:60px;padding:12px 0;margin:0;border:0;list-style:none;cursor:pointer;font-size:14px;line-height:1.4;font-weight:400;color:#244140;text-align:left;box-sizing:border-box} main .organisation-navigation details.organisation-navigation-inner>summary::before,main .organisation-navigation details.organisation-navigation-inner>summary::after{content:none!important;display:none!important} main .organisation-navigation summary::-webkit-details-marker{display:none} main .organisation-navigation summary strong{font:600 14px/1.4 Inter,Arial,sans-serif;color:inherit} main .organisation-navigation-prompt{display:flex;align-items:center;gap:12px;flex:none;color:#526d64;font-size:13px} main .organisation-navigation summary svg{display:block;width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;transition:transform 160ms ease} main .organisation-navigation details[open] summary svg{transform:rotate(180deg)} main .organisation-navigation nav{margin:0;padding:12px 0 24px;border:0;background:none;max-height:60dvh;overflow:auto;overscroll-behavior:contain} main .organisation-navigation-groups{display:grid;grid-template-columns:1fr 2fr;gap:48px} main .organisation-navigation-groups section{margin:0;padding:0;border:0;background:none;min-width:0} main .organisation-navigation .organisation-navigation-label{margin:0 0 8px;padding:0;font:600 12px/1.5 Inter,Arial,sans-serif;letter-spacing:0;text-transform:none;color:#526d64} main .organisation-navigation ul{display:grid;grid-template-columns:1fr;gap:0;margin:0;padding:0;list-style:none} main .organisation-navigation-groups section:last-child ul{grid-template-columns:1fr 1fr;column-gap:24px} main .organisation-navigation li{margin:0;padding:0;list-style:none} main .organisation-navigation a{display:flex;align-items:center;min-height:44px;padding:10px 0;margin:0;box-sizing:border-box;color:#244140;text-decoration:none;font:400 14px/1.5 Inter,Arial,sans-serif;border:0;border-radius:0;background:none} main .organisation-navigation a[aria-current=page]{font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#147c69} main .organisation-navigation a:hover{text-decoration:underline;text-underline-offset:5px} main .organisation-navigation :is(summary,a):focus-visible{outline:2px solid #147c69;outline-offset:3px} main .organisation-navigation a.organisation-navigation-contact{margin-top:16px;font-weight:600;width:fit-content} @media(max-width:760px){ main .organisation-navigation details.organisation-navigation-inner{width:calc(100% - 40px)} main .organisation-navigation summary{gap:14px} main .organisation-navigation-groups{grid-template-columns:1fr;gap:24px} main .organisation-navigation-groups section:last-child ul{grid-template-columns:1fr} main .organisation-navigation nav{padding-top:8px;max-height:55dvh} } @media(prefers-reduced-motion:reduce){main .organisation-navigation summary svg{transition:none}} main .organisation-navigation details.organisation-navigation-inner>summary{padding-inline-end:0!important} /* Organisation pages: Inter 400 and 600 only (audit, 29 September 2026). Headings and emphasis without a weight of their own take 600 instead of the browser's bold; a rule with a class still sets its own. */ :where(main) :is(h1,h2,h3,h4,h5,h6,strong,b,th){font-weight:600} /* /styles/motion-control.css?v=3 */ /* One control for every video and motion on the site (owner, 29 September 2026; docs/website-house-rules.md): a small, quiet icon in the bottom-right corner of the motion, pause while it plays and replay after, with no words on screen. Its name says what it does, and it answers anywhere in a 44px target however small the icon looks. It brightens on hover and focus. The team story (team-story.js) and the homepage film (home-film.js) draw their own; motions whose earlier controls are hidden get theirs from motion-controls.js, which adds motion-control--dark on dark grounds. Quiet, but never below 3:1 at rest (owner, 13 October 2026): 60% ink on light grounds, and the film's icons sit on a small dark disc, because its end card is bright. */ .motion-control{position:absolute;right:4px;bottom:4px;z-index:3;display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:none;color:var(--motion-control-ink,rgba(32,52,50,.6));cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none} .motion-control[hidden]{display:none} .motion-control::before{content:"";position:absolute;inset:9px;border-radius:50%;background:currentColor;opacity:0} .motion-control>svg{position:relative;display:block;width:14px;height:14px} .motion-control:hover,.motion-control:focus-visible{color:var(--motion-control-ink-strong,#203432)} .motion-control:hover::before{opacity:.12} .motion-control:focus-visible{outline:2px solid currentColor;outline-offset:-7px} .motion-control--dark{--motion-control-ink:rgba(238,245,240,.46);--motion-control-ink-strong:#fff} @media(prefers-reduced-motion:no-preference){.motion-control,.motion-control::before{transition:color .2s,opacity .2s}} @media(forced-colors:active){.motion-control{color:ButtonText}.motion-control::before{content:none}} .home-film-controls>.motion-control{--motion-control-ink:rgba(238,245,240,.88)} .home-film-controls>.motion-control::before{background:rgb(6,18,16);opacity:.6} .home-film-controls>.motion-control:hover::before{opacity:.75} /* The motion the control sits in, when it has no position of its own */ .motion-control-host{position:relative} /* The controls those motions were built with stay in the page for their scripts, out of sight */ [data-motion-proxied]{display:none!important} /* /styles/organisation-type.css?v=1 */ /* Organisation pages: one type scale (owner, 29 September 2026). An audit of the ten pages that carry the organisation menu found 31 font sizes at 1440px and 24 at 390px: page headlines from 52.5 to 64px, third-level headings from 17 to 34px and body copy from 15 to 21px. Each role now takes one size from the site's tokens (assets-tokens.css): role desktop → phone token page headline (H1) 56 → 38, fluid --ds-font-page 46 at 1024, 52 at 1280, 56 from 1440 section heading 44 → 32 --ds-font-section feature heading 28 → 24 --ds-font-headline one per block, over a case or a feature card title 24 → 22 --ds-font-title small card title 20 --ds-font-subtitle item title 17 → 16 --ds-font-body, in 600 lead 20 → 18 --ds-font-lead the hero's first paragraph body 17 → 16 --ds-font-body section introductions and running text card text 15 --ds-font-card small print 14 --ds-font-support label 13 --ds-font-label Why these: screen body text reads best at 15-25px (Butterick), and 16-17px matches Material's body large (16) and Apple's body (17); the headline and the section heading stand at 56:44, Material's display large to display medium (57:45); lines stay within 50-75 characters (Baymard). The FAQ, the enquiry form and the organisation menu are shared across the site and keep their sizes; illustrations and product mock-ups keep their interface sizes. Sizes are !important because several page stylesheets set theirs with !important (organisations-plan.css). */ main[data-org-type] h1{font-size:var(--ds-font-page)!important;line-height:1.05!important;letter-spacing:-.045em!important} /* Headings share their words across lines, so none ends on a single word. */ main[data-org-type] :is(h1,h2,h3,h4){text-wrap:balance} main[data-org-type] h2{font-size:var(--ds-font-section)!important;line-height:var(--ds-leading-heading)!important;letter-spacing:var(--ds-tracking-heading)!important} main[data-org-type] :is(.org-bespoke-case h3,.org-sector-case h3,.wp-session-copy h3,.audit-cepol-heading h3,.dialogue-feature-copy h3){font-size:var(--ds-font-headline)!important;line-height:1.2!important;letter-spacing:-.03em!important} main[data-org-type] :is(.le-programme h2,.op-stage h3,.org-sector-three h3,.org-sector-programme h3,.wp-formats h3,.wp-process>h3,.wp-person h3,.amlr-team-plan h3,.amlr-format-grid h3,.amlr-faculty-proof h3){font-size:var(--ds-font-title)!important;line-height:1.25!important;letter-spacing:-.02em!important} main[data-org-type] :is(.partner-card h3,.op-topic h3,.org-bespoke-routes h3,.org-sector-topic-grid h3,.journey-deliverables h3,.journey-setup h3,.wp-topics-grid h3,.wp-reporting-row h3,.wp-recognition-options h3,.wp-cpd-option h3,.audit-framework-explainer section h3,.le-services h3,.dialogue-services h3){font-size:var(--ds-font-subtitle)!important;line-height:1.3!important;letter-spacing:-.02em!important} main[data-org-type] :is(h4,.sector-discovery-link h3,.op-lms-routes h3,.org-sector-accreditation strong,.org-sector-client strong,.wp-hero-photo figcaption>strong,.amlr-topic-list summary strong,.aml-check-invitation-benefits span){font-size:var(--ds-font-body)!important;line-height:1.4!important} main[data-org-type] :is(.organisation-hero-copy .lead,.org-sector-lead,.wp-lead,.amlr-hero-copy .lead,.le-hero-grid h1+p,.dialogue-feature-copy h3+p){font-size:var(--ds-font-lead)!important;line-height:1.55!important} main[data-org-type] :is(.org-sector-heading p,.org-sector-bespoke .org-sector-split>div>p,.wp-section-heading p,.wp-topics-heading p,.wp-takeaway-copy p,.wp-session-copy p,.wp-session-outcome strong,.le-section-head p,.dialogue-intro p,.org-sector-case>p,.org-sector-check p,.b2b-next-step-copy p){font-size:var(--ds-font-body)!important;line-height:var(--ds-leading-body)!important} main[data-org-type] :is(.org-sector-three p,.org-sector-topic-grid p,.org-sector-full-topics li,.org-sector-programme p,.journey-deliverables p,.amlr-faculty-proof p,.audit-cepol-copy p,.dialogue-feature-copy h3+p~p,.dialogue-services p){font-size:var(--ds-font-card)!important;line-height:1.6!important} /* /styles/languages.css?v=3 */ /* The language switcher (src/i18n/language-switch.mjs) and room for translated labels (docs/localisation-architecture.md). Loaded only on pages that offer another edition of the site; while English is the only edition, no page loads it. */ /* Context for screen readers after a language's visible name ("Español, ver esta página en español"). */ .lang-hint{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important} /* Header, desktop widths: one control left of "Log in", with a short rule between them. A globe and the current language's name open the list; the width is the same for any number of languages. The globe is a language-neutral cue for a reader who does not read the current language; it never appears alone. */ .site-navigation .lang-switch{position:relative;display:flex;align-items:center;flex:0 0 auto;margin-right:-7px} .site-navigation .lang-switch::after{content:"";flex:none;width:1px;height:20px;margin-left:10px;background:var(--sn-button-border,#afc4b9)} .site-navigation .lang-switch-link{display:flex;align-items:center;gap:7px;min-height:44px;padding:0 10px;border-radius:6px;color:var(--sn-ink,#244140)!important;font:500 14px/20px Inter,Arial,sans-serif;white-space:nowrap;cursor:pointer;list-style:none;transition:background .15s ease} /* The site's accordion styles (styles.css, disclosure-controls.css) give every details a rule and padding, and every summary a marker, a plus sign and room for it. */ .site-navigation :is(.lang-menu,.sn-language-menu){margin:0;padding:0;border:0} .site-navigation :is(.lang-menu,.sn-language-menu)>summary{list-style:none;padding-inline-end:10px!important} .site-navigation :is(.lang-menu,.sn-language-menu)>summary::-webkit-details-marker{display:none} .site-navigation :is(.lang-menu,.sn-language-menu)>summary::before,.site-navigation :is(.lang-menu,.sn-language-menu)>summary::after{content:none!important;display:none!important} .site-navigation .lang-switch-link:hover,.site-navigation .lang-menu[open] .lang-switch-link{background:var(--sn-button-hover,#eaf2eb)} .site-navigation .lang-switch-link:active{transform:scale(.97)} .site-navigation :is(.lang-switch-link,.sn-language-trigger):focus-visible{outline:2px solid currentColor;outline-offset:3px} .site-navigation[data-pointer-input] :is(.lang-switch-link,.sn-language-trigger):focus{outline:none} .site-navigation .lang-globe{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round} .site-navigation .lang-chevron{width:12px;height:12px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .2s cubic-bezier(.23,1,.32,1)} .site-navigation :is(.lang-menu,.sn-language-menu)[open] .lang-chevron{transform:rotate(180deg)} /* The list: every language by its own name; one without this page says where it leads, in that language. A white panel on every header palette, like the menu panels, so its ink is fixed. */ .site-navigation .lang-list{position:absolute;top:calc(100% + 10px);right:11px;z-index:3;display:grid;gap:2px;min-width:220px;max-height:min(70vh,560px);overflow-y:auto;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--sn-border,#dce6df);border-radius:10px;box-shadow:0 18px 40px -12px #173b3033,0 4px 12px #173b3008;box-sizing:border-box;transform-origin:top right;animation:lang-open .16s cubic-bezier(.23,1,.32,1)} .site-navigation :is(.lang-list,.sn-language-list) li{margin:0;padding:0} .site-navigation .lang-list-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px;min-height:44px;padding:6px 12px;border-radius:6px;color:#244140!important;font:500 14px/20px Inter,Arial,sans-serif;box-sizing:border-box;transition:background .15s ease} .site-navigation .lang-note{grid-column:1;font-size:12.5px;line-height:17px;font-weight:400;color:#557069} @media(hover:hover){.site-navigation a.lang-list-item:hover{background:#f0f6f1}} .site-navigation a.lang-list-item:focus-visible{background:#f0f6f1;outline:2px solid #244140;outline-offset:-2px} .site-navigation .lang-list-item[aria-current]{font-weight:600;background:#f0f6f1} .site-navigation .lang-list-item[aria-current]::after{content:"";grid-column:2;grid-row:1;width:10px;height:6px;margin-top:-3px;border-left:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(-45deg)} @keyframes lang-open{from{opacity:0;transform:translateY(-4px) scale(.98)}} /* Room. The header's compact sizes (site-navigation.css, up to 1280px) run on to 1366px here, so the jump to full-size type at 1281px cannot push "Create account" out of the bar. Translated editions, whose menu labels run longer, keep the compact sizes up to 1440px and take a slightly smaller logo and gaps below 1280px. Measured on 10 and 12 October 2026 with sample menus, the bar has room at every desktop width when the bar's own labels keep within the budget in docs/localisation-architecture.md. public/site-navigation.js is the last resort for enlarged text: it tightens the switcher (data-lang-tight) and only then steps it aside (data-lang-overflow); the footer keeps every language. Re-measured on 20 October 2026: the Spanish bar ran 15px over at 1181px with 12px gaps and a 160px logo, so the switcher stepped aside up to 1199px; 8px gaps and a 150px logo leave it room there. */ @media(max-width:1366px) and (min-width:1181px){ .site-navigation .nav-inner{gap:15px;padding-inline:24px} .site-navigation .logo{width:175px!important} .site-navigation .sn-top-link{font-size:14px;padding-inline:3px} .site-navigation .sn-groups{gap:2px} .site-navigation .nav-account{gap:12px} .site-navigation .lang-switch{margin-right:-2px} .site-navigation .lang-switch::after{margin-left:8px} .site-navigation .lang-switch-link{padding:0 8px} .site-navigation .lang-menu>summary{padding-inline-end:8px!important} } @media(max-width:1439px) and (min-width:1367px){ html:not([lang="en"]) .site-navigation .nav-inner{gap:15px;padding-inline:24px} html:not([lang="en"]) .site-navigation .logo{width:175px!important} html:not([lang="en"]) .site-navigation .sn-top-link{font-size:14px;padding-inline:3px} html:not([lang="en"]) .site-navigation .sn-groups{gap:2px} html:not([lang="en"]) .site-navigation .nav-account{gap:12px} } @media(max-width:1279px) and (min-width:1181px){ html:not([lang="en"]) .site-navigation .nav-inner{gap:8px} html:not([lang="en"]) .site-navigation .logo{width:150px!important} } .site-navigation[data-lang-tight] .lang-switch{margin-right:0} .site-navigation[data-lang-tight] .lang-switch::after{display:none} .site-navigation[data-lang-tight] .lang-switch-link{padding:0 6px} .site-navigation[data-lang-overflow] .lang-switch{display:none} /* Notes under the switcher: arriving from a page that is not translated yet, and the offer of the reader's own language. They float over the page, so nothing below them moves. */ .site-navigation .lang-note-pop{position:absolute;top:calc(100% + 8px);right:var(--lang-note-right,32px);z-index:4;display:flex;flex-wrap:wrap;align-items:flex-start;gap:4px 8px;max-width:400px;padding:12px 6px 12px 16px;background:#fff;color:#244140;border:1px solid var(--sn-border,#dce6df);border-radius:12px;box-shadow:0 18px 40px -12px #173b3033,0 4px 12px #173b3008;font:400 14px/1.55 Inter,Arial,sans-serif;box-sizing:border-box;animation:lang-open .2s cubic-bezier(.23,1,.32,1)} .site-navigation .lang-note-pop p{flex:1 1 220px;margin:0;padding:8px 0} .site-navigation .lang-note-pop p a{font-weight:600;color:#244140!important;text-decoration:underline!important;text-underline-offset:3px;white-space:nowrap} .site-navigation .lang-note-close{flex:none;display:grid;place-items:center;width:44px;height:44px;margin:-2px 0;padding:0;border:0;border-radius:8px;background:none;color:#244140;cursor:pointer} .site-navigation .lang-note-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round} .site-navigation .lang-note-actions{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:0 10px 2px 0} .site-navigation .lang-note-go{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:8px;background:#244140;color:#fff!important;font-weight:600;text-decoration:none!important} .site-navigation .lang-note-no{min-height:44px;padding:0 10px;border:0;border-radius:8px;background:none;color:#244140;font:500 14px/20px Inter,Arial,sans-serif;cursor:pointer} @media(hover:hover){.site-navigation :is(.lang-note-close,.lang-note-no):hover{background:#f0f6f1}.site-navigation .lang-note-go:hover{background:#163830}} .site-navigation :is(.lang-note-close,.lang-note-no,.lang-note-go):focus-visible{outline:2px solid #244140;outline-offset:2px} .site-navigation[data-mobile-open] .lang-note-pop{display:none} /* Phones and tablets: the bar keeps "Log in", so the switcher is a row of the menu instead, last, above the account box (owner, 16 October 2026); the same control opens the list in place, like the menu's sections. */ .site-navigation .sn-languages{display:none} @media(max-width:1180px){ .site-navigation .lang-switch{display:none} .site-navigation .lang-note-pop{left:16px;right:16px;max-width:none} .site-navigation .sn-languages{display:block;flex-shrink:0;margin-top:auto;padding-top:24px} .site-navigation .sn-language-menu{border-top:1px solid #dce6df} .site-navigation .sn-language-trigger{display:flex;align-items:center;gap:10px;min-height:56px;padding:12px 0!important;color:var(--sn-ink,#244140);font:500 16px/1.35 Inter,Arial,sans-serif;cursor:pointer} .site-navigation .sn-language-trigger .lang-name{flex:1} .site-navigation .sn-language-trigger .lang-globe{width:18px;height:18px} .site-navigation .sn-language-trigger .lang-chevron{width:16px;height:16px;padding:6px;box-sizing:content-box;border-radius:8px;background:#eaf0e9} .site-navigation .sn-language-menu[open] .sn-language-trigger .lang-chevron{background:#244140;color:#f8faf7} .site-navigation .sn-language-list{display:grid;gap:2px;margin:0;padding:0 0 14px;list-style:none} .site-navigation .sn-language-list .lang-list-item{min-height:48px;padding:6px 12px;font-size:15px} } /* Footer: a second route before the copyright line, never the only one. The dots are drawn, so screen readers say nothing between the names. */ .centre-footer .cf-languages{display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none} .centre-footer .cf-languages li{display:flex;align-items:center;margin:0;padding:0} .centre-footer .cf-languages li+li::before{content:"";width:3px;height:3px;margin:0 10px;border-radius:50%;background:var(--cf-muted)} .centre-footer .cf-language{display:inline-flex;align-items:center;min-height:44px} .centre-footer .cf-language[aria-current]{color:var(--cf-ink);font-weight:600} @media(prefers-reduced-motion:reduce){.site-navigation :is(.lang-chevron,.lang-switch-link,.lang-list,.lang-note-pop,.lang-list-item){transition:none;animation:none}.site-navigation .lang-switch-link:active{transform:none}} /* Translated pages: labels run longer than English. In the phone menu's account buttons a long label ("Créer un compte") wraps instead of running under its arrow. English pages keep their layout. */ @media(max-width:680px){ html:not([lang="en"]) .site-navigation .sn-account-panel .nav-account a{white-space:normal;text-align:center;line-height:1.25} html:not([lang="en"]) .site-navigation .sn-account-panel .nav-account a>span{min-width:0} }