@import url("shared-closing.css");
/* CEO journey: relevance, attributable proof, context, relationship, change and enquiry. */
html{scroll-behavior:smooth;scroll-padding-top:120px}
#whc-ceo .site{font-size:18px;line-height:1.8}
#whc-ceo h2{font-size:clamp(34px,3.8cqw,50px);text-wrap:balance;max-width:1100px}
#whc-ceo h3{font-size:23px;font-weight:600;line-height:1.4}
#whc-ceo .eyebrow{font-size:18px}
#whc-ceo .nav-item{font-size:15px;text-decoration:none}
#whc-ceo a{text-underline-offset:5px}
#whc-ceo .primary{font-size:16px;text-decoration:none;padding:17px 23px;box-shadow:0 10px 24px #0003;transition:background .18s,box-shadow .18s}
#whc-ceo .primary:hover{box-shadow:0 13px 30px #0005}
#whc-ceo .dark .primary:hover{color:#101918;background:#f6e4c5;border-color:#f6e4c5}
#whc-ceo .text-action{font-size:16px;text-decoration:none;gap:24px;max-width:100%}
#whc-ceo :is(a,button,summary):focus-visible{outline:3px solid #007c73;outline-offset:5px}
#whc-ceo .dark :focus-visible,#whc-ceo .masthead :focus-visible{outline-color:#f6e4c5}
#whc-ceo .ceo-hero{padding-top:58px;padding-bottom:42px}
#whc-ceo .ceo-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:80px;align-items:center}
#whc-ceo .ceo-hero h1{font-size:clamp(43px,4.8cqw,66px);line-height:1.1;max-width:750px;text-wrap:balance}
#whc-ceo .ceo-nowrap{white-space:nowrap}
#whc-ceo .ceo-hero-lead{font:400 clamp(22px,2cqw,27px)/1.5 'Lora',Georgia,serif;margin-top:30px;max-width:630px}
#whc-ceo .ceo-hero-copy{border-left:1px solid #72999580;padding-left:36px;font-size:19px}
#whc-ceo .ceo-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 30px;margin-top:28px}
#whc-ceo .ceo-actions a{margin:0}
#whc-ceo .ceo-proof{padding-top:44px;padding-bottom:48px;border-bottom:1px solid #b4c7bd}
#whc-ceo .ceo-proof .eyebrow{margin-bottom:18px}
#whc-ceo .ceo-quote{margin:0}
#whc-ceo .ceo-quote blockquote{font:400 clamp(25px,2.5cqw,35px)/1.5 'Lora',Georgia,serif;color:#164a47;letter-spacing:-.025em}
#whc-ceo .dark .ceo-quote blockquote{color:#f8f6f0}
#whc-ceo .ceo-proof blockquote{font-size:clamp(25px,2.2cqw,31px)}
#whc-ceo .ceo-quote figcaption{font-size:18px;line-height:1.65}
#whc-ceo .ceo-quote figcaption strong,#whc-ceo .ceo-quote figcaption span{display:block}
#whc-ceo .ceo-quote figcaption strong{font-size:22px;font-weight:600;margin-bottom:4px}
#whc-ceo .ceo-ben{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:48px;align-items:center}
#whc-ceo .ceo-ben figcaption{border-left:2px solid #7b9f91;padding-left:24px;font-size:20px;color:#164a47}
#whc-ceo .ceo-ben figcaption strong{font-size:28px;margin-bottom:8px}
#whc-ceo .ceo-challenges{background:#eaf1ed}
#whc-ceo .ceo-standfirst{font:400 clamp(22px,2cqw,28px)/1.6 'Lora',Georgia,serif;max-width:1080px;margin-top:28px}
#whc-ceo .ceo-context-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;margin-top:38px}
#whc-ceo .ceo-context-grid article{background:#f8f8f6;border:1px solid #c3d2ca;border-top:4px solid #164a47;padding:30px 32px 34px}
#whc-ceo .ceo-context-grid h3{color:#164a47;font-size:27px;line-height:1.35;margin-bottom:22px}
#whc-ceo .ceo-context-grid article>p:not(.eyebrow) strong{font-weight:600;color:#164a47}
#whc-ceo .ceo-context-grid .eyebrow{margin-bottom:14px}
#whc-ceo .ceo-context-close{margin-top:36px;padding-top:28px;border-top:2px solid #7b9f91;font:400 clamp(26px,2.5cqw,34px)/1.5 'Lora',Georgia,serif;letter-spacing:-.02em;color:#164a47;max-width:none;text-wrap:pretty}
#whc-ceo .ceo-relationship .ceo-standfirst{max-width:1100px;font-family:'Manrope',Arial,sans-serif;font-size:21px}
#whc-ceo .ceo-relationship{border-top:1px solid #b4c7bd}
#whc-ceo .ceo-working-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:26px;align-items:start}
#whc-ceo .ceo-working-grid>div{min-width:0;border-top:2px solid #7b9f91;padding-top:26px}
#whc-ceo .ceo-working-grid h3{color:#164a47;font-size:25px}
#whc-ceo .ceo-working-feel h3:not(:first-child){margin-top:28px}
#whc-ceo .ceo-relationship-close{font:400 clamp(25px,2.1cqw,30px)/1.45 'Lora',Georgia,serif;letter-spacing:-.025em;color:#164a47;margin-top:28px}
#whc-ceo .ceo-stats{display:flex;gap:28px;margin:26px 0}
#whc-ceo .ceo-stats>div{flex:1;min-width:0}
#whc-ceo .ceo-stats strong{display:block;font:400 clamp(44px,4.2cqw,60px)/1.1 'Lora',Georgia,serif;color:#164a47;letter-spacing:-.04em}
#whc-ceo .ceo-stats span{display:block;font-size:16px;line-height:1.6;margin-top:12px;color:#42665d}
#whc-ceo .ceo-experience-copy{font-size:19px}
#whc-ceo .ceo-working-grid>.ceo-experience{padding:32px 34px;border:0;background:linear-gradient(120deg,#0b1113 5%,#142a2b 65%,#244440);color:#f8f6f0;color-scheme:dark;box-shadow:0 12px 28px #0b111326,0 3px 8px #0b111312}
#whc-ceo .ceo-experience h3,#whc-ceo .ceo-experience .ceo-stats strong{color:#f6e4c5;text-shadow:0 0 12px rgb(245 186 91 / calc(.28 * var(--warm-glow-strength))),0 0 32px rgb(242 176 78 / calc(.35 * var(--warm-glow-strength))),0 0 68px rgb(243 177 76 / calc(.22 * var(--warm-glow-strength)))}
#whc-ceo .ceo-experience .ceo-stats span{color:#d7e5df}
#whc-ceo .ceo-duncan{border-left:3px solid #007c73;background:#eaf1ed;padding:32px 38px;margin-top:38px;display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:50px;align-items:center}
#whc-ceo .ceo-duncan blockquote{font-size:clamp(26px,2.5cqw,34px)}
#whc-ceo .ceo-outcomes h2{max-width:1160px}
#whc-ceo .ceo-outcomes-lead{font-size:22px;max-width:1080px;margin-top:30px}
#whc-ceo .ceo-results-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;margin-top:36px;align-items:stretch}
#whc-ceo .ceo-results-list{display:flex;flex-direction:column;min-width:0}
#whc-ceo .ceo-outcomes-intro{margin-top:0;font-size:20px}
#whc-ceo .ceo-outcomes-list{display:grid;grid-template-rows:repeat(5,1fr);flex:1;max-width:1080px;margin:20px 0 0;padding-left:26px;list-style:none;font-size:20px;line-height:1.6}
#whc-ceo .ceo-outcomes-list li{position:relative;display:flex;align-items:center;padding:18px 0 18px 8px;border-bottom:1px solid #72999560;font-size:24px;line-height:1.5}
#whc-ceo .ceo-outcomes-list li::before{content:'•';position:absolute;left:-26px;top:50%;transform:translateY(-50%);color:#f6e4c5}
#whc-ceo .ceo-outcomes-close{max-width:1120px;font:400 clamp(28px,3cqw,40px)/1.45 'Lora',Georgia,serif;letter-spacing:-.025em;text-wrap:pretty;border-top:1px solid #72999580;margin-top:36px;padding-top:30px}
#whc-ceo .ceo-practical-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:40px}
#whc-ceo .ceo-practical-grid article{border-top:2px solid #7b9f91;padding-top:20px}
#whc-ceo .ceo-number{display:block;font:400 36px/1.2 'Lora',Georgia,serif;color:#42665d;margin-bottom:18px}
#whc-ceo .ceo-practical-grid h3{color:#164a47}
#whc-ceo .ceo-practical-grid p{font-size:17px}
#whc-ceo .ceo-further{display:grid;grid-template-columns:minmax(180px,.45fr) minmax(0,1fr);gap:48px;margin-top:32px;padding:24px 30px;background:#eaf1ed;border-left:3px solid #7b9f91}
#whc-ceo .ceo-further h3{font-size:21px;color:#164a47;margin:8px 0 0}
#whc-ceo .ceo-practical-links{display:grid;grid-template-columns:1fr;gap:6px;max-width:680px;width:100%}
#whc-ceo .ceo-practical-links .text-action{display:flex;align-items:center;width:100%;margin:0;gap:16px}
#whc-ceo .ceo-practical-links .text-action span{flex-shrink:0}
#whc-ceo .ceo-practical-action{display:flex;align-items:center;gap:32px;border-top:1px solid #b4c7bd;margin-top:32px;padding-top:28px}
#whc-ceo .ceo-practical-action a{margin:0;flex-shrink:0}
#whc-ceo .ceo-evidence{padding:30px 32px;background:#eaf1ed;color:#181c1b;border-top:4px solid #7b9f91;color-scheme:light}
#whc-ceo .ceo-evidence h3{color:#164a47;font-size:27px}
#whc-ceo .ceo-evidence .eyebrow{color:#007c73;margin-bottom:20px;font-size:18px}
#whc-ceo .ceo-evidence-copy{font-size:18px}
#whc-ceo .ceo-evidence .text-action{align-items:center;line-height:1.5;color:#164a47;border-color:#60877f;margin-top:24px}
#whc-ceo .ceo-evidence :focus-visible{outline-color:#007c73}
#whc-ceo .ceo-johann{margin-top:24px;border-top:1px solid #a6bfb3;padding-top:24px}
#whc-ceo .ceo-evidence .ceo-johann blockquote{color:#164a47;font-size:25px;line-height:1.5}
#whc-ceo .ceo-johann figcaption{margin-top:20px}
#whc-ceo .closing p{font-size:20px;max-width:850px}
@container(max-width:1050px){
 #whc-ceo .ceo-hero-grid{gap:36px;grid-template-columns:1.1fr 1fr}
 #whc-ceo .ceo-hero-copy{padding-left:24px;font-size:18px}
 #whc-ceo .ceo-working-grid,#whc-ceo .ceo-results-grid{gap:32px}
 #whc-ceo .ceo-practical-grid{gap:24px}
 #whc-ceo .ceo-ben{grid-template-columns:minmax(0,1fr) 205px;gap:32px}
}
@container(max-width:960px){
 #whc-ceo .ceo-working-grid,#whc-ceo .ceo-results-grid{grid-template-columns:1fr;gap:28px}
 #whc-ceo .ceo-outcomes-list{display:block;flex:initial}
}
@container(max-width:760px){
 #whc-ceo .ceo-further{grid-template-columns:1fr;gap:12px;padding:22px 24px}
 #whc-ceo .ceo-hero-grid,#whc-ceo .ceo-context-grid,#whc-ceo .ceo-practical-grid{grid-template-columns:1fr;gap:28px}
 #whc-ceo .ceo-hero-copy{padding:26px 0 0;border-left:0;border-top:1px solid #72999580}
 #whc-ceo .ceo-ben,#whc-ceo .ceo-duncan{grid-template-columns:1fr;gap:24px}
 #whc-ceo .ceo-ben figcaption{border-left:0;padding-left:0}
 #whc-ceo .ceo-stats{flex-direction:row;gap:32px}
 #whc-ceo .ceo-stats>div{flex:1}
 #whc-ceo .ceo-practical-action{flex-direction:column;align-items:start;gap:20px}
}
@container(max-width:600px){
 #whc-ceo .ceo-context-grid article{padding:24px 22px 28px}
 #whc-ceo .ceo-context-grid h3{font-size:25px}
 #whc-ceo .site-footer{flex-wrap:wrap;gap:16px}
 #whc-ceo .site-footer .wordmark{white-space:normal;font-size:18px}
 #whc-ceo section{padding:48px 24px 50px}
 #whc-ceo .ceo-hero h1{font-size:39px}
 #whc-ceo h2{font-size:34px}
 #whc-ceo .ceo-actions .primary{width:100%}
 #whc-ceo .primary{font-size:15px}
 #whc-ceo .ceo-outcomes-lead,#whc-ceo .ceo-outcomes-intro,#whc-ceo .ceo-outcomes-list{font-size:19px}
 #whc-ceo .ceo-experience-copy,#whc-ceo .closing p{font-size:18px}
 #whc-ceo .ceo-working-grid>.ceo-experience{padding:26px 20px}
 #whc-ceo .ceo-evidence{padding:24px 22px}
 #whc-ceo .ceo-outcomes-list li{font-size:21px}
 #whc-ceo .ceo-stats{gap:16px}
 #whc-ceo .ceo-stats strong{font-size:clamp(34px,10cqw,48px)}
 #whc-ceo .ceo-stats span{font-size:14px}
 #whc-ceo .ceo-duncan{padding:26px 24px}
 #whc-ceo .closing h2{font-size:48px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#whc-ceo .primary{transition:none}}