/* Colour rhythm for the Clients hub and its four case studies. */
.clients-colour-page{background:#fff}
.clients-colour-page .corporate-wrap{max-width:1800px;padding:0}
.clients-colour-page .header{padding-inline:var(--gutter);background:#f4f3ee}
.clients-colour-page .footer{margin:0;padding:25px var(--gutter);background:#f4f3ee}
.clients-colour-page .client-review-main>section{padding-inline:var(--gutter)}
.clients-colour-page .clients-review-hero{background:#ffc403;color:#17191d;padding-block:70px 60px;border:0}
.clients-colour-page .clients-review-hero h1{margin:20px 0 25px}
.clients-colour-page .clients-review-hero .lead{color:#17191d}
.clients-colour-page .clients-section-links a{border-color:#17191d}
.clients-colour-page .client-cases-section{background:#343b4c;color:#fff;padding-block:65px 80px}
.clients-colour-page .client-case-card{background:#fff;color:#17191d;padding:0 24px 25px;border-top:5px solid var(--card-colour);transition:transform .2s}
.clients-colour-page .client-case-card:hover{transform:translateY(-4px)}
.clients-colour-page .case-card-image{margin:0 -24px}
.clients-colour-page .case-card-title{margin-top:20px}
.clients-colour-page .case-card-title .eyebrow{color:var(--card-colour);font-weight:700}
.clients-colour-page .client-case-card>p{color:#464d5e}
.case-unicef{--card-colour:#0068a7}.case-ppc{--card-colour:#c9002b}.case-tanganda{--card-colour:#08764c}.case-sanigo{--card-colour:#006f70}
.clients-colour-page .logo-section{background:#fff;border:0;padding-block:65px 80px}
.clients-colour-page .directory-tools{padding-top:25px;border-top:1px solid #17191d30}
.clients-colour-page .directory-client{background:#fff}
.clients-colour-page .corporate-cta{display:none}
.case-colour-page{--case-colour:#0068a7;--case-soft:#e6f4fa;--case-hero:#049de3;--case-ink:#102637}
.case-colour-ppc{--case-colour:#c9002b;--case-soft:#fff0ed;--case-hero:#ed0032;--case-ink:#fff}
.case-colour-tanganda{--case-colour:#08764c;--case-soft:#edf2dc;--case-hero:#08764c;--case-ink:#fff}
.case-colour-sanigo{--case-colour:#006f70;--case-soft:#e3f2ef;--case-hero:#006f70;--case-ink:#fff}
.case-colour-page .case-breadcrumbs{padding-inline:var(--gutter);background:var(--case-soft);color:#17191d;margin:0}
.case-colour-page .client-case-hero{background:var(--case-hero);color:var(--case-ink);padding-block:45px 60px}
.case-colour-page .client-case-hero h1{color:inherit;margin:20px 0}
.case-colour-page .client-case-hero .eyebrow,.case-colour-page .case-meta{color:inherit}
.case-colour-page .client-case-hero>img{background:#fff;padding:16px;box-shadow:12px 12px 0 #00000018}
.case-colour-page .case-jump-nav{background:#fff;color:#17191d;padding-inline:var(--gutter)}
.case-colour-page .case-jump-nav a[aria-current="location"]{text-decoration-color:var(--case-colour)}
.case-colour-page .case-overview{background:#fff;padding-block:65px}
.case-colour-page .case-overview h2,.case-colour-page .case-overview>.eyebrow{color:var(--case-colour)}
.case-colour-page .case-media-section{background:#242936;color:#fff;border:0;padding-block:60px 65px}
.case-colour-page .case-media-section .case-video-duration{color:#d9dce4}
.case-colour-page .case-clip-index a{border-color:#ffffff80}
.case-colour-page #tvcs{background:var(--case-soft);color:#17191d}
.case-colour-page #tvcs .case-video-duration{color:#464d5e}
.case-colour-page #campaign-images{background:var(--case-soft);color:#17191d}
.case-colour-page .case-image-button{background:#fff}
.case-colour-page .case-next-section{background:#ffc403;color:#17191d;border:0}
.case-colour-page .case-next-section nav a:hover{color:var(--case-colour)}
.case-colour-page .client-review-main a:focus-visible,.case-colour-page .client-review-main button:focus-visible{outline-color:var(--case-colour)}
.case-colour-page .case-media-section:not(#tvcs):not(#campaign-images) a:focus-visible,.case-colour-page .case-media-section:not(#tvcs):not(#campaign-images) button:focus-visible{outline-color:#ffc403}
@media(max-width:650px){.clients-colour-page .clients-review-hero{padding-block:45px}.clients-colour-page .client-cases-section,.clients-colour-page .logo-section{padding-block:45px 55px}.clients-colour-page .client-case-card{padding-inline:20px}.clients-colour-page .case-card-image{margin-inline:-20px}.case-colour-page .client-case-hero{padding-block:30px 45px}.case-colour-page .case-overview,.case-colour-page .case-media-section{padding-block:45px}.case-colour-page .client-case-hero>img{box-shadow:6px 6px 0 #00000018;padding:10px}.case-colour-page .case-jump-nav{padding-inline:var(--gutter)}}
@media(prefers-reduced-motion:reduce){.clients-colour-page .client-case-card{transition:none}.clients-colour-page .client-case-card:hover{transform:none}}

.clients-colour-page .client-cases-section>.case-section-heading>.eyebrow{color:#d9dce4}
.case-colour-page .case-media-section .case-section-heading>.eyebrow{color:#d9dce4}
.case-colour-page #tvcs .case-section-heading>.eyebrow,.case-colour-page #campaign-images .case-section-heading>.eyebrow{color:#464d5e}