@import url('shared-closing.css');
html{scroll-behavior:smooth;scroll-padding-top:120px}
body{margin:0;background:#f8f8f6}
#whc-client-results{--warm-glow-strength:1;--ink:#181c1b;--teal:#164a47;--accent:#007c73;--pale:#eaf1ed;color:var(--ink)}
#whc-client-results *{box-sizing:border-box}
#whc-client-results .viewport{container-type:inline-size;width:100%}
#whc-client-results .site{font:400 20px/1.8 'Manrope',Arial,sans-serif;isolation:isolate;color-scheme:light}
#whc-client-results .inner{width:calc(100% - 84px);max-width:1360px;margin:0 auto}
#whc-client-results section{position:relative;isolation:isolate;padding:72px 0}
#whc-client-results h1,#whc-client-results h2{font:400 50px/1.16 'Lora',Georgia,serif;letter-spacing:-.035em;margin:0;text-wrap:balance}
#whc-client-results h1{font-size:clamp(42px,4.8cqw,66px);line-height:1.12}
#whc-client-results h2{font-size:clamp(36px,3.6cqw,50px)}
#whc-client-results h3{font:600 25px/1.4 'Manrope',Arial,sans-serif;letter-spacing:-.025em;margin:0 0 18px;color:var(--teal)}
#whc-client-results p{margin:0 0 22px}
#whc-client-results p:last-child{margin-bottom:0}
#whc-client-results .accent{color:var(--accent)}
#whc-client-results .eyebrow{font-size:18px;line-height:1.6;letter-spacing:.11em;text-transform:uppercase;color:var(--accent);margin-bottom:25px}
#whc-client-results img{display:block;max-width:100%;height:auto}
#whc-client-results a{color:inherit;text-underline-offset:5px}
#whc-client-results :is(a,summary):focus-visible{outline:3px solid #007c73;outline-offset:5px}
#whc-client-results .dark :focus-visible,#whc-client-results .masthead :focus-visible{outline-color:#f6e4c5}
#whc-client-results .skip{position:absolute;top:-200px;left:24px;z-index:10001;background:#fff;padding:12px 20px}
#whc-client-results .skip:focus{top:70px}
#whc-client-results .masthead,#whc-client-results .site-footer{display:flex;align-items:center;justify-content:space-between;gap:26px;background:#101010;color:#f6f8f8;padding:27px 42px}
#whc-client-results .masthead{position:relative;z-index:2;border-bottom:1px solid #333}
#whc-client-results .wordmark{font:400 22px/1.2 'Josefin Sans',Arial,sans-serif;letter-spacing:.045em;text-decoration:none;white-space:nowrap}
#whc-client-results nav{display:flex;align-items:center;gap:23px}
#whc-client-results .nav-item{font:400 15px/1.5 'Manrope',Arial,sans-serif;min-height:44px;display:inline-flex;align-items:center;padding:8px 0;color:#e0e6e6;text-decoration:none}
#whc-client-results .nav-item:hover{text-decoration:underline}
#whc-client-results .nav-contact{border-bottom:1px solid #a1c4c0}
#whc-client-results .phone-menu{display:none}
#whc-client-results .site-footer{padding:34px 42px}
#whc-client-results .primary{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:58px;max-width:100%;padding:17px 23px;background:var(--teal);color:#fff;border:1px solid var(--teal);border-radius:3px;font:500 16px/1.5 'Manrope',Arial,sans-serif;text-decoration:none;box-shadow:0 10px 24px #0002;transition:background .18s,box-shadow .18s}
#whc-client-results .primary span{flex-shrink:0}
#whc-client-results .primary:hover{background:#103d3b;box-shadow:0 13px 30px #0004}
#whc-client-results .dark{background:linear-gradient(120deg,#0b1113 5%,#142a2b 65%,#244440);color:#f8f6f0;color-scheme:dark}
#whc-client-results .dark h2{color:#f6e4c5;text-shadow:0 0 12px rgb(245 186 91 / .28),0 0 32px rgb(242 176 78 / .35),0 0 68px rgb(243 177 76 / .22)}
#whc-client-results .dark h3{color:#f8f6f0}
#whc-client-results .dark .primary{background:#f8f6f0;color:#101918;border-color:#f8f6f0}
#whc-client-results .dark .primary:hover{background:#f6e4c5;border-color:#f6e4c5}
#whc-client-results .results-hero{background:linear-gradient(120deg,#0b1113 5%,#142a2b 65%,#244440);padding:88px 0 76px;min-height:620px;display:flex;align-items:center}
#whc-client-results .results-hero h1{color:#f6e4c5;text-shadow:0 0 12px rgb(245 186 91 / .28),0 0 32px rgb(242 176 78 / .35),0 0 68px rgb(243 177 76 / .22)}
#whc-client-results .results-hero h1 .accent{color:inherit}
#whc-client-results .results-hero .eyebrow{color:#f6e4c5}
#whc-client-results .hero-grid{display:grid;grid-template-columns:1fr;grid-template-areas:'title' 'action';gap:32px;align-items:start}
#whc-client-results .hero-heading{grid-area:title}
#whc-client-results .hero-action{grid-area:action}
#whc-client-results .story-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:48px}
#whc-client-results .story-index a{display:block;text-decoration:none;border-top:2px solid #f6e4c580;padding:20px 0 0;min-height:92px;transition:border-color .18s}
#whc-client-results .story-index a:hover{border-color:#f6e4c5}
#whc-client-results .index-label{display:block;font-size:18px;color:#f8f6f0;line-height:1.5;margin-bottom:10px}
#whc-client-results .index-title{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:25px;font-weight:600;line-height:1.4;color:#f6e4c5}
#whc-client-results .story-index a:hover .index-title{text-decoration:underline;text-underline-offset:6px}
@container(min-width:601px){
 #whc-client-results .story-index a{position:relative}
 #whc-client-results .story-index a+a::before{content:'';position:absolute;left:-14px;top:20px;bottom:0;width:1px;background:#f6e4c566;pointer-events:none}
}
#whc-client-results .case-collection{position:relative;isolation:isolate;border-top:1px solid #72999566}
#whc-client-results :is(.client-voices,.results-proof)::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--fine-grain);background-size:180px 180px;opacity:.18}
#whc-client-results .results-proof{background:#f8f8f6;padding:64px 0}
#whc-client-results .results-proof figure{display:grid;grid-template-columns:80px minmax(0,1fr) 220px;align-items:center;gap:48px;margin:0}
#whc-client-results .proof-quote-mark{align-self:start;font:400 160px/1 'Lora',Georgia,serif;color:#b09a6d;padding-top:40px}
#whc-client-results .results-proof blockquote{font:400 clamp(30px,2.8cqw,40px)/1.5 'Lora',Georgia,serif;letter-spacing:-.025em;color:var(--teal)}
#whc-client-results .results-proof figcaption{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0;padding:12px 0 12px 26px;border-left:2px solid #b09a6d}
#whc-client-results .results-proof figcaption strong{font-size:32px;font-weight:600;color:var(--teal);margin:0}
#whc-client-results .results-proof figcaption span{font-size:22px;font-weight:600;color:var(--teal)}
#whc-client-results .case-feature{padding:72px 0;border-bottom:2px solid rgb(246 228 197 / .5);scroll-margin-top:120px}
#whc-client-results .case-feature:last-child{border-bottom:0}
#whc-client-results .case-story>.eyebrow{margin-bottom:18px;color:#dce5e1}
#whc-client-results .case-feature h2{max-width:1040px;font-size:clamp(36px,3.35cqw,46px);margin-bottom:34px;text-wrap:initial}
#whc-client-results .case-testimonial{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,350px);align-items:center;gap:clamp(48px,7cqw,100px);margin:0}
@container(min-width:961px){
 #whc-client-results .results-hero{padding-bottom:28px;align-items:flex-end}
 #whc-client-results .hero-grid{gap:112px}
 #whc-client-results .story-index{margin-top:56px}
 #whc-client-results .case-story{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding:6px 0 38px}
 #whc-client-results .case-story>.eyebrow,#whc-client-results .case-story>h2{margin-bottom:0}
 #whc-client-results .case-story blockquote{line-height:1.6}
}
#whc-client-results .case-testimonial blockquote{font:400 clamp(28px,3.05cqw,40px)/1.48 'Lora',Georgia,serif;color:#f8f6f0;letter-spacing:-.02em}
#whc-client-results .case-testimonial figcaption{color:#dce5e1}
#whc-client-results .case-testimonial figcaption strong{color:#f8f6f0}
#whc-client-results .case-client-logo{display:block;object-fit:contain;object-position:left center;max-width:100%;height:auto;margin-bottom:25px;filter:brightness(0) invert(1);opacity:.9}
#whc-client-results #formula-one .case-client-logo{width:300px}
#whc-client-results #adam .case-client-logo{width:175px}
#whc-client-results #steer .case-client-logo{width:140px}
#whc-client-results .case-brief{margin-top:26px;padding-top:22px;border-top:1px solid #72999566}
#whc-client-results .case-brief h3{font:500 18px/1.6 'Manrope',Arial,sans-serif;color:#f6e4c5;margin-bottom:18px}
#whc-client-results .case-brief ul{display:grid;grid-template-columns:1fr;gap:12px;list-style:none;padding:0;margin:0}
#whc-client-results .case-brief li{position:relative;padding-left:22px;font-size:18px;line-height:1.6}
#whc-client-results .case-brief li::before{content:'•';position:absolute;left:0;color:#f6e4c5}
#whc-client-results .text-action{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:14px 0 10px;margin-top:22px;border-bottom:1px solid #729995;min-height:48px;max-width:100%;color:#f8f6f0;font-size:19px;text-decoration:none}
#whc-client-results .text-action span{flex-shrink:0}
#whc-client-results .case-testimonial .text-action{display:flex;width:100%;font-size:18px}
#whc-client-results .text-action:hover{color:#f6e4c5;border-color:#f6e4c5;text-decoration:underline;text-underline-offset:5px}
#whc-client-results blockquote{margin:0}
#whc-client-results figcaption{font-size:18px;line-height:1.6}
#whc-client-results figcaption strong{display:block;font-size:23px;font-weight:600;margin-bottom:4px}
#whc-client-results figcaption span{display:block}
#whc-client-results .client-voices{background:#f8f8f6}
#whc-client-results .client-voices h2{margin-bottom:36px}
#whc-client-results .voices-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px}
#whc-client-results .voices-grid figure{margin:0;padding:28px 0 0;border-top:2px solid #7b9f91;display:flex;flex-direction:column}
#whc-client-results .voices-grid blockquote{font:400 clamp(26px,2.25cqw,32px)/1.5 'Lora',Georgia,serif;letter-spacing:-.02em;color:var(--teal);margin-bottom:26px}
#whc-client-results .voices-grid figcaption{margin-top:auto}
#whc-client-results .closing h2{font-size:clamp(44px,4.3cqw,60px);margin-bottom:29px}
#whc-client-results .closing p{max-width:640px;font-size:18px}
#whc-client-results .closing .primary{margin-top:10px}
@container(max-width:960px){
 #whc-client-results .results-proof figure{grid-template-columns:60px minmax(0,1fr);gap:26px 30px}
 #whc-client-results .proof-quote-mark{font-size:130px}
 #whc-client-results .results-proof figcaption{grid-column:2;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:6px 20px;padding:0 0 0 20px}
 #whc-client-results .hero-grid{grid-template-columns:1fr;gap:30px}
 #whc-client-results .case-testimonial{grid-template-columns:1fr;gap:30px}
 #whc-client-results .case-testimonial figcaption{max-width:390px}
 #whc-client-results .case-brief ul{grid-template-columns:1fr;gap:16px}
 #whc-client-results .voices-grid{grid-template-columns:1fr;gap:36px}
 #whc-client-results .story-index{gap:24px}
 #whc-client-results .story-index a+a::before{left:-12px}
 #whc-client-results .index-title{font-size:23px}
}
@container(max-width:850px){
 #whc-client-results .desktop-nav{display:none}
 #whc-client-results .phone-menu{display:block}
 #whc-client-results .phone-menu summary{font-size:16px;min-height:44px;padding:8px 0;cursor:pointer}
 #whc-client-results .phone-menu nav{position:absolute;top:100%;left:0;right:0;background:#101010;flex-wrap:wrap;padding:16px 28px;border-bottom:1px solid #435650}
}
@container(max-width:600px){
 #whc-client-results .site{font-size:18px;line-height:1.8}
 #whc-client-results .inner{width:calc(100% - 48px)}
 #whc-client-results section{padding:48px 0}
 #whc-client-results .results-proof{padding:48px 0}
 #whc-client-results .results-proof figure{grid-template-columns:1fr;gap:24px}
 #whc-client-results .proof-quote-mark{font-size:100px;line-height:.65;padding:0;height:50px}
 #whc-client-results .results-proof figcaption{grid-column:1}
 #whc-client-results .results-proof blockquote{font-size:30px}
 #whc-client-results .results-hero{padding:58px 0 50px;min-height:0}
 #whc-client-results .masthead,#whc-client-results .site-footer{padding:20px 24px;gap:14px}
 #whc-client-results .wordmark{font-size:18px;letter-spacing:.025em}
 #whc-client-results .site-footer{flex-wrap:wrap}
 #whc-client-results h1{font-size:38px}
 #whc-client-results h2,#whc-client-results .case-feature h2{font-size:34px}
 #whc-client-results .eyebrow{letter-spacing:.07em;font-size:18px}
 #whc-client-results .primary{font-size:15px;padding:16px 19px;gap:18px}
 #whc-client-results .hero-action .primary{width:100%}
 #whc-client-results .story-index{grid-template-columns:1fr;gap:0;margin-top:34px}
 #whc-client-results .story-index a{padding:18px 0;min-height:0;border-top-width:1px}
 #whc-client-results .index-label{margin-bottom:5px}
 #whc-client-results .case-feature{padding:44px 0}
 #whc-client-results .case-feature h2{margin-bottom:26px}
 #whc-client-results .case-testimonial blockquote{font-size:27px}
 #whc-client-results .case-brief li{font-size:18px}
 #whc-client-results .case-brief{margin-top:30px}
 #whc-client-results .text-action{font-size:18px;gap:16px}
 #whc-client-results .client-voices h2{margin-bottom:26px}
 #whc-client-results .voices-grid blockquote{font-size:27px}
 #whc-client-results .closing h2{font-size:48px}
}
@container(max-width:360px){#whc-client-results .masthead .wordmark{font-size:16px;letter-spacing:.01em}}
@media(min-width:1100px){#whc-client-results .masthead,#whc-client-results .site-footer{padding-left:max(42px,calc(50vw - 680px));padding-right:max(42px,calc(50vw - 680px))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#whc-client-results *{transition:none!important}}
